@charset "utf-8";
@import url('./default.css');
@import url('./layout.css');

/* overview */
#companyIntro{background:url("../../images/contents/sectPaper_bg.gif") no-repeat; position:relative; height:305px; padding:50px 0 0 35px;}
#companyIntro ul{background:url("../../images/contents/txt_comIntro.gif") no-repeat; height:137px;}
#companyIntro ul li{text-indent:-999em; overflow:hidden; font-size:0.9em;}
#companyIntro div{position:absolute; right:10px; top:10px;}

/* history */
.titleYear{width:100%; height:16px; overflow:hidden; background:url("../../images/common/bg_slant.gif") repeat-x; margin-bottom:5px;}

.historyList dt{display:inline; float:left; font-family:verdana; font-size:0.9em; letter-spacing:-0.1em; font-weight:bold; margin-right:16px;}
.historyList dd{color:#808080;}
.historyList dt, .historyList dd{border-bottom:1px dotted #d9d9d9; padding:6px 0px; line-height:1.2em;}
.historyList dd span{color:#000;}

/* portfolio */
#tabYear{background:url(../../images/chn/common/bg_tab.gif) repeat-x; height:20px; overflow:hidden; float:right;}
#tabYear li{float:left; margin-right:3px; cursor:pointer;}
#tabYear li.selected{margin-top:-20px}

/* Æ÷Åä°Ô½ÃÆÇ - LIST */
.portfolioBoard{width: 100%; background:url("../../images/common/bg_shortSlant.gif") repeat-x top;}
.portfolioBoard p{width:162px; height:102px; border:5px solid #e7e7e7;}
.portfolioBoard p a img{width:162px; height:102px;}
.portfolioBoard td{padding:25px 17px 0;}
.portfolioBoard dt{padding:0 3px 0 2px; height:16px; margin:5px 0 3px 0; line-height:17px;}
	.portfolioBoard dt a{width:65%; display:block; float:left; color:#000; overflow:hidden; height:16px;}
	.portfolioBoard dt span{width:25%;display:block; float:right; color:#838383; font-size:0.9em;}
.portfolioBoard dd{font-size:0.9em;  color:#838383; line-height:1.4em; height:26px; overflow:hidden; padding:0 1px 5px;}
.portfolioBoard td div{margin-top:3px; text-align:right;}

.portfolioBoard dd.btnlunchSite{text-align:right;}


div.paging {text-align:center; width: 300px;    overflow: hidden; margin:20px auto 0; }
div.paging img{padding:0 2px 2px 2px; margin:0;}

#tabRecruit{height:32px; overflow:hidden;}
#tabRecruit li{float:left; margin-right:-1px; cursor:pointer;}
#tabRecruit li.selected{margin-top:-32px}

.panelRecruit{width:100%; background:url("../../images/contents/recruit_panelBg.gif") repeat-x top; padding-top:20px;}
#RecruitTable{width:100%; border-collapse:collapse;}
#RecruitTable thead th{background-color:#f8f8f8; border:1px solid #e0e0e0; color:#787878; font-size:0.9em; height:28px;}

#RecruitTable tbody td{background-color:#FFF; border-bottom:1px solid #e0e0e0; padding:5px; text-align:center; color:#787878;}

.FixDtList{width:100%;}
.FixDtList dt{display:inline; float:left; letter-spacing:-0.1em; font-weight:bold; margin-right:16px; width:12%;}
.FixDtList dt.bulletBluedot{ background:url("../../images/common/bullet_BlueSdot.gif") no-repeat 0 60%; padding-left:6px; margin-left:12px;}
.FixDtList dt, .FixDtList dd{ padding:6px 0px; line-height:1.2em;}
.FixDtList dd{color:#808080; border-bottom:1px dotted #d9d9d9;}



.recruitApply{margin:20px 0 0 14px;}
.recruitApply a{margin-left:5px;}
.recruitApply img{ vertical-align:bottom;}


#recruit_peopletxt{background:url("../../images/contents/recruit_peopletxt.gif") no-repeat top 6%; height:308px;}
#recruit_peopletxt li{text-indent:-999em; overflow:hidden;}
#recruit_welfareList{background:url("../../images/contents/recruit_welfareList.gif") no-repeat 3% 10%; height:85px;}
#recruit_welfareList li{text-indent:-999em; overflow:hidden;}

#recruit_imgList1{background:url("../../images/contents/recruit_imgList1.gif") no-repeat top left; height:75px;}
#recruit_imgList1 dt, #recruit_imgList1 dd{text-indent:-999em; overflow:hidden;}