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

/* WithJ */
#WithJ *{ font-family:Verdana}
#WithJ .mainWrap {}
#WithJ .mainCtn {width:998px; margin:auto; position:relative;}
#WithJ .mainCtn .top{ height:234px;}
#WithJ .mainCtn .location { width:20px; height:25px;}
#WithJ .mainCtn .mainFlash{ width:450px; height:300px; float:left}
#WithJ .mainCtn .mainGallery{ background:url(/efm/WithJ/images/galleryBg.gif); width:548px; height:301px; float:left; position:relative}

#WithJ .mainCtn .mainGallery .bbs2{width:494px; height:209px; left:20px; top:30px; position:absolute}
#WithJ .mainCtn .mainGallery .bbs2 .bbsTable { width:494px; border-collapse:collapse; position:absolute; left:0px; top:25px;}
#WithJ .mainCtn .mainGallery .bbs2 .bbsTable th {padding:6px 3px 2px 15px; font-weight:normal; text-align:left; color:#666666; background:url(/efm/WithJ/images/bul01New.gif) no-repeat 0 0; font-weight:bold; line-height:20px; overflow:hidden;}
#WithJ .mainCtn .mainGallery .bbs2 .bbsTable td {padding:4px 3px 4px 3px; color:#4C4C4C; text-align:right; width:80px; background:url(/efm/WithJ/images/bul01New.gif) no-repeat -20px 0;}

#WithJ .mainCtn .tit{ margin-bottom:2px;}
#WithJ .mainCtn .mainTop .lnb{ position:absolute; left:17px; top:193px; width:990px}
#WithJ .mainCtn .mainTop .lnb li{float:left; margin-right:1px;}
#WithJ .mainCtn .howto{ width:450px; height:95px; float:left}
#WithJ .mainCtn .indexFeature{ width:356px; height:95px; float:left}

#WithJ .mainCtn .intro{ position:absolute; right:20px; top:102px; width:436px; height:82px;}
#WithJ .mainCtn .intro .tit{ margin-bottom:5px;}
#WithJ .mainCtn .intro .ctn{ line-height:17px;}

#WithJ .mainCtn .ann{ position:absolute; right:20px; top:214px; width:436px; height:134px;}
#WithJ .mainCtn .ann .tit{ }
#WithJ .mainCtn .annTable { width:436px; border-collapse:collapse; overflow:hidden}
#WithJ .mainCtn .annTable th {padding:2px 3px 2px 8px; font-weight:normal; text-align:left; color:#666666; background:url(/efm/RoughEdges//efm/WithJ/images/bul01.gif) no-repeat 0px 8px; height:18px; line-height:17px; overflow:hidden;}
#WithJ .mainCtn .annTable td {padding:2px 3px 2px 3px; color:#4C4C4C; text-align:right;font:10px arial; width:50px;}

#WithJ .mainCtn .mess{ position:absolute; right:20px; top:378px; width:436px; height:134px;}
#WithJ .mainCtn .mess .tit{ }
#WithJ .mainCtn .mess table { width:436px; border-collapse:collapse; overflow:hidden}
#WithJ .mainCtn .mess table th {padding:2px 3px 2px 8px; font-weight:normal; text-align:left; color:#666666; background:url(/efm/RoughEdges//efm/WithJ/images/bul01.gif) no-repeat 0px 8px; height:18px; line-height:17px; overflow:hidden;}
#WithJ .mainCtn .mess table td {padding:2px 3px 2px 3px; color:#4C4C4C; text-align:right;font:10px arial; width:50px;}

#WithJ .mainCtn .indexFeature { position:relative}
#WithJ .mainCtn .indexFeature h3{ position:absolute; left:0px; top:0px;}
#WithJ .mainCtn .indexFeature .L1{ position:absolute; left:108px; top:14px;}
#WithJ .mainCtn .indexFeature .L1 li{padding:0 0 4px 0;}
#WithJ .mainCtn .indexFeature .L2{ position:absolute; left:258px; top:14px;}
#WithJ .mainCtn .indexFeature .L2 li{padding:0 0 4px 0;}

#WithJ .mainCtn .indexPodcast{ width:129px; height:48px; float:right; margin-bottom:14px;}

#WithJ .mainCtn .indexBoard{width:998px; height:230px; background:url(/efm/WithJ/images/noticeBgNew.gif) no-repeat; position:relative}
#WithJ .mainCtn .indexBoard .bbs1{width:385px; height:209px; left:20px; top:15px; position:absolute}
#WithJ .mainCtn .indexBoard .bbs3{width:260px; height:209px; left:730px; top:15px; position:absolute}
#WithJ .mainCtn .indexBoard .bbsTable { width:385px; border-collapse:collapse; position:absolute; left:10px; top:25px;}
#WithJ .mainCtn .indexBoard .bbsTable th {padding:6px 3px 2px 15px; font-weight:normal; text-align:left; color:#666666; background:url(/efm/WithJ/images/bul01.gif) no-repeat 0 0; font-weight:bold; line-height:20px; overflow:hidden;}
#WithJ .mainCtn .indexBoard .bbsTable td {padding:4px 3px 4px 3px; color:#4C4C4C; text-align:right; width:80px; background:url(/efm/WithJ/images/bul01.gif) no-repeat -20px 0;}

#WithJ .mainCtn .indexBoard .gallery1{ position:absolute; left:450px; top:15px; width:530px; overflow:hidden;}
#WithJ .mainCtn .indexBoard .gallery1 .photoBox2{ width:114px;margin-top:7px; float:left; margin-right:18px;}
#WithJ .mainCtn .indexBoard .gallery1 .photoBox2 .photo img{ border:#FFFFFF solid 2px}

#WithJ .mainCtn .indexBoard .bbs3 .bbsTable { width:230px; border-collapse:collapse; position:absolute; left:10px; top:25px;}
#WithJ .mainCtn .indexBoard .bbs3 .bbsTable th {padding:6px 3px 2px 15px; font-weight:normal; text-align:left; color:#666666; background:url(/efm/WithJ/images/bul01.gif) no-repeat 0 0; font-weight:bold; line-height:20px; overflow:hidden;}
#WithJ .mainCtn .indexBoard .bbs3 .bbsTable td {padding:4px 3px 4px 3px; color:#4C4C4C; text-align:right; width:80px; background:url(/efm/WithJ/images/bul01.gif) no-repeat -20px 0;}



#WithJ .subWrap {}
#WithJ .subCtn {width:998px; margin:auto; position:relative;}
#WithJ .subCtn .subTop{ height:234px; margin-bottom:7px;}
#WithJ .subCtn .subTop .lnb{ position:absolute; left:17px; top:195px; width:960px;}
#WithJ .subCtn .subTop .lnb li{float:left; margin-right:2px;}

#WithJ .subCtn .content .location { width:500px; height:20px; padding-left:20px}
#WithJ .subCtn .content .top{background:url(/efm/WithJ/images/centerTop.gif) no-repeat; height:16px; font-size:0px; line-height:0px;}
#WithJ .subCtn .content .ctn{background:url(/efm/WithJ/images/centerBg.gif) repeat-y; padding:0 20px; min-height:500px; _height:500px; *min-height:500px;}
#WithJ .subCtn .content .bot{background:url(/efm/WithJ/images/centerBot.gif) no-repeat; height:16px; font-size:0px; line-height:0px;}

#WithJ .subCtn .headTit{ margin-bottom:20px;}
#WithJ .subCtn .cmsTable {margin:auto;width:740px;}

#WithJ .subCtn .featBox{ width:810px; margin:auto; margin-bottom:30px;}
#WithJ .subCtn .featIMG1{ width:180px; height:180px; float:left}
#WithJ .subCtn .featTit1{ width:200px; float:left }
#WithJ .subCtn .featCtn1{ width:575px; float:left; padding:0 0 0 10px; line-height:20px;}
#WithJ .subCtn .featIMG2{ width:180px; height:180px; float:right}
#WithJ .subCtn .featTit2{  width:200px; float:left}
#WithJ .subCtn .featCtn2{ width:575px; float:left; padding:0 0 0 10px; line-height:20px;}



.WithJCmsCtn { width:800px; line-height:160%; }
.WithJCmsCtn .h3 {color:#333333;  font-weight:bold; }
.WithJCmsCtn .p {color:#999999   }


#WithJ .subCtn .quickLink{ position:absolute; right:0px; top:185px;z-index:100;}