
body {  }

.mhinside { height:80px; }
.mhbottom { height:120px; }

/* 上方標題banner */
.TopBnrArea1 { position: relative; width:100%; height:360px; }
.TopBnrArea1 .TopTitle { display: flex; position: absolute; bottom:0px; width:100%; background-color:rgba(0,0,0,0.5); }
.TopBnrArea1 .TopTitle .leftArea { width:35.9375%; padding:28px 0px; padding-left:calc((100% - 1140px) / 2); }
.TopBnrArea1 .TopTitle .leftArea .UnitTitle { padding:0px 15px; }
.TopBnrArea1 .TopTitle .rightArea { flex-grow: 1; }

.TopBnrArea2 { position: relative; width:100%; }
.TopBnrArea2 .TopTitle { display: flex; position: absolute; bottom:0px; width:100%; }
.TopBnrArea2 .TopTitle .leftArea { width:calc((100% - 1110px) / 2 + 120px ); padding:0px; padding-left:calc((100% - 1110px) / 2); background-color:rgba(0,0,0,0.3); }
.TopBnrArea2 .TopTitle .leftArea .back { background-color:transparent; color:#fff; width:120px; height:120px; float:right; border:none; }
/* .TopBnrArea2 .TopTitle .rightArea { background:transparent; } */

.TopBnrArea3 { position: relative; width:100%; height:120px; display:flex; justify-content: space-between; align-items:center; }
.TopBnrArea3 .back { color:#919191; width:80px; }
.TopBnrArea3 .TopTitle { color:#19294d; font-size:2rem; width:calc(100% - 160px); }

.ColBg { height:100%; background-color:#f6f6f6; }
a.ColBg:hover .STitle,
a.ColBg:focus .STitle { color:#006aa3; }
.RowItems .ColItem { margin-top:40px; margin-bottom:0px; }
.RowItems .ColItem2 { margin-top:80px; }
.RowItems .ColItem.mb { margin-top:0px; margin-bottom:40px; }
.RowItems .ColItem .ColCont { padding:20px; font-size:1.125rem; color:#b54703; }
.RowItems .ColItem .ColCont:hover { color:#b54703; }
.RowItems .ColItem .ColCont2 { padding:20px; text-align:left; }
.RowItems .ColItem .ColCont2 .ColTit { color:#262626; }
.RowItems .ColItem .ColCont2 .ColDate { font-size:0.875rem; color:#6e6e6e; margin-top:10px; }


.Content { text-align:left; }
.Content .ContHead .STitle { color:#03071e; }
.Content .ContHead .SDate { color:#6e6e6e; padding-top:15px; }
.Content .STitle { color:#b54703; }
.Content .date { font-size:0.875rem; color:#6e6e6e; padding-top:25px; }
.Content .CArea:not(.first) { margin-top:60px; }
.Content .CArea .CTitle { color:#006aa3; font-size:1.25rem; }
.Content .CArea.type2 .CTitle { color:#b54703; }
.Content .CArea .CLink a { color:#6a040f; }
.Content .CArea .CLink a:hover { color:#6a040f; }

.ClsArea { position: relative; }
.ClsArea .row { margin:0px -3px; }
.ClsArea .row .col-2 { padding:0px 3px; }
.ClsArea .ClsItem { display: block; text-align:left; color:#6e6e6e; border-bottom:1px solid #e2e2e2; padding-bottom:20px; height:100%; }
.ClsArea .ClsItem:hover { color:#0092e0; border-bottom:1px solid #0092e0; }
.ClsArea .ClsItem.active { color:#19294d; border-bottom:2px solid #19294d; padding-bottom:19px; }

/*-------------------------------------------------------------*/

.news .TableTr { border-bottom: 1px solid #e2e2e2;  }
.news .TableTr > div { padding:30px 0px; }
.news .TableTr .date { width:145px; color:#6e6e6e; }
.news .TableTr .cls { width:110px; color:#b54703; }
.news .TableTr .cont { display: block; text-align:justify; padding:30px; font-size:1.25rem; }
.news .TableTr .cont a { color:#262626; }
.news .TableTr .cont a:hover { color:#262626; }

/* .service { text-align:left; }
.service .item { margin-top:80px; }
.service .item .cont { background-color:#f9f9f9; }
.service .item .cont .des { margin:30px 0px; min-height:48px; } */

/* .ex .items { margin-top:80px; } */
.ex .items .item { display: flex; margin-top:40px; }
.ex .items .item .pic { width:58%; margin-top:auto; margin-bottom:auto; }
.ex .items .item .cont { width: 42%; padding:40px; text-align: left; }
.ex .items .item .cont .STitle { display: inline-block; margin-bottom:20px; }
.ex .items .item .cont .subt { color:#6e6e6e; margin-bottom:60px; }
.ex .items .item .cont .location { color:#474747; }
.ex.art .items .item { margin-top:40px; }
.ex.art .items .item .cont .subt { margin-bottom:30px; }

.art .resArea { display: flex; margin:80px 0px; }
.art .resArea .logo { width:350px; }
.art .resArea .cont { width:calc(100% - 350px); padding-left:40px; text-align:left; }
.art .resArea .cont .subt { color:#6e6e6e; }
.art .resArea .cont .des { margin-top:40px; text-align:justify; line-height: 30px; }

.exCont .ContHead { text-align:center; margin:80px 0px; }
.exCont .date { font-size:1rem; }
/* .exCont .CArea.BG1 { background-color:#f6f6f6; padding:40px 0px; } */
.exCont .CArea .CRow { margin-top:20px; margin-bottom:20px; }
.exCont .CArea .CRow.aic { align-items:center; }
.exCont .CArea .CRow .Items { margin-bottom:40px; }
.exCont .CArea .CRow .Items .icon { color:#fff; font-size:3rem; display: flex; justify-content: center; align-items:center; }
.exCont .CArea .CRow .Items .icon:hover { cursor: pointer; color:#f27602; }

.exCont:not(.artCont) .CArea:nth-child(3) , .artCont .CArea:nth-child(2) { background-color:#f6f6f6; padding:40px 0px; }

.artCont .ContHead .subt { color:#03071e; padding-bottom:20px; }
.artCont .ContHead .SDate { padding-top:5px; }
 
.artCont .CArea.actlink .Items { margin-top:5px; margin-bottom:5px; }
.artCont .actlink .contArea { display: flex; justify-content: space-between; height:100%; border-bottom:1px solid #e2e2e2; padding-bottom:15px; }
.artCont .actlink .contArea .timeArea { width:255px; }
.artCont .actlink .contArea .tt { color:#6e6e6e; font-size:0.875rem; }
.artCont .actlink .contArea .tt2 { color:#262626; margin-top:10px; }

.cooper .item { margin-bottom:20px; }
.cooper .item .simg { border:none; background-color:transparent; position: relative; width:100%; height:100%; display: flex; align-items:center; }
.cooper .item .simg:hover { cursor: pointer; }
.cooper .item .mask { display: none; position: absolute; left:0px; right:0px; top:0px; bottom:0px; background-color:#0092e0; color:#fff; justify-content: center; align-items:center; }
.cooper .item .simg:hover .mask { display: flex; }

#cooModal .modal-dialog { width:920px; max-width:90%; }
#cooModal .modal-body { padding:80px 80px; text-align:left; }
/* #cooModal .modal-body .item { margin-left:30px; } */
#cooModal .modal-body img { width:auto; max-width: 100%; }
#cooModal .modal-body .item .area { margin-top:40px; margin-bottom:5px; }
#cooModal .modal-body .item .area .tt { color: #f27602; }

.history { text-align: left; }
.history .TableArea .TableTr { border-bottom:3px solid #e2e2e2; }
.history .TableArea .TableTr .yr { width:95px; font-size:1.25rem; color:#b54703; padding:17px 25px; vertical-align: top; }
.history .TableArea .TableTr .cont > div { padding:20px 25px; text-align: justify; }
.history .TableArea .TableTr .cont > div:not(:first-child) { border-top:1px solid #e2e2e2; }

.course .RowItems .ColItem { margin-top:80px; }
.course .RowItems .ColItem .ColCont2 { display: flex; justify-content: space-between; }
.course .RowItems .ColItem .ColCont2 .ColTit { font-size:1.25rem; }
/* .course .RowItems .ColItem .ColCont2 .ColTit2 { font-size:1rem; } */
.course .RowItems .ColItem .ColCont2 .ColDate { font-size:1rem; margin-top:4px; }
.course .RowItems .ColItem .ColCont2 .ColDate2 { font-size:0.8125rem; margin-top:12px; }
.course .items .status { width:60px; margin-left:10px; display: inline-block; padding:3px 8px; font-size:0.875rem; }
.course .items .status.type1 { background-color:#dd5703; border:1px solid #dd5703; color:#fff; }
.course .items .status.type2 { background-color:transparent; border:1px solid #262626; color:#262626; }

.CourHead { background-color:#f9f9f9; }
.CourHead.noBG { background-color:transparent; }
.CourHead .STitle { font-size:1.5rem; }
.CourHead .SDate { font-size:0.875rem; }
.CourHead .info { margin:35px 0px; padding-left:10px; border-left:4px solid #000; }
.CourHead .info .items { color:#000; }
.CourHead .info .items > div:not(:first-child) { margin-top:5px; }
.CourHead .info .items .txt { color:#474747; font-size:0.875rem; }
.CourHead .sbtn { width:160px; padding:8px 0px; border:none; border-radius: 5px; background-color:#000; color:#fff; margin-right:10px; }
.CourHead .sbtn.bg2 { background-color:#006aa3; }
.CourHead .sbtn.bg3 { background-color:#e2e2e2; color:#919191; }

#courseModal .Content { max-height:270px; overflow-y:scroll; overflow-x:hidden; width:100%; }
#courseModal .mfooter { margin:20px auto; max-width:430px; }
#courseModal .check { margin-bottom:30px; font-size:1rem; color:#000; }
#courseModal .agree { display: flex; justify-content: space-between; }
#courseModal .agree > div { width:calc(50% - 15px); }

#listModal .modal-dialog { width:920px; max-width:90%; margin:10rem auto; }
#listModal .notice { color:#ff4500; }
#listModal .aplist { border-bottom:1px solid #e2e2e2; padding-top:10px; }
#listModal .aplist .pass { color:#474747; }
#listModal .aplist .unpass { color:#919191; }

.finish { padding-top:120px; padding-bottom:120px; text-align: left; }
.finish .ftitle { color:#19294d; font-size:1.5rem; margin-bottom:20px; }

.apply { text-align:left; }
.apply .workArea { background-color:#f6f6f6; }
.apply #updocName { margin-left:20px; }

.publish .RowItems .ColItem2 .pic { height:350px; overflow: hidden; }
.publish .RowItems .ColItem2 .pic img { width:auto; height:100%; }
.publish .RowItems .ColItem2 .des { font-size:1.125rem; padding:20px 0px; color:#262626;  }


.pubdetail .picArea img { max-width: 100%; max-height: 450px; width:auto; height:auto; margin:0px auto; }
.pubdetail .picArea img:not(:first-child) { margin-top:20px; }
.pubdetail .contArea .top { text-align: left; padding:80px 0px; border-bottom:1px solid #e2e2e2; }
.pubdetail .contArea .tit { color:#19294d; font-size:1.5rem; }
.pubdetail .contArea .tit2 { color:#19294d; font-size:0.875rem; }
.pubdetail .contArea .item { margin-top:30px; }
.pubdetail .contArea .item .tt { color:#6e6e6e; font-size:0.875rem; }

.weblink .RowItems { margin-top:40px; margin-bottom:0px; }
.weblink .RowItems .ColBg { display: block; text-align:left; padding:25px 20px; border-bottom:3px solid #e2e2e2; }
.weblink .RowItems .ColBg:hover { background-color:#006aa3; border-bottom:3px solid #006aa3; }
.weblink .RowItems .ColBg .tt { color:#262626; font-size:1.5rem; }
.weblink .RowItems .ColBg .tt2 { color:#474747; font-size:1rem; word-break: break-all; }
.weblink .RowItems .ColBg:hover .tt , .weblink .RowItems .ColBg:hover .tt2 { color:#fff; }

.contact .infArea { text-align:left; margin-top:30px; border:1px solid #e2e2e2; padding:40px; }
.contact .infArea .tit { color:#000; }
.contact .infArea .bd { background-color:#f27602; display: inline-block; height:4px; width:40px; margin:15px 0px; }
.contact .infArea .area:not(:last-of-type) { margin-bottom:50px; }
.contact .infArea .area .cont1 { color:#474747; font-size:0.875rem; margin-bottom:10px; }
.contact .infArea .area .cont2 { color:#262626; }

.article .content { text-align:left; max-height:310px; overflow-y:scroll; overflow-x:hidden; width:100%; }
.article form { margin:30px auto; max-width:350px; }
.article .check { margin-bottom:30px; font-size:1rem; color:#000; }
.article .agree { display: flex; justify-content: space-between; }
.article .agree > div { width:calc(50% - 15px); }

.join .areaRow .title { color:#000; font-size:1.25rem; }

.confirm .resend { margin-top:30px; }

.mainView .areaTIT { font-size:2rem; padding:40px 0px; }
.mainView .toptxt { display: flex; align-items:center; padding:100px 60px; background:url("./images/bg_account.jpg")no-repeat center center; background-size:cover; color:#fff; font-size:1.5rem; }
.mainView .toptxt i { font-size:5rem; }
.mainView .areaCONT .icon { width:45px; }
.mainView .areaCONT .fname { color:#006aa3; margin-top:15px; margin-bottom:30px; }

.order .ColItem > div { padding:16px 0px; }
.order .ColItem .date { font-size:0.875rem; }
.order .ColItem .name { text-align:left; }
.order .ColItem .name a { font-size:0.875rem; }

.order.reserve #ReserveList .row { align-items:center; }
.order.reserve .ColItem { font-size:1rem; }

.order .areaCONT { margin-top:60px; }
.order .areaRow { margin:0px; padding-top:30px; text-align:left; }
.order .areaRow .title { color:#dd5703; font-size:1.25rem; }
.order .areaRow .des { margin-bottom:0px; }
.order .areaRow .tt { color:#000; margin-top:5px; margin-bottom:30px; }

.trace .tracepro { padding:20px 0px; }
.trace .tracepro .tpl { float:left; height:100%; }
.trace .tracepro .tpl img { width:130px; height:130px; }
.trace .tracepro .tpr { margin-top:30px; float:right; width:calc(100% - 130px); padding-left:30px; text-align: left; }
.trace .tracepro .tpr .tpTitle a { color:#006aa3; font-size:1.25rem; }
.trace .tracepro .tpr .tpTitle a:hover {  }
.trace .tracepro .tpr .subTitle { color:#474747; }
.trace .tpbd { border-bottom:1px dotted #c6c6c6; }

@media(max-width:1199.98px) and (min-width:992px){
    .TopBnrArea1 .TopTitle .leftArea { padding-left: calc((100% - 960px) / 2); }
    .TopBnrArea2 .TopTitle .leftArea { width:calc((100% - 930px) / 2 + 120px ); padding-left:calc((100% - 930px) / 2); }

    .ex .items .item .cont { padding:30px; }
}

@media (min-width:992px){
    .join { max-width:920px; }
}

@media (max-width:991.98px){

    .ex .items .item { display: block; }
    .ex .items .item .pic , .ex .items .item .cont { width:100%; }

    

    .artCont .actlink .contArea { display: block; }
    .artCont .actlink .contArea .timeArea { margin-top:20px; }
    #cooModal .modal-body { padding:80px 60px; }

    .contact .infArea { padding:20px; }
}

@media (min-width:768px){
    .Content .CArea .CSpace { height:10px; }
    .Content .CArea .CData { margin:0px -30px; } 
    .Content .CArea .CData .CRow { display: flex; margin-top:20px; }
    .Content .CArea .CData .CRow > div { flex:1; padding:0px 30px; }

    .Content .CArea .CCont:not(:first-of-type) { margin-top:24px; }
    .Content .CArea .CLink { margin-top:60px; }

    .TableArea { display: table; width:100%; border-collapse: collapse; }
    .TableArea .TableTr { display: table-row; }
    .TableArea .TableTr > div { display: table-cell; }

    .ClsArea select.selyear { position: absolute; padding:8px 40px 10px 15px; font-size:0.875rem; color:#6e6e6e; top:0px; right:0px; border:1px solid #6e6e6e; }

    .pubdetail { display: flex; }
    .pubdetail .picArea { width:450px; }
    .pubdetail .contArea { width:calc(100% - 450px); margin-left:80px; }

    .contact .infArea { margin-left:75px; }

    .join .areaRow .areaLeft { width:190px; }
    .join .areaRow .areaRight { width:calc(100% - 190px); }

    .confirm { max-width:540px; }
    .mainView ,
    .finish,
    .chginfo,
    .chgpass,
    .mdCT { max-width:730px; margin:0px auto; }

    .order .areaRow .areaLeft { width:380px; }
    .order .areaRow .areaRight { width:calc(100% - 380px); }
}

@media (max-width:991.98px) and (min-width:768px){
    .TopBnrArea1 .TopTitle .leftArea { width:50%; padding-left:calc((100% - 720px) / 2); }
    .TopBnrArea2 .TopTitle .leftArea { width:calc((100% - 690px) / 2 + 120px ); padding-left:calc((100% - 690px) / 2); }

    .art .ClsArea .ClsItem { font-size:0.875rem; }
    
    .publish .RowItems .ColItem2 .pic { height:280px; }

    .pubdetail .picArea { width:300px; }
    .pubdetail .contArea { width:calc(100% - 300px); margin-left:80px; }

    .contact .infArea { margin-left:30px; }

    .art .resArea .logo { width:250px; }
    .art .resArea .cont { width:calc(100% - 250px); padding-left:20px; }

    .order .areaRow .areaLeft { width:200px; }
    .order .areaRow .areaRight { width:calc(100% - 200px); }
}

@media (max-width:767.98px){
    .mhinside { height:60px; }

    .TopBnrArea1 .TopTitle .leftArea { width:70%; padding:15px 0px; }
    .TopBnrArea2 .TopTitle .leftArea { width:80px; padding:0px; }
    .TopBnrArea2 .TopTitle .leftArea .back { width:80px; height:48px; font-size: 0.75rem; }
    .TopBnrArea3 .TopTitle { font-size:1.25rem; }
    .TopBnrArea3 .back { font-size:0.875rem; width:60px; }

    .Content .CArea { margin-top:30px; }
    .Content .CArea .CCont { margin-top:40px; }
    .Content .CArea .CCont .CDesc { margin-top:10px; }
    .Content .CArea .CCont .CLink { margin-top:30px; }

    .history .TableArea .TableTr { margin-top:40px; }
    .history .TableArea .TableTr .yr { padding:10px; }
    .history .TableArea .TableTr .cont > div { padding:10px 10px 40px 10px;; }

    .ClsArea select { width:100%; padding:15px 10px; color:#19294d; border:none; border-bottom:1px solid #19294d; }

    .ex .items .item .cont { padding:30px; }

    .news .TableTr { margin:20px 0px; text-align: left; }
    .news .TableTr > div { padding:0px; padding-bottom:10px; }
    .news .TableTr .cont { padding:0px; padding-bottom:15px; }

    .courCont .ContHead .sbtn { width:calc(50% - 5px); margin-right:0px; }

    .cooper .item { margin-bottom:40px; }
    .modalHeaderCenter .mTitle { font-size:1.125rem; }
    .modalHeaderCenter .close { font-size:1rem; }
    #cooModal .modal-body { padding:30px; }
    #cooModal .modal-body .item { padding-top:40px; margin-left:0px; }

    .art .resArea { display: block; }
    .art .resArea .logo { width:100%; }
    .art .resArea .logo img { width:auto; max-width:100%; }
    .art .resArea .cont { width:100%; margin-top:60px; padding-left:0px; }
    .art .resArea .cont .BigTitle { font-size:1.75rem; }

    .publish .RowItems .ColItem2 .pic { height:200px; }

    .contact form { padding-bottom:60px; }

    .mainView .toptxt { padding:60px 20px; font-size:1.25rem; }
    .mainView .toptxt i { font-size:2.5rem; }
    .mainView .areaCONT .fname { font-size:0.875rem; }

    .finish .content { margin:20px 0px; }

    .order .row { padding:20px 0px; }
    .order .ColItem { text-align:left; }
    .order .ColItem .status { text-align: right; }
    .order .ColItem > div { padding:10px 0px; }

    .order.reserve .ColItem { font-size:0.875rem; }
}

@media (max-width:767.98px) and (min-width:576px){
    .TopBnrArea1 .TopTitle .leftArea { padding-left:calc((100% - 540px) / 2); }
    
}

/****************
    線上影展
*****************/

.SHOWTIT { padding:35px 0px 35px 35px; font-size:2.5rem; color:#262626; background:url("./images/bg_title.png")no-repeat left top; text-align:left; }
.SHOWTIT.V2 { color:#fff; }
.SHOW_IN_BG { background-color:#262626; }

.show .slide-btn { position: absolute; bottom: 0; right:25px; width: 60px; height: 100px; }
.show .slide-btn .slidebd { position: relative; height:100px; width:1px; background-color: #fff; margin-left:29px; overflow: hidden; }
.show .slide-btn .slidebd .bar { position: absolute; top:0px; height:40px; width:1px; background-color:#fd7e00; animation: jump 2s infinite; }

@keyframes jump {
    0% { top:-30px; }
    100% { top:100px; }
}

.show .slide-btn .txt { line-height: 0px; font-size:0.875rem; color:#5e5e5e;
    -webkit-transform: rotate(90deg) translate(27px,15px);
    -moz-transform: rotate(90deg) translate(27px,15px);
    -ms-transform: rotate(90deg) translate(27px,15px);
    -o-transform: rotate(90deg) translate(27px,15px);
    transform: rotate(90deg) translate(27px,15px);
}

.show .main { padding:120px 0px; background:url("./images/bg_kmfa.png") no-repeat right bottom; background-color:#f7f7f5; }
.show .main .intro .cont { margin-top:35px; font-size:1.125rem; text-align:left; line-height:40px; }
.show .main .intro .cont .date { color:#006aa3; }
.show .main .intro .cont .more { margin-top:60px; padding-bottom:10px; }
.show .main .intro .cont .more a { font-size:1rem; }
.show .main .bline { position: absolute; left:calc((100% - 1110px)/2); right:0; border-bottom:1px solid #919191; }

.show .art .row > div { margin-bottom:20px; }
.show .art .cont { text-align: left; transform: translate(0px,-63px); }
.show .art .cont > div:not(:last-child) { margin-bottom:8px; }
.show .art .cont .txt { display: inline-block; background-color:#000; color:#fff; padding:5px 8px; }
.show .art .cont .txt1 { font-size:1.5rem; }
.show .art .cont .txt3 { font-size:1.125rem; }

.show .donate { padding:120px 0px; position: relative; }
.show .donate .SHOWTIT { position: absolute; top:-80px; }
.show .d-item { margin-bottom:15px; }

.show .page { position: fixed; margin-bottom:15px; bottom:0px; left:50%; transform: translate(-50%,0px); display: inline-block; padding:0px 20px; height:48px; background-color:#f27602; border-radius:24px; z-index:10; white-space: nowrap; }
.show .page.static { position: absolute; }
.show .page a { display: inline-block; margin:0px 15px; padding:12px 0px; color:#fff; }
.show .page a.active { color:#fff100; border-top:1px solid #fff100; }
.show .page a:hover { color:#fff100; }
.show .page button { color:#fff; height:36px; box-shadow: none; }
.show .page button:hover,.page button:focus { color:#fff100; box-shadow: none; }
.show .page .dropdown-menu { background-color:#f27602; left:-20px !important; right:-20px; margin-bottom:0px; }

.showCont { display: flex; position: relative; min-height:calc(100vh - 88px); }
.showCont .leftArea { width:50%; background-color:#000; }
.showCont .leftArea .BaseShowBnr { padding-top:calc(100vh - 88px); }
.showCont .leftArea .icon { display: flex; justify-content: center; align-items:center; font-size:3rem; color:#fff; }
.showCont .leftArea .icon:hover { color:#fff100; }
.showCont .leftArea li.items { padding:120px; }
.showCont .leftArea .item { margin-bottom:40px; }

/* .showCont .leftArea .showbnr { position: fixed; height:calc(100vh - 88px); left:0px; bottom:0px; } */
/* .showCont .leftArea .jcarousel { height:100%; } */
/* .showCont .leftArea .showbnr.static { position: absolute; } */
.showCont ul,.showCont li { margin:0; padding:0; }

.showCont .rightArea { position: relative; padding:100px; width:50%; }
.showCont .rightArea .avatar { position: absolute; right:0; top:0; max-width:27%; }
.showCont .rightArea .info { width:80%; text-align:left; color:#fff; font-family: "微軟正黑體","Microsoft JhengHei"; }
.showCont .rightArea .info .tit1 { font-size:1.5rem; }
.showCont .rightArea .info .tit2 { font-size:4rem; }
.showCont .rightArea .info .subtit2 { font-size:1.25rem; }
.showCont .Content { color:#fff; }
.showCont .Content .CTitle { padding:35px 0px 35px 35px !important; font-size:3rem; color:#fff; background:url("./images/bg_title.png")no-repeat left center; }
.showCont .Content .CArea .CData .CRow { margin-top:40px; }
.showCont .Content .CArea:not(.first) { margin-top:100px; }
.showCont .Content .CArea .CLink a { color:#fff; text-decoration: underline; }
.showCont .Content .CArea .CLink a:hover { color:#fff100; }

.showart { padding:100px 0px; }
.showart .art .cont .txt { background-color:#fff; color:#262626; }

@media (max-width:1200px){
    .showCont .leftArea li.items { padding:80px 40px; }

    .showCont .rightArea { padding:80px; }
    /* .showCont .rightArea .avatar { max-width:150px; } */
    /* .showCont .rightArea .info { width:calc(100% - 100px); } */
    .showCont .rightArea .info .tit2 { font-size:3rem; }
    .showCont .Content .CTitle,.showCont .SHOWTIT { font-size:2.5rem; }
}

@media (min-width:992px) and (max-width:1199.98px){
    .show .main .bline { left:calc((100% - 930px)/2); }
}

@media (min-width:992px){
    .showCont .leftArea .showbnr { position: fixed; left:0; bottom:0; right:50%; }
    .showCont .leftArea .showbnr:not(.static) { top:88px; }
    .showCont .leftArea .showbnr.static { position: absolute; }
}

@media (max-width:991.98px){
    .show .main { background-size:63%; }
    .donate .row > div { margin-bottom:20px; }
    .show .page { height:36px; left:15px; transform: none; white-space:normal; }

    .showCont { display: block }
    .showCont .leftArea,.showCont .rightArea { width:100%; }

    .showCont .leftArea .BaseShowBnr { padding-top:88.54%; }
    
}

@media (max-width:991.98px) and (min-width:768px){
    .show .main .bline { left:calc((100% - 690px)/2); }
}

@media (min-width:768px){
    .showCont .Content .CTitle { margin-left:30px; }
}

@media (max-width:767.98px){
    .SHOWTIT { font-size:2rem; }

    .show .main { padding:80px 0px; }
    .show .main .intro .cont { font-size:1rem; }

    .show .donate { padding:80px 0px; }
    .show .donate .SHOWTIT { top:-50px; }

    .showCont .leftArea .item { margin-bottom:15px; }
    
    .showCont .rightArea { padding:80px 30px; }
    /* .showCont .rightArea .avatar { max-width:130px; } */
    /* .showCont .rightArea .info { width:calc(100% - 100px); } */
    .showCont .Content .CTitle, .showCont .SHOWTIT { font-size:2rem; }
}

@media (max-width:767.98px) and (min-width:576px){
    .show .main .bline { left:calc((100% - 510px)/2); }
}

@media(max-width:575.98px){
    .show .main .bline { left:15px; }
}