/* 
原始版本(http://dc.udn.com/meiji/TEK1510F0005/udnfamily/udnfamily_right_short.html)要套在udndata上必須修改兩處：
1.#header_head的height由22px改為20px
2.#header_head_wrapper的width由1200px改為724px
*/

#header_head{
	background:#f5f5f5;
	color:#b4b4b4;
	font-size:12px;
	height:20px;
	line-height:22px
}
dl,dt{
	padding:0;
	margin:0
}
#header_head.short{
	background:none
}
#header_head a{
	font-family:Helvetica,Arial,"LiHei Pro","新細明體",PMingLiU,sans-serif;
	line-height:22px;
	display:inline-block;
	overflow:hidden;
	margin:0 16px 0 0;
	text-decoration:none;
	height:auto;
	padding:0;
	color:#606060;
}
#header_head a.sp{
	color:#d64937
}
#header_head a:hover{
	text-decoration:underline
}
#header_head_wrapper{
	position:relative;
	width:724px;
	margin:auto
}
#header_head.short .only_1280{
	display:none
}
#header_head.short .only_1024{
	display:block
}
#header_head_fun{
	display:inline-block;
	float:right;
}
#header_head_fun > span{
	display:inline-block;
	overflow:hidden
}
#header_head_fun > a{
	position:relative;
	margin:0 12px 0 0;
	color:#606060;
	background:url("http://udn.com/static/img/udnfamily_icons.png") no-repeat 30px 0
}
#header_head_fun a#rss{
	padding:0 0 0 18px;
	background-position:-518px -15px
}
#header_head_fun a#apps{
	padding:0 0 0 20px;
	background-position:-515px -65px
}
#header_head_fun a#fans{
	padding:0 0 0 19px;
	background-position:-517px -115px
}
#header_head_fun a#temporary{
	padding:0 0 0 19px;
	background-position:-518px -165px
}
#header_head_fun a#family{
	padding:0 0 0 21px;
	background-position:-515px -215px
}
#header_head_fun a#log{
	padding:0 0 0 19px;
	margin:0;
	background:url("http://udn.com/static/img/udnfamily_icons.png") no-repeat -516px -265px
}
#header_head_fun .channel{
	position:absolute;
	display:none;
	top:22px;
	right:0;
	width:553px;
	margin:0;
	padding:8px 16px 16px;
	border-top:5px solid #666;
	background:#fff;
	z-index:88889;
	box-shadow:0 3px 3px rgba(0,0,0,0.8);
}
#header_head_fun .channel a{
	position:relative;
	float:left;
	width:79px;
	height:25px;
	padding-top:47px;
	margin:0 0 10px;
	color:#222;
	text-align:center;
	text-decoration:none;
}
#header_head_fun .channel a b{
	position:absolute;
	display:block;
	top:0;
	left:15px;
	width:50px;
	height:47px;
	margin:auto;
	background-image:url("http://udn.com/static/img/udnfamily_icons.png")
}
#header_head_fun .channel > a#family.family_toggle{
	background-color:#666;
	color:#fff
}
#header_head_fun .channel > a#family{
	padding:0 0 0 21px;
	background-position:-182px -316px
}
#header_head_fun .channel.channel_toggle{
	display:block
}
	.only_1024,.only_768{
	display:none
}
@media (max-width:1216px){
	.only_1280{
		display:none
	}
	.only_1024{
		display:block
	}
	#header_head_wrapper{
		width:1000px
	}
}
@media (max-width:1016px){
	.none_768{
		display:none
	}
	.only_768{
		display:block
	}
	#header_head_wrapper{
		width:750px
	}
}
@media (max-width:767px){
	#header_head_wrapper{
		width:100%
	}
}
@media (max-width:640px){
	#header_head{
		display:none
	}
}
#header_family{
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
#header_family dt{
	position:relative;
	float:left
}
#header_family dl dl{
	display:none;
	position:absolute;
	top:22px;
	left:-14px;
	overflow:hidden;
	z-index:88889;
	border-left:solid 5px #f2f2f2;
	border-right:solid 5px #f2f2f2;
	border-bottom:solid 4px #f2f2f2;
}
#header_family dl dl dt a{
	width:70px;
	margin:0;
	display:block;
	position:relative;
	text-align:left;
	padding:4px 10px;
	background-color:#fff;
	border-bottom:solid 1px #f2f2f2
}
.udnfamily_right dl{
	float:right
}
@media (max-width:1016px){
	#header_family dl dl{
		width:270px;
	}
	#header_family dl dl dt a{
		padding:15px 10px !important
	}
	.udnfamily_right #header_family dl dl{
		left:-223px
	}
}
/*# sourceMappingURL=udnfamily.css.map */
/*# sourceMappingURL=udnfamily.css.map */

.not-active {
   pointer-events: none;
   cursor: default;
}