*{
	font: 12px Verdana, Arial, "新細明體";
	color: #555;
}
body {
	background-image: url(images/bg.gif);
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}
.bodyAll {
	background:url(images/bodyBg.jpg) repeat-y;
	margin-right:auto;
	margin-left:auto;
	width:1000px
}
a:hover {
	background-position: right;
	text-decoration: none;
}
.index .bodyAll {
	background-color: #FFF;
	background-image: none;
	border: 1px solid #FFE35A;
}
.floatL {
	float: left;
}
table{ border-collapse:collapse; }

.path {
	background:url(images/path.jpg);
	height:23px;
	width:947px;
	line-height:23px;
	color:#FFF;
	text-align:right;
	padding-right:10px;
	margin-left:23px;
	display:inline-block
}
.path a {
	color: #FFF;
}
.content ,.index .footer{
	margin: 5px 25px 5px 30px;
	display: inline-block;
}
.index .footer{
	display: inline;
}
.how {
	background-image: url(images/ruleFrame.jpg);
	height: 115px;
	width: 480px;
	font-size: 13px;
	line-height: 20px;
	color: #7d3800;
	padding: 15px 20px 20px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 6px;
}
.how h2 ,.joinTable h2{
	color: #F60;
	font-size: 15px;
	margin: 0px 0px 5px;
	font-weight: bold;
}
.how strong ,.joinTable h2 strong{
	color: #FC0;
	font-size: 15px;
	font-weight: bold;
}
a.howBt,a.joinBt ,a.login,a.joinMember{
	float: right;
	background-repeat: no-repeat;
	display: block;
	height: 27px;
	width: 94px;
	margin-top: 5px;
	margin-left: 5px;
	text-indent: -8000px;
	font-size: 0px;
	line-height: 0px;
}
a.howBt {
	background-image: url(images/how.jpg);
}
a.joinBt {
	background-image: url(images/join.jpg);
}
a.joinMember {
	background-image: url(images/joinMember.jpg);
	float: left;
}
a.login {
	background-image: url(images/login.jpg);
	float: left;
}

.hotNews {
	float: left;
	margin: 0px 0px 3px 15px;
	padding: 35px 0px 0px 12px;
	list-style-type: none;
	background-image: url(images/hotNews.jpg);
	height: 120px;
	width: 390px;
	background-repeat: no-repeat;
	display: inline;
}
.hotNews li {
	float: left;
	width: 355px;
	background-image: url(images/newsArrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	height: 35px;
	overflow: hidden;
	display: block;
	line-height: 17px;
	padding: 1px 5px 1px 15px;
}
.hotNews .date {
	float: left;
	height: 35px;
	color: #F90;
	padding-right: 5px;
}
.hotNews .even {
	background-color: #fff4c0;
}
.hotNews a {
	text-decoration: none;
}
.hotNews a:hover {
	text-decoration: underline;
}
.boyL {
	float: left;
	width: 470px;
}
a.voteBtS {
	background-image: url(images/voteBtBoy.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 15px;
	width: 15px;
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	float: left;
	margin-right: 3px;
}
.girlR a.voteBtS ,.girlmain a.voteBtS{
	background-image: url(images/voteBtGirl.jpg);
}
.Top5 {
	margin: 10px 0px 0px;
	padding: 0px 0px 6px;
	list-style-type: none;
	background-image: url(images/top5Boy.jpg);
	background-repeat: no-repeat;
	width: 471px;
	background-position: bottom;
	float: left;
}
.girlR .Top5 {
	background-image: url(images/top5Girl.jpg);
}
.Top5 li    ,.Top10 li{
	float: left;
	width: 85px;
	margin-left: 6px;
	display: inline;
}
.Top10 li {
	margin-left: 7px;
}

.Top5 img     ,.Top10 img{
	border: 2px solid #E7E7E7;
	display: block;
}
.Top5 .voteTag  ,.Top10 .voteTag{
	color: #2A7AFF;
	float: left;
}
.girlR .voteTag ,.girlmain .votes ,.girlmain .voteTag{
	color: #ff4076;
}
.Top5 .boyTop5title1 ,.Top5 .boyTop5title2,.Top5   .girlTop5title1,.Top5 .girlTop5title2{
	background-image: url(images/top5Boy1.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 471px;
	margin: 0px;
	text-indent: -8000px;
}
.Top5  .boyTop5title2{
	background-image: url(images/top5Boy2.jpg);
}
.Top5 .girlTop5title1 {
	background-image: url(images/top5Girl1.jpg);
}
.Top5 .girlTop5title2 {
	background-image: url(images/top5Girl2.jpg);
}
.Top10 {
	margin: 10px 0px 0px;
	padding: 0px 0px 6px;
	float: left;
	background-image: url(images/top10Boy.jpg.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
.girlmain .Top10 {
	background-image: url(images/top10Girl.jpg.jpg);
}

.Top10 .boyTop10title1 ,.Top10 .boyTop10title2,.Top10 .girlTop10title1 ,.Top10 .girlTop10title2 {
	background-image: url(images/top10Boy1.jpg.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 947px;
	text-indent: -8000px;
	margin: 0px;
	padding: 0px;
}
.Top10 .boyTop10title2 {
	background-image: url(images/top10Boy2.jpg.jpg);
}
.Top10 .girlTop10title1 {
	background-image: url(images/top10Girl1.jpg.jpg);
}
.Top10 .girlTop10title2 {
	background-image: url(images/top10Girl2.jpg.jpg);
}
.Number {
	background-image: url(images/Number.jpg);
	height: 23px;
	width: 290px;
	float: left;
	background-repeat: no-repeat;
	padding-left: 9px;
	line-height: 23px;
}
.post {
	float: left;
	width: 210px;
	padding-left: 6px;
	color: #777;
	padding-top: 3px;
	display: block;
}
.voteme {
	background-image: url(images/voteBg.jpg);
	height: 116px;
	width: 66px;
	display: inline-block;
	background-repeat: no-repeat;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	padding-top: 5px;
	padding-left: 8px;
}
.votes  {
	color: #2a7aff;
}
.girlR .votes {
	color: #FF4076;
}
.latest  {
	background-image: url(images/newBoy.jpg);
	background-repeat: no-repeat;
	height: 14px;
	border-bottom: 1px solid #CCC;
	display: block;
	text-indent: -8000px;
	background-position: 3px;
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 450px;
}
.girlR .latest {
	background-image: url(images/newGirl.jpg);
}
.titleLink  {
	color: #2A7AFF;
	font-size: 15px;
	float: left;
	width: 210px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	display: block;
}
.girlR .titleLink ,.girlmain .titleLink{
	color: #FF4076;
}

.List a:hover {
	text-decoration: none;
}
.List {
	float: left;
	width: 455px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}
.List li {
	float: left;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.List img ,.girlPreview img,.boyPreview img{
	border: 3px solid #edf7ff;
	float: left;
	margin-right: 5px;
}

.brief {
	float: left;
	width: 210px;
	padding-left: 6px;
}
.brief a    {
	color: #2A7AFF;
}
.brief a:hover ,a.titleLink:hover{
	text-decoration: none;
}

.girlR .brief a ,.girlmain .brief a,.girlPreview a{
	color: #FF4076;
}
a.voteboyBt1, a.voteboyBt2 ,a.votegirlBt1, a.votegirlBt2,a.voteBt1,a.voteBt2{
	background-image: url(images/voteboy1.jpg);
	background-repeat: no-repeat;
	height: 19px;
	width: 58px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	padding-top: 22px;
	margin-top: 3px;
	margin-bottom: 6px;
}
a.voteboyBt2 ,.boyPreview a.voteBt2{
	background-image: url(images/voteboy2.jpg);
}
a.votegirlBt1 ,.girlPreview a.voteBt1{
	background-image: url(images/votegirl1.jpg);
}
a.votegirlBt2 ,.girlPreview a.voteBt2{
	background-image: url(images/votegirl2.jpg);
}
a.viewAll {
	background-image: url(images/viewAll.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 116px;
	display: inline-block;
	line-height: 30px;
	float: left;
	text-align: center;
	font-size: 15px;
	text-decoration: none;
	color: #333;
	margin-left: 200px;
}


.girlR {
	float: right;
	width: 470px;
}
.search {
	background-image: url(images/search.jpg);
	height: 26px;
	width: 935px;
	display: block;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 10px;
}
.search a {
	background-color: #393;
	padding: 2px 3px;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #090;
	margin-right: 20px;
}
.searchResult {
	float: left;
	width: 925px;
	background-color: #FF9;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	padding-left: 10px;
}
.searchResult strong  {
	color: #F60;
	font-weight: bold;
}
.noSearchResult {
	font-size: 15px;
	border: 1px dashed #CCC;
	padding: 10px;
	float: left;
	width: 915px;
}
.noSearchResult strong {
	font-size: 15px;
	color: #F30;
	font-weight: bold;
}
.noSearchResult img {
	margin-right: 7px;
}




.page {
	float: left;
	width: 935px;
	padding: 5px;
}
.page a {
	float: left;
	padding: 2px 5px;
	text-decoration: none;
	border: 1px solid #FFF;
}
.page a:hover {
	color: #333;
	background-color: #CCC;
	border: 1px solid #999;
}

.page span {
	padding: 2px 5px;
	float: left;
	font-weight: bold;
	color: #F60;
	background-color: #FF9;
	border: 1px solid #FC0;
}
.page .pageBt {
	background-image: url(images/pageBt.jpg);
	display: block;
	height: 19px;
	width: 49px;
	text-decoration: none;
	text-align: center;
	line-height: 19px;
	padding: 0px;
}
.page .pageBt:hover {
	border: 1px solid #FFF;
}
.joinBg {
	background-image: url(images/joinBoyGirl.jpg);
	width: 855px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-position: 15px 73px;
	background-repeat: no-repeat;
}
.joinTable a ,.wishTable a{
	color: #F90;
}
.joinTable a:hover ,.wishTable a:hover{
	text-decoration: none;
}

.joinTableBg {
	background-image: url(images/joinBg.jpg);
	background-repeat: no-repeat;
	width: 470px;
	margin-left: 194px;
	padding-top: 35px;
}
.joinTableBt {
	background-image: url(images/joinBgBt.jpg);
	background-repeat: no-repeat;
	height: 11px;
	width: 470px;
	margin-left: 194px;
}
.joinTable {
	margin-left: 20px;
}
.joinTable strong ,.wishTable strong{
	font-weight: normal;
	color: #090;
}
.joinTable td,.wishTable td{
	padding: 3px;
}
.inputText  ,.inputBrowse{
	border: 1px solid #badb8c;
	height: 19px;
	line-height: 19px;
}
.inputBrowse {
	float: left;
}
a.browse {
	background-image: url(images/browse.jpg);
	height: 22px;
	width: 61px;
	float: left;
	line-height: 22px;
	text-decoration: none;
	text-align: center;
	color: #555;
}

.clName {
	text-align: right;
	width: 70px;
	vertical-align: top;
}
.memberLg {
	height: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
}
a.confirm {
	background-image: url(images/confirm.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 24px;
	width: 69px;
	margin-right: 5px;
	margin-top: 5px;
	color: #06C;
	text-decoration: none;
	line-height: 24px;
	text-align: center;
}
td.bts {
	padding-left: 160px;
}



.preview {
	background-image: url(images/preview.jpg);
	background-repeat: no-repeat;
	text-indent: -8000px;
	background-position: 250px 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	border-top: 1px solid #CCC;
}


.girlPreview ,.boyPreview{
	width: 455px;
	border: 1px solid #CCC;
	float: left;
	margin-left: 245px;
	display: inline;
	padding-top: 5px;
	padding-left: 5px;
}
.wishHow {
	background-image: url(images/wishHow.jpg);
	background-repeat: no-repeat;
	height: 114px;
	width: 343px;
	line-height: 18px;
	margin-bottom: 8px;
}
.wishHow .howBt {
	margin: 0px;
}
.eventDate {
	background-image: url(images/eventDate.jpg);
	float: right;
	height: 131px;
	width: 238px;
	margin-top: 7px;
	padding-top: 17px;
	padding-left: 15px;
	line-height: 19px;
	margin-bottom: 7px;
}
.eventDate strong {
	font-weight: normal;
	color: #F00;
}
.wishTableBg {
	background-image: url(images/wishJoinBg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 287px;
}
.wishTableBg h2 {
	background-image: url(images/wishTitle.jpg);
	display: block;
	margin: 0px;
	height: 31px;
	width: 287px;
	text-indent: -8000px;
}
.wishTable {
	margin: 7px;
}
td.note{
	font-size: 11px;
	color: #777;
	border-top: 1px solid #FFF;
	padding: 10px;
}
.wishTable a.confirm {
	margin-bottom: 5px;
	margin-top: 0px;
}
.wishTable .bts {
	padding-left: 100px;
	border-bottom: 1px solid #BACF65;
}
.wishList {
	float: right;
	width: 640px;
	margin-left: 10px;
}
.wishList td {
	padding: 3px 6px;
	border-bottom: 1px solid #DFDFDF;
}
.wishList .postTime strong  {
	font-size: 12px;
	color: #F90;
}
.wishList .postTime {
	font-size: 11px;
}
.thead td {
	color: #FFF;
	background: #7CBD09;
	border: 1px solid #629207;
	text-align: center;
}
.wishList .even td {
	background: #F5FFE8;
}
.wishList .page {
	border-style: none;
	width: 600px;
}
.wishTab {
	float: right;
	width: 640px;
}
.wishTab .tab {
	background: url(images/tab.jpg) no-repeat;
	float: left;
	height: 26px;
	width: 104px;
	line-height: 27px;
	text-align: center;
	text-decoration: none;
	margin-right: 2px;
	color: #999;
	font-size: 13px;
}
.wishTab .tab a {
	color: #72B005;
	text-decoration: none;
	line-height: 27px;
	font-size: 13px;
}
.wishTab .tab a:hover {
	text-decoration: underline;
}
.wishTab .on {
	background: url(images/tabOn.jpg);
}
.wishTab .on a {
	color: #FFF;
}
.memberNote {
	float: left;
	width: 260px;
}
.prizeList {
	padding: 0px;
	list-style-type: none;
	float: left;
	display: inline;
	margin: 0px 0px 0px 15px;
	width: 295px;
}
.content .white li{
	background-color: #FFF;
}
.prizeList strong {
	color: #FF6100;
	font-weight: normal;
	margin-top: 20px;
	display: block;
	float: left;
	width: 135px;
}
.prizeList li img {
	float: left;
	margin-right: 10px;
	display: inline;
}
.prizeList li {
	height: 100px;
	width: 295px;
	display: block;
	border-bottom: 1px dashed #CCC;
	background-color: #fff9b8;
	border-right: 1px solid #FC3;
	border-left: 1px solid #FC3;
	float: left;
}
.prizeList .title {
	background-image: url(images/prizeTitle.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 287px;
	border-style: none;
	font-size: 15px;
	color: #FFF;
	line-height: 31px;
	padding-left: 10px;
}
.prizeList a {
	color: #C00;
}
.important {
	color: #F00;
	padding: 8px;
	float: left;
	width: 100%;
}
.howtoPlay {
	display: block;
	background-image: url(images/howBG.jpg);
	background-repeat: no-repeat;
	background-position: 25px 0px;
	padding-left: 370px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.frame {
	background-image: url(images/howPlayBg.jpg);
	height: 312px;
	width: 531px;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	background-repeat: no-repeat;
	padding-top: 10px;
}
.frame h3 {
	margin-bottom: 5px;
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	margin-top: 2px;
	background-color: #7CBD09;
	padding: 3px 3px 3px 5px;
}
.howtoPlay a ,.rules a{
	color: #F60;
}
.howtoPlay strong ,.rules strong,.attention strong{
	color: #390;
	font-weight: bold;
}
.rules {
	float: left;
	width: 450px;
	margin-left: 15px;
	display: inline;
	position: relative;
}
.rules h3 ,.attention h3{
	background-image: url(images/ruleTitle.jpg);
	margin: 0px;
	height: 28px;
	width: 435px;
	font-size: 13px;
	line-height: 28px;
	font-weight: normal;
	padding-left: 16px;
	color: #630;
}
#show {
	height: 400px;
	width: 500px;
	position: absolute;
	left: 231px;
	top: -23px;
	background-image: url(images/bg.gif);
	border: thin solid #FFF;
	text-align: center;
	visibility: hidden;
}
#show img {
	border: 1px solid #FFF;
	margin-left: 25px;
}
#show .close {
	background-color: #FFC422;
	margin-bottom: 10px;
	border-bottom: 1px solid #FFED96;
	padding: 5px;
}
a.goLookTaiwan {
	border: 1px solid #CF7304;
	display: inline-block;
	padding: 3px;
	background-color: #FF9913;
	width: 200px;
	margin-top: 10px;
	margin-left: 150px;
	color: #FFF;
	text-decoration: none;
	float: left;
}
a.goLookTaiwan:hover {
	background-color: #F30;
	border: 1px solid #F00;
}
.close a {
	background-image: url(images/close.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 72px;
	float: right;
	font-size: 13px;
	line-height: 24px;
	color: #FFF;
	text-decoration: none;
}



.attention {
	float: right;
	width: 450px;
	margin-right: 15px;
	display: inline;
}
.footer {
	float: left;
	width: 945px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #CCC;
	margin-top: 10px;
}
.footer  a {
	font-size: 11px;
	color: #9DC06D;
}
.footer a:hover {
	color: #390;
	text-decoration: none;
}
.footer img {
	float: left;
	border-style: none;
}
.footer .txt {
	text-align: right;
	float: right;
	font-size: 11px;
	color: #999;
}
.sticker {
	float: left;
	width: 210px;
	margin-top: 10px;
	margin-left: 15px;
}
.stickerLeft {
	margin-left: 47px;
	display: inline;
}
.codeBg {
	background-image: url(images/codeBoy.jpg);
	background-repeat: no-repeat;
	height: 118px;
	width: 188px;
	margin-top: 10px;
	color: #F60;
	padding-top: 30px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.codeBg textarea {
	width: 175px;
	margin-top: 5px;
	height: 85px;
}
.sticker .Girl {
	background-image: url(images/codeGirl.jpg);
}
.stikerRule {
	background-image: url(images/stickerRuleBg.jpg);
	height: 87px;
	width: 343px;
	float: right;
	margin-right: 45px;
	margin-top: 12px;
	margin-bottom: 5px;
	display: inline;
}
#basic-accordian{
	border:3px solid #EEE;
	padding:3px;
	float: right;
	width: 370px;
	margin-top: 5px;
	margin-right: 47px;
	display: inline;
}
.howPost {
	float: right;
	width: 372px;
	display: inline;
	margin-right: 45px;
	margin-top: 5px;
	margin-bottom: 2px;
	background-color: #EEE;
	padding: 5px;
	border: 1px solid #CCC;
	font-size: 13px;
}
.accordion_headings{
	padding:5px;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
	display: block;
	background-color: #84C903;
}
.accordion_headings:hover {
	background-color: #FFC526;
}
.accordion_child{
	padding:12px;
	background-color: #FFC;
}

.header_highlight,.header_highlight:hover{
	background-color: #F90;
}
.accordion_child ol {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
.accordion_child strong {
	color: #390;
	font-size: 15px;
	display: block;
	margin-bottom: 5px;
}
.List10 {
	background-image: url(images/ListTable.jpg);
	background-repeat: no-repeat;
	height: 172px;
	width: 171px;
	float: left;
	margin-left: 30px;
	padding: 10px;
	margin-bottom: 20px;
}
.List10 table {
	width: 170px;
}
.List10 caption {
	color: #390;
	padding-bottom: 5px;
}
.List10 td {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #C0D676;
}