@charset "utf-8";

/* CSS Document */



/* common */

body{

	font-family:Arial, verdana, 新細明體,Helvetica, sans-serif;

}

a{

	/*color:#6B4139;*/

	text-decoration:none;

}

a:hover{

	/*color:#880DDC;*/

	text-decoration:underline;

}



/* specify Banner styles */

div.banner{

	background:url("../img/p/yp805a/banner_bg.jpg") no-repeat top left;

	height:102px;

	margin:0;

	padding:0;

	margin-bottom:10px;

}

div.bannerImg{

	display:inline;

	float:left;

	margin:0px 0px 0px 218px;

	padding:0;

}



/*bannerSearch*/

#bannerSearch div.fElem input.sText,

#bannerSearch div.fElem input.dText{

	width:140px;

	border:1px solid #FF7B00;

}

#bannerSearch div.fElem input.dText{

	color:#999999;

}

#bannerSearch div.fElem select{

	width:100px;

	color:#B41F02;

	border:1px solid #FF7B00;

}



/* site Tree */

div.siteTreeL{

	display:block;

	width:888;

	height:24px;

	margin:0;

	margin-bottom:10px;

	padding:0;

	background:none;

}

div.siteTreeR{

	height:24px;

	padding:0px 16px 0px 10px;

	margin:0;

	background:none;

}

div.siteTreeText{

	display:inline;

	float:left;

	color:#444444;

	font-family:Arial, verdana, 新細明體,Helvetica, sans-serif;

	font-size:0.7em;

	letter-spacing:0.0em;

	margin:0;

	padding:7px 15px 0px 0px;

}

div.siteTreeText a{

	color:#ca9063;

	text-decoration:none;

	padding:0px 4px;

}

div.siteTreeText a:hover{

	text-decoration:underline;

}



/* Style for the structure */

#pageMiddle{

	display:inline;

	width:670px;

	margin:0;

	padding:0;

	margin-right:10px;

	float:left;

}

#pageRight{

	display:inline;

	width:216px;

	margin:0;

	padding:0;

	float:right;

}



div.pmBlock{

	display:block;

	margin:0;

	margin-bottom:12px;

	padding:0;

}



/* Frame tabbed header */

div.fHeader{

	background:url("../img/p/yp805a/tt_0.gif") no-repeat bottom left;

	padding:0;

	margin:0;

	height:38px;

}

div.fHeader ul{

	list-style:none;

	margin:0px 0px 0px 6px;

}

div.fHeader li{

	float:left;

}



/* Frame a */

div.fa_t{

	display:block;

	background:url("../img/p/yp805a/fa_t.gif") no-repeat top left;

	padding:0;

	margin:0;

}

div.fa_m{

	display:block;

	background:url("../img/p/yp805a/fa_m.gif") repeat-y left;

	padding:0;

	margin:0;

}

div.fa_b{

	display:block;

	background:url("../img/p/yp805a/fa_b.gif") no-repeat bottom left;

	padding:0;

	margin:0;

}

/* Frame b */

div.fb_t{

	display:block;

	background:url("../img/p/yp805a/fb_t.gif") no-repeat top left;

	padding:0;

	margin:0;

}

div.fb_m{

	display:block;

	background:url("../img/p/yp805a/fb_m.gif") repeat-y left;

	padding:0;

	margin:0;

}

div.fb_b{

	display:block;

	background:url("../img/p/yp805a/fb_b.gif") no-repeat bottom left;

	padding:0;

	margin:0;

}

/* Frame c */

div.fc_t{

	display:block;

	background:url("../img/p/yp805a/fc_t.gif") no-repeat top left;

	padding:0;

	margin:0;

}

div.fc_t2{

	display:block;

	background:url("../img/p/yp805a/fc_t2.gif") no-repeat top left;

	padding:0;

	margin:0;

}

div.fc_m{

	display:block;

	background:url("../img/p/yp805a/fc_m.gif") repeat-y left;

	padding:0;

	margin:0;

}

div.fc_b{

	display:block;

	background:url("../img/p/yp805a/fc_b.gif") no-repeat bottom left;

	padding:0;

	margin:0;

}



div.fheaderYpcat, div.fheaderYptop, div.fheaderYplist{

	color:#FFF;

	line-height:38px;

	display:block;

	background:url("../img/p/yp805a/tt_3.gif") no-repeat bottom left;

	padding:0 38px;

	margin:0;

	height:38px;

	text-align:left;

}

div.fheaderYptop{

	background:url("../img/p/yp805a/tt_2b.gif") no-repeat bottom left;

}

div.fheaderYplist{

	background:url("../img/p/yp805a/tt_4.gif") no-repeat bottom left;

}

div.fhRange{

	display:inline;

	float:right;

	height:38px;

	width:150px;

	padding:0;

	margin:0;

	background:url("../img/p/yp805a/tt4_sep.gif") no-repeat bottom left;

}

div.fhRange select{

	font-size:0.8em;

	color:#B54518;

	padding:0;

	margin:4px 10px;

	width:160px;

}



/* SpList List */

div.SpList{

	margin:0px 0px 8px 0px;

	padding:0;

	text-align:left;

}

div.useAdLink{

	font-size:0.75em;

	color:#666666;

	letter-spacing:0.1em;

	height:14px;

	display:block;

	text-align:right;

	margin:0px 4px -10px 4px;

	padding:6px 0px 0px 0px;

}

div.SpList div.useAdLink a{

	display:block;

	color:#777777;

}

div.SpList ul{

	list-style:none;

	padding:0;

	margin:0;

}

div.SpList li{

	display:block;

	font-size:0.8em;

	letter-spacing:0em;

	text-align:left;

	margin:2px 6px 8px 6px;

	padding:0;

}

span.jcName{

	display:block;

	color:#FF0069;

	font-size:1.1em;

	margin-bottom:3px;

}

span.sponsorLink{

	display:block;

	font-size:0.7em;

	letter-spacing:0em;

	color:#507C88;

	margin:0;

}

div.SpList li a{

	display:block;

	color:#444444;

	padding:0;

	margin:0;

	text-decoration:none;

}

div.SpList li a:hover{

	color:#444444;

	text-decoration:none;

}



/*companyTable Styles */

div.comJoin,

div.comFree{

	display:block;

	color:#999999;

	font-family:Arial, verdana, Helvetica, sans-serif;

	font-size:0.75em;

	letter-spacing:0.05em;

	padding:10px 6px;

	border-bottom:1px solid #f0d9bf;

	text-align:left;

	overflow:hidden;

}

div.comFree{

	display:inline;

	width:305px;

	height:90px;

	overflow:hidden;

	float:left;

}

div.comJoin div.compFunc,

div.comFree div.compFunc{

	display:block;

}

div.comJoin div.compFunc a,

div.comFree div.compFunc a{

	margin:0px 3px 0px 0px;

	padding:0;

}

div.comJoin div.compFunc a:hover,

div.comFree div.compFunc a:hover{

}

div.comJoin span.compName,

div.comJoin span.compNameSponsor,

div.comJoin span.compInfo,

div.comJoin span.catList{

	display:block;

	margin-bottom:2px;

}

div.comFree span.compName,

div.comFree span.compNameSponsor,

div.comFree span.compInfo,

div.comFree span.catList{

	width:600px;

	display:block;

	margin-bottom:2px;

}



span.compName a{

	color:#b4471c;

	font-size:1.25em;

	letter-spacing:0.05em;

	text-decoration:none;

}

span.compName a:hover{

	color:#FF0069;

	text-decoration:underline;

}

span.compNameSponsor a{

	color:#f51d88;

	font-size:1.25em;

	letter-spacing:0.05em;

	text-decoration:none;

}

span.compNameSponsor a:hover{

	color:#FF0069;

	text-decoration:underline;

}

span.catList a{

	text-decoration:none;

	color:#888888;

	padding:0px;

	margin:0px;

}

span.catList a:hover{

	color:#FF9A00;

	text-decoration:underline;

}



/* Styles for the Container */

div.ypIndexBlock{

	display:block;

	margin:0;

	padding:0;

	height:176px;

}

#catList{

	display:block;

	margin:0;

	padding:0px 8px 0px 8px;

	list-style:none;

}

#catList li{

	font-family:Arial, verdana, Helvetica, sans-serif;

	font-size:0.8em;

	letter-spacing:0.0em;

	display:inline;

	width:300px;

	text-align:left;

	margin:2px 6px;

	padding:0px 0px 0px 8px;

	float:left;

	border-bottom:1px dashed #F4F4F4;

}

#catList li.subcat{

	margin:3px 6px 3px 6px;

}

span.catdisImg{

	display:none;

	float:left;

}

span.catdisImg img{

	display:none;

	vertical-align:middle;

	margin-right:7px;

}

span.catdisDesc{

	display:none;

	color:#888888;

	font-size:0.75em;

	letter-spacing:0.05em;

	height:16px;

	line-height:16px;

	text-align:left;

	overflow:hidden;

}

span.catdisText{

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px 0px 4px 0px;

	height:16px;

	line-height:16px;

	text-align:left;

	overflow:hidden;

}

span.catdisText a{

	height:16px;

	line-height:16px;

	color:#f51d88;

	text-decoration:none;

	border-bottom:solid 1px #FFF;

}

span.catdisText a:hover{

	border-bottom:solid 1px #f51d88;

}



div.bmBanner{

	display:inline;

	float:left;

	margin:0px 12px 8px 0px;

	padding:0;

	text-decoration:none;

	border:solid 3px #FFF;

	overflow:hidden;

	width:72px;

	height:72px;

}

span.titleSmall{

	font-size:0.7em;

	color:#B54518;

	margin:0 6px;

}

/* Styles for inner tables */

div.frameInnerBlocks{

	display:block;

	margin:0;

	padding:0px 16px;

	text-align:left;

}

div.midTable{

	margin:0px 12px;

	padding:0;

}

div.ilTable, div.irTable{

	display:inline;

	width:300px;

	padding:4px 0px 8px 0px;

	margin:4px 0px 0px 0px;

	float:right;

}

div.ilTable{

	width:300px;

	padding:4px 10px 8px 0px;

	float:left;

}

div.inTitleR{

	display:block;

	margin:0;

	margin-bottom:8px;

	padding:0;

	height:22px;

}

span.inTitleLImage{

	display:block;

	margin:0;

	padding:0;

	text-align:left;

}

table.companyRankTable{

	margin:0px 0px 4px 0px;

	padding:0;

}

table.companyRankTable td{

	font-family:Arial, verdana, Helvetica, sans-serif;

	font-size:0.8em;

	letter-spacing:0.05em;

	text-align:left;

	height:22px;

	line-height:22px;

	padding:0px 4px;

}

table.companyRankTable a{

	color:#e24d12;

	display:block;

	overflow:hidden;

	height:22px;

}

table.companyRankTable td span.rank{

	display:block;

	float:left;

	color:#b3b3b3;

	font-family:Arial, verdana, Helvetica, sans-serif;

	font-style:italic;

	font-weight:bold;

	letter-spacing:0em;

	margin:0px 6px 0px 0px;

	padding:0;

}

span.counts{

	font-family:sans-serif, Arial, verdana, Helvetica;

	font-size:0.75em;

	font-weight:normal;

	letter-spacing:0em;

	vertical-align:text-top;

	color:#666666;

	margin:2px 0px 0px 4px;

	padding:0;

}



/* page List Styles */

#ypPageList{

	display:block;

	color:#666666;

	margin-top:8px;

}

#ypPageList span.currentPage{

	font-weight:bold;

	color:#b4471c;

}

#ypPageList a{

	color:#BD9F53;

	text-decoration:none;

}

#ypPageList a:hover{

	text-decoration:underline;

}