* { margin: 0; }
a,object { blr:expression(this.onFocus=this.blur());}
a:focus,object:focus { -moz-outline-style: none; }
html, body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	background-repeat: repeat-x;
}
#wrap_dotted {
	background-repeat: repeat-y;
	width: 960px;
	float: left;
	margin-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
}
#dotted_t,#dotted_b {
	background-repeat: no-repeat;
	width: 970px;
	float: left;
	line-height: 0px;
	font-size: 0px;
	display: block;
}
#dotted_t {
	height: 3px;
}
#dotted_b {
	height: 6px;
}

strong {/* font-size: 12px;*/ font-weight: normal;}
em {
	font-style: normal;
}
input
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
select
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
table { border-collapse:collapse; }
img { border-style: none; }

.wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -50px;
	width: 970px;
	position: relative;
}
#top
{
	position: absolute;
	color: #FFF;
	line-height: 20px;
	height: 22px;
	right: 5px;
	top: 3px;
	padding-right: 15px;
	background-position: right top;
	z-index: 10;
}
#top span
{
	height: 22px;
	width: 5px;
	display: block;
	float: left;
	margin-right: 10px;
}
#top a { color: #FFF; }
#banner
{
	margin-top: 4px;
	float: left;
}
ul, ul li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
h2
{
	display: block;
	margin: 0px;
	float: left;
	width: 100%;
	font-size: 15px;
	padding: 0px 0px 5px;
}
a:hover { text-decoration: underline; }
a { blr:expression(this.onFocus=this.blur()); text-decoration: none; }
a:focus { -moz-outline-style: none; }
#nav
{
	float: left;
	height: 33px;
	width: 967px;
	padding-left: 3px;
	margin-bottom: 10px;
}
#nav span
{
	display: block;
	height: 23px;
	width: 4px;
	float: left;
}
#nav a, #navR a
{
	font-size: 15px;
	color: #FFF;
	display: inline-block;
	padding-right: 5px;
	margin-right: 10px;
	line-height: 23px;
	height: 23px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: right top;
}
#nav li, #navR li
{
	float: left;
	height: 27px;
	margin-top: 5px;
}
#navR
{
	position: absolute;
	top: 97px;
	right: 5px;
	width: 300px;
}
#navR a
{
	padding-left: 55px;
	background-position: 7px 0px;
	background-repeat: no-repeat;
}
h1
{
	font: normal 19px/23px Verdana, Geneva, sans-serif, "微軟正黑體", "新細明體";
	margin: 0px 15px 5px 9px;
	padding: 0px;
	float: left;
	width: 350px;
	_padding-top:3px;
}
h1 a {
	background-repeat:no-repeat;
	text-decoration: underline;
	display: block;
	color: #333;
	padding-left: 28px;
	float: left;
	margin-left: 10px;
	font-size:12px;
}

#edit h1 a {
	background:none;
	margin-left:10px;
	padding:0;
	font-size:12px;
}

h1 a.edit
 {
	width:35px;
	height:25px;
	background-image:url(../images/btn_edit.gif);
	background-position:left;
	color:#555;
	padding:0;
	margin-left:5px;
	margin-top:0;
	text-align:center;
	line-height:25px;
	text-decoration:none;
}
h1 a.edit:hover
 {	background-position:right;
	color:#333;
}



a#edit
 {
	font: normal 13px/18px Verdana, Geneva, sans-serif, "新細明體";
	text-decoration: underline;
	display: block;
	color: #333;
	background-image: url(../images/account/enter.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	float: left;
}
h1 span { float: left;_padding-top:3px;}
h1 a:hover {
	color: #577E11;
	text-decoration: none;
}
h3
{
	background-repeat: no-repeat;
	background-position: right;
	height: 21px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	font-size: 13px;
	line-height: 21px;
	font-weight: normal;
	color: #FFF;
	float: left;
	position: absolute;
	top: -24px;
	left: 5px;
	z-index: 5;
}
h3 span
{
	background-repeat: no-repeat;
	height: 21px;
	width: 25px;
	display: block;
	float: left;
}
.path
{
	float: right;
	margin-right: 9px;
	color: #535353;
}
#edit .path
{
	position:absolute;
	right:0;
	top:140px;
	margin-right: 9px;
	color: #535353;
}
.dottedOut
{
	display: inline;
	float: left;
	margin-top: 24px;
	position: relative;

}
.dottedOutN
{
	display: inline;
	float: left;
}
/*.dotted
{	position: relative;
	background-color: #fff;
	padding-top: -10px;
}*/

.dotted
{	position: relative;
	background-color: #fff;
	padding: 10px;
	float: left;
}



.dottedFrame .lt, .dottedFrame .rt
{
	height: 7px;
	width: 7px;
}
.dottedFrame .lm, .dottedFrame .rm
{
	background-repeat: repeat-y;
	width: 7px;
}
.dottedFrame .lb, .dottedFrame .rb
{
	height: 8px;
	width: 7px;
}
.dottedFrame .tm
{
	background-repeat: repeat-x;
	height: 7px;
}
.dottedFrame .bm
{
	height: 8px;
	background-repeat: repeat-x;
}
#fullIn
{
	width: 925px;
	float: left;min-height:400px; _height:400px;
}
.noTitle
{ margin: 0px; 	
}
.input
{
	background-image: url(../images/inputRBg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 5px;
	height: 31px;
	float: left;
	margin-right: 5px;
}
.input span
{
	background-image: url(../images/inputLBg.jpg);
	float: left;
	height: 31px;
	width: 5px;
}
.input input
{
	font-size: 15px;
	color: #333;
	margin-top: 2px;
	padding-top: 3px;
	border: 1px dashed #FFF;
}
.inputArea, .inputArea2, .inputArea3, .inputArea4
{
	background-image: url(../images/inputAreaRBg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 5px;
	height: 93px;
	float: left;
	margin-right: 5px;
}
.inputArea span, .inputArea2 span, .inputArea3 span, .inputArea4 span
{
	background-image: url(../images/inputAreaLBg.jpg);
	float: left;
	height: 93px;
	width: 5px;
	display: block;
}
.inputArea textarea, .inputArea2 textarea, .inputArea3 textarea, .inputArea4 textarea
{
	width:300px;
	height:84px;
	float:left;
	font-size: 15px;
	color: #333;
	margin-top: 2px;
	padding-top: 3px;
	border:none;
	overflow:auto;
	border: 1px solid #FFF;
}
.inputArea2
{
	background-image: url(../images/inputArea2RBg.jpg);
	height: 193px;
	width:335px;
}
.inputArea2 span
{
	background-image: url(../images/inputArea2LBg.jpg);
	height: 193px;
	float: left;
}
.inputArea2 textarea
{
	width:320px;
	height:180px;
	font-size: 12px;
	display:inline;
	float: left;
}
.inputArea3
{
	background-image: url(../images/inputArea3RBg.jpg);
	height: 247px;
}
.inputArea3 span
{
	background-image: url(../images/inputArea3LBg.jpg);
	height: 247px;
}
.inputArea3 textarea
{
	width:630px;
	height:230px;
	font-size: 12px;
}

.inputArea4
{
	background-image: url(../images/inputArea2RBg.jpg);
	background-position:right;
	height: 193px;
	width:570px;
}
.inputArea4 span
{
	background-image: url(../images/inputArea2LBg.jpg);
	height: 193px;
}
.inputArea4 textarea
{
	width:560px;
	height:180px;
	font-size:15px;
}
.pager
{
	float: right;
	margin-top: 5px;
	position: relative;
	margin-bottom: 15px;
	width: 355px;
}
.blogArea.pager{ float:none; margin:0 auto;}
#mover {
	position: absolute;
	left: 0px;
	top: 0px;
	float: left;
}
.pager .slider
{
	background-color: #FFF;
	display: inline;
	border: 1px solid #CCC;
	height: 2px;
	width: 239px;
	font-size: 0px;
	line-height: 0px;
	float: left;
	margin-top: 5px;
	margin-left: 59px;
}
.pager .track {
	position: relative;
	height: 2px;
	width: 198px;
	margin: 0 0 0 20px;
	font-size: 0px;
	line-height: 0px;
}
.pager a.ui-slider-handle
{
	background-image: url(../images/pagerScroller.jpg);
	background-repeat: no-repeat;
	height: 6px;
	width: 41px;
	border: 1px solid #666;
	z-index: 10;
	position: absolute;
	font-size: 0px;
	line-height: 0px;
	padding: 0px;
	margin-left: -21px;
	margin-top: -3px;
}
.pager .page
{
	float: left;
	width: 240px;
	height: 30px;
	overflow: hidden;
	position: relative;
	margin-left: 2px;
}
.page a, .page span
{
	border: 1px solid #999;
	color: #949494;
	margin-left: 2px;
	background-color: #FFF;
	float: left;
	padding: 2px 3px;
	margin-top: 5px;
	min-width:14px;
	_width:14px;
	text-align: center;
}
.pager a:hover
{
	background-color: #666;
	color: #FFF;
	text-decoration: none;
	border-color: #333;
}
.pager span { color: #FFF; }
.pager a.arrow
{
	float: left;
	margin-top: 7px;
	line-height: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #999;
	color: #949494;
	margin-left: 2px;
	padding: 2px 3px;
}
.pager a.arrow:hover {
	color: #666;
	background-color: #FFF;
}
#loader
{
	background-image: url(../images/loader.png);
	_background-image: url(../images/loaderBg.gif);
	font-size: 15px;
	background-repeat: no-repeat;
	height: 60px;
	width: 261px;
	text-align: center;
	padding-top: 10px;
	position: absolute;
	left: 50%;
	z-index: 20;
	margin-left: -130px;
	top: 30%;
}
#loader img { margin-top: 5px; }
#searchBar
{
	height: 34px;
	width: 267px;
	float: right;
	padding-top: 9px;
	padding-left: 45px;
	background-repeat: no-repeat;
}
#searchBar input
{
	margin-left:10px;
	height: 18px;
	border: 1px solid #FFF;
	float: left;
	
}

#searchBar select
{
	height:auto;
	line-height:25px;
	width: 60px;
	/*border: 1px solid #FFF;*/
	padding:3px 0;
	float: left;
	font:Arial, "新細明體";
}
#searchBar a
{
	margin-top:-1px;
	line-height: 25px;
	height: 25px;
	width: 43px;
	text-align: center;
	display: inline-block;
	float: right;
	color: #FFF;
	margin-right: 10px;
}
#searchBar a:hover
{
	text-decoration: none;
	background-position: right;
}
#footer
{
	color: #FFF;
	width: 100%;
	margin-top: 15px;
	height: 35px;
	line-height: 35px;
	position: relative;
}
#footer a
{
	color: #FFF;
	margin-right: 20px;
}
#footer .copyright
{
	margin-left: 20px;
	float: left;
}
#footer .link
{
	float: right;
	margin-right: 20px;
}
.clear { clear: both; }
.push { height: 50px; }
.addB,.addC,.addD,.addE,.add635,.mainImage{
	background-repeat: no-repeat;
	float:left;
	margin-top: 3px;
	background-position: right bottom;
	background-image: url(../images/addBg.png);
	}
	.mainImage
{
	height: 127px;
	width: 637px;
	padding: 3px;
	margin-left: 3px;
}
.addB
{
height:109px;
padding-left:1px;
padding-top:1px;
width:308px;
}#columnR .addB img
{ margin: 0px; 	
}
.add635
{
	height: 77px;
	width: 636px;
	padding: 2px;
	margin-left: 3px;
}
.addC
{
	background-image: url(../images/addCbg.png);
	height: 109px;
	width: 517px;
	margin-right: 5px;
	margin-left: 3px;
	display:inline;
	overflow: hidden;
	padding-top: 1px;
	padding-left: 1px;
}
.addD
{
	height:75px;
margin:3px 0 0 2px;
padding:3px 5px 6px 3px;
width:200px;
}
.beautyIndex .addD {
height:80px;
width: auto;
}
#columnR .addD img{border:none;}
.addE
{
	height: 109px;
	width: 644px;
	padding-left:2px;
	padding-top:2px;
}

.addE img
{ width:640px;}

.btnGroupR {
	float: right;
	margin-top: 10px;
}
.btnGroupM {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 210px;
}
.btnGroupL{
	float: left;
	margin-left: 55px;
	display: inline;
}
a.btnT {
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 29px;
	width: 51px;
	margin-left: 5px;
	font-size: 15px;
	text-align: center;
	line-height: 29px;
}
a.btnT:hover {
	text-decoration: none;
}
a.btnT2b {
	color: #FFF;
}
a.btnT2b:hover {
	background-position: 0px -33px;
}
a.btnT2w {
	background-position: -52px 0px;
	height: 31px;
	width: 53px;
}
a.btnT2w:hover {
	background-position: -52px -33px;
}
a.btnT2g {
	background-position: -107px 0px;
	height: 31px;
	width: 53px;
}
a.btnT2g:hover {
	background-position: -107px -33px;
}
a.btnT5b {
	background-position: -162px 0px;
	width: 98px;
	color: #FFF;
}
a.btnT5b:hover {
	background-position: -162px -33px;
}
a.btnT5w {
	background-position: -263px 0px;
	height: 32px;
	width: 100px;
}
a.btnT5w:hover {
	background-position: -263px -33px;
}
#columnR
{
	float: right;
	width: 312px;
	margin-top: 0px;
	overflow: hidden;
	position: relative;
}
#columnR .dottedOut { margin-top: 20px; }
#columnR .dotted
{
	width: 288px;
	float: left;
	padding: 5px;
}
#columnR img
{
	float: left;
	/*margin-right: 7px;*/
	border: 1px solid #E3E3E3;
}
#columnL
{
	float: left;
	width: 645px;
}
#columnL .dottedOut { margin-top: 0px; }
#columnL .dotted
{
	width: 610px;
	float: left;
}
#noteOut
{
	margin-left: 200px;
	margin-top: 10px;
}
#noteIn
{
	width: 540px;
	color: #666;
	text-align: center;
	font-size: 15px;
	background-position: center 30px;
	background-repeat: no-repeat;
	padding-top: 110px;
	padding-bottom: 30px;
	line-height: 20px;
}
#noteIn a{ text-decoration: underline; }
#noteIn a:hover{ text-decoration: none; }
#noteOut .hello{
	background-image: url(../images/hello.jpg);
}
#noteOut .sorry{
	background-image: url(../images/sorry.jpg);
}
a.btnDetail
{
	background-repeat: no-repeat;
	height: 25px;
	width: 65px;
	display: block;
	float: left;
	color: #FFF;
	line-height: 25px;
	text-align: center;
	margin-top: 5px;
}
a.btnDetail:hover
{
	text-decoration: none;
	background-position: right;
}
/* Tabs
----------------------------------*/
.ui-tabs .ui-tabs-nav {
	position: relative;
	float: left;
	width: 700px;
	margin-top: -34px;
	margin-left: -5px;
}
.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
	background-position: right;
	margin-right: 2px;
	padding-right: 5px;
}
.ui-tabs .ui-tabs-nav li a { 
 	float: left; 
	text-decoration: none;
	color: #FFF; 
}

.ui-tabs .ui-tabs-nav li span{
	height: 21px;
	width: 5px;
	display: block;
	float: left;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected  a {
	color: #006473;	
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: pointer;
	height:21px;
	line-height:21px;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	background: none;
}
.ui-tabs .ui-tabs-hide { display: none !important; }

.tab  {
	float: left;
}
a.more {
	position: absolute;
	right: 5px;
	top: -27px;
	z-index:8;
}
#textBanner a.more{top:5px;}
.news em
{
	font-size: 11px;
	font-style: normal;
	color: #006473;
	margin-right: 7px;
	float: left;
	display:block;
}
.list em
{
	font-size: 11px;
	font-style: normal;
	color: #006473;
	margin-right: 7px;
	float: left;
	display:block;
}

#newsR.myfamily ul a,.list.myfamily em
{
	width: 250px;
	height:18px;
	overflow:hidden;
}
.news li,.list li
{
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 22px;
	border-bottom: 1px dotted #E4E4E4;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}
#newsR li
{
	width: 270px;
}
.news ul a,.list ul a
{
	color: #333;
	float: left;
}
.news .first{
	background-image: none;
	padding-left: 0px;
}
.news img {
	float: left;
	margin-right: 5px;
	border: 1px solid #CCC;
}
.news .first h4 a{
	font-size: 15px;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 5px;
	display: block;
}
#newsR ul a
{
	width: 185px;
	height:18px;
	display:block;
	line-height:18px;
	overflow:hidden;
}
ul.brand{
	margin-top:5px;
	width:645px;
	display:inline;
	float:left;
	margin-left:2px;
	margin-bottom: 3px;
	height: 70px;
}
ul.brand li{
	float:left;
	margin-right:2px;
	margin-bottom: 3px;
	_margin-bottom: 0px;
	line-height: 0px;
}
.calendar{ text-align:center; font-size:13px; line-height:25px;border-collapse:collapse; border:1px solid #ddd; margin-bottom:5px;}
.calendar th{ background:#ddd; color:#666; font-weight:normal; font-size:11px;}
.calendar td{ border-left:1px solid #ddd;border-right:1px solid #ddd;}
.calendar a{ text-decoration:underline;}
#newsR  .wTitle td,#newsR  .wTitle td a{ color:#fff;}
.calendar td.on,.calendar .on,.calendar td.on a{color:#fff;}
.calendar .sun a,.calendar .sun{ color:#c00;}
.calendar .sat a,.calendar .sat{ color:#080;}

.calendar .wTitle{ height:25px;}
.calendar .wTitle span{ float:left; display:block; width:auto; margin-left:55px;}
.calendar .wTitle a{ color:#fff; text-decoration:none; margin-top:5px; }
.calendar .wTitle a:hover{ color:#fff; text-decoration:underline;}
#newsR .wTitle .monthPre{  background-position:0 0; padding-left:15px; float:left; margin-left:5px;}
#newsR .wTitle .monthNext{  background-position:100% -15px; padding-right:15px; float:right; margin-right:5px;}
#newsR .wTitle .monthPre, #newsR .wTitle .monthNext { height:15px; line-height:15px; display:block;color:#fff;
background-repeat:no-repeat;}

#newsR.classList{ height:320px;	background: #fff url(../images/dcplayer_watermark.gif) no-repeat center 85%;}
	
.blogCloud{ margin-bottom:5px;}
.blogCloud ul{ width:927px;}
.blogCloud li{ float:left; margin-left:20px; display:inline;}

#columeR .albumcover img{ vertical-align:middle; float:none; border:2px solid #ccc;}

.replyIMG{ padding:3px; border:1px solid #ccc; float:left; margin-right:5px; margin-top:5px; margin-bottom:5px;}
#comment .replyIMG img, #message .replyIMG img{padding:0; margin:0; }

.myEntry{width:100px;  position:absolute; right:90px; top:22px; background:#fff;}
.myEntry ul{ border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}

#top .myEntry ul a{ padding:2px 10px; display:block; height:20px;  border-bottom:1px dotted #ccc; color:#555; border-right:2px solid #f2f2f2;}
#top .myEntry ul a:hover{ background:#eee; color:#333; text-decoration:none; border-right:2px solid #eee;}
#top a.over{ color:#ff0; }



.aboutContent strong{ font-weight:bold; color:#000;}
.aboutContent ul,.aboutContent ul li{ list-style:disc;}
.aboutContent ul li{ margin-left:40px;}
.aboutContent ol,.aboutContent ol li{ list-style:decimal;}
.aboutContent em{ font-style:italic;}
.aboutContent a{ text-decoration:underline;}