﻿@charset "utf-8";
/* =====================
080905新增 by Lee
081031增修 by Jenny
===================== */

/*body{ font-family:Verdana, Arial, Helvetica, sans-serif;}*/
ol{  margin:0 0 0 -10px;} /*FF*/
*ol{  margin:0 5px 0 35px;} /*IE*/
div{ margin:0; padding:0;}

/* 右邊的大框 */
.borderCon-1px{ border:solid 1px #ccd1ae; padding:0 1px 1px 0;}

/* ----------- "線上補習區" 大標題 (共用部分)------------ */
.CTitle{background-repeat:no-repeat; background-position: left top; text-align:right; height:26px; width:100%; padding:18px 0 0 0; margin-bottom:3px;}
/* ----------- "線上補習區" 大標題 (標題圖)------------ */
.imgel{background-image:url(/images/conference/title-el.gif);}		/* 國小 */
.imgju{background-image:url(/images/conference/title-ju-1x1.gif);}	/* 國中 */
.imgse{background-image:url(/images/conference/title-se-1x1.gif);}	/* 高中 */
.imgli{background-image:url(/images/conference/title-li.gif);}		/* 公職 */

/* 上面的三個按鈕 */
#menuTitle img{ float:right; margin-left:3px;  margin-top:7px;}
/* 主選單背景 */
#menuTitle{background-image:url(../images/conference/titleMenuBg.gif); background-position:bottom; background-repeat:repeat-x; overflow:hidden; width:100%;margin-top:5px;}
/* ---------- 主選單設定 ---------- */
#menuTitle ul{ list-style:none; font-size:15px; margin: 0; padding: 0 }
#menuTitle li{ float:left; margin-right:5px;}
/* 停在當頁時的選單模樣 */
#menuTitle li a.sp{display:block;background:url(../images/conference/titleMenu.gif) left top; color:#FFFFFF;padding-left:15px; }
#menuTitle li a.sp span{display:block;background:url(../images/conference/titleMenu.gif) right top;  padding:10px 12px 5px 4px;}
/* 選其它頁時的選單模樣 */
#menuTitle li a{display:block;background:url(../images/conference/titleMenu.gif) left bottom; padding-left:15px; text-decoration:none; color:#808080 }
#menuTitle li a:hover{ background-position: left top; color:#FFFFFF;}
#menuTitle li a span { display:block;background:url(../images/conference/titleMenu.gif) right bottom; padding:15px 12px 0 4px; }
#menuTitle li a:hover span { background-position: right top;  padding:10px 12px 5px 4px;}

/* ---------- 次選單設定 ---------- */
.subjetMenu{ display:block; background-image: url(../images/conference/subjectBg.gif); background-position: left top; background-repeat:round; font-size:14pt; color:#cf0505; padding: 0.2em 0.5em; height: 28px; }
.subjetMenu a{ color:#006600;text-decoration:none; padding-left:2px;}
.subjetMenu a:hover{ color:#cf0505; border-bottom:1px #cf0505 dashed;}

/* ---------- 線上影音課程的選單 ---------- */
#menuMovieInfo{ float:right; margin:0; padding:0; background-color:#FFFFFF;}
#menuMovieInfo ul{ padding:0; margin:0; }
#menuMovieInfo li{ list-style-type:none; float:left;}
#menuMovieInfo li.question a{ display:block; height:37px; width:129px; background:url(../images/conference/btn-question-on.gif) 0 4px no-repeat;}
#menuMovieInfo li.question a:hover{ background-position:0  }
#menuMovieInfo li.buyOne a{ display:block; height:37px; width:175px; background:url(../images/conference/btn-buy-first-on.gif) 0 4px no-repeat;}
#menuMovieInfo li.buyOne a:hover{ background-position:0  }
#menuMovieInfo li.buyAll a{ display:block; height:37px; width:173px; background:url(../images/conference/btn-buyall-on.gif) 0 4px no-repeat ;}
#menuMovieInfo li.buyAll a:hover{ background-position:0  }
#menuMovieInfo li.buycd a{ display:block; height:37px; width:176px; background:url(../images/conference/btn-buy-cd-on.gif) 0 4px no-repeat;}
#menuMovieInfo li.buycd a:hover{ background-position:0  }
#menuMovieInfo li.buyonline a{ display:block; height:37px; width:176px; background:url(../images/conference/btn-buy-online-on.gif) 0 4px no-repeat;}
#menuMovieInfo li.buyonline a:hover{ background-position:0  }
#menuMovieInfo li.billmethod a{ display:block; height:37px; width:129px; background:url(../images/conference/btn-billmethod-on.gif) 0 4px no-repeat;}
#menuMovieInfo li.billmethod a:hover{ background-position:0  }
#menuMovieInfo li.notice a{ display:block; height:37px; width:129px; background:url(../images/conference/btn-notice-on.gif) 0 4px no-repeat;}
#menuMovieInfo li.notice a:hover{ background-position:0  }
#menuMovieInfo li.myrecord a{ display:block; height:37px; width:129px; background:url(../images/conference/btn-myrecord-on.gif) 0 4px no-repeat;}
#menuMovieInfo li.myrecord a:hover{ background-position:0  }

/* 線上補習總覽樹狀換行 */
.ConferenceTree .TreeNode {white-space:normal; }

/* ============================== 字的格式設定 ========================================= */
/* ------- 購買光碟函授那一行字的格式 -------- */
.buyCD-p12h20{ color:#9E3C0C; line-height:20px; font-size:12px; }
.buyCD-p12h20 a{ color:#006600; text-decoration:none;}
.buyCD-p12h20 a:hover{ text-decoration:underline;}

/* ------- 光碟函授說明 -------- */
.p11h35-gray{ line-height:35px; font-size:11px;  padding-left:10px; color:#666;}

/* ==================================================================================== */
