@charset "utf-8";
/* CSS Document */
body{
    background: #FFFFFF;
    font-family: Verdana, Geneva, sans-serif;
}
.indexBackground{
    background: url(/images/indexBackground.jpg) repeat-x;
}
.pagesBackground{
    background: url(/images/pagesBackground.jpg) repeat-x;
}
#wrap{
    width: 990px;
    margin:auto;
}
/*表頭*/
#header{
    width: 990px;
    height: 131px;
    margin: 0px auto 0px auto;
    display: inline-block;
    clear: both;
    float: left;
}
#header>.topBar{
    width: 990px;
    height: 31px;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    float: left;
}
#header>.topBar>.userName{
    color: #777777;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin: 10px 0px 10px 0px;
    float: left;
}
#header>.topBar>.topMenu{
    float: right;
}
#header>.topBar>.topMenu>.topMenuBtn{
    height: 31px;
    border: 0px;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
    margin: 0px 0px 0px 0px;
    float: left;
    cursor: pointer;
}
#header>.topBar>.topMenu>.topMenuBtnBlack{
    background: url(/images/topMenuBtnBlack.jpg) repeat-x;
}
#header>.topBar>.topMenu>.topMenuBtnOrange{
    background: url(/images/topMenuBtnOrange.jpg) repeat-x;
}
#header>.topBar>.topMenu>.topMenuBtnRed{
    background: url(/images/topMenuBtnRed.jpg) repeat-x;
}

#header>#headerMenu{
    width: 990px;
    height: 99px;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    float: left;
}
#header>#headerMenu #headerLogo{
    margin: 22px 0px 0px 4px;
    float: left;
}
#header>#headerMenu>#mainMenu{
    margin: 0px 0px 0px 0px;
    float: right;
}
#header>#headerMenu>#mainMenu>.mainMenuBtn{
    height: 16px;
    border-top: 0px;
    border-right: 1px dashed #CBCBCB;
    border-bottom: 0px;
    border-left: 0px;
    background: none;
    color: #3E3E3E;
    font-family: 微軟正黑體, Arial;
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    margin: 42px 0px 0px 0px;
    padding: 0px 33px 0px 33px;
    float: left;
    cursor: pointer;
}
#header>#headerMenu>#mainMenu>.mainMenuBtnRight{
    border-right: 0px;
    padding: 0px 18px 0px 33px;
}
#header>#headerMenu>#mainMenu>.mainMenuBtn:hover, #header>#headerMenu>#mainMenu>.mainMenuBtnHover{
    color: #FF6800;
}
#header>.subMenus{
    width: 991px;
    position: relative;
    z-index: 999;
    margin: -45px 0px 0px 0px;
    display: inline-block;
}
#header>.subMenus>.subMenu{
    display: none;
}
#header>.subMenus>#subMenuAbout{
    margin-left: 510px;
    float: left;
}
#header>.subMenus>#subMenuLesson{
    margin-left: 638px;
    float: left;
}
#header>.subMenus>#subMenuMember{
    margin-left: 766px;
    float: left;
}
#header>.subMenus>#subMenuFAQ{
    margin-left: 894px;
    float: left;
}
#header>.subMenus>.subMenu>.top{
    width: 100px;
    height: 23px;
    background: url(/images/subMenuTop.png) no-repeat;
}
#header>.subMenus>.subMenu>.center{
    width: 68px;
    background: url(/images/subMenuCenter.png) repeat-y;
    padding: 0px 16px 0px 16px;
}
#header>.subMenus>.subMenu>.center>.subMenuBtn{
    width: 100%;
    height: 24px;
    border: 0px;
    background: none;
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 14px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
    float: center;
    cursor: pointer;
}
#header>.subMenus>.subMenu>.center>.subMenuBtn:hover, #header>.subMenus>.subMenu>.center>.subMenuBtnHover{
    color: #DD3744;
}
#header>.subMenus>.subMenu>.center>.hr{
    border-color: #7C7C7C;
}
#header>.subMenus>.subMenu>.bottom{
    width: 100px;
    height: 18px;
    background: url(/images/subMenuBottom.png) no-repeat;
}

#bodyArea{
    width: 990px;
    margin: 0px auto 0px auto;
    display: inline-block;
    clear: both;
    float: left;
}

/* 首頁 */
#bodyArea>.indexArea{
    width: 990px;
    display: inline-block;
    margin: 0px 0px 20px 0px;
}
#bodyArea>.indexArea>.bannerArea{
    width: 990px;
    height: 308px;
    background: url(/images/bannerAreaBackground.png) no-repeat;
}
#bodyArea>.indexArea>.bannerArea>#indexBannerContent{
    float: left;
}
#bodyArea>.indexArea>.bannerArea>.loginArea{
    width: 230px;
    height: 228px;
    background: url(/images/loginAreaBackground.png) no-repeat;
    padding: 60px 0px 0px 0px;
    float: left;
}
#bodyArea>.indexArea>.bannerArea>.loginArea>.title{
    width: 72px;
    height: 20px;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
    text-align: right;
    margin: 0px 0px 8px 0px;
    padding: 6px 0px 0px 0px;
    clear: both;
    float: left;
}
#bodyArea>.indexArea>.bannerArea>.loginArea>.pageTitle{
    width: 50px;
    text-align: left;
    padding: 6px 0px 0px 22px;
}
#bodyArea>.indexArea>.bannerArea>.loginArea>.content{
    width: 140px;
    height: 20px;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 15px;
    text-align: left;
    margin: 0px 0px 8px 5px;
    padding: 5px 0px 0px 0px;
    float: left;
}
#bodyArea>.indexArea>.bannerArea>.loginArea>input[type=text], #bodyArea>.indexArea>.bannerArea>.loginArea>input[type=password]{
    width: 125px;
    height: 20px;
    background: url(/images/loginAreaInputBox.png) no-repeat;
    border: 0px;
    margin: 0px 0px 8px 0px;
    padding: 6px 6px 0px 6px;
}
#bodyArea>.indexArea>.bannerArea>.loginArea>#gCodeImg{
    margin: 0px 0px 0px 72px;
    cursor: pointer;
}
#bodyArea>.indexArea>.bannerArea>.loginArea>.loginAreaSubmitBtn{
    width: 101px;
    height: 46px;
    background: url(/images/loginAreaSubmitBtn.png) no-repeat;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 19px;
    font-weight: bold;
    line-height: 19px;
    border: 0px;
    margin: 20px 0px 0px 18px;
    cursor: pointer;
    float: left;
}
#bodyArea>.indexArea>.bannerArea>.loginArea>.link{
    width: 72px;
    height: 20px;
    margin: 20px 0px 8px 0px;
    padding: 6px 0px 0px 0px;
    display: inline-block;
    clear: both;
    float: left;
}
#bodyArea>.indexArea>.bannerArea>.loginArea>.link>a, #bodyArea>.indexArea>.bannerArea>.loginArea>.link>a:hover, #bodyArea>.indexArea>.bannerArea>.loginArea>.link>a:visited{
    color: #FFB600;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
    text-align: left;
    text-decoration:underline;
    margin: 0px 0px 5px 14px;
    clear: both;
    float: left;
}

.areaTitle{
    width: 100%;
    height: 28px;
    background: url(/images/logoIcon.png) no-repeat;
    border-bottom: 1px solid #DDDDDD;
}
.areaTitle>h2{
    height: 17px;
    color: #000000;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    text-align: left;
    margin: 0px 0px 0px 23px;
    float: left;
}
.areaTitle>h2>span{
    margin: 0px 5px 0px 0px;
}
.areaTitle>h2>.orange{
    color:#FF6600;
}
.areaTitle>h2>.red{
    color:#DD3744;
}
.areaTitle>.moreBtnOrange{
    width: 37px;
    height: 18px;
    background: url(/images/moreBtnOrange.png) no-repeat;
    border: 0px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    float: right;
}
.areaTitle>.infoBtnRed{
    width: 37px;
    height: 18px;
    background: url(/images/infoBtnRed.png) no-repeat;
    border: 0px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    float: right;
}

#bodyArea>.indexArea>.indexNewsArea{
    width: 546px;
    clear: both;
    float: left;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li{
    height: 80px;
    cursor: pointer;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li>.date{
    width: 54px;
    height: 54px;
    margin: 15px 11px 10px 0px;
    clear: both;
    float: left;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li>.date>.month{
    width: 100%;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    text-align: center;
    margin: 8px 0px 0px 0px;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li>.date>.day{
    width: 100%;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 26px;
    font-weight: bold;
    line-height: 26px;
    text-align: center;
    margin: 2px 0px 0px 0px;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li>.dateRed{
    background: url(/images/dateRed.png) no-repeat;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li>.dateOrange{
    background: url(/images/dateOrange.png) no-repeat;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li>.dateYellow{
    background: url(/images/dateYellow.png) no-repeat;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li>.item{
    width: 481px;
    border-bottom: 1px solid #C9C9C9;
    margin: 18px 0px 0px 0px;
    padding: 0px 0px 11px 0px;
    float: left;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li>.item>.title{
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    text-align: left;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li:hover>.item>.title{
    color: #FF6800;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li>.item>.content{
    color: #919191;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    text-align: left;
    margin: 6px 0px 0px 0px;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li:hover>.item>.content{
    color: #3F3F3F;
}
#bodyArea>.indexArea>.indexNewsArea>ol>li>.last{
    border-bottom: 0px solid #C9C9C9;
}

#bodyArea>.indexArea>.indexLessonImg{
    margin: 28px 14px 0px 25px;
    float: left;
}
#bodyArea>.indexArea>.indexLessonArea{
    width: 265px;
    float: left;
}
#bodyArea>.indexArea>.indexLessonArea>ol>div{
    color: #FF6600;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    text-align: left;
    margin: 25px 0px 19px 0px;
}
#bodyArea>.indexArea>.indexLessonArea>ol>li{
    background: url(/images/indexLessonAreaLi.png) no-repeat left top;
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 17px;
    text-align: left;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 20px;
}
#bodyArea>.indexArea>.indexLessonArea>ol>li>span{
    color: #E6454C;
}

/* 內頁通用 */
#bodyArea>.pagesArea{
    width: 990px;
}
#bodyArea>.pagesArea>.pagesBanner{
    width: 990px;
    height: 228px;
    background: url(/images/pagesBanner.jpg) no-repeat;
}
#bodyArea>.pagesArea>.membersBanner{
    width: 990px;
    height: 228px;
    background: url(/images/membersBanner.jpg) no-repeat;
}
#bodyArea>.pagesArea>.pagesContent{
    width: 817px;
    background: url(/images/pagesContentBackground.png) no-repeat 29px 28px #FFFFFF;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    display: inline-block;
    padding: 45px 40px 45px 130px;
}
#bodyArea>.pagesArea>.pagesContent>.breadcrumbs{
    color: #7F7F7F;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    text-align: left;
    margin: 0px 0px 35px 0px;
    clear: both;
}
#bodyArea>.pagesArea>.pagesContent>.breadcrumbs>a{
    color: #7F7F7F;
}
#bodyArea>.pagesArea>.pagesContent>.breadcrumbs>a:hover{
    color: #FF901F;
    text-decoration: underline;
}
#bodyArea>.pagesArea>.pagesContent>.breadcrumbs>span{
    color: #DD3744;
}
#bodyArea>.pagesArea>.pagesContent>p{
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    text-align: left;
    margin: 14px 0px 14px 0px;
}
#bodyArea>.pagesArea>.pagesContent>p>span{
    color: #FF901F;
}
#bodyArea>.pagesArea>.pagesContent>hr{
    margin: 24px 0px 24px 0px;
}
#bodyArea>.pagesArea>.pagesContent .checkedList>li{
    background: url(/images/indexLessonAreaLi.png) no-repeat left top;
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
    margin: 14px 0px 14px 0px;
    padding: 0px 0px 0px 20px;
}
#bodyArea>.pagesArea>.pagesContent .checkedList>li>span{
    font-weight: bold;
    color: #E6454C;
}
#bodyArea>.pagesArea>.pagesContent .contentsTitle{
    height: 38px;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 38px;
    text-align: left;
    margin: 22px 0px 22px 0px;
    padding: 0px 15px 0px 15px;
}
#bodyArea>.pagesArea>.pagesContent .contentsTitleRed{
    background-color: #DD3744;
}
#bodyArea>.pagesArea>.pagesContent .contentsTitleOrange{
    background-color: #EF835D;
}
#bodyArea>.pagesArea>.pagesContent .contentsTitleYellow{
    background-color: #F39D4A;
}
#bodyArea>.pagesArea>.pagesContent .contentsTitleBlack{
    background: url(/images/contentsTitleBlack.jpg) repeat-x;
}
#bodyArea>.pagesArea>.pagesContent .contentsList>li{
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
    margin: 14px 0px 14px 0px;
    padding: 0px 18px 0px 65px;
}
#bodyArea>.pagesArea>.pagesContent .contentsListShort>li{
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
    margin: 14px 0px 14px 0px;
    padding: 0px 18px 0px 32px;
}
#bodyArea>.pagesArea>.pagesContent .contentsListNumber{
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pagesArea>.pagesContent .contentsListNumber>li{
    counter-increment: list;
    color: #3F3F3F;
    font-family: Arial, 微軟正黑體;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
    text-indent: -24px;
    margin: 14px 0px 14px 0px;
    padding: 0px 0px 0px 24px;
}
#bodyArea>.pagesArea>.pagesContent .contentsListNumber>li:before{
    content: counter(list) ".";
    background-color: #E6454C;
    color: #FFFFFF;
    margin: 0px 5px 0px 0px;
    padding: 1px 2px 1px 5px;
}
#bodyArea>.pagesArea>.pagesContent .contentsListRed>li{
    background: url(/images/pagesContentLiRed.png) no-repeat 18px 2px;
}
#bodyArea>.pagesArea>.pagesContent .contentsListOrange>li{
    background: url(/images/pagesContentLiOrange.png) no-repeat 18px 2px;
}
#bodyArea>.pagesArea>.pagesContent .contentsListYellow>li{
    background: url(/images/pagesContentLiYellow.png) no-repeat 18px 2px;
}
#bodyArea>.pagesArea>.pagesContent .contentsListCircle>li{
    background: url(/images/pagesContentLiCircle.png) no-repeat 18px 5px;
}

#bodyArea>.pagesArea>.pagesContent .tableTop {
    width: 687px;
    height: 13px;
    background: url(/images/tableTop.png) repeat-y;
    margin: 20px 0px 0px 0px;
    display:table;
}
#bodyArea>.pagesArea>.pagesContent .table {
    width: 651px;
    background: url(/images/tableCenter.png) repeat-y;
    padding: 5px 18px 5px 18px;
    display:table;
}
#bodyArea>.pagesArea>.pagesContent .table>.tr{
    display: table-row;
}
#bodyArea>.pagesArea>.pagesContent .table>.tr>.th {
    height: 39px;
    background: url(/images/tableTH.jpg) repeat-x;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pagesArea>.pagesContent .table>.tr>.thLast{
    height: 39px;
    background: url(/images/tableTH.jpg) repeat-x;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pagesArea>.pagesContent .table>.tr>.td {
    height: 39px;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #5B5B5B;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pagesArea>.pagesContent .table>.tr>.tdLast {
    height: 39px;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #5B5B5B;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pagesArea>.pagesContent .table>.tr>.tdGray, #bodyArea>.pagesArea>.pagesContent .table>.trLast>.tdGray{
    background-color: #F2F2F2;
}
#bodyArea>.pagesArea>.pagesContent .table>.trLast{
    display: table-row;
}
#bodyArea>.pagesArea>.pagesContent .table>.trLast>.td {
    height: 39px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #5B5B5B;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pagesArea>.pagesContent .table>.trLast>.tdLast {
    height: 39px;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #5B5B5B;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pagesArea>.pagesContent .table>.tr>.td>a,
#bodyArea>.pagesArea>.pagesContent .table>.tr>.tdLast>a,
#bodyArea>.pagesArea>.pagesContent .table>.trLast>.td>a,
#bodyArea>.pagesArea>.pagesContent .table>.trLast>.tdLast>a{
    color:#FF901F;
}
#bodyArea>.pagesArea>.pagesContent .table>.tr>.td>a:hover,
#bodyArea>.pagesArea>.pagesContent .table>.tr>.tdLast>a:hover,
#bodyArea>.pagesArea>.pagesContent .table>.trLast>.td>a:hover,
#bodyArea>.pagesArea>.pagesContent .table>.trLast>.tdLast>a:hover{
    text-decoration: underline;
}
#bodyArea>.pagesArea>.pagesContent .tableBottom {
    width: 687px;
    height: 14px;
    background: url(/images/tableBottom.png) repeat-y;
    margin: 0px 0px 20px 0px;
    display:table;
}

#bodyArea>.pagesArea>.pagesContent .note {
    color: #DD3744;
}

#bodyArea>.pagesArea>.pagesContent>h1{
    color: #F29C4A;
    font-family: 微軟正黑體, Arial;
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    text-align: left;
}
#bodyArea>.pagesArea>.pagesContent>.pBlack{
    color: #000000;
}
#bodyArea>.pagesArea>.pagesContent>.hrGray{
    border: 1px solid #DDDDDD;
}
#bodyArea>.pagesArea>.pagesContent .hiline{
    color: #D61D33;
    font-weight: bold;
}
#bodyArea>.pagesArea>.pagesContent input[type=text]{
    color: #858585;
    border: 1px solid #858585;
}
#bodyArea>.pagesArea>.pagesContent textarea{
    width: 90%;
    height: 150px;
    color: #858585;
    border: 1px solid #858585;
    resize: none;
}
#bodyArea>.pagesArea>.pagesContent .submitBtn{
    width: 101px;
    height: 46px;
    background: url(/images/loginAreaSubmitBtn.png) no-repeat;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 19px;
    font-weight: bold;
    line-height: 19px;
    border: 0px;
    margin: 0px 0px 0px 18px;
    cursor: pointer;
}

#bodyArea>.pagesArea>.pagesContent .normalTable {
    width: 100%;
    padding: 0px 0px 0px 0px;
    display: table;
}
#bodyArea>.pagesArea>.pagesContent .normalTable>.tr{
    display: table-row;
}
#bodyArea>.pagesArea>.pagesContent .normalTable>.tr>.th {
    height: 39px;
    background: url(/images/tableTH.jpg) repeat-x;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pagesArea>.pagesContent .normalTable>.tr>.thLast{
    height: 39px;
    background: url(/images/tableTH.jpg) repeat-x;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pagesArea>.pagesContent .normalTable>.tr>.thRed{
    background: url(/images/tableTHRed.jpg) repeat-x;
}
#bodyArea>.pagesArea>.pagesContent .normalTable>.tr>.td {
    height: 39px;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #5B5B5B;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pagesArea>.pagesContent .normalTable>.tr>.tdLast {
    height: 39px;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #5B5B5B;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pagesArea>.pagesContent .normalTable>.tr>.tdRed, #bodyArea>.pagesArea>.pagesContent .normalTable>.trLast>.tdRed{
    background-color: #FFE8E5;
}
#bodyArea>.pagesArea>.pagesContent .normalTable>.tr>.tdGray, #bodyArea>.pagesArea>.pagesContent .normalTable>.trLast>.tdGray{
    background-color: #F2F2F2;
}
#bodyArea>.pagesArea>.pagesContent .normalTable>.trLast{
    display: table-row;
}
#bodyArea>.pagesArea>.pagesContent .normalTable>.trLast>.td {
    height: 39px;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #5B5B5B;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}
#bodyArea>.pagesArea>.pagesContent .normalTable>.trLast>.tdLast {
    height: 39px;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    color: #5B5B5B;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 39px;
    text-align: center;
    display: table-cell;
}

#bodyArea>.pagesArea>.pagesContent>.memberButtons{
    margin: 0px 0px 28px 0px;
    display: inline-block;
}
#bodyArea>.pagesArea>.pagesContent>.memberButtons>input[type=button]{
    width: 72px;
    height: 27px;
    background: url(/images/scheduleBtn.png) no-repeat;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    border: 0px;
    margin: 0px 5px 0px 0px;
    cursor: pointer;
    float: left;
}

/* 最新消息 */
#bodyArea>.pagesArea>.pagesContent>.newsList{
    width: 817px;
}
#bodyArea>.pagesArea>.pagesContent>.newsList>li{
    border-bottom: 1px solid #C9C9C9;
    margin: 0px 0px 0px 0px;
    padding: 17px 0px 14px 0px;
    display: inline-block;
    clear: both;
    float: left;
    cursor: pointer;
}
#bodyArea>.pagesArea>.pagesContent>.newsList>li:hover{
    background-color: #F9F9F9;
}
#bodyArea>.pagesArea>.pagesContent>.newsList>li>.date{
    width: 78px;
    color: #FF901F;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    text-align: left;
    float: left;
}
#bodyArea>.pagesArea>.pagesContent>.newsList>li>.item{
    width: 739px;
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    text-align: left;
    float: left;
}
#bodyArea>.pagesArea>.pagesContent>.newsList>li>.item>.title{
    color: #000000;
    font-weight: bold;
    line-height: 13px;
    margin: 0px 0px 2px 0px;
}
#bodyArea>.pagesArea>.pagesContent>.contentsTitle>.date{
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 38px;
    text-align: left;
    float: right;
}

/* 關於我們 */
#bodyArea>.pagesArea>.pagesContent>.aboutList>p{
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
    text-indent: -62.9px;
    margin: 14px 0px 14px 0px;
    padding: 0px 0px 0px 62.9px;
}
#bodyArea>.pagesArea>.pagesContent>.aboutList>p>span{
    color: #FF901F;
}
#bodyArea>.pagesArea>.pagesContent>.aboutList>p img{
    max-width: 100%;
    margin: 10px 0px;
}

/* 課程特色 */
#bodyArea>.pagesArea>.pagesContent>.lessonsExample{
    padding: 15px 18px 0px 18px;
}
#bodyArea>.pagesArea>.pagesContent>.lessonsExample>p{
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-align: left;
    margin: 14px 0px 14px 0px;
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pagesArea>.pagesContent>.lessonsExample>.exampleList>p{
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
    text-indent: -69px;
    margin: 14px 0px 14px 0px;
    padding: 0px 0px 0px 69px;
}
#bodyArea>.pagesArea>.pagesContent>.lessonsExampleRed>p, #bodyArea>.pagesArea>.pagesContent>.lessonsExampleRed>.exampleList>p>span{
    font-weight: bold;
    color: #DD3744;
}
#bodyArea>.pagesArea>.pagesContent>.lessonsExampleOrange>p, #bodyArea>.pagesArea>.pagesContent>.lessonsExampleOrange>.exampleList>p>span{
    font-weight: bold;
    color: #EF835D;
}
#bodyArea>.pagesArea>.pagesContent>.lessonsExampleYellow>p, #bodyArea>.pagesArea>.pagesContent>.lessonsExampleYellow>.exampleList>p>span{
    font-weight: bold;
    color: #F39D4A;
}

/* 常見問題 */
#bodyArea>.pagesArea>.pagesContent>.faq{
    padding: 0px 18px 0px 18px;
}
#bodyArea>.pagesArea>.pagesContent>.faq>p{
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
    margin: 14px 0px 14px 0px;
    padding: 0px 0px 0px 0px;
}
#bodyArea>.pagesArea>.pagesContent>.faq>.faqList>p{
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
    text-indent: -69px;
    margin: 14px 0px 14px 0px;
    padding: 0px 0px 0px 69px;
}
#bodyArea>.pagesArea>.pagesContent>.faq>p>a, #bodyArea>.pagesArea>.pagesContent>.faq>.faqList>p>a{
    color: #FF901F;
}
#bodyArea>.pagesArea>.pagesContent>.faq>p>a:hover, #bodyArea>.pagesArea>.pagesContent>.faq>.faqList>p>a:hover{
    text-decoration: underline;
}
#bodyArea>.pagesArea>.pagesContent>.faqRed>.title, #bodyArea>.pagesArea>.pagesContent>.faqRed>.faqList>p>span{
    font-weight: bold;
    color: #DD3744;
}
#bodyArea>.pagesArea>.pagesContent>.faqOrange>.title, #bodyArea>.pagesArea>.pagesContent>.faqOrange>.faqList>p>span{
    font-weight: bold;
    color: #EF835D;
}
#bodyArea>.pagesArea>.pagesContent>.faqYellow>.title, #bodyArea>.pagesArea>.pagesContent>.faqYellow>.faqList>p>span{
    font-weight: bold;
    color: #F39D4A;
}

/* 課程查詢 */
#bodyArea>.pagesArea>.pagesContent>.schedule{
    text-align: center;
}
#bodyArea>.pagesArea>.pagesContent>.schedule>.title{
    width: 296px;
    margin: 28px 0px 28px 0px;
    display: inline-block;
}
#bodyArea>.pagesArea>.pagesContent>.schedule>.title>input[type=button]{
    width: 72px;
    height: 27px;
    background: url(/images/scheduleBtn.png) no-repeat;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    border: 0px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    float: left;
}
#bodyArea>.pagesArea>.pagesContent>.schedule>.title>h1{
    color: #191919;
    font-family: 微軟正黑體, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    margin: 0px 32px 0px 32px;
    float: left;
}
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.tr>.day, #bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.trLast>.day{
    width: 93px;
    min-height: 117px;
    padding: 11px 12px 11px 12px;
}
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.tr>.day>.dayNumber, #bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.trLast>.day>.dayNumber{
    color: #777777;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: bold;
    line-height: 13px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.tr>.day>.dayContent>p,
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.trLast>.day>.dayContent>p{
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    text-align: left;
    word-break: break-all;
    word-wrap: break-word;
    padding: 0px 0px 0px 0px;
    margin: 11px 0px 11px 0px;
}
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.tr>.day>.dayContent>p>a,
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.trLast>.day>.dayContent>p>a{
    color: #F39D4A;
}
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.tr>.day>.dayContent>p>a:hover,
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.trLast>.day>.dayContent>p>a:hover{
    color: #E6454C;
}
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.tr>.day>.dayContent>p>a.red,
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.trLast>.day>.dayContent>p>a.red{
    color: #FF0000;
}
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.tr>.day>.dayContent>p>span,
#bodyArea>.pagesArea>.pagesContent>.schedule>.normalTable>.trLast>.day>.dayContent>p>span{
    color: #FF0000;
    font-weight: bold;
}
#bodyArea>.pagesArea>.pagesContent .skypeBtn{
    width: 300px;
    height: 107px;
    background: url(/images/skypeIcon.png) no-repeat;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 30px;
    font-weight: bold;
    line-height: 107px;
    text-align: center;
    border: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 12px 0px 110px;
    cursor: pointer;
}
#bodyArea>.pagesArea>.pagesContent .skypeDiv{
    width: 178px;
    height: 82px;
    background: url(/images/skypeIcon.png) no-repeat;
    color: #FFFFFF;
    font-family: 微軟正黑體, Arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    border: 0px;
    margin: 0px 0px 0px 0px;
    padding: 25px 12px 10px 110px;
}


/* 預約免費評量 */
#bodyArea>.pagesArea>.pagesContent>.dataProtectionAct{
    height: 150px;
    border: 1px solid #DDDDDD;
    color: #3F3F3F;
    font-family: 微軟正黑體, Arial;
    font-size: 13px;
    font-weight: normal;
    line-height: 22px;
    text-align: left;
    margin: 14px 0px 14px 0px;
    padding: 20px;
    overflow: scroll;
}
#bodyArea>.pagesArea>.pagesContent>.dataProtectionAct>div{
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}
#bodyArea>.pagesArea>.pagesContent>.dataProtectionAct>p{
    margin: 10px 0px 10px 0px;
}
#bodyArea>.pagesArea>.pagesContent>.dataProtectionAct>ol>li{
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 30px;
}
#bodyArea>.pagesArea>.pagesContent>.dataProtectionAct>ol>li>ol>li{
    text-indent: -39px;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 69px;
}

/* 頁尾 */
#footer{
    width: 100%;
    height: 45px;
    background: url(/images/footerBackground.jpg) repeat-x;
    color: #777777;
    font-family: 微軟正黑體, Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 44px 0px 0px 0px;
    display: inline-block;
}
#footer>a, #footer>a:visited{
    color: #F29C4A;
    text-decoration: none;
}

/*頁碼*/
#pageNav{
    width: 100%;
    text-align: center;
    margin: 20px 0px 20px 0px;
    display: inline-block;
    clear:both;
}
#pageNav>#pageList{
    display: inline-block;
    float:center;
}
#pageNav>#pageList>ul>li{
    min-width: 11px;
    height: 15px;
    color: #FF901F;
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    margin: 5px 0px 0px 0px;
    padding: 0px 3px 0px 3px;
    display: inline-block;
    cursor: pointer;
    border-right: 2px solid #CCCCCC;
    float: left;
}
#pageNav>#pageList>ul>.more{
    border-right: 0px solid #CCCCCC;
}
#pageNav>#pageList>ul>li>a{
    min-width: 17px;
    color: #717071;
}
#pageNav>#pageList>ul>li img{
    margin: -5px 0px 0px 0px;
}
#pageNav>#pageList>ul>li:hover>a{
    text-decoration: underline;
}
#pageNav>#pageList>ul>.current>a{
    color: #FF901F;
}
#pageNav>#pageList>ul>.current:hover>a{
    text-decoration: underline;
}


#cboxLoadedContent{
    font-size: 16px;
}
@media screen and (max-width: 1024px){
    #cboxLoadedContent{
        font-size: 14px;
    }
}