/* 內頁共用 */

.Breadcrumb { display: flex; justify-content: space-between; font-size:0.875rem; padding:10px 0px; border-bottom:1px solid #9daeb6; }
.Breadcrumb a { color:#9daeb6; }
.Breadcrumb i { font-size:0.75rem; color:#9daeb6; margin:0px 5px; }

.Member .Breadcrumb { border-bottom:none; margin-bottom:10px; }
.Member .Breadcrumb a { color:#207bc0; }
.Member .Breadcrumb a:hover { color:#f77f00; }
.Member .Breadcrumb a i { color:#207bc0; }
.Member .Breadcrumb a:hover i { color:#f77f00; }

.classname.row { margin:20px -3px; }
.classname.row > div { padding:10px 3px; }
.classname a { display: block; font-size:1rem; text-align:left; color:#262626; border-bottom:1px solid #474747; padding:5px 0px; height:100%; }
.classname a.active,.classname a:hover { color:#262626; border-bottom:2px solid #262626; }

.classname a .icon { display: inline-block; margin-left: 6px; width: 11px; height: 11px; background: url("./images/ico-1.png") no-repeat center center; background-size: contain; }
.classname a.active .icon,.classname a:hover .icon { background:url("./images/ico-1_o.png")no-repeat center center; background-size:contain; }

.BottomPage { display: flex; justify-content: center; align-items:center; }
.BottomPage .move { width:32px; height:32px; border-radius:25px; background-color:#004a86; color:#fff; padding:4px; }
.BottomPage .move:not(.disable):hover { background-color:#f77f00; }
.BottomPage .move.disable { background-color:#cccccc; }
.BottomPage .page { margin:0px 25px; }
.BottomPage .page select { width:84px; height:40px; border:1px solid #b6ada4; color:#474747; padding:8px 10px; }

.Print.LinkType1 { background-color:#0096c7; font-size:1rem; padding:6px 50px; }
.Print.LinkType1 .material-icons { margin-right:10px; }
.Back.LinkType1 { margin-top:60px; font-size:1rem; background-color:transparent; color:#0096c7; border:1px solid #0096c7; }
.Back.LinkType1:hover { background-color:#0096c7; color:#fff; }
.Back.LinkType1 i { font-size:0.875rem; margin-right:10px; }


.printArea { margin-bottom:40px; }
.tagArea { margin-bottom:40px; }
.tagArea .HashTag { color:#0096c7; }

.hotArea .hotBD { height:6px; border-top:2px solid #262626; border-bottom:1px solid #262626; }
.hotArea .hotTit { padding:20px 0px; font-size:1.5rem; color:#262626; }
.hotArea .hotLink { display: block; padding:12px 0px; color:#004a86; border-bottom:1px solid #9daeb6; }
.hotArea .hotLink:hover { color:#f77f00; }

.shareArea { margin-bottom:40px; }
.shareArea .shareTit { color:#68838d; margin-bottom:10px; }
.shareArea .shareIcon { display: flex; }
.shareArea .shareIcon a { width:32px; height:32px; background-color:#3f3a39; color:#fff; border-radius: 25px; margin-right:10px; }
.shareArea .shareIcon a.fb { background-color:#004a86; }
.shareArea .shareIcon a.line { background-color:#00c400; }
.shareArea .shareIcon a.twitter { background-color:#00adef; }
.shareArea .shareIcon a:hover { color:#fff; background-color:#f72585; }

.EditContent { color:#474747; text-align: justify; }
.EditContent img { max-width:100%; height:auto !important; }
.EditContent iframe { max-width:100%; max-height:auto; }
.EditContent a { color:#002855; text-decoration: underline; }
.EditContent a:hover { text-decoration: underline; }

.register { max-width:calc(100% - 30px); width:648px; margin-left:auto; margin-right:auto; }

.areaTIT { text-align:center; padding:15px; font-size:1.25rem; border:0px solid #003646; background-color:#9daeb6; color:#fff; }
.areaCONT { border:0px solid #003646; border-top:none; padding:30px; background-color:#fff; }

.orderTable { display: table; width:100%; border-collapse: collapse; }
.orderTable .subject,
.orderTable .order { display: table-row; }
.orderTable .subject { background-color:#3e6679; color:#fff; }
.orderTable .order { border-bottom:1px dashed #c6c6c6; color:#474747; background-color:#fff; }
.orderTable .subject > div,
.orderTable .order > div { display: table-cell; padding:20px 15px; }
.orderTable .orderID { font-weight: bold; }
.orderTable .link { color:#919191; }
.orderTable .link a { color:#0068b7; }
.orderTable .price { font-size:0.875rem; color:#f72585; }
.orderTable .offer { font-size:1rem; } 
.orderTable .Status1 { color:#007642; }
.orderTable .Status2 { color:#af141a; }
.orderTable .Status3 { color:#000; }

.orderData .tit { color:#004a86; }
.orderData .item { margin-bottom:20px; }
.orderData .bd1 { border-bottom:1px solid #9daeb6; }
.orderData .Back.LinkType1 { margin-top:20px; }

.orderFinish { max-width:648px; margin:0px auto; }
.orderFinish .finishImg { width:200px; height:200px; margin:0px auto; }
.orderFinish a { color:#00a0e9; text-decoration: underline; }
.orderFinish .bd1 { border-bottom:1px solid #9daeb6; }
/*******************************************************************/

.qaItem { border-bottom:1px solid #9daeb6; }
.qaItem .question { display: flex; color:#004a86; padding:25px 8px; cursor: pointer; }
.qaItem .question .icon { margin-right:16px; margin-top:2px; }
.qaItem .question .txt { font-size:1.125rem; }
.qaItem .answer { display: none; background-color:#007642; color:#fff; font-size:1.125rem; padding:20px 40px; }

.contact .infoArea { text-align:left; background-color:#f3f5f7; }
.contact .infoArea .tit { color:#004a86; font-size:1.125rem; }
.contact .infoArea .bd { background-color:#004a86; display: inline-block; height:4px; width:40px; margin:15px 0px; }
.contact .infoArea .area:not(:last-of-type) { margin-bottom:50px; }
.contact .infoArea .area .subtitle { color:#004a86; font-size:0.9375rem; margin-bottom:10px; }
.contact .infoArea .area .content { color:#474747; font-size:1rem; }
.contact .infoArea .area .content a { color:#474747; }
.contact form input,
.contact form select,
.contact form textarea { background-color:#fff; }

.news .newsbnr { display: flex; background-color:#fff; }
.news .newsbnr > div { width:50%; }
.news .newsbnr .content { position: relative; padding:30px 30px 60px; }
.news .newsbnr .content .Desc1 { margin-top:30px; }
.news .newsbnr .content .Date2 { position: absolute; left:30px; bottom:30px; font-size:0.9375rem; }
.news .item { display: block; padding:15px 0px; border-bottom:1px solid #9daeb6; }
.news .item .Title1 a { color:#002855; }
.news .item .Title1 a:hover { color:#f77f00; }

.newscont .Date2 { font-size:0.9375rem; margin-bottom:20px; }
.newscont .Date2 a { color:#68838d; }
.newscont .Title1 { font-size:1.875rem; margin-bottom:40px; }
.newscont .EditContent { margin-right:12px; }
.newscont .bdline { position: relative; height:1px; background-color:#0096c7; margin:40px 0px; }
.newscont .bdline .more { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); padding:8px 35px; white-space:nowrap; }
.newscont .upgrade { color:#474747; font-size:1.125rem; text-align:center; }
.newscont .upgrade a { color:#004a86; }

.course .Title1 { position: relative; padding-right:70px; }
.course .Status { position: absolute; right:0; top:0; font-size:0.9375rem; padding:3px 15px; }
.course .Status1 { background-color:#007642; color:#fff; }
.course .Status2 { background-color:#f72585; color:#fff; }
.course .Status3 { background-color:transparent; border:1px solid #262626; }
.course .content { background-color:#fff; padding:10px; }

.coursecont .FileArea { margin-top:20px; }
.coursecont .FileArea .LinkType1 { margin-top:20px; margin-right:15px; background-color:#0096c7; font-size:1rem; padding:8px 25px; } 
.coursecont .sideArea .item { margin-bottom:30px; }
.coursecont .sideArea .item .tit { color:#004a86; font-size:1.125rem; margin-bottom:10px; }
.coursecont .sideArea .item .tit .material-icons { margin-right:5px; }
.coursecont .sideArea .item .txt { color:#474747; }
.coursecont .sideArea .item .price { color:#f72585; line-height:20px; }
.coursecont .sideArea .item .field { padding:10px 0px; border-bottom:1px solid #9daeb6; }
.coursecont .sideArea .item .field .info { display: flex; justify-content: space-between; }
.coursecont .sideArea .item .field .info .price span { font-size:1.25rem; }
.coursecont .sideArea .item .field .info .LinkType1 { padding:8px 25px; }
.coursecont .sideArea .item .field .detail { margin-top:10px; }
.coursecont .sideArea .item .field .detail  a { color:#10155e; }
.coursecont .sideArea .item .field .detail .area { background-color:#fff; padding:10px; }
.coursecont .sideArea .item .field .detail .area ul li:not(:last-child) { margin-bottom:30px; }

.article .EditContent { max-height:50vh; overflow: auto; }
.article form { max-width:350px; margin-top:40px; margin-left:auto; margin-right:auto; }
.article .agree { margin-top:25px; }

.join .title { color:#00a0e9; font-size:1.25rem; padding:15px 0px; margin-top:60px; margin-bottom:15px; border-top:2px solid #00a0e9; }
.join form input,
.join form select { border:1px solid #919191; background-color:#f6f6f6; }
.join form #change { margin-left:15px; }

.finishReg img { max-width:200px; margin-bottom:40px; }
.finishReg .cont1 { margin-bottom:20px; }
.finishReg .cont2 { margin-bottom:5px; }

.memberMain { max-width:648px; width:calc(100% - 30px); margin:0 auto; }
.memberMain .areaTIT { background-color:transparent; border:none; color:#004a86; font-size:2rem; padding:20px 0px; }
.memberMain .areaCONT { border:none; padding:15px; }
.memberMain .areaCONT a { margin:20px 0px; }
.memberMain .areaCONT img { max-width:52px; }
.memberMain .areaCONT .name { color:#004a86; margin-top:10px; }
.memberMain .areaCONT a:hover .name { color:#f77f00; }

.memberMain .imgtit { position:relative; padding:80px 40px; background-image:linear-gradient(to bottom,#00479d, #005db1, #0072c5, #0089d7, #009fe8); }
.memberMain .imgtit .txt { color:#fff; }
.memberMain .imgtit .txt .t1 { font-size:5rem; padding-right:30px; }
.memberMain .imgtit .txt .t2 .name { font-size:2rem; }
.memberMain .imgtit .txt .t2 .info { margin-top:10px; }
.memberMain .imgtit .txt .t2 .info .tt1 { font-size:0.875rem; margin-right:10px; }
.memberMain .imgtit .txt .t2 .link { margin-top:10px; }
.memberMain .imgtit .txt .t2 .link a { display: inline-block; border-radius: 25px; background-color:#fff; color:#004a86; padding:10px 20px; }
.memberMain .imgtit .txt .t2 .link a:hover { background-color:#004a86; color:#fff; }

.memberApply { max-width:648px; padding:0px 15px; margin:0 auto; }
.memberApply .title { color:#00a0e9; font-size:1.25rem; padding-bottom:15px; }

.OrderDetail .orderTable .order { border-bottom:none; }

@media ( max-width:1399.98px ){ 
    .news .newsbnr .content .Desc1 { margin-top:10px; }
}
@media ( max-width:1199.98px ){ 
    .news .newsbnr .content { padding:15px 15px 35px; }
    .news .newsbnr .content .Date2 { left:15px; bottom:15px; }
}
@media ( max-width:991.98px ){ 
    .sideArea { margin-top:60px; }
    .shareArea .shareIcon a { margin-top:10px; width:32px; height:32px; font-size:1.125rem; }
    .shareArea .shareIcon a .material-icons { font-size:30px; }
    .shareArea .shareIcon a.LineIcon img { width:20px; }

    .news .newsbnr { display: block; }
    .news .newsbnr > div { width:100%; }
    .news .newsbnr .content { padding:15px 15px 50px; }

    .newscont .Title1 { margin-bottom:20px; }
}
@media ( max-width:767.98px ){ 
    .classname { padding:0px; }
    .classname div { display:none; }
    .classname select { display:block; width:100%; border:none; padding:10px; font-size:1.25rem; border-bottom:1px solid #303030; background-color:transparent; }

    .BottomPage { justify-content: space-between; }

    .orderTable .subject { display: none; }
    .orderTable .order { display: block; padding:40px 15px; }
    .orderTable .order > div { display: block; padding:0px; }
    .orderTable .order .orderID { font-size:1.5rem; }
    .orderTable .order .date { font-size:0.875rem; }
    .orderTable .order .link { padding-bottom:30px; }
    .orderTable .order .payment { font-size:0.9375rem; padding-bottom:20px; }
    .orderTable .order .transport { padding-bottom:15px; }
    .orderTable .order .status { float:left; font-size:1.125rem; }
    .orderTable .order .price { float:right; }
    .orderTable .order .price .offer { font-size:1.125rem; }

    .contact form { margin-bottom:60px; }
    .contact .infoArea { margin-top:60px; }

    .newscont .Title1 { font-size:1.5rem; }

    .coursecont .FileArea .LinkType1 { font-size:0.875rem; padding:8px 15px; }

    .memberMain .areaTIT { font-size:1.5rem; }
    .memberMain .imgtit { padding:30px; }
    .memberMain .imgtit .txt .t1 { font-size:3rem; }
    .memberMain .imgtit .txt .t2 .name { font-size:1.5rem; }
}
@media ( max-width:575.98px ){  }

@media ( min-width:576px ){  }
@media ( min-width:768px ){ 
    .BottomPage.mode1 { justify-content: flex-start; }
    .BottomPage.mode2 { justify-content: flex-end; }

    .contact .infoArea { margin-left:30px; padding:0px 20px; }

    .memberMain .imgtit .txt .t2 .link a { margin-left:20px; }
}
@media ( min-width:992px ){ 
    .contact .infoArea { margin-left:75px; padding:0px 40px; }
}
@media ( min-width:1200px ){  }

@media ( max-width:991.98px ) and ( min-width:768px ){
    .EditContent { font-size:1.125rem; }

    /* .shareArea { display: flex; align-items:center; } */
    .shareArea .shareTit { margin-bottom:0px; margin-right:25px; }
}