@charset "utf-8";

/* CSS Document */


/*-----先確認這個CSS的目前路徑-----*  v延展*/


/*----------共用字型區---------*/

* {
    FONT-FAMILY: 'Microsoft YaHei';
}

.style-A {
    /*名字 - 藍色粗體*/
    color: #006699;
    font-weight: bold;
}

.style-B {
    /*標題 - 藍色*/
    color: #336699;
}

.style-C {
    /*內容 - 近黑色*/
    color: #333333;
}

.style-D {
    /*次要內容 - 小字灰色*/
    color: #666666;
    font-size: 9pt;
}

.style-E {
    /*主標題 - 粗體紅色*/
    color: #D95700;
    font-weight: bold;
}

.style-F {
    /*次要內容 - 小字深藍*/
    color: #003366;
    font-size: 9pt;
}

.style-G {
    /*表格標題 - 粗體黑色*/
    color: #000000;
    font-weight: bold;
}

.style-H {
    /*內容 - 小字藍色*/
    COLOR: #0570DA;
    font-size: 9pt
}

.style-moduletitle {
    /*模組標題*/
    color: #993300;
    /*文字顏色*/
    font-weight: bold;
    /*文字粗體*/
}


/*------------------------*/


/*----------共用連結區---------*/

A.LinkLevel2:link {
    COLOR: #663300;
    text-decoration: none;
}

A.LinkLevel2:visited {
    COLOR: #996600;
    text-decoration: none;
}

A.LinkLevel2:hover {
    COLOR: #CC6600;
    text-decoration: underline;
}

A.LinkLevel3:link {
    COLOR: #003399;
    text-decoration: none;
    font-size: 10pt
}

A.LinkLevel3:visited {
    COLOR: #003399;
    text-decoration: none;
    font-size: 10pt
}

A.LinkLevel3:hover {
    COLOR: #00CCFF;
    text-decoration: underline;
    font-size: 10pt
}

A.LinkLevel4:link {
    COLOR: #0099CC;
    text-decoration: none;
    font-size: 9pt
}

A.LinkLevel4:visited {
    COLOR: #0099CC;
    text-decoration: none;
    font-size: 9pt
}

A.LinkLevel4:hover {
    COLOR: #0099CC;
    text-decoration: underline;
    font-size: 9pt
}


/*--------------共用表格  延展版--------------------*/


/*new底板表格延展版*/


/*上*/

.tablePanel_Top_L {
    width: 30px;
    height: 30px;
}

.tablePanel_Top_M {
    height: 30px;
    background-repeat: repeat-x;
}

.tablePanel_Top_R {
    width: 30px;
    height: 30px;
}


/*中*/

.tablePanel_Middle_L {
    width: 30px;
    background-repeat: repeat-y;
}

.tablePanel_Middle_M {
    background-color: #FFFFFF;
}

.tablePanel_Middle_R {
    width: 30px;
    background-repeat: repeat-y;
}


/*下*/

.tablePanel_Bottom_L {
    width: 30px;
    height: 30px;
}

.tablePanel_Bottom_M {
    height: 30px;
    background-repeat: repeat-x;
}

.tablePanel_Bottom_R {
    width: 30px;
    height: 30px;
}


/*new底板表格延展版 - 無內白框版*/


/*上*/

.tableOnlyPanel_Top_L {
    width: 30px;
    height: 30px;
}

.tableOnlyPanel_Top_M {
    height: 30px;
    background-repeat: repeat-x;
}

.tableOnlyPanel_Top_R {
    width: 30px;
    height: 30px;
}


/*中*/

.tableOnlyPanel_Middle_L {
    width: 30px;
    background-repeat: repeat-y;
}

.tableOnlyPanel_Middle_M {
    background-color: #F2F2F2;
}

.tableOnlyPanel_Middle_R {
    width: 30px;
    background-repeat: repeat-y;
}


/*下*/

.tableOnlyPanel_Bottom_L {
    width: 30px;
    height: 30px;
}

.tableOnlyPanel_Bottom_M {
    height: 30px;
    background-repeat: repeat-x;
}

.tableOnlyPanel_Bottom_R {
    width: 30px;
    height: 30px;
}


/*虛線與實線的分隔線*/

.tableSepLine {
    height: 20px;
}

.tableSepLine_Solid {
    height: 20px;
}


/*--------------共用表格  舊--------------------*/


/*註：未來此區域如果要寫入連結圖片，圖片也許要放模組都共用的資料夾，不是選擇其中一個資料夾裡的圖*/


/*模組底板*/

.tablePanel {
    width: 566px;
    background-repeat: repeat-y;
}

.tablePanelTop {
    height: 25px;
    /*background-image:url(image/pages/page_top.jpg);*/
}

.tablePanelBottom {
    height: 20px;
    /*background-image:url(image/pagas/page_bottom.jpg);*/
}


/*模組底板的白色區域*/

.tableWhiteArea {
    width: 540px;
    /*height:1000px;*/
    background-repeat: repeat-y;
}


/*行事曆與聯絡簿中間區域*/

.tableCHArea {
    width: 501px;
    background-repeat: repeat-y;
}


/*列表頁面表格　使用模組：討論區、檔案下載、公佈欄*/

.tableListArea {
    width: 540px;
}

.tableListArea_Title {
    height: 30px;
    background-repeat: repeat-x;
    /*background-image: url();*/
}


/*-----------------------------------------------------*/


/*儲存格分配*/

.tableAllot01_td01 {
    width: 20%;
    padding: 2px;
}

.tableAllot01_td02 {
    width: 80%;
    padding: 2px;
}


/*樣貌：灰線白底框框*/

.table_style01 {
    border: 1px solid #999999;
    border-collapse: collapse;
}

.table_style01 td {
    border: none;
    background-color: #FFF;
}


/*樣貌：橘線黃底，隔一列為白底*/

.table_style02 {
    border: 2px solid #FFCC66;
    border-collapse: collapse;
}

.table_style02 td {
    border: none;
    background-color: #FFFFCC;
}

.table_style02 tr.even td {
    background-color: #FFFFFF;
}


/*--------------模組區--------------------*/


/*--------------相簿(顯示在首頁)-----------*/


/*首頁相簿的表格*/

.tableAlbumAtFP {
    width: 150px;
}

.tableAlbumAtFP_Top {
    width: 150px;
    height: 20px;
}

.tableAlbumAtFP_Title_LF {
    width: 15px;
    height: 30px;
}

.tableAlbumAtFP_Title_M {
    width: 115px;
    height: 30px;
}

.tableAlbumAtFP_Title_RT {
    width: 20px;
    height: 30px;
}

.tableAlbumAtFP_Photo_LF {
    width: 15px;
    height: 85px;
}

.tableAlbumAtFP_Photo_M {
    width: 115px;
    height: 85px;
    background-color: #FFF;
}

.tableAlbumAtFP_Photo_RT {
    width: 20px;
    height: 85px;
}

.tableAlbumAtFP_Bottom {
    width: 150px;
    height: 20px;
}


/*---------------------------------------*/


/*--------------公佈欄--------------------*/

.tableNewsShow {
    width: 500px;
}

.tableNewsTitle {
    height: 30px;
}


/*--------------留言板--------------------*/


/*表情圖示表格組*/

.tableEmotionFrame {
    width: 62px;
    background-repeat: repeat-y;
}

.tableEmotionFrameTD1 {
    /*background-image: url(./image/pages/emotion_top.gif);*/
    background-repeat: repeat-y;
}

.tableEmotionFrameTD2 {
    /*background-image:url(image/pages/emotion_middle.gif);*/
    background-repeat: repeat-y;
}

.tableEmotionFrameTD3 {
    /*background-image:url(image/pages/emotion_middle.gif);*/
    background-repeat: repeat-y;
}


/*對話框表格組*/

.tableTalkBubble {
    /*width:445px;*/
    /*height:1000px;*/
    background-repeat: repeat-y;
}


/*上*/

.tableTalkBubble_LF_Top {
    width: 35px;
    height: 35px;
    /*background-repeat:no-repeat;*/
}

.tableTalkBubble_Top {
    background-repeat: repeat-x;
}

.tableTalkBubble_RT_Top {
    width: 30px;
    height: 35px;
    background-repeat: no-repeat;
}


/*中*/

.tableTalkBubble_LF_Middle {
    width: 35px;
    background-repeat: repeat-y;
}

.tableTalkBubble_RT_Middle {
    width: 30px;
    background-repeat: repeat-y;
}

.tableTalkBubble_Middle {
    background-repeat: repeat-y;
}


/*下*/

.tableTalkBubble_LF_Bottom {
    width: 35px;
    height: 45px;
    background-repeat: no-repeat;
}

.tableTalkBubble_Bottom {
    background-repeat: repeat-x;
}

.tableTalkBubble_RT_Bottom {
    width: 30px;
    height: 45px;
    background-repeat: no-repeat;
}


/*回應區寬度*/

.tableGBR_Left {
    width: 90px;
    padding: 10px 5px 10px 5px;
}

.tableGBR_Right {
    width: 450px;
    padding: 10px 5px 10px 5px;
}


/*-------------------------------------------*/


/*--------------家庭聯絡簿--------------------*/

.tableHNtitleimage {
    height: 45px;
}

A.HN_day_link:link {
    COLOR: #0066cc;
    text-decoration: underline;
}

A.HN_day_link:visited {
    COLOR: #0066cc;
    text-decoration: underline;
}

A.HN_day_link:hover {
    COLOR: #0066cc;
    text-decoration: none;
}


/*---------------行事曆-------------------*/

.tableCaltitleimage {
    height: 45px;
}


/*平日的連結*/

A.day_link:link {
    COLOR: #615638;
    text-decoration: none;
}

A.day_link:visited {
    COLOR: #615638;
    text-decoration: none;
}

A.day_link:hover {
    COLOR: #615638;
    text-decoration: underline;
}


/*假日的連結*/

A.holiday_link:link {
    COLOR: #CC3300;
    text-decoration: none;
}

A.holiday_link:visited {
    COLOR: #CC3300;
    text-decoration: none;
}

A.holiday_link:hover {
    COLOR: #CC3300;
    text-decoration: underline;
}