@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding:0; margin:0; }  table { border-collapse:collapse; border-spacing:0; } fieldset,img,abbr,acronym { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-weight:normal;  font-style:normal; } ol,ul { list-style:none; } caption,th { text-align:left; }h1,h2,h3,h4,h5,h6,b,u,i,big,small { font-weight:normal; font-size:100%;}  q:before,q:after { content:'';content:none;}:focus,a { outline: 0;}ins { text-decoration: none;}del { text-decoration: line-through;}
hr { display:none; }
.cssnote { font-size:10px; color:#999; background-color:yellow;}

/* ------- shared -----------*/
a { color:#cd323b; }a:hover { color:#555}
a.user { color:#948b00!important}a.user:hover { color:#555!important}

.unittitle { position:absolute; z-index:20; top:6px; left:0; overflow:hidden; width:350px; height:50px}
	.unittitle strong { display:block; height:50px; background:url(./images/online2/unittitle-sprites2.png) no-repeat; text-indent:-9999px}
	/*fix ie6*/
	.unittitle { _position:relative; _top:-34px; _margin-bottom:-50px; }
	.unittitle strong { _position:relative; _top:0; _width:350px; _height:300px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/unittitle-sprites.png', sizingMethod='crop');_background:none}

.boxtitle { overflow:hidden; max-height:50px; padding:8px 8px; padding-top:10px\9; padding-bottom:6px\9; margin-bottom:10px; background:url(./images/online2/boxtitle-bg2.jpg) no-repeat;color:#fefefe; font-size:19px; line-height:1;font-family:"Microsoft JhengHei"}
	.boxtitle big { display:none;}
	.boxtitle-alt { background-position:0 -50px; }
	.boxtitle-thin { font-size:15px; padding-top:4px; padding-bottom:4px; padding-top:5px\9; padding-bottom:3px\9}

.hr { overflow:hidden; height:1px; margin:1em 0; border-top:1px dotted #cd323b;border-bottom:1px solid #cd323b; border-left:0; border-right:0;}

.extmenu { margin-top:1em; text-align:right;}
	.extmenu a { color:#cd323b!important; margin:0 .5em; text-decoration:none; font-weight:bold} .extmenu a:hover { color:#771208!important;}
	.extmenu .hr { margin-top:3px}

.pager { margin:1em 0; text-align:center}
	.pager a { display:inline-block; margin:0 .1em; padding:3px 5px; border:1px solid #f7f7f7; background:#fff; text-decoration:none; line-height:1; vertical-align:middle }
	.pager a:hover { border:1px solid #eee}
	.pager a.on { border-color:#fff; color:#333; font-weight:bold }
	#content.black .pager a { background:transparent; border-color:#000}

.buddyicon { width:64px; height:64px; margin:0 auto; border:2px solid #fff}
.myicon { width:190px; width:190px; margin:0 auto; border:2px solid #ccc}

img.ic-star-s{ width:25px; height:30px; background:url(./images/online2/sg-sprites2.png) -72px -400px no-repeat}
	img.ic-star-gs{ width:30px; height:34px; background:url(./images/online2/sg-sprites2.png) -42px -400px no-repeat}
	img.ic-star-gx{ width:42px; height:45px; background:url(./images/online2/sg-sprites2.png) 0 -400px no-repeat}
	img.ic-vote { width:28px; height:28px; background:url(./images/online2/sg-sprites2.png) 0 -150px no-repeat}
	img.ic-vote:hover { background-position:-28px -150px}
	img.ic-vote-black { width:28px; height:28px; background:url(./images/online2/sg-sprites2.png) -56px -150px no-repeat;}
	img.ic-vote-black:hover { background-position:-84px -150px}
	img.ic-vote-x {  width:48px; height:48px; background:url(./images/online2/sg-sprites2.png) -112px -150px no-repeat}
	img.ic-vote-x:hover { background-position:-160px -150px}
	img.ic-item-dual1, img.ic-item-dual2, img.ic-item-dual3, img.ic-item-dual4, 
	img.ic-item-donut1, img.ic-item-donut2, img.ic-item-donut3, img.ic-item-donut4, 
	img.ic-item-star1, img.ic-item-star2, img.ic-item-star3, img.ic-item-star4 { width:20px; height:20px; overflow:hidden; background:url(./images/online2/sg-sprites2.png) no-repeat} 
	img.ic-item-dual1 { background-position:0 -250px; } img.ic-item-dual2 { background-position:-20px -270px; }
	img.ic-item-dual3 { background-position:-40px -290px; } img.ic-item-dual4 { background-position:-60px -310px; }
	img.ic-item-donut1 { background-position:-80px -330px} 	img.ic-item-donut2 { background-position:-100px -350px}
	img.ic-item-donut3 { background-position:-120px -370px} 	img.ic-item-donut4 { background-position:-140px -390px}
	img.ic-item-star1 { background-position:-160px -410px} 	img.ic-item-star2 { background-position:-180px -430px}
	img.ic-item-star3 { background-position:-200px -450px} 	img.ic-item-star4 { background-position:-220px -470px}
	img.ic-user, img.ic-group, img.ic-post, img.ic-heart, img.ic-speaker, img.ic-rss, img.ic-user-n, img.ic-group-n, img.ic-post-n, img.ic-heart-n, img.ic-speaker-n, img.ic-rss-n{ width:24px; height:24px; overflow:hidden; background:url(./images/online2/sg-sprites2.png) no-repeat; }
	img.ic-user { background-position:0 -200px} img.ic-group { background-position:-24px -200px} img.ic-post { background-position:-48px -200px} 
	img.ic-heart { background-position:-72px -200px} img.ic-speaker { background-position:-96px -200px} img.ic-rss{ background-position:-120px -200px} 
	img.ic-user-n { background-position:0 -224px} img.ic-group-n { background-position:-24px -224px} img.ic-post-n { background-position:-48px -224px} 
	img.ic-heart-n { background-position:-72px -224px} img.ic-speaker-n { background-position:-96px -224px} img.ic-rss-n{ background-position:-120px -224px} 

.breadcrumbs-b, .breadcrumbs-w { margin-bottom:1em}
.breadcrumbs-b, .breadcrumbs-b a { text-decoration:none; color:#aaa}
.breadcrumbs-b span { color:#fff}
.breadcrumbs-b a:hover { color:#555; text-decoration:underline}
.breadcrumbs-b a.back { color:#555}

.breadcrumbs-w, .breadcrumbs-w a { text-decoration:none; color:#777}
.breadcrumbs-w span { color:#cd323b}
.breadcrumbs-w a:hover { color:#555; text-decoration:underline}
.breadcrumbs-w a.back { color:#555}

.form{ margin:0 auto}
	.form td { padding-bottom:1em; vertical-align:top}
	.form td small { color:#999; font-size:11px}
	.form td label { color:#771208}
	#content.black .form td label { color:#999}
.iptxt, .iparea, .ipbtn {border:1px solid #d3d3d3; background:#fff; font:12px Arial, Helvetica, sans-serif; color:#707070 }
	.iptxt { height:16px; padding:2px; }
	.iparea { padding:2px}
	.ipbtn { height:22px; padding:0 2px; border:1px solid #d3d3d3;text-align:center; position:relative; top:2px; top/*\**/:-1px\9; *top:0px; cursor:pointer;}
	.ipbtn:hover, .iptxt:hover, .iparea:hover { background-color:#f9f9f9}
	.iptxt:focus, .iparea:focus { background-color:#eee; }
	.iprd, .ipcb { margin:0 .2em; position:relative; top:2px;}
	.ipbtn1, .ipbtn2 { width:87px; height:24px; margin:0 .3em; border:0; background:url(./images/online2/sg-sprites2.png) no-repeat; color:#434343; line-height:24px; cursor:pointer}
	.ipbtn1:hover, .ipbtn2:hover { color:#111}
	.ipbtn1 { background-position:0 -540px} .ipbtn2 { background-position:-87px -540px}
	.ipbtn1:hover { background-position:0 -564px} .ipbtn2:hover { background-position:-87px -564px}
	
	.termsuse { overflow:scroll; overflow-x:hidden; width:700px; height:150px; margin:1em auto; padding:1em; border:1px double #ffddce; background:#fff9f7; font-size:11px; font-size:10px\9; line-height:1.2; color:#cd323b}
	.termsuse p { margin-bottom:1em;}

.albumlist table { width:100%}
	.albumlist td { padding-bottom:25px; padding-top:5px; text-align:center; vertical-align:top}
.album { text-align:center; }
	.album .thumbnail { display:inline-block; margin-bottom:.5em;}
	.album .thumbnail img.pic { display:block;padding:1px 10px 1px 1px; background:url(./images/online2/album-sprites2.png) right top no-repeat}
	.album .thumbnail .info { padding-right:8px; background:url(./images/online2/album-sprites2.png) left -145px no-repeat; color:#555; text-align:right; font-size:11px}
	.album .thumbnail .info { *background:none; *color:#999; *text-align:center}
	.album:hover { position:relative; top:1px; left:1px}
.photoview .title { margin-bottom:1em; font-size:17px; font-weight:bold; color:#000}
	.photoview .pic { margin-bottom:1em; text-align:center}
	.photoview .description p { margin-bottom:1em; }
.photoslide { padding:20px; background:#000; color:#fff}
	.photoslide table { width:100%}
	.photoslide td { text-align:center; vertical-align:middle} 
	
.girlwall { padding:0 30px 2em 30px; margin:0 auto;}
	.girlwall table.wall { width:100%; }
.girlthumb { width:108px; margin:0 auto 18px auto; color:#000; line-height:1.2em}
	.girlthumb li { margin-bottom:.1em}
	.girlthumb .rank{ height:16px; overflow:hidden; background:url(./images/online2/sg-sprites2.png) no-repeat 0 -50px; text-align:center; font-size:12px; font-family:"Arial Black";  color:#fff; line-height:16px; vertical-align:middle}
	.girlthumb .top { height:6px;overflow:hidden; background:url(./images/online2/sg-sprites2.png) no-repeat 0 -50px;}
	.girlthumb .info { height:190px; overflow:hidden; border:1px solid #000; background:#fff; text-align:center}
	.girlthumb .thumbnail { margin-bottom:.3em\9; *margin-bottom:0;}
	.girlthumb .name { color:#cd323b}
	.girlthumb .data { font-size:11px; font-size:10px\9;}
	.girlthumb .votes { color:#999; font-family:"Arial Black"}
	.girlthumb a { color:#cd323b!important; text-decoration:none!important}
	.girlthumb a:hover { color:#771208!important; }
	.girlthumb:hover .rank, .girlthumb:hover .top{ background-position:-108px -50px}
	.girlthumb:hover .info { border-color:#cd323b}
	
.girlcard { width:152px; margin:0 auto 18px auto; color:#000; line-height:1.2em}
	.girlcard li { margin-bottom:.2em}
	.girlcard .rank{ height:19px; overflow:hidden; background:url(./images/online2/sg-sprites2.png) no-repeat 0 -100px; text-align:center; font-size:12px; font-family:"Arial Black";  color:#fff; line-height:19px; vertical-align:middle}
	.girlcard .top { height:6px;overflow:hidden; background:url(./images/online2/sg-sprites2.png) no-repeat -152px -100px;}
	.girlcard .info { height:225px; overflow:hidden; background:#000; text-align:center}
	.girlcard .thumbnail { margin-bottom:.5em\9; *margin-bottom:.3em;}
	.girlcard .name { color:#db4500; font-size:13px}
	.girlcard .data { color:#555; font-size:11px; font-size:10px\9;}
	.girlcard .votes { color:#fff; font-family:"Arial Black"; _margin-top:-6px;}
	.girlcard .ic-vote-black { vertical-align:middle; _vertical-align:baseline; _position:relative; _top:6px;}
	.girlcard a { color:#db4500!important; text-decoration:none!important}
	.girlcard a:hover { color:#771208!important; }

.girlmarquee { margin:0 auto; overflow:hidden;}
	body#index #main .girlmarquee { width:680px;}
	body#unit-girls #main .girlmarquee { width:835px}
	.girlmarquee-container { width:2000px; height:1%;padding-left:18px;}
	.girlmarquee-item { float:left; *width:152px; margin-right:12px;}	

.entry-format p { margin-bottom:1em}
	.entry-format strong, .entry-format b{ font-weight:bold}	.entry-format em, .entry-format i { font-style:italic}
	.entry-format ul { margin-bottom:1em; list-style:inside disc} .entry-format ol {margin-bottom:1em;  list-style:inside decimal}
	.entry-format li { padding-left:1em}
	.entry-format h1,.entry-format h2,.entry-format h3,.entry-format h4,.entry-format h5,.entry-format h6 { margin-bottom:1em;font-weight:bold}
	.entry-format h1 { font-size:130%}	.entry-format h2 { font-size:125%}	.entry-format h3 { font-size:120%}	
	.entry-format h4 { font-size:115%}	.entry-format h5 { font-size:110%}	.entry-format h6 { font-size:105%}
	.entry-format blockquote { margin:1em 2em; padding-left:1em; border-left:1px solid #ddd;}
	
.storylist {}
.story { overflow:hidden; margin-bottom:5em}
	.story .date { width:50px; margin-bottom:1em; padding:5px; background:#cd323b; font:13px Georgia, "Times New Roman", serif; color:#fff;text-align:right }
	.story .date em { display:block; font-size:18px}
	.story .title { margin-bottom:1em; font-size:17px; color:#cd323b}
	.story .title a { text-decoration:none; }
	.story .title a:hover { text-decoration:underline; }
	.story .pic { margin-bottom:.7em; }
	.story .snippet, .story .entry { margin-bottom:1em; line-height:1.8;}
	.story .more { text-align:right}
	.postinfo { margin-bottom:1em; color:#888; text-align:right; }
	.story .pic { float:left; width:210px; margin-top:2px; margin-bottom:1em; margin-right:-210px}
	.story-haspic .snippet{ _height:1%}
	.story-haspic .snippet { float:left; padding-left:210px;}

.tabmenu { overflow:hidden; height:1%; margin-bottom:1em}
	.tabmenu .hr { margin:0; margin-top:1px}
	.tabmenu li { display:inline-block; *display:inline; *zoom:1; padding:3px 24px; margin-right:3px; font-size:15px; color:#000;}
	.tabmenu li a { color:#000; text-decoration:none!important}
	.tabmenu li:hover { background:#ededed}
	.tabmenu li.on { background:#b92b2c}
	.tabmenu li.on a { color:#fff}

.coltwo { width:100%; overflow:hidden; height:1%}
	.colleft { width:60%; float:left;}
	.colright { width:40%; float:right;}

	.qalist dt { padding:.7em 1em; border:1px solid #f8dada; background:#f4efef; font-size:15px; font-weight:bold; color:#2e2e2e}
	.qalist dt b { margin-right:10px; color:#CC0000; font-weight:bold}
	.qalist dd { padding:.7em 1em; color:#5e5e5e; line-height:1.6; font-size:13px}
		.qalist dd p { margin-bottom:1em;}

/* ---------layout ----------*/
html {width:100%; height:100%;}
body {width:100%; height:100%; margin:0; padding:0; background:#000; }
#wrap { font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:1.5}

#header{ height:280px; background:#7c0d46 url(./images/online2/header-bg2.jpg) no-repeat center top}
	.header-wrap { width:920px; margin:0 auto}

#footer { clear:both; background:#000}
	.footer-wrap { width:880px; margin:0 auto; padding:20px;}
	#footer .sponsors { text-align:center}
	#footer .fhmlogo { float:left}
	#footer .info { float:right; text-align:right; color:#fff}
	#footer .info a, #footer .info span { margin-left:10px; text-decoration:none}
	#footer .info a:hover { color:#aaa; text-decoration:underline}
	
#nav {font-size:13px}
	#nav ul { display:inline-block; float:right; overflow:hidden; height:1%; margin-right:10px}
	#nav li { float:left; margin-right:15px}
	#nav li a { display:block; padding:8px 9px; color:#fff; font-weight:bold; text-decoration:none; line-height:1}
	#nav li a:hover {color:#ed2f9c}
	#nav li.on a { color:#ed2f9c}
	#nav li a.hi { color:#fff695!important} #nav li a.hi:hover { color:#ed2f9c!important}

#content { background:#bfbfbf;}
	.content-wrap {  overflow:hidden; background:url(./images/online2/content-bg-top2.png) repeat-x}
	.content-wrap2 { position:relative; width:920px; /*height:1%;*/ margin:0 auto; background:url(./images/online2/header-bg-bleed2.png) right top no-repeat; }
	.content-wrap3 {  position:relative; overflow:hidden; background:#fff}
	#content.lower .content-wrap2 {padding-top:40px; }
	
	#sidebar { float:left; width:220px;min-height:800px; _height:1%; overflow:hidden;/*padding-bottom:30000px; margin-bottom:-30000px;*/ }
	#main { float:right; width:700px; min-height:800px; _height:1%; overflow:hidden;/*padding-bottom:30000px; margin-bottom:-30000px;*/ background:url(./images/online2/main-bg-white2.jpg) right top no-repeat;}
	/*#main-extend { clear:both; height:1%;}*/
	/*.main-extend-wrap { padding:5px;}*/

	#content.index #main { background-image:url(./images/online2/main-bg-home2.jpg);}
	#content.black .content-wrap3 { background:url(./images/online2/main-bg-tile-black2.png) repeat-y}
	#content.black #main { background:url(./images/online2/main-bg-black2.jpg) no-repeat; color:#eee;}
	#content.lower #main{ background-position:right -40px}
	#content.lower #sidebar{}
	#content.full #main { width:100%; float:none}
	
	.main-wrap { padding:20px 5px 5px 5px}
	.sidebar-wrap { padding:20px 5px 5px 5px}
	#content.index .main-wrap { padding-top:5px}
	#content.index .sidebar-wrap { padding-top:5px}

.sidebar-myinfo .myicon {  margin-bottom:.6em}
	.sidebar-myinfo .name { font-size:15px; color:#000; font-weight:bold; text-align:center; line-height:1.3}
		.sidebar-myinfo .name a { color:#000; text-decoration:none;}
	.sidebar-myinfo .links { padding-left:10px; margin-bottom:1em;}
		.sidebar-myinfo .links li { margin-bottom:.3em}
		.sidebar-myinfo .links li .item { margin-right:6px;position:relative; left:0; top:9px}
	.sidebar-myinfo .voteher { margin:1em; padding:.7em 1em; border:1px solid #f8dada; background:#f4efef;  text-align:center}
		.sidebar-myinfo .voteher a { text-decoration:none; color:#690000; font-weight:bold; font-size:13px}
		.sidebar-myinfo .voteher strong { font-size:15px;font-weight:bold; color:#971e1a}


.sidebar-category ul { padding-left:10px}
	.sidebar-category li { position:relative; height:1%; padding-left:23px; margin-bottom:.7em; font-size:15px; line-height:1.3;}
	.sidebar-category li em { color:#777; font-size:85%}
	.sidebar-category li a { color:#000; text-decoration:none} 	.sidebar-category li a:hover { color:#cd323b;background:#ffddce}
	.sidebar-category li .item { position:absolute; left:0; top:-2px}

.sidebar-newpost ul { padding-left:10px}
	.sidebar-newpost li { position:relative; height:1%; padding-left:23px; margin-bottom:.7em; font-size:12px; line-height:1.3;}
	.sidebar-newpost li em { color:#777; font-size:85%}
	.sidebar-newpost li a { color:#000; text-decoration:none} .sidebar-newpost li a:hover { color:#cd323b; text-decoration:underline}
	.sidebar-newpost li .item { position:absolute; left:0; top:-2px}

.sidebar-joinevent ul { padding-left:10px}
	.sidebar-joinevent li { margin-bottom:4px;}
	.sidebar-joinevent li a { font-size:19px;  font-family:"Microsoft JhengHei"; color:#272727; text-decoration:none}
	.sidebar-joinevent li a:hover { color:#000; font-weight:bold;}
	.sidebar-joinevent .ic-star-s { margin-right:10px; vertical-align:middle;}
	
.sidebar-login p { margin-bottom:.6em;  padding-left:10px}
	.sidebar-login label { margin-right:1em; color:#6b6b6b;}
	.sidebar-login .iptxt { width:140px}
	.sidebar-login a { color:#393939} .sidebar-login a:hover { color:#cd323b}

.sidebar-buddywall table { margin:0 auto }
	.sidebar-buddywall tr { height:66px}
	.sidebar-buddywall td { width:66px; text-align:center; vertical-align:middle; }

.sidebar-newphoto li { margin-bottom:10px; text-align:center}
	.sidebar-newphoto li .pic { display:block; border:1px solid #ededed; margin:0 auto}

.sidebar-banner-vrec, .sidebar-sponsor { margin-bottom:1em}

/* ---------index ----------*/
#randgirl .girlwall { padding-bottom:0}
#cta { margin-bottom:1em; position:relative;left:36px}
	#cta .btn-join, #cta .btn-girls { display:inline-block; height:41px; overflow:hidden; background:url(./images/online2/cta-sprites2.png) no-repeat}
	#cta .btn-join { width:134px}
	#cta .btn-join:hover { background-position:0 -41px}
	#cta .btn-girls { width:143px; background-position:0 -82px}
	#cta .btn-girls:hover { background-position:0 -123px}
	
	#cta .btn-50girls { display:inline-block; height:41px; overflow:hidden; background:url(./images/btn-50girls.png) no-repeat}
	#cta .btn-50girls { width:143px}
	#cta .btn-50girls:hover { background-position:0 -41px}
	
a.cta-btn1, a.cta-btn2 { display:inline-block; width:143px; height:41px; overflow:hidden; background:url(./images/online2/cta-sprites2.png) 0 -200px no-repeat; line-height:33px; text-indent:30px ; font-size:14px; font-family:"MS Gothic"; letter-spacing:-1px; text-align:left}
	a.cta-btn1:hover, a.cta-btn2:hover { line-height:45px; text-indent:37px}
	a.cta-btn1 {color:#f00!important}
	a.cta-btn1:hover { background-position:0 -241px; color:#f00!important}
	a.cta-btn2 { background-position:0 -282px; color:#fff!important }
	a.cta-btn2:hover { background-position:0 -323px; color:#fff!important }
	
#tvwall { margin-bottom:1em}
#main .video { margin:1em}

/* ---------common ----------*/
body.common .unittitle strong {background-position:0 0}
body.common .unittitle strong {_top:0}

/* ---------news ----------*/
body#unit-news .unittitle strong {background-position:0 -50px}
body#unit-news .unittitle strong {_top:-50px}
body#unit-news #main .content { padding:0 90px 0 45px}

/* ---------album ----------*/
body#unit-album .unittitle strong {background-position:0 -100px}
body#unit-album .unittitle strong {_top:-100px}
body#unit-album #main .content { padding:0 15px 0 15px}
body#unit-album.view2 #main .content { padding:0 60px}

/* ---------girls ----------*/
body#unit-girls .unittitle strong {background-position:0 -150px}
body#unit-girls .unittitle strong {_top:-150px}
#hotgirl .girlwall, #onlinegirl .girlwall { margin:0 10px}
	
#unit-girls.view .content { padding-left:30px; padding-right:20px; margin-bottom:1.5em}
#unit-girls.view .coltwo { margin-bottom:1.5em}
#unit-girls.view .heading { margin-bottom:.5em; margin-left:-30px; font-size:16px; font-family:"Microsoft JhengHei"; color:#cd323b;}
	#unit-girls.view .heading strong { font-weight:bold; margin-left:5px}
#unit-girls.view .myphoto img { display:block; border:1px solid #f8dada}
#unit-girls.view .mydata table { table-layout:fixed; border-spacing:0; }
	#unit-girls.view .mydata table td { padding:3px; padding-left:5px; vertical-align:top; color:#6b6b6b; font-size:13px; line-height:1.3}
	#unit-girls.view .mydata table td.label {background:#f4efef; border-bottom:5px solid #fff; font-weight:bold; color:#2c2c2c}
#unit-girls.view .myguestbook .msglist{ padding:10px!important; background-color:#702d30!important}
#unit-girls.view .myphotowall { text-align:center}

/* ---------events ----------*/
body#unit-events .unittitle strong {background-position:0 -200px}
body#unit-events .unittitle strong {_top:-200px}

/* ---------eventinfo ----------*/
#unit-eventinfo #main{ color:#444;}
#unit-eventinfo #main .content { padding:0 90px 0 25px}
	#unit-eventinfo #main p { margin-bottom:1.5em; font-size:13px; line-height:1.7;}
	#unit-eventinfo #main .content strong { color:#cd323b; font-weight:bold!important}
	#unit-eventinfo #main .content b { font-weight:bold}
	#unit-eventinfo #main .content em { color:#db4500; font-weight:bold}
	#unit-eventinfo #main .content .earn { color:#948b00}
	#unit-eventinfo #main .content .red { color:#f00}
	#unit-eventinfo #main .content .heading { font-size:20px; font-family:"Microsoft JhengHei"; color:#cd323b;}
	#unit-eventinfo #main .content big { font-size:120%; font-weight:inherit!important}
	#unit-eventinfo #main .content small { font-size:85%; font-weight:inherit!important}
	#unit-eventinfo #main .content ul { margin-bottom:1em} 
	#unit-eventinfo #main .content ol { margin-bottom:1em}
	#unit-eventinfo #main .content li { }
	#unit-eventinfo #main .content .indent { padding-left:1em}
	#unit-eventinfo #main .content .hr { border-top-style:solid; border-bottom-style:dotted}
	#unit-eventinfo #main .content .listtext li {margin-left:32px; }
.listtext li { margin-bottom:.5em; padding-left:25px; background:url(./images/online2/sg-sprites2.png) -220px -470px no-repeat}

	#unit-eventinfo #main .content thead { background:#efefef}
	#unit-eventinfo #main .content td, #unit-eventinfo #main .content th{ border:1px solid #ddd; padding:8px 4px}
	#unit-eventinfo #main .content th { text-align:center}

/* ---------guestbook ----------*/
body#unit-guestbook .unittitle strong {background-position:0 -250px}
body#unit-guestbook .unittitle strong {_top:-250px}
body#unit-guestbook #main .content { padding:0 90px 0 15px}
.msg table { width:100%; margin-bottom:2em; }
	.msg td { padding:1em .5em;vertical-align:top; color:#eee}
	.msg td p{ margin-bottom:1em}
	.msg td.icon{ width:20%; text-align:center; }
.msg tbody.reply td { border-top:1px dotted #333; color:#ffddce;}
.msg tbody.reply { background:#333}
.starhr { text-align:center}
#leavemsg table.form { width:100%}

/* ---------friends ----------*/
body#unit-friends .unittitle strong {background-position:0 -300px}
body#unit-friends .unittitle strong {_top:-300px}
body#unit-friends #main .content { padding:0 15px 0 15px}
.friendlist table { width:100%}
.friendlist td { padding:1em 0; border-bottom:1px dotted #444; text-align:center; vertical-align:top}
.friend .buddyicon { margin-bottom:1em}
.friend .name a { color:#948b00; text-decoration:none} .friend .name a:hover { color:#555}

/* ---------register ----------*/
body#unit-register.login .heading { margin-bottom:1em; font-size:15px; font-weight:bold }
body#unit-register .content { padding:0 30px}