/*#topName{ overflow:hidden; margin-top:4px; *margin-top:3px; _margin-top:3px; float:left;}
#topNameA{ background: url('/img/icon/th_4L.gif') no-repeat; width:28px; height:31px; float:left;}
#topNameB{background: url('/img/icon/th_4R.gif') no-repeat; width:28px; height:31px; float:left;}
#name1{ width:774px; float:left; color:White; text-align:center; font-size:18px; font-weight:bold; margin:0px; line-height:31px; background: url('/img/icon/th_4M.gif') repeat-x;}*/
/*#IndexLv1, #IndexLv2 {background: url('/img/icon/arrow/r1.gif') no-repeat left; padding-left:18px;}*/

#exfile2 li{background: url('/img/icon/pdf_mini.gif') no-repeat left; padding:8px 28px; display:block; list-style-type:none;}
/*#exfile2 { float:left;}*/

body table{ text-align:left;}
body th { text-align:center;}

/*body hr{height:1px; float:left; background-color:#CCCCCC; border-style:none; margin:0px; padding:0px;}*/
/*body p{ margin:25px; padding:0px;}*/

/*Devkit list Style*/
.DLS1{ list-style-type:none; margin-top:5px;}
.DLS1 li{ background-image:url('/img/icon/arrow/dot1.gif'); background-position:left 5px; background-repeat:no-repeat; padding-left:10px; margin-left:-20px;}

/*selection table style*/
.slecTable{/*border:1px solid #A7C2C9;*/ padding:20px; }
.slecTable table{width:780px; border-collapse:collapse; margin-bottom:35px;}
.slecTable th{background-color:#64abcc; border:1px solid #ddd; color:white;}
.slecTable td{border:1px solid #ddd; text-align:center}

.tsA1, .tsA2, .tsA3{background-color:#fff; cursor:default;}/* 第一行的背景色 */
.tsB1, .tsB2, .tsB3{background-color:#f8f8ff; cursor:default;}/* 第二行的背景色 */
.tsC1, .tsC2, .tsC3{background-color:#eee; cursor:default;}/* 鼠标经过时的背景色 */
.tsD1{background-color:#fbf7f4; width:120px;}/* tabSty_1左边第一列 */
.tsD2{background-color:#fbf7f4; width:70px;}/* tabSty_2左边第一列 */
.tsE2{background-color:#fbf7f4; width:110px;}/* tabSty_2左边第二列 */
.tsD3{background-color:#fbf7f4; width:90px;}/* tabSty_3左边第一列 */
.tsE3{background-color:#fbf7f4; width:30px;}/* tabSty_3左边第二列 */

.fixedLayer{
		z-index:9;
		left:50%;
		top:142px;
		margin-left:518px;
		width:94px;
		border:1px solid #a7c2c9;
		background:url(/img/icon/detail.gif) no-repeat right;
		padding:2px;
		text-align:left;
		overflow:hidden;
		position:fixed;
		_position:absolute; 
		_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop);	
	}
.fixedLayer a{text-decoration:none; display:block;}

/*development kit column style*/
.titleNote{color:#A7C2C9;font-weight: bold; }
.note1{color:red;}
.note2{color:#93C;}
.note3{color:green;}
.note4{color:gray;}
.note7{color:#1000FF;}
#notice{color:red; height:20px; margin-bottom:20px; padding-left:10px;}
.divClear{clear:both; visibility:hidden;}

.devColumn, .devGridView{ /*border:1px solid #A7C2C9;*/ padding:20px; }

.introText{
	/*width:550px;*/
	border:solid 1px #ddd;
	border-collapse:collapse;
	border-spacing:0px;
	padding:2px;
	color:#696969;
}

/* 老布局 */
.devColumn h2{margin:0px 0px -5px 10px; padding-top:20px; color:#56641d;}
.devColumn h3 {color:#0742B8; font-size:14px; line-height:25px; margin:0px;}
.devColumn h3 a {font-weight:normal; color:blue; text-decoration:none;}
.devColumn h3 span {font-weight:normal; color:#483D8B; text-decoration:none;}
.devColumn h3 a:hover {color:red; text-decoration:underline;}

.devColumn .itemField{width:780px; overflow:hidden;}

.devColumn .partNumber{text-decoration:none; color:#0742B8; font-weight:bold; font-size:14px; line-height:25px;}
.devColumn .subTitle{font-size:12px; font-weight:normal;}

.devColumn .devPhoto{float:left; text-align:center; color:#6a6a6a; width:150px;}

.devColumn .devIntro{float:left; padding-left:0px 5px 0px 5px; line-height:150%; width:550px;}
.devColumn .devIntro h3{margin:0px;}
.devColumn .pkgComparingTable{ width: 490px; margin-bottom: 1em; border-collapse: collapse; box-shadow: 1px 1px 3px #ccc; }
.devColumn .pkgComparingTable th, .pkgComparingTable td{ padding: 0.3em; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.devColumn .pkgComparingTable th{ width: 1em; color: #fff; font-weight: normal; }
.devColumn .pkgComparingTable td{ vertical-align: center; }
.devColumn .pkgComparingTable td:last-child{ border-right: solid 1px #ddd; }
.devColumn .pkgComparingTable ul{ margin: 0; padding: 0; list-style: none; }

.devColumn .pkgComparingTable1{ width: 490px; margin-bottom: 1em; border-collapse: collapse; box-shadow: 1px 1px 3px #ccc; }
.devColumn .pkgComparingTable1 th, .pkgComparingTable1 td{ padding: 0.3em; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; }
.devColumn .pkgComparingTable1 th{ width: 3.3em; color: #fff; font-weight: normal; }
.devColumn .pkgComparingTable1 td{ vertical-align: center; }
.devColumn .pkgComparingTable1 td:last-child{ border-right: solid 1px #ddd; }
.devColumn .pkgComparingTable1 ul{ margin: 0; padding: 0; list-style: none; }

.devColumn .pkgS{ background: #a4a4d9; }
.devColumn .pkgSA{ background:#9191ce; }
.devColumn .pkgSB{ background:#8c8ccc; }
.devColumn .pkgA{ background: #8686cc; }
.devColumn .pkgB{ background: #6a6ac1; }
.devColumn .pkgC{ background: #5353a7; }

.devColumn .marqueeBar{width:85%; color:green;}
.devColumn .ulStyle{margin-top:0px; margin-bottom:0px;}
.devColumn .content{width:95%; color:#666;}
.devColumn .content th, .content td{border:solid 1px #ddd; padding:2px 5px; vertical-align:top;}
.devColumn .content th{background-color:#F8F8FF; color:#483D8B; font-weight:normal; text-align:left; width:75px;}
.devColumn .content ul{
	margin:0px;
	padding-left:16px;
	padding-left:13px\9;
	*padding-left:16px;
}

.devColumn .price{float:left; line-height:150%; width:70px; color:green;}
.devColumn .price2{float:none; line-height:150%; width:100px; color:green;}
.devColumn .price span{font-size:14px; color:#ff2900; font-weight:bold;}  /*#ff2900*/

/* 网格布局 */
.devGridView{ background: #fff; }
.devGridView a{ text-decoration: none; }

.devGridView .naviList{ margin: 0; padding: 0; list-style: none; }
/*.devGridView .naviList li{ float: left; font-size: 1.3em; font-weight: bold; margin: 5px; padding: 5px 10px; background: #339933; *white-space:nowrap; }*/

.devGridView .naviList li{ float: left; font-size: 1.3em; font-weight: bold; margin: 5px; padding: 5px 10px; border: solid 1px #083996; *white-space:nowrap; }

.devGridView .naviList li span{ font-weight: normal; }
/*.devGridView .naviList a{ color: #fff; }*/
.devGridView .naviList a{ color: #083996; }

.devGridView .categoryGroupHeader{ padding: 1em 0; margin: 0; }
/*.devGridView .categoryGroupHeader:hover{ background: #efefef; }*/
.devGridView .categoryGroupHeader .categoryGroupName,
.devGridView .categoryGroupHeader .categoryGroupTabWrap,
.devGridView .categoryGroupHeader .categoryTab
{
	display: inline-block;
	vertical-align: top;
}

.devGridView .categoryGroupHeader .categoryGroupName
{
	padding: 0.5em 0.3em;
	width: 5.5em;
	font-weight: bold; font-size: 1.5em;
	/*background: #4682b4; color: #fff;
	border: solid 1px #4682b4;*/
    background: #efefef; border-left: solid 0.5em #64abcc;
	text-align: center;
}
.devGridView .categoryGroupHeader .categoryGroupTabWrap
{
	width: 652px;
}
.devGridView .categoryGroupHeader .categoryTab
{
	margin: 0 0 1em 0.6em; padding: 0.8em;
	border: dashed 1px #999;
	cursor: pointer;
}
.devGridView .categoryGroupHeader .selectedTab{ border: solid 3px #f00; }
.devGridView .categoryWrap
{
	overflow: hidden;
	margin: 0 0 3em; padding: 1em 0;
	/*background: #efefef;*/
}
.devGridView .cell 
{
	background: #fff; position: relative; float: left; 
	width: 150px; padding: 0 10px 5px; margin: 12px 24px 12px 0;
	border: solid 1px #ddd;
	-webkit-box-shadow: rgba(90, 73, 186, 0.3) 0px 0px 6px;
	-moz-box-shadow: rgba(90, 73, 186, 0.3) 0px 0px 6px;
	box-shadow: rgba(90, 73, 186, 0.3) 0px 0px 6px;
}
.devGridView .cell:hover{ border-color: #6c69de; }
.devGridView .productImg{ display: block; margin: auto; }
.devGridView .partNumber{ height: 1.4em; overflow: hidden; margin-bottom: 7px; border-bottom: solid 1px #ccc; }
.devGridView .price span{ color: #0038b2; font-weight: bold; font-size: 1.2em; }
.devGridView .resources{ position: absolute; right: 10px; bottom: 5px; }
.devGridView .tagIcon{ position: absolute; top: 0; left: 0; }
/*
.devGridView .overview{ position: absolute; left: 0; top: 0; width: 160px; background: rgba(128,128,128,.7); *background: #ddd; color: #fff; visibility: hidden; padding: 5px; }
.devGridView .cell:hover .overview{ visibility: visible; }
*/

#naviSec{
	margin-left:10px;
	_margin-right:-10px
}
#naviSec a, #naviTable a{
	text-decoration:none;
	line-height:180%;
}
#naviSec div{
	float:left;
	margin-right:60px;
}
#naviSec h3{
	background:url(/img/icon/go_24.png) no-repeat;
	padding-left:24px;
	margin-left:-10px;
}
#naviSec ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#tipsImg{
	background-color:#005EA5;
	border:solid 1px #005EA5;
	color:white;
	display:none;
	font-size:20px;
	font-weight:bold;
	line-height:150%;
	padding-top:10px;
	position:absolute;
	text-align:center;
	*white-space:nowrap;
}

#naviTable{
	background:url(/img/bg/naviTableBg.jpg) no-repeat;
	height:34px;
	padding:5px;
	margin:0px 0px 20px 10px;
	font-size:14px;
}
#naviTable a{
}
#naviTable a:hover{
	text-decoration:underline;
}
#naviTable ul{
	margin-top:0px;
	margin-bottom:0px;
}
#naviTable ul li{
	float:left;
	margin-right:30px;
}
#naviTable img{
	vertical-align:text-bottom;
}

.selectionGuideLink
{
	color: #4682b4;
	display: inline-block;
	margin: 0.5em 1em;
	padding: 0.2em 0.5em 0.2em 0;
	border: solid 1px #4682b4;
	text-decoration: none;
	font-weight: bold;
}
.selectionGuideLink span{ background: #4682b4; color: #fff; margin-right: 0.5em; padding: 0.2em 0.5em; }
.selectionGuideLink:hover{ color: #f00; }


/*item Wrap from wv-en, stm32_column*/
.itemWrapEN{
	width:780px;
	border:solid 1px #ddd;
	border-collapse:collapse;
	margin-bottom:20px;
}
.itemWrapEN th{
	height:20px;
	background-color:#F3F4F6;
	text-align:left;
}
.itemWrapEN td{
	border-top:solid 1px #ddd;
	padding:10px 0px;
}

.itemWrapCN{
	width:780px;
	border:solid 0px #FFF;
	border-collapse:collapse;
	margin-bottom:20px;
}
.itemWrapCN th{
	height:20px;
	background-color:#F3F4F6;
	text-align:left;
}
.itemWrapCN td{
	border-top:solid 1px #ddd;
	padding:10px 0px;
}


.introTextEN{
	width:550px;
	border:solid 1px #ddd;
	border-collapse:collapse;
	border-spacing:0px;
	color:#483d8b;
	font-family:"微软雅黑","Arial", "新宋体";
}
 .introTextEN th{
	width:100px;
	background-color:white;
	border:solid 1px #ddd;
	padding:1px 5px;
}
.introTextEN td{
	border:solid 1px #ddd;
	padding:1px 5px;
}
.introTextEN ul{
	margin:0px;
	padding-left:16px;
	padding-left:13px\9;
	*padding-left:16px;
}

.rotate-style {
    font-size:30px;
    font-family:Arial, Helvetica, sans-serif;
    /* Safari */
    -webkit-transform: rotate(-90deg);
    /* Firefox */
    -moz-transform: rotate(-90deg);
    /* Internet Explorer 滤镜写法*/
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 
}