#bestAlbum{ margin-left: 10px; }
#bestAlbum li img
{
	background-color: #FFF;
	padding: 3px;
	border: 1px solid #CCC;
	vertical-align:middle;
}
#bestAlbum .pic
{
	display: table-cell;
      vertical-align:middle;
      text-align:center;
      *display: block;
      *font-size: 94px;
      *font-family:Arial;
      width:108px;
      height:108px;
	margin-bottom: 5px;
}
#bestAlbum li {
	float: left;
	width: 107px;
	margin-right: 15px;
	_margin-right: 13px;
	text-align: center;
	color: #666;
}
#bestAlbum li a {
	display: block;
}
.bestSlide .box {
	height: 186px;
	width: 280px;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
      *display: block;
      *font-size: 170px;
      *font-family:Arial;
	background-color: #fff;
	}

.bestSlide .box img {
      vertical-align:middle;
}
#replyList a { text-decoration: underline; }
#replyList li a:hover { text-decoration: underline; }
#replyList li em {
	color: #818181;
	font-size: 12px;
	float: none;
}
#replyList li a.re {
	text-decoration: none;
	color: #333;
	display: block;
}
#replyList li a.re:hover { text-decoration: underline; }
.replyForm label.error{
	display: inline;
	float: left;
	padding-left: 60px;
}
.replyForm label.error{
	width: 500px;
}
.replyFormFull label.error{
	display: inline;
	float: left;
	width: 700px;
	padding-left: 60px;
	text-align: left;
}
.index .ui-tabs .ui-tabs-nav {
	margin-top: -29px;
	width: 275px;
	margin-left: 0px;
}
.index #columnL .dottedOut {
	margin-top: 19px;
	overflow:visible;
}
.index #columnL .dotted {
	padding: 5px;
}
.galleryH .thumbs { width: 280px;}
.galleryH #thumbs,.galleryH #thumbs2 { margin-top: 5px; }
.galleryH #thumbs li,.galleryH #thumbs2 li {
	width: 66px;
	margin-right: 2px;
	margin-left: 2px;
	_margin-right: 1px;
	_margin-left: 1px;
	display:inline;
}
.index .indexAlbum{ width:275px; overflow:hidden; padding:0; margin:0; float:left;}

.index #columnL .dotted
{
	width: 620px;
}
.index #columnL .gallery,.index #columnL .gallery{	width: 275px;}
.index #columnR #youtube
{ margin: 2px; 	
}
.index #thumbs,.index #thumbs2 {
	margin-left: 0px;
}

.index #columnL .news .dotted {
	width: 314px;
	height:280px;
}
.index #columnL .masterNews .dotted {
	height:185px;
}
.index #columnL .news{
	margin-left: 3px;
}
.index #columnL .news li {
	width: 290px;
}
.index #columnL .news .add {
	background-color:#e7e7e7;
	padding-top: 2px;
	padding-bottom: 2px;
	border-style: none;
	background-image: url(../images/dcplayer/listSpot2.jpg);
	background-position: 1px 2px;
}
.index #columnL .news li a {
	width:215px;
	height: 18px;
	line-height:18px;
	overflow: hidden;
}
.index #columnR .news li a {
	width:200px;
}
#columnR #replyList li a {
	width:260px;
}
#columnR #goodR li a{
	width:265px;
	height: 18px;
	overflow: hidden;
}
.index #columnL .news .first a{
	width: 305px;
	overflow:hidden;
	height:23px; line-height:23px;
}
.index #columnL .news .first {
	width: 310px;
}
.index #columnL .news .first .img{
	display:block; float:left;margin:5px 5px; border:1px solid #ccc;
}
.index .beauty li {
	width: 115px;
	float: left;
	margin-right: 4px;
	margin-left: 4px;
	text-align: center;
}

.index .beauty a {
	display: block;
}
.index .beauty a.pic {
	height: 115px;
	width: 115px;
	overflow: hidden;
}
.newBook,.masterGood   {
	float: left;
	width: 280px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.masterGood   {
	width: 310px;
}
.newBook .pic,.masterGood .pic{
	height: 120px;
	overflow: hidden;
	display: block;
	width: 100px;
	float: left;
	margin-right: 15px;
}
.masterGood .pic{
	height: 135px;
	width: 135px;
	border: 1px solid #CCC;
}
.newBook a,.masterGood a {
	color: #000;
	float: left;
}
.newBook .bookInfo,.goodInfo {
	float: left;
	width: 150px;
}
.bookInfo ul {
	float: left;
	width: 155px;
}
.goodInfo ul {
	float: left;
	width: 140px;
}
.bookInfo strong,.goodInfo strong { color: #F00; }
.newBookList ,.masterGoodList {
	float: left;
	margin-top: 5px;
	width: 330px;
}
.masterGoodList {
	width: 280px;
}
.newBookList li,.masterGoodList li {
	background-image: url(../images/dcplayer/listSpot.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	border-bottom: 1px dotted #E4E4E4;
}
.newBookList em {
	font-size: 11px;
	color: #006473;
	display: block;
	margin-right: 5px;
	float: left;
}
.newBookList a,.masterGoodList a{ color: #333; }
.newBook a.btnDetail,.masterGood a.btnDetail  { color: #FFF; }
.starInfo {
	float: left;
	width: 158px;
	text-align: center;
	color: #000;
	margin-left: 7px;
	display:inline;
}
.star img,#blog img
{
	background-color: #FFF;
	padding: 3px;
	border: 1px solid #CCC;
	vertical-align : middle;
	margin-top: 5px;
}
ul.blogTop .img{
	border: 1px solid #ccc;
	float:left;
	width:58px;
	height:58px;
	margin-top: 5px;
	margin-right:6px;
	padding: 2px;
	display:block;
	overflow:hidden;
}
ul.blogTop .img:hover{		border: 1px solid #aaa;}
ul.blogTop .img div
{	display:table-cell;
	vertical-align : middle;
	width:58px;
	height:58px;
}
ul.blogTop .img img{
	vertical-align:middle;}

.star dt {
	background-image: url(../images/starTitle.jpg);
	background-repeat: no-repeat;
	line-height: 21px;
	color: #FFF;
	height: 21px;
	border-bottom: 1px solid #006473;
	padding-left: 9px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.star {

	margin-bottom: 3px;
}

.star dd { margin-left: 5px; }

.star em {
	font-size: 11px;
	color: #666;
}
.star span { display: block; }

.star dl {
	float: left;
	margin-left: 5px;
	width: 280px;
}
.star .album {
	float: left;
	margin-left: 10px;
	width: 160px;
}
.star .album li {
	background-image: url(../images/dcplayer/listSpot.jpg);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-left: 22px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.star .album a { color: #333; }
.star .album a:hover { text-decoration: underline; }
.star .album .first {
	background-image: none;
	padding: 0px;
}
#blog .dotted {
	width: 937px;
	padding: 5px;
}
#blog {
	margin-top: 21px;
	_margin-top: 12px;
	
}
#blog ul {
		width:auto;}

#blog li {
	float: left;
	width: 180px;
	margin-right: 7px;
	display:inline;
}
ul.blogTop li {
	float: left;
	width: 181px;
	margin-right: 12px;
	display:inline;
}
#blog a,ul.blogTop a { display: block; }
#blog img,ul.blogTop img {
	float: left;
	margin-right: 10px;
}

#joinOut,#payOut { margin-left: 100px; }

#joinIn,#payIn
{
	width: 740px;
	position: relative;
	background-color: #f1f1f1;
}
.joinForm
{
	width: 100%;
	margin-top: 5px;
}
.joinForm .icon1, .joinForm .icon2, .joinForm .icon3, .joinForm .icon4,.joinForm .icon5,.joinForm .icon6,.joinForm .icon7,.joinForm .icon8
{
background-image: url(../images/icon1.jpg);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.joinForm .icon2 { background-image: url(../images/icon2.jpg); }
.joinForm .icon3 { background-image: url(../images/icon3.jpg); }
.joinForm .icon4 { background-image: url(../images/icon4.jpg); }
.joinForm .icon5 { background-image: url(../images/icon5.jpg); }
.joinForm .icon6 { background-image: url(../images/icon6.jpg); }
.joinForm .icon7 { background-image: url(../images/icon7.jpg); }
.joinForm .icon8 { background-image: url(../images/icon8.jpg); }
a.btn1
{
	background-image: url(../images/btn.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 33px;
	width: 73px;
	float: left;
	text-align: center;
	line-height: 30px;
	margin-right: 5px;
}
a.btn1:hover
{
	background-position: -73px 0px;
	text-decoration: none;
}
.joinForm td, .joinForm th
{
	padding: 5px;
	line-height: 30px;
}
.joinForm th
{
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
.joinForm thead th
{
	color: #000;
	text-align: left;
	padding-left: 45px;
	background-color: #E0E0E0;
	border: 1px solid #CCC;
}

.joinForm.contact thead th
{ font-size:13px; padding-top:5px; padding-bottom:5px;}

.joinForm,.contact td,.joinForm,.contact th{ font-size:15px; padding:0 5px; margin:0; }


.contact{ margin-bottom:20px;}
.contact td a{ color:#333;}
.joinForm.contact td strong{ font-size:15px; color:#333; line-height:40px;}


.joinForm td .none, .albumTable .none, .routeTable .none
{
	color: #C00;
	display: block;
	margin-bottom: 5px;
	line-height: 20px;
	font-size: 12px;
}
.joinForm label { font-size: 15px; }
.joinForm .drop { margin-left: 10px; }
.joinForm .col1, .joinForm .col2, .joinForm .col3, .joinForm .col4
{
	float: left;
	line-height: 13px;
	font-size: 13px;
}
.joinForm .col1 { width: 110px; }
.joinForm .col2 { width: 130px; }
.joinForm .col3 { width: 120px; }
.joinForm .col4 { width: 150px; }
.joinForm label.error {
	color: #C30;
	font-size: 12px;
	float: left;
	display: block;
	width: 100%;
}
a.btnJoin, a.btnCancel, a.btnSave, a.btnDone,a.btnConfirm,a.btnReturn,a.btnFinish
{
	float: left;
	display: block;
	height: 34px;
	width: 107px;
	text-indent: -10000px;
	margin-right: 5px;
}

a.btnSave { background-position: 0px -34px; }
a.btnCancel{	background-position: 0px -102px;	width: 67px;}
a.btnDone { background-position: 0 -204px; }
a.btnConfirm { background-position: 0 -272px; width:67px;}
a.btnReturn { background-position: 0 -238px; }
a.btnFinish { background-position: 0 -306px; width:67px; margin-left:50px;}

a.btnJoin:hover { background-position: -107px 0px; }
a.btnSave:hover { background-position: -107px -34px; }
a.btnDone:hover { background-position: -107px -204px; }
a.btnReturn:hover { background-position: -107px -238px; }

a.btnCancel:hover { background-position: -67px -102px; }
a.btnFinish:hover { background-position: -67px -306px; }
a.btnConfirm:hover { background-position: -67px -272px;}


.btnCenter
{
	margin-left: 395px;
	display: inline;
	float: left;
	width: 200px;
	margin-top: 10px;
}
.agreement
{
	padding-left: 30px;
	list-style: outside;
}
.agreement li
{
	list-style:decimal;
	margin-top: 15px;
}
.agreement ul li
{
	margin-left: 20px;
	list-style: lower-alpha;
	margin-top: 5px;
}
.agreement ul ul li
{
	list-style: disc;
	margin-left: 35px;
	margin-top: 0px;
}
#memberInfo { float: left; }
#memberInfoIn
{
	width: 588px;
}
.memberInfo { width: 100%; }
.memberInfo td, .memberInfo th
{
	border: 1px solid #e0e0e0;
	background-color: #FFF;
	padding: 9px;
	text-align: center;
}
.memberInfo th
{
	font-weight: normal;
	text-align: left;
	color: #006473;
}
.memberInfo .area
{
	background-color: #efefef;
	color: #000;
	text-align: center;
}
.memberInfo .tableTitle td
{
	font-size: 15px;
	color: #000;
	background-color: #efefef;
	text-align: center;
}
.tableTitle span
{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}
.memberInfo em
{
	font-style: normal;
	color: #F00;
}
.memberInfo .yes, .memberInfo .no
{
	background-image: url(../images/yes.jpg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height: 22px;
	text-indent: -10000px;
}
.memberInfo .no { background-image: url(../images/no.jpg); }
a.btn4
{
	background-repeat: no-repeat;
	background-position: 0px -95px;
	font-size: 12px;
	color: #FFF;
	height: 31px;
	width: 72px;
	display: block;
	float: left;
	line-height: 31px;
}
a.btn4:hover
{
	background-position: -73px -95px;
	text-decoration: none;
}
#memberColR
{
	float: right;
	width: 345px;
}
#loginIn,#pwIn,#register
{
	width: 300px;
	float: left;
	padding-left: 20px;
	padding-top: 0px;
}

#forgetPW,#verify
{	width:440px;
height:300px;
	float: left;
	padding-left: 20px;
	padding-top: 0px;
}


#loginIn label,#pwIn label,#forgetPW label,#verify label
{
	float: left;
	font-size: 15px;
	display: block;
	margin-bottom: 5px;
	margin-top: 10px;
	color: #000;
}
#loginIn .input input, #loginIn label ,#pwIn .input input, #pwIn label{ width: 270px; }
#forgetPW label,#verify label{ width: 430px; }
#forgetPW .input input,#verify .input input{ width: 400px; }
#loginIn .check,#pwIn .check
{
	float: left;
	width: 250px;
	margin-top: 10px;
}
.memberBtn,.memberBtnNone,.registerBlock
{
	float: left;
	width: 280px;
	display: block;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #CCC;
}

.memberBtnNone,.registerBlock
{
	border-top:none;
	margin-top: 0px;
}
.registerBlock input.regBtn { margin-top:-15px;}
input.loginBtn,input.searchBtn,input.regBtn{ float:right;}

a.loginBtn, a.searchBtn, a.addBtn
{
	background-image: url(../images/btnImage.png);
	background-position: 0px -136px;
	display: block;
	height: 32px;
	width: 66px;
	text-indent: -8000px;
	float: right;
}
a.searchBtn { background-position: 0px -170px; }
a.loginBtn:hover { background-position: -67px -136px; }
a.searchBtn:hover { background-position: -67px -170px; }
#aboutR
{ line-height: 15px; }

#aboutR img
{ float:left; margin-right:15px;}
.aboutContent{width:700px; overflow:hidden;}
#aboutR strong
{
	font-size: 15px;
	color: #006473;
	display: block;
	padding-bottom: 3px;
}

#aboutR.family ul{	float:left;	width:265px;	}
#aboutR.family li{	float:left;	width:100%; padding-bottom:7px;}


#aboutR a.aboutBtn
{
	background-image: url(../images/workBtn.jpg);
	background-repeat: no-repeat;
	background-position: -242px top;
	height: 29px;
	width: 53px;
	line-height: 26px;
	display: block;
	float: left;
	text-align: center;
	color: #333;
	margin-top: 5px;
}
#aboutR a.aboutBtn:hover
{
	background-position: -242px bottom;
	text-decoration: none;
}
.infoR a
{	text-decoration: underline;
	color: #73A605;}

.infoR a.moreBtn{ color:#555; text-decoration:none;  background-image:url(../images/btn.png); width:73px; display:block; height:33px; line-height:31px;
 text-align:center; margin:5px auto;}
.infoR a.moreBtn:hover{ color:#333; background-position:-73px 0;}
	

.infoR a:hover { text-decoration: none; }
.infoR strong
{
	width: 50px;
	display: block;
	text-align: right;
	float: left;
	margin-right: 10px;
}
.infoR li span {
	float: left;
	width: 220px;
}
.infoR li
{
	border-bottom: 1px dotted #b5b5b5;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
	width: 280px;
	overflow:hidden;
	text-align:justify;
}

#goodR p
{
	display: block;
	float: left;
	width: 180px;
	margin-top: 5px;
	height: 55px;
	overflow: hidden;
}
#goodR .goodTitle
{
	display: block;
	float: left;
	width: 180px;
}
#photoSlider
{
	float: left;
	position: relative;
}
.panel {
	display: none;
	vertical-align:middle;
	text-align: center;
	height: 439px;
	width: 624px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #000;
}
.panel .imgBox{
	vertical-align:middle;
	text-align: center;
	height: 415px;
	width: 624px;
	display: table-cell;
	*display: block;
    *font-size: 383px;
    *font-family:Arial;
	
	}
.panel .imgBox img {
      vertical-align:middle;
}
.panel-overlay{
	line-height: 24px;
	width:624px;
	float: left;
	height: 24px;
	position: absolute;
	z-index: 999;
	bottom:-2px;
	left: 0px;

}
.hideOverlay .overlay{display:none}
.overlay{
	position: absolute;
	z-index: 998;
	left: 0px;
	width:624px;
	height: 24px;
	}
#photoSlider img
{
	border: 2px solid #000;
}
.smallPic
{
	margin-top: 0px;
	background-color: #000;
	float: left;
	width: 599px;
	padding-left: 27px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.smallPic ul
{
	float: left;
	width: 576px;
	overflow: hidden;
	height: 61px;
	position: relative;
}
.smallPic li
{
	float: left;
	margin-right: 3px;
}
#photoSlider .smallPic img { border: 3px solid #333; }
#photoSlider .on img { border-color: #FFF; }
.workPre, .workNext
{
	cursor:pointer;
	height: 57px;
	width: 19px;
	position: absolute;
	left: 3px;
	top: 442px;
	z-index: 10001;
}
.workNext
{
	left: 598px;
}
#columnL .dotted { background-color: #FFF; }
#columnL .dotted.gray { background-color: #F2F2F2; }

.albumBar
{
	float: left;
	width: 630px;
	margin-top: 5px;

/*	border-top: 1px solid #f2f2f2;*/
	margin-top: 10px;
}
.albumBar.photo
{
	float: right;
	right:0;
	top:0;
	width: 200px;
	padding:0;
	border-bottom:none;
	position:absolute;
}

.albumBar a
{
	background-image: url(../images/workBtn.jpg);
	display: block;
	float: left;
	height: 29px;
	width: 47px;
	color: #333;
	line-height: 26px;
	padding-left: 20px;
	margin-right: 5px;
	cursor:pointer;
}
.albumBar a:hover
{
	background-position: 0px bottom;
	text-decoration: none;
}
.albumBar a.fullscreen
{
	background-position: -71px 0px;
	width: 69px;
	padding-left: 27px;

}
.albumBar.photo a.fullscreen
{
	float:right;
}


.albumBar a.fullscreen:hover { background-position: -71px bottom; }
.albumBar a.next
{
	background-position: -171px 0px;
	width: 57px;
	padding-left: 10px;
}
.albumBar a.next:hover { background-position: -171px bottom; }
.albumBar a.pause
{
	background-position: -299px 0px;
	width: 67px;
	padding-left: 28px;
}
.albumBar a.pause:hover { background-position: -299px bottom; }
.albumBar a.play
{
	background-position: -399px 0px;
	width: 67px;
	padding-left: 28px;
}
.albumBar a.play:hover { background-position: -399px bottom; }
.albumBar span {
	float: right;
	height: 27px;
	margin-right: 10px;
}
.private {
	width: 500px;
	display: block;
	float: left;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size:12px;
}
#messageForm .private {
	display:inline;
	text-align: left;
	width: 500px;
	margin-left: 60px;
}


#comment,#message  {
	float: left;
	width:605px;
	overflow:hidden;

}
#message  {
	width: 925px;
}
#comment a,#message a { text-decoration: underline; }
#comment a:hover,#message a:hover{text-decoration:none;}
#comment li,#message li {
	float: left;
	padding: 12px 5px;
	position: relative;
	width:auto;
}

#comment img ,#message img{
	float: left;
	border: 1px solid #CCC;
	margin-right: 5px;
}
#comment div ,#message div{
	float: left;
	width: 835px;
	overflow:hidden;
}
.blogArea #comment div,.albumArea #comment div{	width: 510px;}
.blogArea #comment .reply,.albumArea #comment .reply{	width: 485px;}
.blogArea #comment .reply span,.albumArea #comment .reply span{	width: 400px;}
.blogArea #comment .inputArea,.albumArea #comment .inputArea{ width:495px;}

#comment strong ,#message strong{
	color: #000;
	display: block;
}
#comment em,#message em {
	color: #999;
	font-style: normal;
	display: block;
}
#comment .gray,#message .gray { background-color: #f1f1f1; }
#comment .reply,#message .reply {
	border: 1px solid #C9C9C9;
	padding: 7px 5px;
	width: 510px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}
#message .reply {
	width: 820px;
}
#comment span,#message span {
	float: left;
	width: 430px;
	overflow:hidden;
}
#comment .inputArea span,#message .inputArea span {
	width: 5px;
}
#comment .inputArea,#message .inputArea { width: auto; }
#message span {
	width: 740px;
}
.replyForm {
	background-image: url(../images/commentFormBg.jpg);
	background-repeat: no-repeat;
	width: 595px;
	float: left;
	padding: 10px;
}
.replyForm h2 {
	font-weight: normal;
	color: #000;
}
.replyForm li {
	float: left;
	width: 595px;
	font-size: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.replyFormFull li{width: 950px;}
.replyForm label {
	float: left;
	width: 50px;
	text-align: right;
	padding-right: 10px;
}
.replyForm img {
	float: left;
	margin-right: 5px;
}
.replyForm textarea { width: 500px; }
.replyFormFull textarea { width: 860px; }
.replyForm .refresh {
	font-size: 12px;
	line-height: 25px;
	text-decoration:underline;
}
.replyFormBt ,.replyFormFullBt{
	font-size: 0px;
	line-height: 0px;
	background-image: url(../images/commentFormBt.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 6px;
	width: 615px;
}
.replyFormFull {
	background-image: url(../images/commentFormBg.png);
	width: 941px;
}
#comment .inputArea textarea { width: 485px; }
#message .inputArea textarea { width: 810px; height:80px; resize:none; }
#messageForm .private,#message .private{
	width:810px}
.replyFormFullBt {
	background-image: url(../images/commentFormBt.png);
	height: 6px;
	width: 961px;
}
#comment a.replyBtn,#message li a.replyBtn {
	background-image: url(../images/replyBtn.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 53px;
	display: block;
	color: #666;
	text-decoration: none;
	line-height: 23px;
	padding-left: 23px;
	position: absolute;
	z-index: 10;
	right: 5px;
	bottom: 3px;
}
a.replyBtn:hover{
	color: #333;
	background-position: right;
	text-decoration: none;
}
#comment a.btnT2w ,#message a.btnT2w{
	text-decoration: none;
	margin: 5px 0px 0px;
	color: #333;
}


#aboutColumnL {
	float: left;
	width: 230px;
}
#aboutColumnL .dotted {
	width: 200px;
	padding: 7px;
	float: left;
}
#aboutColumnR {
	float: right;
	width: 730px;
}
#aboutColumnR .dotted { width: 700px;
min-height:350px;
_height:350px;}
#aboutColumnL li { width: 200px; overflow:hidden; }
#aboutColumnL strong { width: 40px; }
#aboutColumnL #newsR ul{
	margin-top: 10px;
	float: left;
}

#aboutColumnL #newsR li a { width: 175px; }
#aboutColumnL #newsR li { width: 178px; }
#aboutColumnL img {
	text-align:center;
	border-style: none;

}

#aboutColumnR img { margin: 5px; }
#aboutColumnR p { margin-bottom: 1.2em; }
.albumTitle a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	margin-left: 10px;
}
.albumTitle a:hover{
	text-decoration:none;
	color: #333;
}
#navS
{
	position: absolute;
	top: 103px;
	right: 0px;
}
#navS li
{
	float: left;
	margin-right: 5px;
}
#navS a
{
	float: left;
	display: block;
	background-repeat: no-repeat;
	height: 22px;
	width: 64px;
	line-height: 22px;
	padding-left: 22px;
	color: #3E5A99;
}
#navS a.plurk
{
	background-position: -86px 0px;
	width: 36px;
	color: #AB4612;
}
#navS a.plurk:hover { background-position: -86px -22px; }
#navS a.faceook:hover { background-position: 0px -22px; }
#aboutColumnL .bookInfo {
	float: left;
	width: 90px;
	margin-left:5px;
}
#aboutColumnL .bookInfo a { display: block; }
#aboutColumnL .bookInfo em {
	color: #333;
	float: none;
}
#aboutColumnL .bookInfo  strong { color: #F00; }
#goodList { float: left; }
#goodList li {
	width: 133px;
	padding-right: 25px;
	padding-left: 25px;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E0E0E0;
}
#goodList a {
	display: block;
	/*margin-bottom: 5px;*/
}
#goodList div.user {
	width:100%; text-align:left; color:#999; font-size:11px;
	display: block;
}
#goodList div.user  a{
float:none; display:inline; color:#999;
}


#goodList span { display: block; }
.best img {
	float: left;
	margin-right: 10px;
}
.best {
	float: left;
	padding: 10px;
	width: 430px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}
.best a {
	display: block;
	font-size: 15px;
}
.best .btnDetail { font-size: 12px; }
.best span {
	display: block;
	margin-top: 5px;
}
.goodIn img{ float: left; }
.goodContent {
	float: left;
	width: 510px;
	margin-left: 20px;
}
.goodContent h2 {
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: normal;
}
.goodContent .btnDetail { margin-top: 10px; }
.goodBtn {
	float: left;
	margin-top: 10px;
	margin-left: 400px;
	display: inline;
}
.goodBtn .btnT {
	font-size: 12px;
	color: #333;
}
#linkList li {
	float: left;
	width: 290px;
	margin-right: 5px;
	padding: 5px;
	border-bottom: 1px dotted #CCC;
}
#linkList img {
	padding: 3px;
	border: 1px solid #dcdcdc;
	float: left;
	margin-right: 7px;
}
#linkList .intro a { display: block; }
#linkList .intro {
	display: block;
	float: left;
	width: 205px;
}
#linkList .btnDetail { float: none; }
#galleryColumnR {
	float: right;
	width: 840px;
}
.listFilter {
	background-image: url(../images/listFilter.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 510px;
	float: left;
	padding-left: 15px;
	padding-top: 10px;
}
.listFilter select {
	float: left;
	margin-right: 3px;
}

.listFilter #cate2,.listFilter #cate3{ width:150px;}

.listFilter label {
	float: left;
}
.listFilter a,#routeIn .moveTo a {
	background-image: url(../images/listBtn.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 63px;
	display: block;
	line-height: 29px;
	float: left;
	text-align: center;
	margin-top: -3px;
	color: #333;
}
.listFilter a:hover,#routeIn a:hover {
	text-decoration: none;
	background-position: right;
	color: #006473;
}
#galleryColumnR .tab {
	width: 805px;
	float: left;
}

#galleryColumnR #albumList {
	width: 805px;
	_width: 810px;
	float: left;
}
#galleryColumnR #albumList li {
	margin-right: 4px;
	margin-left: 4px;
}
#galleryColumnL {
	background-image: url(../images/accordionBg.gif);
	background-repeat: no-repeat;
	width: 106px;
	float: left;
	clear: both;
	position: relative;
	padding: 5px;
}
.accordionBt {
	font-size: 0px;
	line-height: 0px;
	background-image: url(../images/accordion.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 6px;
	width: 116px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#accordion li a {
	color: #FFF;
}
#accordion ul ul li a {
	color: #c7e5e9;
}
#accordion ul ul {
	background-color: #1a8291;
	border: 1px solid #0c7685;
	padding: 5px;
}
/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header {
	cursor: pointer;
	position: relative;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 22px;
	width: 86px;
	line-height: 22px;
	padding-left: 20px;
	margin-bottom: 1px;
}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-state-active{
	background-position: bottom;
}
.ui-accordion .ui-accordion-header a {
	display: block;
	font-weight: normal;
	color: #FFF;
}
.ui-accordion .ui-accordion-content {
	margin-top: -2px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	display: none;
	padding: 5px;
}
.ui-accordion .ui-accordion-content-active { display: block; }
#accordionIn .ui-accordion-header {
	color: #c7e5e9;
	cursor: pointer;
	position: relative;
	background-image: none;
	display: block;
	height:auto;
	width: 80px;
	line-height: 17px;
	padding:0 0 5px 0;
}
#accordionIn .ui-state-active{
	text-decoration: underline;
	color: #FFF;
}
#accordionIn .on{
	text-decoration: underline;
	color: #FFF;
}
#galleryColumnR .news {
	width: 412px;
}
#galleryColumnR .news li {
	width: 357px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#galleryColumnR .news a {
	width: 287px;
}
#galleryColumnR .news .first a{
	width: 367px;
}
#galleryColumnR .news .first {
	width: 372px;
}
div.galleryContent {
	display: none;
	float: left;
}
div.galleryContent a:focus, div.galleryContent a:hover, div.galleryContent a:active {
	text-decoration: underline;
}

.hideOverlay div.image-title{display:none}
div.image-title { color: #666; display:none; }
div.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 220px;
	height: 19px; /* This should be set to be at least the height of the largest image in the slideshow */
	margin-top: -10px;
	margin-left: -110px;
}
div.slideshow span.image-wrapper {
	position: absolute;
	top:5;
	left: 5;
	background-color: #fff;
	text-align: center;
}
.galleryH div.slideshow span.image-wrapper,.galleryH div.slideshow-container {
	height: 206px;
	width: 280px;
}
.galleryH div.slideshow span.image-wrapper {
	display: table-cell;
      vertical-align:middle;
      text-align:center;
      *display: block;
      *font-size: 180px;
      *font-family:Arial;
}
.galleryH div.slideshow span.image-wrapper img,.galleryV div.slideshow span.image-wrapper img{
	vertical-align:middle;
}
.galleryV div.slideshow span.image-wrapper,.galleryV div.slideshow-container {
	height: 280px;
	width: 200px;
}
div.slideshow a.advance-link {
	text-align: center;line-height: 0px;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
}
div.caption-container a{
	text-decoration:underline;
}
span.image-caption {
	display: block;
	position: absolute;
	left: 1px;
	padding: 3px 0px 3px 10px;
	bottom: -1px;
}
div.image-desc { color: #999; display:none;
}
ul.thumbs {
	padding: 0;
	float: right;
	width:70px;
}
ul.thumbs li {
	padding: 0;
	margin: 0px 0px 3px 0;
	float: left;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;	
}
#galleryFrame { margin-right: 3px; }

#galleryFrame .dotted{
	width: 410px;
	padding: 5px;
}
#glleryList #albumList dt a { text-align: left; }
#glleryList #albumList dd  a{
	display: inline;
	width: 12px;
	font-size: 12px;
}
#glleryList #albumList dd { text-align: left; color:#333;}
#glleryList #albumList ul { width: 810px; }
#aboutR .btnDetail { float:right; margin-top:-22px; margin-right:5px;}
#topNews { margin-bottom: 5px; }

#topNews .dotted th,#familyList .dotted th {
	color: #FFF;
	padding: 3px;
}
#topNews .dotted td,#familyList .dotted td{
	border: 1px solid #d1d1d1;
	padding: 5px 10px;
}
#topNews .dotted,#familyList .dotted {
	padding: 5px;
	width: 620px;
}
#familyList .dotted th { background-color: #555555; }
#familyList .pager { margin: 10px 0px 0px; }
#topNews td a,#familyList td a { color: #333; }
#familyList td a strong { display:block; float:left; margin-right:5px;}
.gray td { background-color: #ebebeb; }
#routeList em { color: #999999; }
#thumbs,#thumbs2 {
	margin-left: 5px;
}
#routeList .photo{
	float: left;
	height: 108px;
	width: 108px;
	margin-right: 10px;
	text-align: center;
}
#routeList a {
	font-size: 15px;
	text-decoration: underline;
	display: block;
	padding-bottom: 5px;
}
#routeList li {
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
#routeList .routeList {
	float: left;
	width:590px;
}

#routeList a:hover { text-decoration: none; }


#routeList .photo img
{
	background-color: #FFF;
	padding: 3px;
	border: 1px solid #CCC;
}
#routeList .routeInfo li a {
	font-size: 12px;
	display: inline;
}
#routeList .routeInfo li {
	border-style: none;
	padding: 0px;
}

#routeList .routeInfo li em {
	color: #000;
	margin-right: 5px;
}
#albumList .pic img { float: none; }
#albumList a.pic:hover { text-decoration: none; }
#columnR #albumList li {
	margin-right: 8px;
	margin-left: 8px;
	display: inline;
}
#routeIn h4 {
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}
#routeIn .content{ overflow:hidden; width:610px;  display:block; margin:0 auto;}
#routeIn .content img{ max-width:605px;}
#routeIn th { background-color: #e9e9e9; }
#routeIn th, #routeIn td {
	border: 1px solid #c9c9c9;
	padding: 4px;
}
#routeIn table { margin-top: 10px; }
#routeIn a {
	margin-top: 2px;
	margin-right: 5px;
}
#payIn th span{ width:auto; margin-left:10px;}
#payIn td label.date{ float:left;}
#payIn td select{ float:left; margin:5px;}
#payIn td div.content{ width:600px; margin:20px auto; display:block; line-height:24px;}
ul.step{ font-size:15px; text-align:center; height:31px; width:660px; margin:10px 50px;}
.step li{ float:left; width:150px; height:31px; background-repeat:no-repeat; background-position:top; line-height:31px; color:#999;}
.step li.arrow{ width:20px; background:url(../images/step_arrow.gif) no-repeat center center; text-indent:-9000px;}
.step li span{ display:none;}
.step li.on{ background-position:bottom; color:#fff;}
.step .step1{ background-image:url(../images/step1.gif);}
.step .step2{ background-image:url(../images/step2.gif);}
.step .step3{ background-image:url(../images/step3.gif);}
.step .step4{ background-image:url(../images/step4.gif);}

.dataConfirm{ border-collapse:collapse; text-align:left; color:#333; width:90%; margin:20px auto;}
.dataConfirm.select{ margin:5px auto 20px auto;}
strong.premiumTitle{ margin-left:35px; font-size:12px; color:#006473; font-weight:bold;}
table.dataConfirm th{ background:#e0e0e0; text-align:center;}
.dataConfirm td,.dataConfirm th{ border:1px solid #ccc;}
table.pay td{ font-size:15px;}
#payIn .note{ font-size:15px; width:80%; margin:20px auto;}
#payIn .note span{ color:#c00;}
#payIn .noteList{ width:80%; margin:0 auto;}
#payIn .noteList li{ background:url(../images/ico_paynote.gif)  0 7px  no-repeat; padding-left:20px;}


.searchPage{ position:relative; width:100%;}
.searchPage .adArea{  width:320px; float:right;}
.searchPage .pager{ float:left; margin-left:280px;}
.searchPage h2{ margin:10px 20px 0px 20px; float:left; padding:0; width:550px;}

.searchPage h4{ font-size:15px; font-weight:normal; color:#999; font-size:13px; padding:5px 0;}
.searchPage h4 a{ font-size:15px; font-weight:normal; text-decoration:underline;}
.searchPage h4 a:hover{ color:#0099b0;}
.searchPage .searchList{ width:550px; float:left; margin:0 0 20px 20px; list-style:none; color:#000; padding:0; overflow:hidden;}
.searchPage .searchList li{ margin-bottom:20px; float:left;}
.searchList li{ margin-bottom:20px; float:left; width:100%; margin-left:0; padding:0;}
.searchList .highlight{ color:#c00;}
.searchPage .type{ float:left; margin:5px 10px 0 20px; line-height:30px; }
.searchPage .keyword{ display:block; width:auto; margin-left:85px; padding:5px 0 0 0;}
.searchPage .keyword a{ color:#999;}
.searchPage .keyword a:hover{ color:#006473;}

.premium { width:800px; margin:0 auto;}
.premium h1{ margin:10px; padding:0;}
.premium .memberInfo,.premium_pay .memberInfo{ border-collapse:collapse; width:100%; margin:0px auto 20px auto; clear:both;}
.premium .memberInfo td,.premium_pay .memberInfo td{ font-size:12px;}

.premium_pay { width:654px; margin:0 auto;}
.premium_pay h1{ font-size:12px; font-weight:bold;}

#aboutBox{ width:200px; height:200px;}
.box{
background-color:#f9f9f9;
background-position:center center;
background-repeat:no-repeat;
display:table-cell;
text-align:center;
vertical-align:middle;
	}
	
.blogRoute{ position:relative; margin-bottom:5px;}
.blogRoute .more{ margin:0; top:0;}
.blogRoute h4{ color:#333; line-height:16px; font-size:13px; margin:5px 0;}
.blogRoute .map{ width:100%; height:400px; border:1px solid #f2f2f2;}

.premiumIMG{ width:80px; height:80px; overflow:hidden; display:block; text-align:center; padding:2px;}
.premiumIMG img{ width:80px;}