@charset "big5";

/* 01_首頁基本元素定義 */
body,h1,h2,h3,h4,h5,h6,form {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
body,input,select {
 font-family: Verdana, Arial, Helvetica;
}
body {
	font-size: 10pt;
	line-height: 140%;
	color: #444;
}
input,select {
	position: relative;
	vertical-align: bottom;
	*vertical-align: baseline;
	top: 2px;
	font-size: 9pt;
}
input.button {
	*height: 16pt;
	cursor: pointer;
}
input.radio {
	top: -3px;
	*top: 2px;
}
input.checkbox {
	top: 1px;
	*top: 2px;
}
a:link {
	color: #775022;
}
a:visited {
	color: #775022;
}
a:hover {
	color: #CC003E;
}
a:active {
	color: #CC003E;
}
img {
	border-width: 0px;
}
form label {
	cursor: pointer;
}

/* 04_Logo頁首 */
#HeadFrame {
	position: relative;
	margin: auto;
	width: 960px; height: 105px;
	clear: both;
}
#HeadFrame h1 {
	position: absolute;
	top: 10px;
	left: 0px;
}
#Favorites {
	position: absolute;
	top: 80px;
	left: 28px;
	font-size: 8pt;
	*font-size: 7pt;
}
#AdBanner_Gold {
	position: absolute;
	top: 8px;
	left: 215px;
}

/* 05_首頁導航條 */
#MenuFrame {
	position: relative;
	margin: auto;
	margin-bottom: 5px;
	background: url(http://img.ipimg.com/images2/index/menu_bg_9.gif) top center no-repeat;
	width: 980px;
	height: 88px;
	clear: both;
}
#MenuFrame ul {
	position: absolute;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	left: 100px;
	top: 25px;
}
#MenuFrame ul li {
	margin: 0px;
	float: left;
}
#MenuFrame ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	line-height: 100%;
	color: #FFF;
	width: 87px;
	padding: 5px 0px 8px 0px;
	*padding: 6px 0px 7px 0px;
}
#MenuFrame ul li a:hover {
	font-weight: bold;
}
#Login, #Welcome {
	position: absolute;
	left: 28px; bottom: 9px; *bottom: 8px;
}
#Register, #Logout {
	position: absolute;
	right: 22px; bottom: 9px; bottom: 5px\9; *bottom: 8px; /* 導航條右下文字列座標 */
}
#PluggerBar {
	position: relative;
	padding: 4px 0px 2px 0px;
	margin: auto;
	width: 950px;
	clear: both;
}

/* 06_版權頁尾 */
#SpeakOut {
	position: relative;
	margin: auto;
	padding-top: 15px;
	width: 960px;
	clear: both;
}
#CopyRight {
	position: relative;
 	position: relative /9;
 	*position: inherit;	
	background: url(http://img.ipimg.com/images2/index/tail_bg.gif) 0px 10px no-repeat;
	clear: both;
	padding: 30px 0px 10px 0px;
	margin: auto;
	width: 980px;
	text-align: center;
	clear: both;
}









.notip { position:absolute; top:75px;top:65px\9; *top:65px; left:5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { .notip { top:65px;} } /* chrome */


.chatroomtip { width:220px;position:relative; font-size:11pt;align:center; z-index:101}
.chatroomtiphide { position:relative;text-decoration:none; font-size:8pt;line-height:100%;align:center; z-index:101}
.chatroomtipshow { position:relative;text-decoration:none; font-size:8pt;line-height:100%;align:center; z-index:101}
.chatroomtiphide span.tip { position: absolute; bottom:-65px;*bottom:-65px; left:0px; visibility:hidden; width:130px; height:42px; background:url(http://img.ipimg.com/images2/tip_bg.gif) 0 0 no-repeat; padding:20px 5px 0 0 ; text-align:center; color:#444444; text-decoration:none; z-index:101;}
.chatroomtipshow span.tip { position: absolute; bottom:-65px;bottom:-71px \9;*bottom:-61px;_bottom:34px; left:0px; visibility:visible; width:130px; height:42px; background:url(http://img.ipimg.com/images2/tip_bg.gif) 0 0 no-repeat;padding:20px 5px 0 0 ; text-align:center; color:#444444;text-decoration:none; z-index:101;}

#Logout {}
#Logout .mark  { }
#Logout .mark label { text-decoration:underline;}
#Logout .count { -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #FFFFFF;font-size: 10px;font-weight: bold; margin-left:2px; vertical-align:super;display:inline-block}
#Logout .count span { -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #F03D25; border:#DD3822 1px solid;border-top:none;border-left:none;padding: 0px 2px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}

#Logout .countzero {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #FFFFFF;font-size: 10px;font-weight: bold; margin-left:2px; vertical-align:super;display:inline-block}
#Logout .countzero span {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #f8d0db;border:#f1b5c6 1px solid;border-top:none;border-left:none;padding: 0px 2px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
#Logout a.mark { text-decoration:none;}

/* 111108_add */
#MenuFrame span > ul { display:none;}
#MenuFrame span.dropmenu { position:relative; z-index:100;}
#MenuFrame span.dropmenu ul { display:block; position:absolute; top:20px; *top:30px; left:0px;padding:5px 5px 8px; background:#FFF; border:#666 1px solid; z-index:50;-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px;}
#MenuFrame span.dropmenu ul li { list-style:none; border-bottom:#999 1px dashed; width:100px;}
#MenuFrame span.dropmenu ul li a { text-decoration:none; display:block; padding:4px 0px; color:#333; text-align:left; width:auto;}
#MenuFrame span.dropmenu ul li a:hover { background:#FFEDEA; font-weight:normal;}
#MenuFrame span.dropmenu ul li a.newMsg { font-weight:bold;}
#MenuFrame span.dropmenu ul li a:hover.newMsg { font-weight:bold;}



/* NEW Header*/
#ipartFixHoderRow { height:82px; display:block;}
#ipartFixHoderRow.cobrand-Yahoo { height:154px}
#ipartFixHoder {width:100%; position:fixed; z-index:990; height:72px; top:0px;}

#PageHeadHolder { height:72px; margin: 0px auto 10px; background:url(http://img.ipimg.com/images2/index/headerBg.gif) 0 0 repeat-x;}
#PageHead { width:960px; height:72px; margin:0px auto; background:url(http://img.ipimg.com/images2/index/header.gif) 0 0 no-repeat; position:relative;}
#PageLogo { position:absolute; top:8px; left:0px; z-index:1000;}
#ipartNav { padding-left:155px;}
#ipartNav ul { margin:0px; padding:0px;}
#ipartNav ul li { float:left;}
#ipartNav ul li { display: block;
	text-align: center;
	text-decoration: none;
	font-size: 13px; /* 導航條選單字型尺寸 */
	line-height: 100%;
	color: #FFF; /* 導航條選單字型顏色 */
	width:90px;
	list-style:none;
	font-weight:bold;
}
#ipartNav ul li a { color:#FFF; text-decoration:none; padding: 15px 0px 10px; display:inline-block;}
#ipartNav ul li a:hover { font-weight: bold;padding: 12px 0px 13px;}
#ipartStates { clear:both; padding:7px 0px 0px 175px; position:relative;}

#ipartLogin { margin-top:-2px; *margin-top:-7px;}
#ipartLogin input { vertical-align:middle;}
#ipartWelcome {*margin-top:-4px;}

#ipartLogout { position:absolute; top:0px; right:0px; }
#ipartLogout .mark  { }
#ipartLogout .mark label { text-decoration:underline;}
#ipartLogout .count { -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #FFFFFF;font-size: 10px;font-weight: bold; margin-left:2px; vertical-align:super; display:inline-block;}
#ipartLogout .count span { -moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #F03D25; border:#DD3822 1px solid;border-top:none;border-left:none;padding: 0px 2px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
#ipartLogout .countzero {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;color: #FFFFFF;font-size: 10px;font-weight: bold; margin-left:2px; vertical-align:super; display:inline-block;}
#ipartLogout .countzero span {-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;background-color: #f8d0db;border:#f1b5c6 1px solid;border-top:none;border-left:none;padding: 0px 2px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
#ipartLogout a.mark { text-decoration:none;}

#ipartLogout span > ul { display:none;}
#ipartLogout span.dropmenu { position:relative; z-index:100;}
#ipartLogout span.dropmenu ul { position:absolute; top:20px; *top:30px; left:0px;padding:5px 5px 8px; background:#FFF; border:#666 1px solid; z-index:50;-moz-border-radius: 5px; -webkit-border-radius:5px; border-radius: 5px; display:block; margin:0;}
#ipartLogout span.dropmenu ul li { list-style:none; border-bottom:#999 1px dashed; width:100px;}
#ipartLogout span.dropmenu ul li a { text-decoration:none; display:block; padding:4px 0px; color:#333; text-align:left; width:auto; line-height: 1em;}
#ipartLogout span.dropmenu ul li a:hover { background:#FFEDEA; font-weight:normal;}
#ipartLogout span.dropmenu ul li a.newMsg { font-weight:bold;}
#ipartLogout span.dropmenu ul li a:hover.newMsg { font-weight:bold;}

#HeaderAd { height:100px; position:relative;width: 960px; margin:0px auto 5px;}
#AdBannerGold { position:absolute; top:0px; left:0px; }
#AdBannerBoard { position:absolute; top:0px; right:0px; width:220px; font-size:13px; }
#AdBannerBoard div { margin-bottom:4px;}
#AdBannerBoard label { width:40px; display:inline-block;} 

.adbyYahoo { padding:0px 5px; background:#e2e2e2; width:950px; margin:10px auto 2px;}

/*New Ad Type*/
.newAdType { padding:10px; clear:both; width:235px;}
.newAdType h3 { border-bottom:#dddddd; background:#f3f3f3; padding:2px 10px; text-align:left;}
.newAd { padding:8px; border-bottom:#CCC 1px solid; position:relative; text-align:left; font-size:12px; min-height:90px;}
.newAdTitle { font-weight:bold;}
.newAdTitle a { text-decoration:none;}
.newAdImage { position:absolute; top:28px; left:8px;}
.newAdContent { padding-left:108px; line-height:1.2em; font-size:11px;}
.newAdContent a { text-decoration:none; color:#666666}
#AdBanner_Gold_New { width:728px; margin:10px auto 0px;}