@charset "utf-8";
/* CSS Document */

#headerBG{ background:url(../image/BG_Shape_INTRO.png) no-repeat top center; }
#featurePic{ background:url(../image/Fea_Intro.png) no-repeat; } 

p.introP{ line-height:1.8em; text-align:justify; }


#bodyContainer h3{ font-size:62px; font-weight:normal; padding:0; margin:10px 0; }

.secIcon, .articleList{ display:inline-block; }
.secIcon{ width:180px;}
.secIcon a{ background-repeat:no-repeat; display:block; width:177px; height:177px; background-position: 0 0; }
.secIcon a:hover{ background-position: 0 -200px;  }

.articleList{ width:200px; padding: 10px 5px; }
.articleList ul{ list-style:none; margin:0; padding:0;}
.articleList li{ margin: 4px 0 8px 0;}
.articleList h4{ margin:0; padding:0; font-size:28px; font-weight:normal;
	-moz-transition:margin 1s, color 0.2s;
	-webkit-transition:margin 1s, color 0.2s;
	-o-transition:margin 1s, color 0.2s;
	transition:margin 1s, color 0.2s;
}
.articleList a{ text-decoration:none; }
.articleList li a{ color:#000000; font-size:13px; }
.articleList li a:hover{ border-bottom:1px dotted #000000; }

#tbl_intro td{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	
	-moz-transition:background 1s;
	-webkit-transition:background 1s;
	-o-transition:background 1s;
	transition:background 1s;
}

#tbl_intro h4 a{ color:#000000; }
#tbl_intro .aLeft:hover .articleList h4{ margin-left:-5px; color:#FFFFFF; }
#tbl_intro .aLeft:hover .articleList h4 a{ color:#FFFFFF; }
#tbl_intro .aRight:hover .articleList h4{ margin-right:-5px; color:#FFFFFF; }
#tbl_intro .aRight:hover .articleList h4 a{color:#FFFFFF;}

#tbl_intro .aRight.vaBottom .secIcon a{ background-image:url(../image/btn_ReadIcon.png); }
#tbl_intro .aRight.vaBottom:hover{ background-color:#FF8334; }

#tbl_intro .aLeft.vaBottom .secIcon a{ background-image:url(../image/btn_WatchIcon.png); }
#tbl_intro .aLeft.vaBottom:hover{ background-color:#E8C21E; }

#tbl_intro .aRight.vaTop .secIcon a{ background-image:url(../image/btn_ListenIcon.png); }
#tbl_intro .aRight.vaTop:hover{ background-color:#7CD426; }

#tbl_intro .aLeft.vaTop .secIcon a{ background-image:url(../image/btn_WriteIcon.png); }
#tbl_intro .aLeft.vaTop:hover{ background-color:#2CE5F5; }