From b5d1cc7fde9823f39c0c9595f21c7aee2582ac59 Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期一, 28 四月 2025 18:12:37 +0800 Subject: [PATCH] 合并 --- src/books/OralAndBroadcasting/assets/main.less | 1476 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 1,476 insertions(+), 0 deletions(-) diff --git a/src/books/OralAndBroadcasting/assets/main.less b/src/books/OralAndBroadcasting/assets/main.less new file mode 100644 index 0000000..2e7c392 --- /dev/null +++ b/src/books/OralAndBroadcasting/assets/main.less @@ -0,0 +1,1476 @@ +.OralAndBroadcasting { + width: 100%; + height: 100%; + + // 鑷畾涔夊唴瀹� + .page-box { + box-sizing: border-box; + min-height: 1128px; + margin-bottom: 20px; + box-shadow: 0 3px 6px 1px #00000029; + background-color: #fff; + } + .first-page { + padding-left: 10px; + .first-txt { + border-left: 1px solid #5391c4; + border-bottom: 1px solid #5391c4; + margin: -6px 0 0 10%; + padding: 10%; + } + } + .vertical-video { + display: flex; + align-items: center; + justify-content:space-around; + li { + width: 45%; + } + } + .note-hr { + width: 30%; + } + .float-left { + float: left; + margin-right: 10px; + } + .float-right { + float: right; + margin-left: 10px; + } + .videos-box { + li { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + } + } + .collect-btn { + cursor: pointer; + width: 16px; + height: 16px; + margin-left: 10px; + } + .ds-txt { + width: 59%; + display: inline-block; + } + .db-box { + span { + width: 52%; + display: inline-block; + } + img { + float: right; + width: 40%; + } + } + .openImgBox { + cursor: pointer; + } + .bk2 { + border: 2px solid #f0f3e2; + padding: 20px; + margin-bottom: 2em; + margin-top: 2.5em; + } + .c-g { + color: green; + } + .pr-15 { + padding-right: 15%; + } + .c-r { + color: red; + } + + .t-right { + text-align: right; + } + .t-left { + text-align: left !important; + } + .mr-0 { + margin: 0; + } + + .mt-20 { + margin-top: 20px !important; + } + + .mt-30 { + margin-top: 30px; + } + + .mb-30 { + margin-bottom: 30px; + } + + .mb-10 { + margin-bottom: 10px; + } + + .pd-5 { + padding: 0 5px; + } + + .w100 { + width: 100%; + } + + .w90 { + width: 90%; + } + + .w80 { + width: 80%; + } + + sup { + vertical-align: super; + /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */ + font-size: smaller; + // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */ + // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */ + } + + .fz-13 { + font-size: 13px !important; + } + + .fz-14 { + font-size: 14px !important; + } + + .fz-16 { + font-size: 16px !important; + } + + .fz-18 { + font-size: 18px !important; + } + + .img-0 { + width: 100%; + } + + .pt-20 { + padding-top: 20px; + } + + .td-0 { + text-indent: 0em !important; + } + + .fl { + display: flex; + } + .al-cn { + align-items: center; + } + .ju-cn { + justify-content: center; + } + + .ju-ev { + justify-content: space-evenly; + } + + .fd-c { + flex-direction: column; + } + + .fd-r { + flex-direction: row-reverse; + } + + .al-c { + align-items: center; + } + + .al-fe { + align-items: flex-end; + } + + .ac-f { + align-content: flex-end; + } + + .jc-fe { + justify-content: flex-end; + } + + .jc-c { + justify-content: center; + } + + .jc-sa { + justify-content: space-around; + } + + .mr-70 { + margin-right: 70px; + } + + .mr-45 { + margin-right: 45px; + } + + .mr-10 { + margin-right: 10px; + } + + .ma-l { + margin-left: 10%; + } + + .pad-t-55 { + padding-top: 55px; + } + + .pad-l-60 { + padding-left: 60px; + } + + .mb-45 { + margin-bottom: 45px; + } + + .headerImg { + width: 30px; + } + + .headerText { + font-size: 12px; + padding: 0 8px; + color: #b98c64; + } + + .headerNumber { + color: #231f20; + font-size: 12px; + padding: 0 8px; + border-left: 1px solid #231f20; + } + + .header-left-Number { + color: #231f20; + font-size: 12px; + padding-right: 8px; + border-right: 1px solid #000; + } + + .header-left-text { + margin-left: 8px; + font-size: 12px; + color: #fff; + background-color: #0082d4; + } + + .table-tr-bc { + color: #fff; + } + + .task { + width: 16%; + margin-bottom: 3.5em; + margin-top: 0; + border-top: 0.7em solid #f0bd40; + } + + .task-u2-c { + width: 16%; + margin-bottom: 3.5em; + margin-top: 0; + border-top: 0.7em solid #f89c1c; + } + + .task-u3-c { + width: 16%; + margin-bottom: 3.5em; + margin-top: 0; + border-top: 0.7em solid #0a9cac; + } + + .task-u4-c { + width: 16%; + margin-bottom: 3.5em; + margin-top: 0; + border-top: 0.7em solid #92b03d; + } + + .task-u5-c { + width: 16%; + margin-bottom: 3.5em; + margin-top: 0; + border-top: 0.7em solid #0180cd; + } + + .p-odd { + padding-right: 10%; + } + + .p-even { + padding-left: 10% !important; + } + .ml-10 { + margin-left: 10%; + } + + .img-float-smaller { + width: 200px; + float: left; + height: auto; + margin: auto; + margin-right: 20px; + } + + .img-float-medium { + width: 250px; + float: left; + height: auto; + margin: auto; + margin-right: 20px; + } + + .img-float { + width: 310px; + float: left; + height: auto; + margin: auto; + margin-right: 20px; + + img { + width: 100%; + } + + p { + margin: 0; + } + } + + .img-float-formula { + width: 310px; + float: left; + height: auto; + margin: auto; + margin-right: 20px; + + p { + margin: 0; + } + } + + .img-rights { + width: 47%; + float: right; + height: auto; + margin: auto; + margin-left: 20px; + + img { + width: 100%; + } + + p { + margin: 0 !important; + } + } + + .references { + margin-top: 140px; + + hr { + font-weight: bold; + margin-left: 0; + width: 15%; + } + } + + .w395 { + width: 395px; + } + + .w430 { + width: 430px; + } + + .w280 { + width: 280px; + } + + .w270 { + width: 270px; + } + + .w250 { + width: 250px; + } + + .w230 { + width: 230px; + } + + .w220 { + width: 220px; + } + + .w200 { + width: 200px; + } + + .w180 { + width: 180px; + } + + .w115 { + width: 115px; + } + + .text-rights { + width: 230px; + float: right; + height: auto; + margin: auto; + margin-left: 20px; + + img { + width: 100%; + } + + p { + margin: 0 !important; + } + } + + .pdf-text { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: flex-start; + margin-bottom: 20px; + + p { + margin: 0; + margin-right: 10px; + } + + .pdf-con { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 10px 0; + box-sizing: border-box; + border-radius: 10px; + + .pdf-view { + min-width: 160px; + display: flex; + justify-content: center; + align-items: center; + border: 0.15em dashed #895b2e; + margin-right: 15px; + padding: 0 15px; + border-radius: 5px; + margin-top: 15px; + + span { + font-size: 14px; + text-align: center; + font-family: "FZLTXIHJW"; + display: flex; + align-items: center; + justify-content: flex-start; + + svg { + fill: #895b2e; + } + } + + span:nth-child(2) { + padding-top: 5px; + box-sizing: border-box; + } + + span:hover { + color: #895b2e; + cursor: pointer; + text-decoration: underline; + -webkit-user-select: none; + /* Safari 3.1+ */ + -moz-user-select: none; + /* Firefox 2+ */ + -ms-user-select: none; + /* IE 10+ */ + user-select: none; + /* 鏍囧噯璇硶 */ + } + } + } + + .pdf-con-15 { + margin-top: -20px; + } + } + + div.bk-ztgs { + border: 0.15em dotted #5192c6; + padding: 1.5em 0.5em; + margin-bottom: 2em; + margin-top: 2em; + border-radius: 1em; + position: relative; + } + + p.bj1-ztgs { + background-color: #5192c6; + color: #ffffff; + display: inline-block; + font-size: 1em; + padding: 0.1em 0.7em 0.12em 0.7em; + font-weight: bold; + border-radius: 0em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -1.2em; + } + + .link-float { + width: 120px; + float: left; + height: auto; + margin: auto; + margin-top: 12px; + margin-right: 20px; + } + + .imgBox-003 { + width: 100%; + height: 280px; + margin-bottom: 18px; + } + + // 棰樼洰 + .textarea-box { + background-color: transparent; + max-width: 85%; + min-width: 85%; + outline: none; + } + + .textarea-box-left { + background-color: transparent; + margin-left: 2em; + max-width: 85%; + min-width: 85%; + outline: none; + } + + .textarea-box-right { + background-color: transparent; + margin-left: 8%; + max-width: 85%; + min-width: 85%; + outline: none; + } + + .textarea-focused { + border-color: #5192c6 !important; + box-shadow: #5192c6 !important; + } + + .select-border { + width: 60px; + border: 0; + border-bottom: 1px solid #767676; + + &:focus { + outline: none; + } + } + + .btn-border { + border-radius: 6px; + border-color: #5192c6; + } + + .btn-w { + cursor: pointer; + font-size: 14px; + border-width: 1px; + width: 80px; + height: 30px; + background-color: #fff; + + &:hover { + background-color: #5192c6; + color: #fff; + } + } + + .parimary-btn { + cursor: pointer; + min-width: 80px; + height: 30px; + font-size: 14px; + margin-left: 5px; + background-color: #5192c6; + border-color: #5192c6; + border-width: 1px; + color: #fff; + border-radius: 6px; + + &:hover { + background-color: #a1afc8; + border-color: #a1afc8; + } + } + + .event-header-text-bc { + background-color: #bbd4ec; + } + + // 杩佺Щ + .bk-bwh { + min-height: 800px; + background-color: #dfebf7; + font-size: 1.2em; + padding: 25px; + border: 4px dotted #197abf; + } + + ul { + list-style-type: none; + } + + li { + list-style-type: none; + } + + .custom_tag2 { + background-color: #f1be49; + color: #ffffff; + display: inline-block; + padding: 0.5px; + border-radius: 1.5em; + font-size: 1.1em; + padding: 2px 10px 2px 10px; + font-weight: bold; + margin: 0; + text-indent: 0em; + margin-bottom: 0.5em; + } + + .custom_tag1 { + background-color: #35acd6; + color: #ffffff; + display: inline-block; + padding: 1px; + font-size: 1.1em; + padding: 3px 10px 3px 10px; + font-weight: bold; + box-shadow: 15px 0px 0px 0px #f5d83e, -15px 0px 0px 0px #f5d83e; + margin: 0; + text-indent: 0em; + margin-bottom: 0.5em; + } + + .custom_tag { + background-color: #35509f; + color: #ffffff; + display: inline-block; + padding: 1px; + border-radius: 1.5em; + font-size: 1.1em; + padding: 10px 20px 10px 20px; + font-weight: bold; + box-shadow: 30px 0px 0px 0px #f5d83e; + margin: 0; + text-indent: 0em; + margin-bottom: 0.5em; + } + + span.under1 { + -webkit-text-emphasis-style: dot; + -moz-text-emphasis-style: dot; + -ms-text-emphasis-style: dot; + text-emphasis-style: dot; + -webkit-text-emphasis-position: under; + -moz-text-emphasis-position: under; + -ms-text-emphasis-position: under; + text-emphasis-position: under; + } + div.bodycontent-div-center { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + margin: 1em 1em 1em 1em; + font-weight: normal; + border-width: 1.5px; + border-color: #dfb27d; + padding: 1em; + } + img.bodycontent-divcenter-image { + float: center; + clear: both; + height: 140px; + margin: 15px; + } + .module_block { + display: flex; + font-size: 1.1em; + position: relative; + padding-left: 90px; + justify-content: center; + align-items: center; + margin-right: 91px; + } + .module_block .custom1 { + background-color: #9acc77; + padding: 10px 20px; + color: #ffffff; + /* position: absolute; */ + /* left:0; */ + /* top: 50%; */ + border-radius: 0.5em 0em 0em 0.5em; + /* transform: translateY(-50%); */ + } + .module_block .custom2 { + background-color: #e9f3e0; + padding: 10px 20px; + color: #75a64e; + font-weight: bold; + border-radius: 0em 0.5em 0.5em 0em; + } + + div.bodycontent-div-left1 { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + margin: 1em 1em 1em 1em; + font-weight: normal; + border-width: 1.5px; + border-color: #dfb27d; + padding: 1em; + background-color: #f0f8ff; + } + div.bodycontent-div-left { + font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + margin: 1em 1em 1em 1em; + font-weight: normal; + border-width: 1.5px; + border-color: #dfb27d; + padding: 1em; + } + img.bodycontent-divright-image { + float: right; + clear: both; + height: 140px; + margin: 15px; + } + + img.bodycontent-divleft-image { + float: left; + clear: both; + height: 110px; + margin: 15px; + } + + .img { + text-align: center; + font-size: 16px; + text-indent: 0em; + color: #000; + } + + .img1 { + font-weight: bold; + color: #4b9cdd; + text-align: center; + font-size: 1em; + text-indent: 0em; + } + + div.bodystyle { + font-family: "FZLTXIHJW"; + text-align: justify; + margin: 0 10%; + padding-bottom: 80px; + line-height: 30px; + } + + span.zt-0 { + color: #0087af; + } + + p.pzt-0 { + color: #0087af; + font-size: 18px; + } + p.pzt-0-right { + font-size: 18px; + color: #0087af; + text-align: right; + } + p.pzt-1 { + font-weight: bold; + color: #0087af; + font-size: 18px; + } + + div.sgc-toc-title { + font-size: 2em; + font-weight: bold; + margin-bottom: 1em; + text-align: center; + } + + div.sgc-toc-level-1 { + margin-left: 0em; + } + + div.sgc-toc-level-2 { + margin-left: 2em; + } + + div.sgc-toc-level-3 { + margin-left: 2em; + } + + div.sgc-toc-level-4 { + margin-left: 2em; + } + + div.sgc-toc-level-5 { + margin-left: 2em; + } + + div.sgc-toc-level-6 { + margin-left: 2em; + } + .imz { + width: 100%; + text-align: center; + } + + .note { + font-size: 0.85em; + } + + .block { + } + + .block1 { + text-align: center; + } + + p { + font-family: "瀹嬩綋"; + margin-top: 0.2em; + margin-bottom: 0.2em !important; + text-indent: 2em; + line-height: 30px; + text-align: justify; + } + .cover { + width: 100%; + padding: 0px; + } + .center { + text-align: center; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + .center-ss { + text-align: center; + color: #ef8472; + font-weight: bold; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + .left { + text-indent: 0em; + margin-left: 0%; + margin-right: 0%; + } + .left2 { + font-size: 1.3em; + text-indent: 0em; + font-weight: bold; + margin-left: 0%; + margin-right: 0%; + } + .right { + text-align: right; + margin-left: 0%; + margin-right: 0%; + } + .left1 { + text-indent: 0em; + margin-left: 0%; + margin-right: 0%; + } + .center1 { + text-align: center; + margin-left: 0%; + margin-right: 0%; + font-size: 1.2em; + text-indent: 0em; + font-weight: bold; + } + .right1 { + text-align: right; + margin-left: 0%; + margin-right: 0%; + } + .quote { + margin-top: 0%; + margin-bottom: 0%; + margin-left: 1em; + margin-right: 1em; + text-align: justify; + font-family: "cnepub", serif; + } + + h1 { + font-family: "FZLTZHJW"; + font-weight: bold; + font-size: 1.2em; + color: #5eb7bf; + margin-top: 0.2em; + margin-bottom: 0.5em; + text-indent: 0em; + text-align: center; + } + + .front { + font-family: "FZLTZHJW"; + font-weight: bold; + font-size: 1.2em; + color: #5eb7bf; + margin-top: 0.2em; + margin-bottom: 0.5em; + text-indent: 0em; + text-align: center; + } + + h2 { + font-family: "FZHTJW"; + color: #5193c7; + font-weight: bold; + font-size: 1.7em; + margin-bottom: 0.1em; + margin-top: 1.5em; + text-indent: 0em; + } + + div.h2-ys { + border-bottom: 0.6em solid #5193c7; + margin-top: -0.5em; + } + + h3 { + font-family: "FZHTJW"; + color: #f0b54f; + font-weight: 500; + font-size: 1.4em; + margin-top: 1em; + margin-bottom: 1em; + text-indent: 0em; + } + + .h3-zt { + color: #f0bd40; + border-radius: 1.5em; + } + + .h3-zt1 { + font-family: "HiFont Hei GB"; + color: #f0bd40; + font-weight: bold; + text-indent: 0em; + margin-left: 0%; + font-size: 0.8em; + } + + h4 { + font-family: "FZHTJW"; + color: #000; + font-size: 18px; + font-weight: normal; + margin-bottom: 1em; + margin-top: 1em; + margin-left: 0em; + text-indent: 1em; + } + h5 { + font-family: "FZHTJW"; + color: #ef8472; + text-align: left; + font-weight: bold; + margin-bottom: 0.5em; + margin-top: 2em; + font-size: 1.15em; + text-indent: 0em; + } + h6 { + font-family: "FZHTJW"; + font-weight: bold; + margin-bottom: 0.5em; + margin-top: 2em; + font-size: 1em; + text-indent: 2em; + } + .zt-h6 { + font-family: "FZHTJW"; + color: #65c097; + margin-bottom: 0.5em; + margin-top: 1em; + font-size: 1.15em; + text-indent: 2em; + } + .bb { + font-family: "cnepub", serif; + font-family: "FZHTJW"; + color: #66cccc; + font-size: 1.1em; + margin-top: 10px; + text-indent: 2em; + margin-bottom: 10px; + border-bottom: 5px dotted #f4c388; + margin-left: 2em; + margin-bottom: 0.5em; + text-indent: 0em; + } + .u { + text-decoration: underline; + } + + .img-0 { + width: 100%; + } + .img-a { + width: 95%; + } + .img-b { + width: 70%; + } + .img-c { + width: 60%; + } + .img-d { + width: 50%; + } + .img-e { + width: 45%; + } + .img-f { + width: 40%; + } + .img-g { + width: 30%; + } + .img-h { + width: 20%; + } + .img-i { + width: 10%; + } + .img-j { + width: 5%; + } + .img-l { + width: 25%; + } + .img-k { + width: 35%; + } + .img-zt { + height: 6em; + margin-top: -1.5em; + margin-bottom: -0.4em; + margin-left: 15%; + } + .inline { + height: 1em; + margin-bottom: -0.3em; + } + .inline1 { + height: 2.5em; + margin-top: 0.5em; + margin-bottom: -0.5em; + } + + .inline4 { + height: 2em; + margin-left: -2em; + margin-right: 0.5em; + margin-bottom: -0.6em; + } + .img-qj { + height: 7.5em; + margin-bottom: -3.4em; + margin-right: 0.5em; + } + .kaiti { + } + .kaiti1 { + } + + .bk-bwh { + background-color: #dfebf7; + font-size: 1.2em; + padding: 25px; + border: 4px dotted #197abf; + } + + .zt-ls1 { + color: #93b03c; + font-size: 1.1em; + font-weight: bold; + } + + .zt-cs1 { + color: #fa9d1a; + } + + span.lsyq-1 { + background-color: #0082d4; + padding: 0.2em 0.4em 0.2em 0.4em; + border-radius: 1.5em; + margin-right: 0.5em; + color: #ffffff; + font-weight: bold; + font-size: 1.5em; + } + + span.hsyq-1 { + background-color: #ffb7d4; + padding: 0.2em 0.4em 0.2em 0.4em; + border-radius: 1.5em; + margin-right: 0.5em; + color: #ffffff; + font-weight: bold; + font-size: 1.5em; + } + + .zt-hs1 { + font-weight: bold; + color: #f0855b; + font-size: 1.2em; + } + + .h2-zt1 { + padding: 5px 25px 5px 25px; + border-radius: 10px 0px 0px 10px; + background-color: #5392c7; + font-size: 1.2em; + color: #ffffff; + } + .h2-zt2 { + padding: 10px; + background-color: #b1dde0; + margin-right: 2em; + color: #ffffff; + padding: 5px 50px 5px 25px; + border-radius: 0px 5px 80px 0px; + font-size: 1.2em; + } + + .bk { + border: 0.15em solid #5492c3; + padding: 0.5em; + margin-bottom: 2em; + margin-top: 0.5em; + position: relative; + } + + p.bj1-qjms { + background-color: #5392c7; + color: #ffffff; + display: inline-block; + font-size: 1em; + padding: 0.1em 0.7em 0.12em 0.7em; + font-weight: bold; + border-radius: 1.5em; + margin-left: 0em; + text-align: center; + text-indent: 0em; + position: absolute; + top: -2em; + } + .bj { + background-color: #e1e7f3; + padding: 0.2em 0.8em 0.2em 0.8em; + margin-bottom: 2em; + } + + span.bj1 { + background-color: #5193c7; + padding: 0.2em 0.8em 0.2em 0.8em; + margin-bottom: 2em; + color: #ffffff; + font-size: 1.2em; + border-radius: 0.5em; + margin-left: -2em; + } + + .bj5 { + background-color: #3d8b9f; + padding: 0.2em; + font-size: 1.3em; + font-weight: bold; + border-radius: 0.5em; + color: #ffffff; + } + .bj3 { + background-color: #ffdeb5; + padding: 20px; + margin-bottom: 2em; + margin-top: 2.5em; + position: relative; + } + + span.bj3-xts { + background-color: #fa9d1a; + color: #ffffff; + border-radius: 1.5em; + padding: 5px 20px 5px 20px; + font-size: 1em; + font-weight: bold; + } + + div.bj3-xts { + margin-top: -2em; + margin-bottom: 1.5em; + margin-left: -2.5em; + } + .ts-1 { + font-weight: bold; + } + + .zt-h4 { + background-color: #f0bd40; + padding: 10px; + color: #ffffff; + margin-left: -2em; + border-radius: 1.5em; + } + + .qyls-h4 { + font-family: "HiFont Hei GB"; + color: #6cb26c; + font-weight: bold; + padding: 0.2em; + text-indent: 0em; + margin-left: 0%; + } + + .bj4 { + background-color: #5193c7; + padding: 5px 10px 5px 10px; + color: #ffffff; + font-size: 1.1em; + font-weight: bold; + margin-left: 0em; + margin-bottom: 2em; + margin-top: 2.5em; + } + + .bj2 { + background-color: #f0f3e2; + padding: 20px; + margin-bottom: 2em; + margin-top: 2.5em; + } + + span.bj2-dyd { + background-color: #95b321; + color: #ffffff; + border-radius: 1.5em; + padding: 5px 20px 5px 20px; + font-size: 1em; + font-weight: bold; + } + + div.bj2-dyd { + margin-top: -2em; + margin-bottom: 1.5em; + margin-left: -2.5em; + } + + .zt-lvs1 { + color: #95b321; + } + + div.bj-1 { + background-color: #fef7e5; + color: #6cb26c; + border-radius: 2em; + margin-bottom: 1.5em; + margin-top: 1.5em; + } + .bj-1-zt { + font-weight: bold; + font-size: 1.2em; + line-height: 1.8em; + } +} + +.custom-dialog { + overflow: hidden !important; + + .el-dialog__body { + padding: 0; + } + + .el-dialog__header { + background-color: rgba(0, 0, 0, 0.8); + + .header_title { + display: flex; + justify-content: space-between; + align-items: center; + color: #fff; + font-weight: 900; + font-size: 16px; + font-family: "FZLTXIHJW"; + + span:nth-child(2):hover { + cursor: pointer; + } + } + + .el-dialog__title, + .el-dialog__headerbtn .el-dialog__close { + color: #fff; + font-weight: 900; + font-size: 16px; + font-family: "FZLTXIHJW"; + } + } +} + +.header_title { + display: flex; + justify-content: space-between; + align-items: center; + // color: #fff; + font-weight: 900; + font-size: 16px; + font-family: "FZLTXIHJW"; + + span:nth-child(2):hover { + cursor: pointer; + } +} + +@font-face { + font-family: "FZLTZHJW"; + src: url("./Fonts/FZLTZHJW.ttf"); +} + +@font-face { + font-family: "FZLTXIHJW"; + src: url("./Fonts/FZLTXIHJW.ttf"); +} + +@font-face { + font-family: "FZHTJW"; + src: url("./Fonts/FZHTJW.ttf"); +} + +/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ + +@media screen and (max-width: 1024px) { + .pdfModal { + width: 100%; + height: 80vh; + } + + .custom-dialog { + .el-dialog { + width: 90vw !important; + } + } +} + +@media screen and (max-width: 800px) { + .pdfModal { + width: 100%; + height: 60vh; + } + + .custom-dialog { + .el-dialog { + width: 90vw !important; + } + } +} + +@media (max-width: 660px) { + .civilAviation-book { + .pad-l-60 { + padding-left: 10px; + } + + .mr-70 { + margin-right: 15px; + } + /* 鍒嗛〉padding */ + .padding-93 { + padding: 0 20px; + } + + .padding-102 { + padding: 0 20px; + } + + .img-float { + width: 130px; + } + + .img-rights { + width: 130px; + } + + .btn-w { + width: 42px; + } + } +} + +@media (min-width: 660px) { + .civilAviation-book { + .padding-93 { + padding: 0 93px 0px 93px; + } + + .padding-102 { + padding: 0 102px 0 102px; + } + } +} + +::-webkit-scrollbar { + width: 8px; + height: 10px; +} + +::-webkit-scrollbar-track-piece { + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 6px; +} + +::-webkit-scrollbar-thumb:vertical { + height: 5px; + background-color: rgba(125, 125, 125, 0.3); + -webkit-border-radius: 6px; +} + +::-webkit-scrollbar-thumb:horizontal { + width: 5px; + background-color: rgba(125, 125, 125, 0.3); + -webkit-border-radius: 6px; +} -- Gitblit v1.9.1