/**頁籤樣式3**/
.navType3 {}
.navType3 a { padding:0 10px 0 0;}
.navType3 a.active { font-weight: bold; color: #F90; text-decoration:none}
.navType3 a.line { width:2px; border-right:#dddddd 1px solid; margin-right:10px; height:10px; display:inline-block; padding:0; }

/**頁籤樣式4**/
.navType4 { margin-bottom:10px; padding:0 15px;}
.navType4 a { padding:0 10px 0 0;}
.navType4 a.active { font-weight: bold; text-decoration:none}
.navType4 a.line { width:2px; border-right:#dddddd 1px solid; margin-right:10px; height:10px; display:inline-block; padding:0; }


/****************  hobby TAG  ****************/
.hobby .close{ background: url(http://img.ipimg.com/images/hobby/button_img.png) 0px 0px no-repeat; width:11px; height:13px;border:0;margin:0 0 0 3px;cursor: pointer; cursor: hand;}
.hobby span.hobbyTag { border:1px solid #e6e6e6;background:#ffffff;color:#a65353; padding:2px 8px 2px 3px;margin:2px 3px 2px 0px;text-decoration: none;display:inline-block;
	-webkit-border-radius: 20px;
       -moz-border-radius: 20px;
	        border-radius: 20px;
}
.hobby span.hobbyTag input { vertical-align:middle;}
.hobby a,
.hobbySelect a
{border:1px solid #FFBFCA; border-top:none; border-left:none; background:#ffefef;color:#a65353;padding:2px 8px 2px 3px;margin:2px 3px 2px 0px;text-decoration: none;display:inline-block;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	        border-radius: 20px;
}
.hobby span.space{border:1px solid #e6e6e6;background:#fff;color:#999;padding:2px 8px 2px 3px;margin:2px 3px 2px 0px;display:inline-block;text-decoration: none;
	-webkit-border-radius: 20px;
	   -moz-border-radius: 20px;
	        border-radius: 20px;
}
.hobby .add{ background: url(../images/hobby/button_img.png) -20px 0px no-repeat;width:13px;height:12px;border:0;margin:0;display:inline-block}

i.music,i.movie,i.fashion,i.sport,i.tour,i.job,i.game,i.hobbies,i.read,i.food,i.other,i.Unaudited{background: url(http://img.ipimg.com/images/hobby/button_img.png) no-repeat;width:18px;height:18px; display:inline-block; vertical-align:middle;}
i.music{ background-position: 0 -19px;}
i.movie{ background-position: 0 -34px;}
i.fashion{ background-position: 0 -50px;}
i.sport{ background-position: 0 -68px;}
i.tour{ background-position: 0 -83px;}
i.job{ background-position: 0 -99px;}
i.game{ background-position: 0 -115px;}
i.hobbies{ background-position: 0 -133px;}
i.read{ background-position: 0 -151px;}
i.food{ background-position: 0 -170px;}
i.other{ background-position: 0 -187px;}
i.Unaudited{background-position: -48px 2px;}
i.clip{width:160px;padding:5px 0;height:25px;text-overflow:ellipsis;overflow:hidden}

.hobbySelect a:hover { border:1px solid #FFBFCA;background:#fedddd; border-top:none; border-left:none;}
.hobbySelect a:hover i {background: url(http://img.ipimg.com/images/hobby/button_img.png) no-repeat;width:18px;height:18px;display:inline-block; vertical-align:middle;}
.hobbySelect a:hover i.music{ background-position: -17px -19px}
.hobbySelect a:hover i.movie{background-position: -17px -34px}
.hobbySelect a:hover i.fashion{ background-position: -17px -50px}
.hobbySelect a:hover i.sport{ background-position: -17px -68px}
.hobbySelect a:hover i.tour{ background-position: -17px -83px}
.hobbySelect a:hover i.job{ background-position: -17px -99px}
.hobbySelect a:hover i.game{ background-position: -17px -115px}
.hobbySelect a:hover i.hobbies{ background-position: -17px -133px}
.hobbySelect a:hover i.read{ background-position: -17px -151px} 
.hobbySelect a:hover i.food{ background-position: -17px -170px}
.hobbySelect a:hover i.other{ background-position: -17px -187px}

.hobby span.tagOn { border:1px solid #FFBFCA; border-top:none; border-left:none; background:#fb9b9b; color:#FFF;}
.hobby span.tagOn i { background: url(http://img.ipimg.com/images/hobby/button_img.png) 0 0 no-repeat;}
.hobby span.tagOn i.music{ background-position: -17px -19px}
.hobby span.tagOn i.movie{background-position: -17px -34px}
.hobby span.tagOn i.fashion{ background-position: -17px -50px}
.hobby span.tagOn i.sport{ background-position: -17px -68px}
.hobby span.tagOn i.tour{ background-position: -17px -83px}
.hobby span.tagOn i.job{ background-position: -17px -99px}
.hobby span.tagOn i.game{ background-position: -17px -115px}
.hobby span.tagOn i.hobbies{ background-position: -17px -133px}
.hobby span.tagOn i.read{ background-position: -17px -151px} 
.hobby span.tagOn i.food{ background-position: -17px -170px}
.hobby span.tagOn i.other{ background-position: -17px -187px}

.hobbySelect a.tagOn { border:1px solid #FFBFCA; border-top:none; border-left:none; background:#fb9b9b; color:#FFF;}
.hobbySelect a.tagOn i { background: url(http://img.ipimg.com/images/hobby/button_img.png) 0 0 no-repeat;}
.hobbySelect a.tagOn i.music{ background-position: -17px -19px}
.hobbySelect a.tagOn i.movie{background-position: -17px -34px}
.hobbySelect a.tagOn i.fashion{ background-position: -17px -50px}
.hobbySelect a.tagOn i.sport{ background-position: -17px -68px}
.hobbySelect a.tagOn i.tour{ background-position: -17px -83px}
.hobbySelect a.tagOn i.job{ background-position: -17px -99px}
.hobbySelect a.tagOn i.game{ background-position: -17px -115px}
.hobbySelect a.tagOn i.hobbies{ background-position: -17px -133px}
.hobbySelect a.tagOn i.read{ background-position: -17px -151px} 
.hobbySelect a.tagOn i.food{ background-position: -17px -170px}
.hobbySelect a.tagOn i.other{ background-position: -17px -187px}

/*興趣愛好通知*/
.tagUserList { padding:15px; border-bottom:#CCC 1px dashed;}
.tagUserList .tagUserPic { float:left; width:70px;}
.tagUserList .tagUserContent { padding-left:70px; width:680px;word-wrap: break-word; word-break: break-all;}
.tagUserList .tagUserContent .time { float:right; font-size:11px; color:#666;}

/*檔管頁興趣愛好*/
.fileDateBox {}
.fileDateBox .fileDateText { margin-bottom:10px;}
.fileDateBox .fileDateInterestWrap {}
.fileDateBox .fileDateIntLeft { float:left; margin-right:15px; width:320px; padding:5px 0px;}
.fileDateBox .fileDateIntRight { float:left; width:450px;}
.fileDateBox .inputBox { background-color: white;vertical-align: top;margin-bottom:10px;position: relative;}
.fileDateBox .inputBoxWrap { 
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #737373 lightGrey lightGrey #737373;
    border-style: solid;
    border-width: 1px;
    height: 16px;
    padding: 4px 4px 3px;
}
.fileDateBox .inputBox input { width:310px;background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    line-height: 16px !important;
    margin: 0 !important;
    outline: medium none !important;
    overflow: hidden;
    padding: 0 !important;
    z-index: 5;
}
.fileDateBox .inputBoxList { position:absolute; top:25px; left: 0px;}
.fileDateBox .inputBoxList ul {
	background-color: white;
    border-bottom: 1px solid #A3A3A3;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #A3A3A3;
    box-shadow: 1px 1px 2px -1px #8E8C8C;
	margin:0px;
	padding:0px;
	display:block;
	width:318px;
}
.fileDateBox .inputBoxList ul li { list-style:none; cursor: default;
    overflow: hidden;
    padding: 2px 3px 3px;
}
.fileDateBox .inputBoxList ul li:hover { background:#ffefef;}
.fileDateBox .inputBoxList ul li.addTag { padding:2px 5px 3px;}
.fileDateIntList {}
.fileDateIntList ul { margin:0px; padding:5px 0px 0px; position:relative;}
.fileDateIntList li { list-style:none; position:relative;}
.fileDateIntList li a { text-decoration:none;line-height:1.8em;  border-bottom:#CCC 1px dashed; display:block;}
.fileDateIntList li a.active { background:#ffefef;}
.fileDateIntList li.topFav a { padding-left:23px;}
.fileDateIntList li i { margin-right:5px;}
.fileDateIntList .moreTagBox { position:absolute; top:0px; right:0px; padding:5px; background:#ffefef; z-index:101;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;}
.fileDateIntList .moreTagList { width:180px; background:#FFF; border:#dddddd 1px solid;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.fileDateIntList .moreTagList div { }
.fileDateIntList .moreTagList div a { padding:2px 10px;border-bottom: 1px solid #DDDDDD; text-decoration:none; line-height:1.8em; display:block;}
.fileDateIntList .moreTagList div.more a { border-bottom:none;}

.fileDateBox .fileDateInterestWrap .regInterestOptionTitle {border-bottom:#F99 1px solid; font-size:15px; margin-bottom:10px;}
.fileDateBox .fileDateInterestWrap .regInterestOption { margin:0px 0px 20px; padding:0px;}
.fileDateBox .fileDateInterestWrap .regInterestOption li { list-style:none; float:left; line-height:2em; margin-right:5px;}