@charset "utf-8";

/* common */

a{

	text-decoration:none;

}

a:hover{

	text-decoration:underline;

}



/* specify Banner styles */

div.banner{

	background-color:#FFA200;

}

div.bannerL{

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

}

div.bannerR{

	background:url("../img/p/yp801a/banner_r.gif") no-repeat top right;

}



/* bdropmenu */

#nav{

	border-bottom:1px solid #712800;

}

#nav li{

	border:1px solid #712800;

	border-bottom:none;

}

#nav li a{

	color:#B31E01;

	background-color:#FFF4CC;

}

#nav li a:hover{

	color:#FFFFFF;

	background-color:#B41F02;

}



/*bannerSearch*/

#bannerSearch div.fElem input.sText,

#bannerSearch div.fElem input.dText{

	border:1px solid #FF7B00;

}

#bannerSearch div.fElem input.dText{

	color:#999999;

}

#bannerSearch div.fElem select{

	color:#B41F02;

	border:1px solid #FF7B00;

}



/* site Tree advance settings */

div.siteTreeL{

	background:#FFF4CD url("../img/p/yp801a/st_l.gif") no-repeat top left;

}

div.siteTreeR{

	background:url("../img/p/yp801a/st_r.gif") no-repeat top right;

}



/* Style for the structure */

#pageMiddle{

	display:inline;

	width:660px;

	margin:0;

	padding:0;

	float:left;

}

#pageRight{

	display:block;

	width:216px;

	margin:0;

	margin-left:10px;

	padding:0;

	float:right;

}



div.pageMiddleBlock{

	margin:0;

	margin-bottom:10px;

	padding:0;

}



/* Frame header */

div.fheader{

	background:url("../img/p/yp801a/bt01_c.gif") repeat-x top;

}

div.fheaderL{

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

}

div.fheaderR{

	background:url("../img/p/yp801a/bt01_r.gif") no-repeat top right;

}

div.fheaderText{

}

div.subSelect{

	background:url("../img/p/yp801a/scp.gif") no-repeat left;

}

select.subcat{

}

div.fhRange{

	background:url("../img/p/yp801a/bt02_c.gif") repeat-x top;

}

div.fhRangeL{

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

}

div.fhRangeR{

	background:url("../img/p/yp801a/bt02_r.gif") no-repeat top right;

}

div.fhRangeL select{

	color:#B41F02;

}



/* Frame tabbed header */
/*
div.theader{

	background:url("../img/p/yp801a/th01_c.gif") repeat-x bottom;

}

div.theader li{

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

}

div.theader li div.tabr{

	background:url("../img/p/yp801a/taboff_r.gif") no-repeat right top;

}

div.theader li a{

	color:#a31f00;

}

div.theader li.current{

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

}

div.theader li.current div.tabr{

	background:url("../img/p/yp801a/tabon_r.gif") no-repeat right top;

}

span.titleSmall{

	color:#F10D0D;

}

*/

/* Frame 01 */

div.b01_t{

	display:block;

	background:url("../img/p/yp801a/b01_t.gif") repeat-x top;

	margin:0px;

	padding:0px;

}

div.b01_r{

	display:block;

	background:url("../img/p/yp801a/b01_r.gif") repeat-y right;

	margin:0px;

	padding:0px;

}

div.b01_l{

	display:block;

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

	margin:0px;

	padding:0px;

}

div.b01_b{

	display:block;

	background:url("../img/p/yp801a/b01_b.gif") repeat-x bottom;

	margin:0px;

	padding:0px;

}

div.b01_bl{

	display:block;

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

	margin:0px;

	padding:0px;

}

div.b01_br{

	display:block;

	background:url("../img/p/yp801a/b01_br.gif") no-repeat bottom right;

	margin:0px;

	padding:0px;

}

/* Frame 02 */

div.b02_tl{

	display:block;

	background:#F4F4F4 url("../img/p/yp801a/b02_tl.gif") no-repeat top left;

	margin:0px;

	padding:0px;

}

div.b02_tr{

	display:block;

	background:url("../img/p/yp801a/b02_tr.gif") no-repeat top right;

	margin:0px;

	padding:0px;

}

div.b02_bl{

	display:block;

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

	margin:0px;

	padding:0px;

}

div.b02_br{

	display:block;

	background:url("../img/p/yp801a/b02_br.gif") no-repeat bottom right;

	margin:0px;

	padding:0px;

}



/* Styles for the Container */

div.ypIndexBlock{

	display:block;

	margin:0 auto;

	padding:0;

	width:100%;

	height:346px;

	position:relative;

}





#catList{

	display:block;

	margin:0;

	padding:0px 8px 0px 8px;

	list-style:none;

}

#catList li{

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

	font-size:0.9em;

	display:inline;

	width:300px;

	text-align:left;

	margin:0px 6px;

	padding:6px 0px 6px 8px;

	float:left;

	border-bottom:1px dashed #F4F4F4;

}

#catList li.subcat{

	margin:3px 6px 3px 6px;

}

span.catdisImg{

	display:inline;

	float:left;

}

span.catdisImg img{

	vertical-align:middle;

	margin-right:7px;

}

span.catdisText{

	display:block;

	margin:0px 0px 0px 0px;

	padding:0px 0px 4px 0px;

	height:16px;

	text-align:left;

	overflow:hidden;

}

span.catdisText a{

	letter-spacing:0.04em;

	text-decoration:none;

	margin:0;

	padding:0;

}

span.catdisText a:hover{

	/*color:#da0000;*/

	text-decoration:underline;

}

span.catdisDesc{

	display:block;

	color:#888888;

	font-size:0.75em;

	letter-spacing:0.05em;

	height:16px;

	line-height:16px;

	text-align:left;

	overflow:hidden;

}



/* Styles for inner tables */

div.frameInnerBlocks a{
}

div.frameInnerBlocks a:hover{
}





div.midTable{

	margin:0px 12px 0px 12px;

	padding:0;

}

div.ilTable, div.irTable{

	display:inline;

	width:313px;

	padding:4px 0px 12px 0px;

	margin:4px 0px 0px 0px;

	float:right;

}

div.ilTable{

	width:313px;

	padding:4px 10px 12px 0px;

	float:left;

	border-right:1px solid #FFF4CD;

}

div.inTitleR{

	display:block;

	margin:0;

	margin-bottom:8px;

	padding:0;

	height:22px;

	/*background:#ECECEC url("../img/p/yp801a/inti_r.gif") no-repeat right top;*/

}

span.inTitleLImage{

	display:block;

	margin:-8px 0px 0px 0px;

	padding:0;

	text-align:left;

}

span.inTitleLImage span{

	position:absolute;

}

span.inTitleMore{

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

	font-size:0.6em;

	letter-spacing:0.04em;

	display:block;

	text-align:right;

	padding:14px 7px 0px 0px;

}

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:2.0em;

	line-height:2.0em;

	padding:0px 4px;

	border-bottom:1px dashed #ECECEC;

}

table.companyRankTable a{

	display:block;

	overflow:hidden;

	height:2.0em;

}

table.companyRankTable td span.rank{

	display:block;

	float:left;

	color:#999999;

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

	font-size:0.9em;

	font-weight:bold;

	font-style:italic;

	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;

}



/*companyTable Styles */

table.companyTable{

	margin:0;

	padding:0;

}

table.companyTable th{

	color:#999999;

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

	font-size:0.75em;

	font-weight:normal;

	letter-spacing:0.1em;

	padding:3px 0px 2px 0px;

	border-bottom:1px solid #F1F1F1;

	background-color:#F6F6F6;

}

table.companyTable th a:hover{

	color:#FF6000;

	text-decoration:none;

}

table.companyTable td.compNum{

	color:#999999;

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

	font-size:0.66em;

	font-weight:normal;

	letter-spacing:0em;

	vertical-align:top;

	text-align:right;

	padding:14px 4px 12px 0px;

	border-bottom:1px solid #ECECEC;

}

table.companyTable td{

	color:#666666;

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

	font-size:0.82em;

	letter-spacing:0.1em;

	padding:12px 0px 12px 0px;

	border-bottom:1px solid #ECECEC;

}

table.companyTable td.compFunc{

	vertical-align:top;

	text-align:right;

	padding-right:3px;

}

table.companyTable td.compRank{

	vertical-align:top;

	text-align:center;

}

table.companyTable td.compRank span.compRankNo{

	display:block;

	color:#FF8B00;

	font-size:0.8em;

	letter-spacing:0.1em;

	padding:0;

	margin:4px 0px 0px 0px;

}

td.compFunc a{

	float:right;

	margin:0px 0px 2px 2px;

	padding:0;

	border:1px solid #ECECEC;

}

td.compFunc a:hover{

	border:1px solid #FFDE6C;

}







table.companyTable td span.compName,

table.companyTable td span.compNameSponsor,

table.companyTable td span.compInfo,

table.companyTable td span.catList{

	text-align:left;

	display:block;

	margin-bottom:2px;

}

span.compName a{

	color:#2989ff;

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

	font-size:1.15em;

	letter-spacing:0.1em;

	text-decoration:none;

}

span.compName a:hover{

	color:#FF0069;

	text-decoration:underline;

}

span.compNameSponsor a{

	color:#FF0069;

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

	font-size:1.15em;

	letter-spacing:0.15em;

	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;

}



/* SpList List */

div.SpList{

	margin:0px 0px 8px 0px;

	padding:0;

	text-align:left;

	background-color:#EFF7FD;

}

div.useAdLink{

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

	font-size:0.75em;

	color:#666666;

	letter-spacing:0.2em;

	height:1em;

	display:inline;

	float:right;

	margin:6px 4px 0px 4px;

	padding:0;

}

div.SpList div.useAdLink a{

	color:#666666;

}

div.SpList ul{

	list-style:none;

	padding:0px 0px 6px 0px;

	margin:10px;

}

div.SpList li{

	display:block;

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

	font-size:0.8em;

	letter-spacing:0em;

	margin:8px 8px;

	padding:0;

}

span.jcName{

	display:block;

	color:#FF0069;

	font-size:1.1em;

	margin-bottom:3px;

}

span.sponsorLink{

	font-size:0.7em;

	letter-spacing:0em;

	color:#507C88;

}

div.SpList li a{

	display:block;

	height:36px;

	color:#444444;

	padding:0;

	margin:0;

	text-decoration:none;

}

div.SpList li a:hover{

	color:#444444;

	text-decoration:none;

}

div.SpListBtm{

	margin:8px 0px;

	padding:8px;

	text-align:center;

	background-color:#EFF7FD;

}



/* page List Styles */

#ypPageList span.currentPage{

	font-weight:bold;

	color:#B31E01;

}

#ypPageList a{

	color:#0054FF;

	text-decoration:none;

}

#ypPageList a:hover{

	color:#0563FF;

	text-decoration:underline;

}