@charset "utf-8";
* {
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif, 新細明體, System;
	margin:0;
	padding:0;
}
h1{
	font-size:32px;
	padding:3px;
	line-height:1.6em;
}
h2{
	font-size:24px;
	padding:3px;
	line-height:1.6em;
}
h3{
	font-size:18px;
	padding:3px;
	line-height:1.6em;
}
h4{
	font-size:16px;
	padding:3px;
	line-height:1.6em;
}
h5{
	font-size:13px;
	padding:3px;
	line-height:1.6em;
}
h6{
	font-size:9px;
	padding:3px;
	line-height:1.6em;
}
h7{
	font-size:15px;
	padding:3px;
	line-height:1.6em;
}
/*    ----------   body   -----------  */
#pcm_wrap {
	width:990px;
	margin:auto;
}
#pcm_wrap_1 {
	float:left;
}
#pcm_wrap_2 {
	float:left;
	margin:10px 0;
}
#pcm_foot {
	width:990px;
	float:left;
	padding: 60px 0 40px;
	text-align:center;
}
/*    ----------   top   -----------  */
#pcm_top_logo {
	float:left;
	width:250px;
	text-align:center;
	float:left;
}
#pcm_banner_728_90 {
	float:left;
	padding-top:3px;
}
/* -----------------menu---------------- */
.ddsmoothmenu {
	float:left;
	font:12px Arial;
	width:990px;
	padding-top:1px;
	border-top: 2px solid #cccccc;
	height:38px;
	margin-bottom:15px;
}
.ddsmoothmenu ul {
	z-index:100;
	margin: 0;
	list-style-type: none;
	padding: 0 0 1px 0;
}
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
}
/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	color: white;
	padding: 9px 5px 0 5px;
	text-align:center;
	height:29px;
	width: 80px;
	color: #2d2b2b;
	text-decoration: none;
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	color: white;
}
.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background:url(../images/menu/top_menu/menu_00.gif);
	color: #000;
}
.ddsmoothmenu ul li a:hover {
	background: url(../images/menu/top_menu/menu_00.gif); /*background of menu items during onmouseover (hover state)*/
	color: #000;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	font: normal 12px Arial;
	width: 80px; /*width of sub menus*/
	padding: 5px;
	text-align:center;
	margin: 0;
	height:12px;
	color: #000;
	background: #333;
	border-bottom:solid 1px #FFF;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}
.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: silver;
}
.toplevelshadow { 
	opacity: 0.6;
	filter:alpha(opacity=60);
}
#menu_01 {
	background-image: url(../images/menu/top_menu/menu_01.gif);
}
#menu_02 {
	background-image: url(../images/menu/top_menu/menu_02.gif);
}
#menu_03 {
	background-image: url(../images/menu/top_menu/menu_03.gif);
}
#menu_04 {
	background-image: url(../images/menu/top_menu/menu_04.gif);
}
#menu_05 {
	background-image: url(../images/menu/top_menu/menu_05.gif);
}
#menu_06 {
	background-image: url(../images/menu/top_menu/menu_06.gif);
}
#menu_07 {
	background-image: url(../images/menu/top_menu/menu_07.gif);
}
#menu_08 {
	background-image: url(../images/menu/top_menu/menu_08.gif);
}
#menu_09 {
	background-image: url(../images/menu/top_menu/menu_09.gif);
}
#menu_10 {
	background-image: url(../images/menu/top_menu/menu_10.gif);
}
#menu_11 {
	background-image: url(../images/menu/top_menu/menu_11.gif);
}
#menu_ex {
	background-image: url(../images/menu/top_menu/menu_00.gif);
}
#menu_ex_text {
	color: #000;
}
/* iframe level 1 */
.ddsmoothmenu ul iframe {
	display:block;
	position:absolute; 
	top:-3px;
	width:90px;
}
/* iframe level 2 */
.ddsmoothmenu ul ul iframe {
	display:none;
}
.ddsmoothmenu ul ul iframe {
	display:block;
}
/* -----------------menu---------------- */
/*    ----------   ad banner   -----------  */
#pcm_adv_banner_1 {
	width:310px;
	float:left;
	text-align:center;
	margin-bottom:20px;
}
/*    ----------   title bar share -----------  */
#pcm_column_center {
	width:510px;
	float:left;
	margin-top: 5px;
}
#pcm_column_right_v2 {
	width:310px;
	float:right;
	margin-top: 5px;
}
.pcm_share_topic_large {
	margin:50px 0 0 10px;
	width:600px;
	height:30px;
	font-size: 20px;
	color: #FFFFFF;
	line-height: 1.4em;
	overflow:hidden;
	word-wrap:break-word;
}
.pcm_share_topic_small {
	font-size:13px;
	line-height: 1.4em;
	text-decoration:none;
	color: #FFFFFF;
	overflow:hidden;
	word-wrap:break-word;
}
/**************************************************/
.pcm_share_topic_small a {
	font-size:13px;
	line-height: 1.4em;
	text-decoration:none;
	color: #FFFFFF;
}
.pcm_share_topic_small a:hover {
	text-decoration: underline;
}
/*    ----------   title   -----------  */
#pcm_title_news {
	background-image:url(../images/news/title_news.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}
#pcm_title_content {
	background-image:url(../images/content/title_content.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}

#pcm_title_knowledge{
	background-image:url(../images/knowledge/title_knowledge.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}

#pcm_title_pcmlab {
	background-image:url(../images/pcm_lab/title_pcmlab.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}
#pcm_title_database {
	background-image:url(../images/database/title_database.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}
#pcm_title_database_compare {
	float:left;
	padding:8px 0 0 145px;
}
#pcm_title_luckydraw{
	background-image:url(../images/lucky_draw/title_luckydraw.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}
#pcm_title_idol{
	background-image:url(../images/idol/title_idol.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}
#pcm_title_idol{
	background-image:url(../images/idol/title_idol.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}
#pcm_title_podcast {
	background-image:url(../images/podcast/title_podcast.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}
#pcm_title_event{
	background-image:url(../images/event/title_event.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}
#pcm_title_review{
	background-image:url(../images/review/title_review.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}
#pcm_title_company_rules{
	background-image:url(../images/share/other/title_home.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}
#pcm_title_sec11{
	background-image:url(../images/forum/title_forum.gif);
	width:830px;
	height:80px;
	margin-bottom:10px;
	float:right;
}