@charset "UTF-8";

/*********************************************************************
*	leaf
*********************************************************************/

#mainContents #article{
	width:500px;
	*overflow:hidden;
}


/* articleTitleBox */
#mainContents .articleTitleBox{
  display:block;
  margin:0 0 15px 0;
  /* overflow:hidden; */
}
#mainContents .articleTitleBox .titleWrap{
  display:block;
  overflow:hidden;
  border-left:none;
  padding-left:0;
}
#mainContents .articleTitleBox .kijiTheme a,
#mainContents .articleTitleBox .kijiTheme span{
	display:inline-block;
	*display:inline;
	*zoom:1;
	background:#2F589E;
	font-size:85%;
	font-weight:bold;
	color:#fff;
	padding:4px 10px;
}


#mainContents .articleTitleBox .listLink {
	background:url(/images/n/techon/2014/linkbtn_bg_right.gif) right top no-repeat;
	display: inline-block;
	*display:inline;
	*zoom:1;
}
#mainContents .articleTitleBox .listLink a {
	display: block;
	font-size: 13px;
	line-height: 26px;
	padding: 0 10px 0 20px;
	color: #555;
	background:url(/images/n/techon/2014/linkbtn_bg_left.gif) left top no-repeat;
}
#mainContents .articleTitleBox .listLink a:hover, .listLink a:visited:hover {
	color: #F56E00;
	text-decoration: none;
}
#mainContents .articleTitleBox .listLink {
	float:right;
	text-align:right;
}
#mainContents .articleTitleBox .releaseLink {
	float:right;
	text-align:right;
}




#mainContents .articleTitleBox h1{
	display:block;
	clear:both;
	padding:10px 0 5px 0;
	font-size:140%;
}
#mainContents .articleTitleBox h1 a{
	color:#333;
}
#mainContents .articleTitleBox h1.colmnImg{
	display:block;
	clear:left;
	float:left;
	padding:0;
}
#mainContents h1 .s_text{
	font-size:75%;
	margin:0 0 0 5px;
}
#mainContents h1 .pageNum{
	font-size:65%;
	color:#666;
}
#mainContents .articleTitleBox h2{
	display:block;
	font-weight:normal;
}
#mainContents .infoWrap{
	margin:15px 0 0 0;
	width: 500px;
	overflow:hidden;
	*zoom:1;
	font-size:80%;
	line-height: 1.4;
}
#mainContents .infoWrap .author{
	float:left;
}
#mainContents .infoWrap .date{
	float:right;
}
#mainContents .infoWrap .titleOnMedia{
	display:block;
	clear:both;
	padding:10px 0 0 0;
	color: #888;
}

/* toolBoxBar */
#mainContents #toolBoxBar{
	display:block;
	padding:10px 0 0 0;
	*zoom:1;
}
#mainContents #toolBoxBar .tool{
	float:left;
	margin:0 8px 0 0;
}
#toolBoxBar #toolFacebook{
	*width:100px;
	*overflow:hidden;
}
#toolBoxBar #toolFacebook .fb-like iframe,
#toolBoxBar #toolFacebook .item-facebook-like iframe{
	max-width:none !important;
	z-index:99999;
}
#toolBoxBar #toolTwitter{
	width:90px;
	overflow:hidden;
}
#mainContents #toolBoxBar .pdf,
#mainContents #toolBoxBar .print{
	float:right;
	margin:0 0 0 8px;
}
#mainContents #toolBoxBar .print a:hover{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background-position:left -20px;
}
#mainContents #toolBoxBar:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html body #mainContents #toolBoxBar {height: 1%;}
*:first-child+html #mainContents #toolBoxBar {height: 1%;}


/*********************************************************************
*  BP common tags
*********************************************************************/
#mainContents #kiji{
	display:block;
	overflow:hidden;
	margin:27px 0 0 0;
	font-size:105%;
	line-height:1.6;
}

#mainContents #kiji a{
	text-decoration:none;
}
#mainContents #kiji a:visited{
	color:#103269;
}
#mainContents #kiji a:hover{
	color:#ea7a2a;
	text-decoration:underline;
}
#mainContents #kiji a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

/* title */
#mainContents #kiji h3{
	clear:both;
	margin:0 0 25px 0;
	font-size:115%;
	border-top:1px solid #cbd2da;
	border-right:1px solid #cbd2da;
	border-left:5px solid #184793;
	border-bottom:2px solid #184793;
	background:#f3f6f9;
	line-height: 1.4;
	padding: 7px 10px 6px;
}
#mainContents #kiji h4{
	border-left:5px solid #184793;
	padding:0 0 0 8px;
	margin:0 0 20px 0;
	overflow:hidden;
}
#mainContents #kiji h5{
	margin:0 0 20px 0;
	color:#094b8e;
}
#mainContents #kiji p{
	margin:0 0 20px 0;
}

/* bplead */
#mainContents #kiji .bplead{
	display:block;
	font-weight:bold;
	color:#444;
	margin:0 0 30px 0;
}

/* bpquestion */
#mainContents #kiji .bpquestion{
	font-weight:bold;
	color:#4f3924;
}

/* bpanswer */
#mainContents #kiji .bpanswer{
}

/* bpimage_image */
#mainContents #kiji .bpimage_image{
}
#mainContents #kiji .bpimage_title{
	font-size:80%;
	line-height:1.4;
	font-weight:bold;
	text-align:left;
	padding:5px 5px 0px 5px;
}
#mainContents #kiji .bpimage_caption{
	font-size:75%;
	line-height:1.4;
	text-align:left;
	padding:2px 5px 0 5px;
}
#mainContents #kiji .bpimage_click{
	font-size:70%;
	line-height:1.4;
	text-align:left;
	color:#;
	padding:2px 5px 4px 5px;
	color:#13538f;
}

/* bpimage_right */
#mainContents #kiji .bpimage_right{
	float:right;
	margin:0 0 10px 15px;
	clear:both;
}

/* bpimage_left */
#mainContents #kiji .bpimage_left{
	float:left;
	margin:0 20px 10px 0;
	clear:both;
}

/* bpbox_center */
#mainContents #kiji .bpbox_center{
	display:block;
	margin:20px auto 30px auto;
	clear:both;
	text-align:center;
	overflow:hidden;
	*zoom:1;
  width:500px;
}
#mainContents #kiji .bpimage_center{
	margin:0 auto;
	clear:both;
	display:inline-block;
	*display:inline;
	*zoom:1;
}

/* bpimage_caption_right */
#mainContents #kiji .bpimage_caption_right{
	display:block;
	margin:20px auto 30px auto;
	clear:both;
	overflow:hidden;
	*height:1%;
}
#mainContents #kiji .bpimage_caption_right:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#mainContents #kiji .bpimage_caption_right .bpimage_left{
	margin:0 10px 0 0;
}
#mainContents #kiji .bpimage_caption_right .bpimage_image{
	margin:0;
}
#mainContents #kiji .bpimage_caption_right .bpimage_title,
#mainContents #kiji .bpimage_caption_right .bpimage_caption,
#mainContents #kiji .bpimage_caption_right .bpimage_click{
	padding-left:0;
	padding-right:0;
}

/* bpimage_double */
#mainContents #kiji .bpimage_double{
	display:block;
	clear:both;
	overflow:hidden;
	*zoom:1;
}
#mainContents #kiji .bpimage_double .bpimage_left{
	margin:0;
	clear:none;
}
#mainContents #kiji .bpimage_double .bpimage_right{
	margin:0;
	clear:none;
}
#mainContents #kiji .bpimage_double .bpimage_image{
	margin:0 0 5px 0;
}
#mainContents #kiji .bpimage_double .bpimage_title,
#mainContents #kiji .bpimage_double .bpimage_caption,
#mainContents #kiji .bpimage_double .bpimage_click{
	padding:0 5px 2px 5px;
	clear:both;
}
#mainContents #kiji .bpimage_double .bpimage_click{
	padding:0 5px 4px 5px;
}


/* bpimage_triple */
#mainContents #kiji .bpimage_triple{
	display:block;
	clear:both;
	overflow:hidden;
	*zoom:1;
}
#mainContents #kiji .bpimage_triple .bpimage_wrap{
	float:left;
	margin:0;
}
#mainContents #kiji .bpimage_triple .bpimage_wrap .bpimage_left{
	margin:0;
	clear:none;
}
#mainContents #kiji .bpimage_triple .bpimage_wrap .bpimage_center{
	float:right;
	clear:none;
	margin:0;
}
#mainContents #kiji .bpimage_triple .bpimage_right{
	margin:0;
	clear:none;
}
#mainContents #kiji .bpimage_triple .bpimage_image{
	margin:0 0 5px 0;
}
#mainContents #kiji .bpimage_triple .bpimage_title,
#mainContents #kiji .bpimage_triple .bpimage_caption,
#mainContents #kiji .bpimage_triple .bpimage_click{
	padding:0 5px 2px 5px;
}
#mainContents #kiji .bpimage_triple .bpimage_click{
	padding:0 5px 4px 5px;
}

/* bpbox_right */
#mainContents #kiji .bpbox_right{
	margin:0 0 0 15px;
	float:right;
}
#mainContents #kiji .bpbox_left{
	margin:0 20px 0 0;
	float:left;
}
#mainContents #kiji .bpimage_set{
	clear:both;
	margin:0 0 20px 0;
}

/* bptable */
#mainContents #kiji .bptable{
	display:block;
	margin:20px auto 30px auto;
	clear:both;
	overflow:hidden;
	*zoom:1;
}
#mainContents #kiji .bptable_title{
	font-weight:bold;
	font-size:80%;
	line-height:1.4;
	margin:3px 0;
}
#mainContents #kiji .bptable_caption{
	font-size:80%;
	line-height:1.4;
	margin:3px 0;
}
#mainContents #kiji .bptable table{
	border-collapse:collapse;
	border:1px solid #ccc;
	margin:3px 0;
}
#mainContents #kiji .bptable table th{
	padding:3px 6px;
	font-weight:bold;
	background-color:#EAEFF5;
	border:1px solid #ccc;
	font-size:80%;
	line-height:1.4;
}
#mainContents #kiji .bptable table td{
	padding:3px 6px;
	background-color:#fff;
	border:1px solid #ccc;
	font-size:80%;
	line-height:1.4;
}

/* bpprofile_profile */
#mainContents #kiji .bpprofile,
#mainContents #kiji .bpprofile_photo{
	clear:both;
	border:1px solid #ccc;
	margin:0 10px 20px 10px;
	font-size:80%;
	line-height:1.4;
	overflow:hidden;
	*zoom:1;
}
#mainContents #kiji .bpprofile .bpprofile_profile{
	font-weight:bold;
	padding:4px 10px 0 10px;
}
#mainContents #kiji .bpprofile_position{
	font-weight:bold;
}
#mainContents #kiji .bpprofile .bpprofile_name,
#mainContents #kiji .bpprofile_photo .bpprofile_name{
	font-size:110%;
}
#mainContents #kiji .bpprofile_text{
	padding:5px 10px 10px 10px;
	overflow:hidden;
	*height:1%;
}
#mainContents #kiji .bpprofile_text img{
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

/* bpprofile_profile */
#mainContents #kiji .bpprofile_photo .bpprofile_profile{
	font-weight:bold;
	padding:4px 8px;
}

/* bpinterview */
#mainContents #kiji .bpinterview{
	margin:0 10px 20px 10px;
	border:1px solid #ccc;
	font-size:80%;
	line-height:1.4;
}
#mainContents #kiji .bpinterview_profile{
	padding:6px 12px 2px 12px;
	background-position:left center;
}
#mainContents #kiji .bpinterview_position{
	font-weight:bold;
}
#mainContents #kiji .bpinterview_name{
	font-weight:bold;
	font-size:110%;
}
#mainContents #kiji .bpinterview_text{
	text-align:left;
	padding:5px 12px;
	margin:0 0 10px 0;
}

/* bpbox */
#mainContents #kiji .bpbox{
	clear:both;
	font-size:90%;
	line-height:1.6;
	margin:30px 5px;
	padding:20px;
	border:1px dotted #aaa;
	background:#f7f7f7;
	text-align:left;
	overflow:hidden;
	*zoom:1;
}
#mainContents #kiji .bpbox .bpbox_title{
	margin:0 0 10px 0;
	text-align:left;
	font-size:120%;
	line-height:1.4;
	font-weight:bold;
}
#mainContents #kiji .bpbox .bpbox_text{
	color:#333;
	margin:0;
	text-align:left;
	line-height:1.6;
	overflow:hidden;
	*zoom:1;
}

/* bpbox2 */
#mainContents #kiji .bpbox2{
	clear:both;
	font-size:90%;
	line-height:1.6;
	margin:30px 5px;
	border:3px solid #ccdaee;
	background:#ccdaee;
	text-align:left;
	overflow:hidden;
	*zoom:1;
}
#mainContents #kiji .bpbox2 .bpbox_title{
	margin:5px 10px;
	text-align:left;
	font-size:120%;
	line-height:1.4;
	font-weight:bold;
}
#mainContents #kiji .bpbox2 .bpbox_text{
	color:#333;
	background:#fff;
	margin:0;
	text-align:left;
	line-height:1.6;
	padding:10px;
	clear:both;
	overflow:hidden;
	*zoom:1;
}

/* bpbox3 */
#mainContents #kiji .bpbox3{
	clear:both;
	font-size:90%;
	line-height:1.6;
	margin:30px 5px;
	padding:20px;
	border:1px dotted #4c4c4c;
	background:#ccdaee;
	text-align:left;
	overflow:hidden;
	*zoom:1;
}
#mainContents #kiji .bpbox3 .bpbox_title{
	margin:0 0 10px 0;
	text-align:left;
	font-size:120%;
	line-height:1.4;
	font-weight:bold;
}
#mainContents #kiji .bpbox3 .bpbox_text{
	color:#333;
	margin:0;
	text-align:left;
	line-height:1.6;
	overflow:hidden;
	*zoom:1;
}

/* bpbox4 */
#mainContents #kiji .bpbox4{
	clear:both;
	font-size:90%;
	line-height:1.6;
	margin:30px 5px;
	border:3px solid #eee;
	background:#eee;
	text-align:left;
	overflow:hidden;
	*zoom:1;
}
#mainContents #kiji .bpbox4 .bpbox_title{
	margin:5px 10px;
	text-align:left;
	font-size:120%;
	line-height:1.4;
	font-weight:bold;
}
#mainContents #kiji .bpbox4 .bpbox_text{
	color:#333;
	background:#fff;
	margin:0;
	text-align:left;
	line-height:1.6;
	padding:10px;
	overflow:hidden;
	*zoom:1;
}
#mainContents #kiji .bpbox4 .bpbox_text p {
	margin:0 0 4px 0;
 }

/* bpframe */
#mainContents #kiji .bpframe{
	clear:both;
	font-size:90%;
	line-height:1.6;
	margin:30px 5px;
	padding:20px;
	border:1px dotted #4c4c4c;
	text-align:left;
	overflow:hidden;
	*zoom:1;
}
#mainContents #kiji .bpframe .bpbox_title{
	margin:0 0 10px 0;
	text-align:left;
	font-size:120%;
	line-height:1.4;
	font-weight:bold;
}
#mainContents #kiji .bpframe .bpbox_text{
	color:#333;
	margin:0;
	text-align:left;
	line-height:1.6;
	overflow:hidden;
	*zoom:1;
}

/* bpcode */
#mainContents #kiji .bpcode{
	clear:both;
	font-size:75%;
	line-height:1.4;
	margin:20px 5px;
	text-align:left;
	background:#f7f7f7;
	padding:10px;
}
#mainContents #kiji .bpcode pre{
	margin:10px;
}
#mainContents #kiji .bpcode pre code{
	margin:0px;
}

/* bpcode2 */
#mainContents #kiji .bpcode2{
	background:#dff1e5;
	clear:both;
	font-size:75%;
	line-height:1.4;
	margin:20px 5px;
	color:#000000;
	text-align:left;
	padding:10px;
}
#mainContents #kiji .bpcode2 pre{
	margin:10px;
}
#mainContents #kiji .bpcode2 pre code{
	margin:0px;
}

/* #kiji hr */
#mainContents #kiji hr{
	color:#ccc;
	background:#ccc;
	height:2px;
	border-style:dotted;
	margin:2em 45px;
}

/* bpteisei */
#mainContents #kiji .bpteisei_box{
	border:1px solid #ccc;
	padding:5px 30px;
	clear:both;
	font-size:80%;
	line-height:1.4;
	margin:20px 5px;
}
#mainContents #kiji .bpteisei{
	margin-left:auto;
	padding:5px;
	color: #666;
	text-align:left;
}

/* bpreference */
#mainContents #kiji .bpreference,
#mainContents #kiji .bpannotation,
#mainContents #kiji .bpword,
#mainContents #kiji div.mediaSource{
	/* border:1px solid #ccc; */
	padding:5px 30px;
	margin:20px 5px;
	font-size:85%;
}


/*********************************************************************
*  nextPageBtn
*********************************************************************/
#mainContents .pagingBox{
	margin:0 auto 30px auto;
}
#mainContents .nextPageBtn{
	text-align: center;
	margin:20px auto 0 auto;
}
#mainContents .nextPageBtn p{
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 auto;
	border:1px solid #d8d8d8;
	background-color: #f7f7f7;
	padding:10px 15px 9px;
}
#mainContents .nextPageBtn span {
	color:#2f589e;
}
#mainContents .nextPageBtn a{
	color:#2F589E;
	font-weight:bold;
	line-height:1.3;
	text-align:left;
	padding-left: 15px;
	*display:inline;
	*zoom:1;
}
#mainContents .nextPageBtn a:hover {
	color:#f56e00;
	text-decoration: none;
}



/*********************************************************************
*  relatedLink
*********************************************************************/
#mainContents #relatedLink{
	display:block;
	clear:both;
	margin:30px auto;
	font-size:90%;
	line-height:1.4;
}
#mainContents #relatedLink h5{
	display:block;
	clear:both;
	margin:0 0 15px 0;
	font-size: 16px;
}
#mainContents #relatedLink li{
	margin:0 0 5px 0;
	display:block;
	background:url(/images/n/techon/2014/icon_01.gif) left 5px no-repeat;
	padding:0 0 0 10px;
}
#mainContents #relatedLink li .date{
	color:#999;
	font-size:90%;
	line-height:1.4;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0 0 5px;
}



/*********************************************************************
*	related
*********************************************************************/
#mainContents .related{
	display:block;
	clear:both;
	margin:30px auto;
	font-size:90%;
	line-height:1.4;
}
#mainContents .related h5{
	clear:both;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 0 15px 0;
	font-size: 16px;
	padding-right: 20px;
}
#mainContents .related li{
	margin:0 0 10px 0;
	display:block;
	background:url(/images/n/techon/2014/icon_01.gif) left 5px no-repeat;
	padding:0 0 0 10px;
}
#mainContents .related li .category{
	display:block;
	font-size:90%;
	line-height:1.4;
}


/*********************************************************************
*  listContentsBox
*********************************************************************/

#mainContents #kiji .listContentsBox{
	border:none;
}
#mainContents #kiji .listContentsBox ul{
	padding:0 0 0 10px;
}
#mainContents #kiji .listContentsBox li{
	padding:4px 0 0px 0;
	line-height:1.4;
	background:none;
	border-top:1px dotted #ccc;
}
#mainContents #kiji .listContentsBox li .title{
	font-size:96%;

}


/*********************************************************************
*  org
*********************************************************************/

#mainContents #kiji sup,
#mainContents #kiji sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;

}

#mainContents #kiji sup {
    bottom: .5ex;
}

#mainContents #kiji sub {
    top: .3ex;
}

#mainContents #kiji span.z {
	font-weight:bold; font-size:94%;
}

#mainContents #kiji ul.tocList {
	padding:0 0 0 10px;
}
#mainContents #kiji ul.tocList li {
	padding:6px 0 4px 0;
	line-height:1.4;
	background:none;
	border-top:1px dotted #ccc;
}

#mainContents #kiji dl.column-hit { clear:both; margin:10px 0; }
#mainContents #kiji dl.column-hit dt,dd {
	margin: 0;
	padding: 0;
}

#mainContents #kiji dl.column-hit dt,dd {
	padding: 3px;
}

#mainContents #kiji dl.column-hit dt {
	clear: left;
	float: left;
	width: 60px;
	font-weight:bold;
}

#mainContents #kiji dl.column-hit dd {
	background: #fff;
	margin-left: 60px;
}


/*********************************************************************
*  for older leafs
*********************************************************************/
#mainContents #kiji iframe,
#mainContents #kiji object{
	max-width:500px;
}