/*-----------------------------------------------------------------

  Company

------------------------------------------------------------------*/

/* Layout
--------------------------------------*/

body {
  font-family: "Heiti TC Light", "Droid Sans Fallback", helvetica, arial, "Microsoft JhengHei", san-serif;
}

div#companyMain{
float:right;
width:765px;
}

div#companySub{
float:left;
width:150px;
background:#fff;
font-size:84.6%;
padding:0 15px 24px 15px;
overflow:hidden;
}

div#companySub div.container{
margin-top:-19px;
}


/* Title
--------------------------------------*/

.titCompany{
padding:18px;
background: #fff;
}

.titCompany .tit{
line-height:0%;
font-size:0%;
float:left;
height:29px;
}

.titCompany .titProject{
clear:both;
font-size:138.5%;
padding-top:12px;
}

.titCompany ul {
float: right;
font-size: 84.6%;
margin: -2px 0 -18px;
width: 382px;
}

.titCompany p.btn {
float: right;
line-height:0%;
font-size:0%;
width: 382px;
text-align:right;
}

.titCompany p.txt {
float: right;
width: 382px;
text-align:right;
font-size:84.6%;
padding-right:24px;
}

.titCompany ul li {
background: url("/tw/img/obj_company_dot.gif") no-repeat scroll 0 6px transparent;
margin: 0 0 0;
padding: 0 0 0 13px;
}

/* Sub Menu
--------------------------------------*/

div#companySub dl.compMenu{
background: url(/tw/img/obj_company_dotline.gif) 0 0 repeat-x;
padding-top:20px;
margin-top:18px;
}

div#companySub dl.compMenu dt,
div#companySub dl.compMenu dd{
padding:0 3px ;
}

div#companySub dl.compMenu dt{
line-height:0%;
font-size:0%;
}

div#companySub dl.compMenu li a{
color:#000;
}div#companySub dl.compMenu li{
display:block;
background: url(/tw/img/obj_company_arrow.gif) 0 0.35em no-repeat;
padding-left:13px;
line-height:110%;
margin-top:14px;
}

div#companySub dl.compMenu li ul li{
background: url(/tw/img/obj_company_dot02.gif) 0 0.35em no-repeat;
}

div#companySub dl.compMenu li.selected a{
color:#ff0000;
}

div#companySub dl.compMenu li.selected li a{
color:#000;
}


div#companySub p.compRss{
background: url(/tw/img/obj_company_dotline.gif) 0 0 repeat-x;
padding:20px 3px 0;
margin-top:18px;
}

/* Sub Banner
--------------------------------------*/

div#companySub dl.compBanner dt img,
div#companySub dl.compBanner dd,
div#companySub div.compBanner p img{
padding:0 3px;
}

div#companySub dl.compBanner dt,
div#companySub div.compBanner p{
background: url(/tw/img/obj_company_dotline.gif) 0 0 repeat-x;
padding-top:20px;
margin-top:18px;
line-height:0%;
font-size:0%;
}

div#companySub dl.compBanner dd a{
display:block;
margin:9px 0 7px;
}

/* Company Contents
--------------------------------------*/

div#boxCompanyCont{
margin-left:-15px;
}

div#boxCompanyCont div.listCompanyFl{
margin:15px 0 0 15px;
}

div#boxCompanyCont div.listCompanyCont{
float:left;
width:357px;
background:#fff;
margin:15px 0 0 15px;
padding:9px 9px 30px 9px;
font-size:84.6%;
line-height:160%;
position:relative;
}

div#boxCompanyCont.btn2p div.listCompanyCont{
padding:9px 9px 54px 9px;
}

/*div#boxCompanyCont div.btn2p{
padding:9px 9px 54px 9px;
}*/

div#boxCompanyCont div.listCompanyCont p.pht{
line-height:0%;
font-size:0%;
}

div#boxCompanyCont div.listCompanyCont h3{
margin-top:5px;
}

div#boxCompanyCont div.listCompanyCont h3 a{
color:#000;
}

div#boxCompanyCont div.listCompanyCont p.date{
font-size:90.9%;
font-weight:bold;
}

div#boxCompanyCont div.listCompanyCont ul{
position:absolute;
bottom:9px;
right:9px;
}

div#boxCompanyCont div.listCompanyCont ul li{
text-align:right;
line-height:0%;
font-size:0%;
margin-top:8px;
}

/* Company Contents02
--------------------------------------*/

div#boxCompanyCont02{
margin-left:-15px;
}

div#boxCompanyCont02 div.listCompanyCont{
float:left;
width:162px;
background:#fff;
margin:15px 0 0 15px;
padding:9px 9px 54px 9px;
font-size:84.6%;
line-height:160%;
position:relative;
}

div#boxCompanyCont02 div.listCompanyCont p.pht{
line-height:0%;
font-size:0%;
}

div#boxCompanyCont02 div.listCompanyCont h3{
margin-top:5px;
}

div#boxCompanyCont02 div.listCompanyCont h3 a{
color:#000;
}

div#boxCompanyCont02 div.listCompanyCont p.date{
font-size:90.9%;
font-weight:bold;
}

div#boxCompanyCont02 div.listCompanyCont ul{
position:absolute;
bottom:9px;
right:9px;
}

div#boxCompanyCont02 div.listCompanyCont ul li{
text-align:right;
line-height:0%;
font-size:0%;
margin-top:8px;
}

/* Company Contents 03
--------------------------------------*/

div#boxCompanyCont03{
background:#fff;
margin-top:15px;
padding:0 18px 38px 0 ;
}

div#boxCompanyCont03 div.container{
margin-left:-9px;
}

div#boxCompanyCont03 div.listCompanyCont{
float:left;
width:162px;
background: url(/tw/img/obj_company_dotline.gif) 0 bottom repeat-x;
padding-bottom:18px;
margin:18px 0 2px 27px;
font-size:84.6%;
line-height:160%;
}

div#boxCompanyCont03 div.listCompanyCont p.pht{
line-height:0%;
font-size:0%;
}

div#boxCompanyCont03 div.listCompanyCont p.thm{
margin-top:8px;
}

div#boxCompanyCont03 div.listCompanyCont p.thm a{
color:#000;
}

div#boxCompanyCont03 div.listCompanyCont p.jpg{
background: url(/tw/img/icn_jpg.gif) 0 50% no-repeat;
margin-top:12px;
padding-left:24px;
}

div#boxCompanyCont03 div.listCompanyCont h3{
margin-top:8px;
}

div#boxCompanyCont03 div.listCompanyCont h3 a{
color:#000;
}

/*staff*/

div#boxCompanyCont03 dl.listCompanyCont{
float:left;
width:162px;
background: url(/tw/img/obj_company_dotline.gif) 0 bottom repeat-x;
padding-bottom:18px;
margin:18px 0 2px 27px;
font-size:84.6%;
line-height:160%;
}

div#boxCompanyCont03 dl.listCompanyCont dt{
float:left;
width:70px;
}

div#boxCompanyCont03 dl.listCompanyCont dd{
float:right;
width:82px;
}

div#boxCompanyCont03 dl.listCompanyCont .name{
font-size:118.2%;
font-weight:bold;
}

div#boxCompanyCont03 dl.listCompanyCont .prof{
font-size:90.9%;
color:#666;
}

/*note btn*/

div#boxCompanyCont03 p.note{
margin:18px 0 0 18px;
font-size:84.6%;
line-height:160%;
}

div#boxCompanyCont03 p.btn {
margin-top:28px;
line-height:0%;
font-size:0%;
text-align:right;
}


/* Company List
--------------------------------------*/

div#boxCompanyList{
background:#fff;
margin-top:15px;
padding:18px 18px 38px;
font-size:84.6%;
line-height:180%;
}

div#boxCompanyList dl.listCompanyList{
margin-top:-24px;
}

div#boxCompanyList dl.listCompanyList dt{
float:left;
width:110px;
clear:both;
margin-top:24px;
}

div#boxCompanyList dl.listCompanyList dd{
float:right;
width:610px;
margin-top:24px;
}

div#boxCompanyList dl.listCompanyList dd a{
color:#000;
}

/* Company List02
--------------------------------------*/

div#boxCompanyList02{
background:#fff;
margin-top:15px;
padding:18px 18px 38px;
font-size:84.6%;
line-height:180%;
}

div#boxCompanyList02 dl.listCompanyList{
margin-top:-24px;
}

div#boxCompanyList02 dl.listCompanyList dt{
float:left;
width:160px;
clear:both;
margin-top:24px;
}

div#boxCompanyList02 dl.listCompanyList dd{
float:right;
width:560px;
margin-top:24px;
}

div#boxCompanyList02 dl.listCompanyList dd a{
color:#000;
}

/* Company Press
--------------------------------------*/

div#boxCompanyEntry{
background:#fff;
margin-top:15px;
padding:18px 18px 58px;
line-height:200%;
}

div#boxCompanyEntry h1{
margin-top:18px;
font-size:138.5%;
}

div#boxCompanyEntry h2{
margin-top:28px;
}

div#boxCompanyEntry h3{
margin-top:28px;
}

div#boxCompanyEntry p{
margin-top:28px;
}

div#boxCompanyEntry p.date{
margin-top:0;
}

div#boxCompanyEntry p.image{
margin-top:28px;
text-align:center;
}

div#boxCompanyEntry p.map{
margin-top:10px;
text-align:center;
}


div#boxCompanyEntry img{
vertical-align:top;
}

div#boxCompanyEntry blockquote {
margin: 28px auto 0;
width: 510px;
}

div#boxCompanyEntry p.note {
color: #666666;
font-size:84.6%;
line-height: 1.5;
}

div#boxCompanyEntry .float-left {
float: left;
margin-top: 5px;
margin-right: 20px;
width: auto;
}
div#boxCompanyEntry .float-right {
float: right;
margin-top: 5px;
margin-left: 20px;
width: auto;
}

div#boxCompanyEntry div.tablebox {
margin-top: 28px;
}

div#boxCompanyEntry table {
border: 1px solid #dcdcdc;
border-collapse: collapse;
width:729px;
font-size:84.6%;
line-height: 1.5;
}

div#boxCompanyEntry table td,
div#boxCompanyEntry table th {
padding: 5px 8px 4px;
border: 1px solid #dcdcdc;
}

div#boxCompanyEntry table th {
text-align: center;
background-color: #f3f3f3;
white-space:nowrap;
font-weight:normal;
}

div#boxCompanyEntry table.list {
border: none;
border-collapse: collapse;
}

div#boxCompanyEntry table.list th {
border: none;
background: none;
text-align: left;
}

div#boxCompanyEntry table.list td {
border: none;
background: none;
text-align: left;
}

div#boxCompanyEntry table.store {
border: 1px solid #dcdcdc;
border-collapse: collapse;
width:729px;
font-size:84.6%;
line-height: 1.5;
}

div#boxCompanyEntry table.store td,
div#boxCompanyEntry table.store th {
padding: 10px 12px 8px;
border: 1px solid #dcdcdc;
}

div#boxCompanyEntry table.store th {
text-align: left;
background-color: #f3f3f3;
white-space:nowrap;
font-weight:normal;
}

div#boxCompanyEntry table.store ul ul{
padding:5px 0 10px 20px;
list-style-type: square;
}
解釋