ta

@CHARSET
"UTF8"
;

/**
* Article單篇文章
*/
.articleBox {
    float: left;

}

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

/**
* Article物件的一般設定
*/
.articleList {
    float: left;
    width: 560px;
}

.article {
    float: left;
    width: 560px;
}

.articleImage {
    float: left;
    width: 115px;
    height: 105px;
}

.articleTitle, .articleTitle a {
    font-size: 12px;
    font-weight: bolder;
    color: #10A2C9;
    line-height: 20px;
    float: left;
    width: 435px;
    text-decoration: none;

}

.articleAbstractContent {
    float: left;
    font-size: 12px;
    line-height: 20px;
    color: #535865;
    font-family: Arial, Helvetica, sans-serif;
    width: 435px;
}

.articleAbstractContent a {
    font-size: 12px;
    line-height: 20px;
    color: #535865;
    font-family: Arial, Helvetica, sans-serif;
}

.articleHeader {
    float: left;
    width: 560px;
}

.articleHeader .articleTitle, .articleHeader .articleTitle a {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: #535865;
}

.articleFooter {
    float: left;
    width: 560px;
}

.articleContent {
    float: left;
    width: 500px;
    font-size: 12px;
    line-height: 20px;
    color: #535865;
    font-family: Arial, Helvetica, sans-serif;

}

.articlePageButton {
    float: left;
    font-size: 12px;
    color: #10A2C9;
    line-height: 20px;
    padding-top: 20px;
    text-align: center;
    width: 100%;
}

/**
*列表(list)新鮮事的設定
*/
.somethingNewsList {
    float: left;
}

.somethingNewsList .articleImage {

    width: 115px;
    height: 105px;
}

.somethingNewsList .articleImage img {
    border: 1px solid #cccccc;
}

.somethingNewsList .article {
    background-image: url(../images/news/line.gif);
    background-repeat: no-repeat;
    background-position: 1px 95px;
}

/**
*單筆新鮮事的設定
*/
.somethingNewsShow .articleTitle {
    width: 476px;
}

/**
* 關於社會企業 (caseStudyController)
*/

.societyEnterprise .article {
    background-image: url(../images/news/line.gif);
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
}

.societyEnterprise .articleTitle {
}

.societyEnterprise .articleImage {
    float: left;
    width: 35px;
    height: 105px;
}

.caseTabBlock {
    float: left;
    padding-left: 430px;
}

.tabImage {
    float: left;
    width: 60px;
}

/**
*  blog
*/
.about7 {
    padding-left: 11px;
}

/**
*  創新案例
*/

.leftCaseBlock {
    background-color: #ffffff;
    float: left;
    height: 1133px;
    width: 545px;
}

.leftCaseBlock1 {
    float: left;
    width: 7px;
}

.leftCaseBlock2 {
    float: left;
    width: 538px;
}

.leftCaseBlock .caseHeader {
    float: left;
    padding-bottom: 10px;
    width: 530px;
}

.innovateCaseListBlock {
    float: left;

}

.innovateCaseList {
    float: left;
    width: 530px;
}

.innovateCaseList .article {
    float: left;
    width: 265px;
}

.innovateCaseList .articleHeader {
    float: left;
    background-image: url('../images/society/success_top.jpg');
    background-repeat: no-repeat;
    height: 29px;
    width: 265px;
}

.innovateCaseList .articleBody {
    float: left;
    background-image: url('../images/society/success_head.jpg');
    background-repeat: no-repeat;
    height: 160px;
    width: 265px;
}

.innovateCaseList .articleLeftBox {
    float: left;
    padding-left: 10px;
}

.innovateCaseList .articleThumbnail {
    background-image: url('../images/society/success_photo.gif');
    background-repeat: no-repeat;
    height: 76px;
    width: 106px;
}

.innovateCaseList .articleThumbnail img {
    padding-left: 3px;
    padding-top: 3px;
}

.articleRightBox .itemList {
    float: left;
    padding-top: 2px;
    width: 144px;
}

.articleRightBox .item {
    font-size: 10px;
    color: #535865;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 3px;
    padding-bottom: 20px;
}

.articleRightBox .itemTitle {
    float: left;
    background-image: url('../images/society/icon_success.gif');
    background-repeat: no-repeat; /*background-position:0px 0px;*/
    height: 12px;
    text-indent: 14px;
}

.articleRightBox .itemValue {
    float: left;
    width: 60px;
}

.articleRightBox .itemContent {
    float: left;
    background-image: url('../images/society/icon_success.gif');
    background-repeat: no-repeat; /*background-position:0px 0px;*/
    height: 12px;
    width: 142px;
    text-indent: 14px;
    line-height: 18px;
}

.innovateCaseList .articleButtons {
    padding-left: 23px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.innovateCaseList .articleHeader .caseBlock {
    float: left;
    width: 79px;
}

.innovateCaseList .articleHeader .caseTitle {
    float: left;
    font-size: 11px;
    line-height: 25px;
    color: #535865;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 186px;
}

.innovateCaseList .articleFooter {
    float: left;
    width: 265px;
}

.rightCaseBlock {
    float: left;
    width: 55px;
}

.rightCaseBlock .caseAxisBlock {
    background-color: #ffffff;
    float: left;
    width: 10px;
}

.rightCaseBlock .caseTimeBlock {
    float: left;
    width: 34px;
}

.rightCaseBlock .caseGrayBar {
    background-color: #999999;
    float: left;
    height: 1133px;
    width: 10px;
}

.caseAxisBlock .caseBlock {
    float: left;
    height: 40px;
    width: 10px;
}

.caseAxisBlock .axisBlock {
    float: left;
    background-image: url('../images/society/line_head2.gif');
    height: 1093px;
    width: 10px;
}

.caseTimeBlock .caseBlock {
    background-image: url('../images/society/head_time.jpg');
    float: left;
    height: 30px;
    width: 34px;
}

.caseTimeBlock .timeBlock {
    float: left;
    height: 112px;
}

.innovateCaseShow {
    background-color: #ffffff;
    float: left;
    width: 545px;
}

.innovateCaseShow .articleHeader, .innovateCaseShow .articleFooter {
    padding-top: 10px;
    padding-left: 15px;
}

.innovateCaseShow .backToBlock {
    float: left;
    padding-bottom: 20px;
    padding-left: 448px;
}

.innovateCaseShow  .titleBlock {
    float: left;
    background-image: url('../images/society/success_title_3.jpg');
    width: 515px;
    height: 30px;
}

.titleBlock .itemTitle {
    float: left;
}

.titleBlock .itemValue {
    float: left;
    width: 80px;
    font-size: 12px;
    line-height: 30px;
    text-indent: 10px;
    color: #535865;
    font-family: Arial, Helvetica, sans-serif;
}

.innovateCaseShow  .articleBody {
    float: left;
    padding-left: 15px;
}

.innovateCaseShow .contentTitle {
    color: #535865;
    font-family: Arial, Helvetica, sans-serif;
    padding: 20px 0px 12px 0px;
    background-image: url('../images/society/icon_success.gif');
    background-repeat: no-repeat; /*background-position:0px 0px;*/
    background-position: 0px 21px;
    height: 12px;
    text-indent: 14px;
}

/**
* 張明正 頑童成功學
*/
.cdList {

    float: left;
    font-size: 12px;
    line-height: 20px;
    color: #535865;
    font-family: Arial, Helvetica, sans-serif;

}

.cdBlock {

    float: left;
    padding-left: 20px;
    padding-top: 5px;
}

.cdNum {
    font-weight: bold;
    float: left;
    width: 30px;
}

.cdNum2 {
    font-weight: bold;
    float: left;
    width: 25px;
}

.cdTitle {
    float: left;
    width: 500px;
}

.cdTitle_black {
    color: black;
    float: left;
    width: 500px;
}

.cdFile, .cdFile a {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #038763;
}

/**
*     台灣公益臉譜
*/

.taiwanFaceBlcokBox > .taiwanFaceBlcok {
    background-image: url('../images/bg_face.png');
    float:left;
}

.taiwanFaceBlcok {
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=/images/bg_face.png,sizingMethod='crop');
    float: left;
    width: 600px;
}

.taiwanFaceHeader {
    float: left;
    width: 600px;
    height: 172px;
}

.taiwanFaceTitle1 {
    float: left;
    font-size: 25px;
    font-weight: bold;
    width: 650px;
}

.taiwanFaceTitle2 {
    float: left;
    font-size: 15px;
    color: #535865;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    margin-bottom: 10px;
}

.taiwanFaceBody {
    float: left;
    height: 200px;
    width: 650px;
}

.taiwanFaceImage {
    float: left;
    padding-left: 76px;
    padding-top: 28px;
    padding-right: 33px;
}

.taiwanFaceImage img {
    height: 129px;
    width: 186px;
}

.taiwanFaceShortContentBlcok {
    float: left;
    width: 300px;
    padding-left: 15px;
}

.taiwanFaceShortContent {
    float: left;

    width: 300px;
}

.taiwanFaceShortContentMore {
    float: left;
    padding-top: 10px;
    text-align: right;
    width: 290px;
}

.taiwanFaceListBox {
    background: no-repeat url('../images/bg_face_bottom.gif');
    width: 598px;
    height: 79px;
    float: left;
    margin-top:10px;
}

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

.taiwanFaceThumbImage {
    float: left;
    padding-right: 24px;

    width: 80px;
    height: 55px;
}

.taiwanFaceBigImage {
}

.taiwanFaceBigImage img {
    height: 200px;
}

.taiwanFaceThumbImage img {
    width: 80px;
    height: 55px;
}

.taiwanFacePageButton {
    float: right;
    font-size: 12px;
    color: #10A2C9;
    line-height: 20px;
    padding-top: 10px;
    text-align: right;
    width: 500px;
}

.taiwanFaceShow {
       float:left;
    padding-left:25px;
    padding-top:30px;
}

.taiwanFaceThumbImage a:hover {
    position: relative;
}

.taiwanFaceThumbImage a img {
    position: static;
    border: none;
}

.taiwanFaceThumbImage a:hover img {
    position: absolute;
    width: 95px;
    height: 60px;
    border: 1px solid #CCC;
    left: 0px;
    top: -20px;
}

.faceThreeSamll {
      float:left;
     font-size: 12px;
    width:449px;
}

.faceThree {
   float:left;
    padding-right:10px;
    
}

.taiwanFaceSendMailForm {
        font-size: 12px;  
}