@CHARSET
"UTF8"
;

.articleBox {
    float: left;
    width: 576px;
}

.content {
    FONT-SIZE: 13px;
    COLOR: #2E1F22;
    TEXT-DECORATION: none;
    line-height: 200%;
}

.relatedContent {
    width: 476px;
}

.paginateButtons {
    padding-top: 20px;
}

/**
*關於兩廳院>願景
*/

.visionBox {
    float: left;
    width: 470px;
}

.articleList, .body .list {
    float: right;
    FONT-SIZE: 13px;
    COLOR: #2E1F22;
    width: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.yearList {
    float: right;
    FONT-SIZE: 13px;
    COLOR: #2E1F22;
    width: 95px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.body .list {
    width: 570px;
}



.article, .article a {
    color: #979797;
    font-size: 13px;
    line-height: 150%;
    text-decoration: none;
}

.article a:link {
    color: #979797;
    font-size: 13px;
    line-height: 150%;
    text-decoration: none;
}

.article a:hover {
    color: #B05333;
    font-size: 13px;
    line-height: 150%;
    text-decoration: underline;
}

.article .dot{
    float:left;
}

.article .link{
    float:left;
    width:86px;
}

/**
*關於兩廳院>大事紀
*/
.historyBox {
    float: left;
    width: 475px;
}

.historyList {
    padding-top: 10px;
}

.history {
    float: left;
    width: 480px;
    padding-bottom: 20px;
}

.historyBlock {
    float: left;
}

.history .period {
    float: left;
    text-align: center;
    width: 110px;
}

.history .period2 {
    float: left;
    text-align: center;
    width: 110px;
}

.history .content, {
    float: left;
    font-size: 11px;
    line-height: 150%;
    width: 240px;
}

.history td {
    font-size: 13px;
    line-height: 150%;
}

.history .image {
    float: left;
    width: 120px;
}

.historyYearList {
    float: right;
    FONT-SIZE: 13px;
    COLOR: #2E1F22;
    width: 93px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.historyYear, .historyYear a {
    color: #979797;
    font-size: 13px;
    font-weight: bold;
    line-height: 150%;
    text-decoration: none;
}

.historyYear a:hover {
    color: #673B34;
    font-size: 13px;
    font-weight: bold;
    line-height: 130%;
    text-decoration: none;
}

/**
*關於兩廳院>招標
*/
.tenderBox {
    float: left;
    width: 480px;
}

.tenderList {
    padding-top: 10px;
}

.tender {
    padding-left: 10px;
    padding-bottom: 20px;
}

.tender .title{
    font-size:13px;
}

.tender .period {

}

.tender .content {

}

/**
*關於兩廳院>徵才
*/
.jobBox {
    float: left;
    width: 570px;
}

.jobList {
    padding-top: 10px;
}

.jobHeader {
    font-weight:bold;
}

.jobs{
    float:left;
}

.job {
    padding-left: 10px;
    padding-bottom: 20px;
}

.jobHeader .dept, .jobs .dept {
    float: left;
    width: 140px;
}

.jobHeader .title, .jobs .title {
    float: left;
    font-size:13px;
    line-height:200%;
    width: 140px;
}

.jobHeader .condition, .jobs .condition {
    float: left;
    width: 140px;
}

.jobs .condition .detail {
    color: blue;
    cursor: pointer;
}

.jobList .content {
    display: none;
}

/**
*關於兩廳院>法規
*/
.lawBox {
    float: left;
    width: 576px;
}

.lawList {
    padding-top: 10px;
}

.laws .title {
    font-weight: normal;
    float: left;
    width: 270px;
}

.laws .publishDate {
    float:left;
    width:115px;
}
.lawnum{
    float:left;
    width:191px;
}

.lawFooter {    
    background-color: #cccccc;
    float:left;
}

/**
* 觀眾服務>餐飲購物
*/
.storeBox {
    float: left;
    width: 576px;
}

.storeList {
    padding-top: 10px;
}

.store {
    float: left;
    padding-bottom: 20px;
    width: 350px;
}

.store .name {
    font-weight:bolder;
}

.store .content {

}

.store .serviceTime {
	 *float:left;
   *width:350px;
}

.store .phone {

}

.storeImage {
    float: left;
    width: 200px;
}

/**
*觀眾服務>失物招領
*/
.lostAndFoundBox {
    float: left;
    width: 480px;
}

.lostAndFoundList {
    padding-top: 10px;
}

.lostAndFoundHeader {

}

.lostAndFound {
    float:left;
    padding-bottom: 20px;
}

.lostAndFoundHeader .seqNum, .lostAndFound .seqNum {
    float: left;
    width: 70px;
}

.lostAndFoundHeader .name, .lostAndFound .name {
    float: left;
    width: 225px;
}

.lostAndFoundHeader .place, .lostAndFound .place {
    float: left;
    width: 110px;
}

.lostAndFoundHeader .foundDate, .lostAndFound .foundDate {
    float: left;
    width: 60px;
}

.lostAndFoundHeader {
    font-weight: bold;
}

/**
*相關文章
*/
.relatedLinks {
    border-top: 1px dotted #B2B2B2;
    float: left;
    FONT-SIZE: 13px;
    COLOR: #2E1F22;
    width: 550px;
}

.relatedLink a {
    color: #979797;
    font-size: 13px;
    line-height: 150%;
    text-decoration: none;
}

.relatedLink a:hover {
    color: #B05333;
    font-size: 13px;
    line-height: 150%;
    text-decoration: underline;
}

.relatelinkHeader {
    background-image: url( ../images/relatelinkpoint.jpg );
    background-repeat: no-repeat;
    background-position: 0 6px;
    margin-top: 10px;
    width: 550px;
}

.relatedLink {
    float: left;
    width: 175px;
    color: #979797;
}

.relatelinkHeader p {
    padding-left: 13px;

}

.relatelinkList {
    float: left;
    line-height: 150%;
}

.relatedCategory {
    float: left;
    width: 550px;
    padding-top: 10px;
}

.relatelinkList .dot {
    float: left;
}

.relatelinkList .link {
    float: left;
    width: 160px;
}

.relatedGroup {
    float: left;
    width: 175px;
}

.relatedCategories {
    float: left;
    width: 550px;
    padding-top: 20px;
}

.placeNews {
    float: left;
    background-image: url( ../images/placenews.jpg );
    background-repeat: no-repeat;
    height: 145px;
    width: 173px;
}

.placenewsTitle, .placeApplyTitle {
    float: left;
    color: #B1867F;
    font-size: 13px;
    line-height: 135%;
    text-decoration: none;
    padding-top: 5px;
    padding-left: 5px; /*background-image: url( ../images/placenewsTitle.jpg );*/
/*background-repeat: no-repeat;*/
/*height: 26px;*/
/*width: 160px;*/
}

.placeNews .item {
    float: left;
    width: 165px;
    background-image: url( ../images/itembg.gif );
    background-repeat: no-repeat;
    background-position: 1px 7px;

}

.item a {
    color: #6A6A6A;
    font-size: 12px;
    line-height: 150%;
    text-decoration: none;
    padding-left: 8px;
}

.item a:hover {
    color: #B05333;
    font-size: 12px;
    line-height: 150%;
    text-decoration: none;
}

.placeNewsContent {
    float: left;
    padding-left: 4px;
    padding-top: 4px;
}

.placeNewsContent .more{
    float:right;
    padding-right:10px;
}

.placeApply {
    float: left;
    background-image: url( ../images/placeApplybg.jpg );
    background-repeat: no-repeat;
    height: 200px;
    width: 173px;
}

.placeApplyContent {
    float: left;
    padding-left: 4px;
    padding-top: 4px;
}

.placeApply .loginName {
    float: left;
}

.placeApply .loginName input, .loginPass input {
    width: 105px;
}

.placeApply .loginPass {
    float: left;
    padding-left: 25px;
}

.placeApply .loginBtn {
    float: left;
    padding-left: 55px;
    width: 100px;
}

.placeApply .register {
    float: left;
    padding-left: 55px;
}

.placeApply a {
    color: #B1867F;
    font-size: 13px;
    line-height: 130%;
    text-decoration: none;
}

.placeApply a:hover {
    color: #673B34;
    font-size: 13px;
    line-height: 130%;
    text-decoration: none;
}

.placeApply .usagehelp {
    float: left;
    width: 140px;
    padding-top: 4px;
    padding-left: 15px;
}

.morepages {
    float: right;
    padding-top: 20px;
    padding-right: 30px;
}

.morepages a,.morepages span {
    margin-left: 3px;
}

.newsDate {
    float: left;
    width: 75px;
}

.newsTitle {
    float: left;
    width: 400px;
}

/*faq*/
.faqBox {
    float: left;
    width: 576px;
}

.faqList {
    float: left;
    width: 460px;
}

.faq, .question, .answer {
    float: left;
}

.faq{
    padding-bottom:20px;
}

.faq .question, .faq .answer{
    width:460px;
}

.faq .question{
    font-weight:bolder;
}

.TechDoc, .autoCadDownload{
    float:left;
    width:576px;
}

.autoCadDownload{
    padding-top:20px;
}

.newsOfficeBox{
    float:left;
    width:476px;
}

#tabnav {
    float: left; /*padding-top: 10px;*/
    width: 700px;
}

#tabnav div {
    border: 1px outset #b2d1ff;
    color: #656565;
    cursor: pointer;
    float: left;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    margin-right: 0px;
    padding: 2px 12px 2px 5px;
    text-decoration: none;
}

#tabnav div.click, #tabnav div.tabBlur {
    background: #E5E5E5 none repeat scroll 0%;
    color: #0C376E;
    font-weight: bold;
}

#tabContent {
    float: left;
    width: 700px;
    border: 1px dashed #b2d1ff;
}

.menuGroup {
    float: right;
}

.menuButton {
    float: left;
    font-size: 8pt;
    padding: 0px 0px 0px 5px;
}

.menuButton a {
    float: left;
    color: #333;
    width: auto;
}

#tabContent .list{
    width:100%;
}