:root { --primary-color: #1f8bff; --primary-opacity-0: rgba(31, 139, 255, 0); --primary-opacity-05: rgba(31, 139, 255, .05); --primary-opacity-1: rgba(31, 139, 255, .1); --primary-opacity-15: rgba(31, 139, 255, .15); --primary-opacity-2: rgba(31, 139, 255, .2); --primary-opacity-25: rgba(31, 139, 255, .25); --primary-opacity-3: rgba(31, 139, 255, .3); --primary-opacity-35: rgba(31, 139, 255, .35); --primary-opacity-4: rgba(31, 139, 255, .4); --primary-opacity-45: rgba(31, 139, 255, .45); --primary-opacity-5: rgba(31, 139, 255, .5); --primary-opacity-55: rgba(31, 139, 255, .55); --primary-opacity-6: rgba(31, 139, 255, .6); --primary-opacity-65: rgba(31, 139, 255, .65); --primary-opacity-7: rgba(31, 139, 255, .7); --primary-opacity-75: rgba(31, 139, 255, .75); --primary-opacity-8: rgba(31, 139, 255, .8); --primary-opacity-85: rgba(31, 139, 255, .85); --primary-opacity-9: rgba(31, 139, 255, .9); --primary-opacity-95: rgba(31, 139, 255, .95); --primary-gray: #5578a1; --primary-gray-opacity-0: rgba(85, 120, 161, 0); --primary-gray-opacity-05: rgba(85, 120, 161, .05); --primary-gray-opacity-1: rgba(85, 120, 161, .1); --primary-gray-opacity-15: rgba(85, 120, 161, .15); --primary-gray-opacity-2: rgba(85, 120, 161, .2); --primary-gray-opacity-25: rgba(85, 120, 161, .25); --primary-gray-opacity-3: rgba(85, 120, 161, .3); --primary-gray-opacity-35: rgba(85, 120, 161, .35); --primary-gray-opacity-4: rgba(85, 120, 161, .4); --primary-gray-opacity-45: rgba(85, 120, 161, .45); --primary-gray-opacity-5: rgba(85, 120, 161, .5); --primary-gray-opacity-55: rgba(85, 120, 161, .55); --primary-gray-opacity-6: rgba(85, 120, 161, .6); --primary-gray-opacity-65: rgba(85, 120, 161, .65); --primary-gray-opacity-7: rgba(85, 120, 161, .7); --primary-gray-opacity-75: rgba(85, 120, 161, .75); --primary-gray-opacity-8: rgba(85, 120, 161, .8); --primary-gray-opacity-85: rgba(85, 120, 161, .85); --primary-gray-opacity-9: rgba(85, 120, 161, .9); --primary-gray-opacity-95: rgba(85, 120, 161, .95); --primary-dark: #32465e; --analogous-color: #33bbff; --analogous-opacity-1: rgba(51, 187, 255, .1); --analogous-opacity-2: rgba(51, 187, 255, .2); --analogous-opacity-3: rgba(51, 187, 255, .3); --analogous-opacity-4: rgba(51, 187, 255, .4); --analogous-opacity-5: rgba(51, 187, 255, .5); --analogous-opacity-6: rgba(51, 187, 255, .6); --analogous-opacity-7: rgba(51, 187, 255, .7); --analogous-opacity-8: rgba(51, 187, 255, .8); --analogous-opacity-9: rgba(51, 187, 255, .9); --white-default: #fff; --white-opacity-0: rgba(255, 255, 255, 0); --white-opacity-05: rgba(255, 255, 255, .05); --white-opacity-1: rgba(255, 255, 255, .1); --white-opacity-15: rgba(255, 255, 255, .15); --white-opacity-2: rgba(255, 255, 255, .2); --white-opacity-25: rgba(255, 255, 255, .25); --white-opacity-3: rgba(255, 255, 255, .3); --white-opacity-35: rgba(255, 255, 255, .35); --white-opacity-4: rgba(255, 255, 255, .4); --white-opacity-45: rgba(255, 255, 255, .45); --white-opacity-5: rgba(255, 255, 255, .5); --white-opacity-55: rgba(255, 255, 255, .55); --white-opacity-6: rgba(255, 255, 255, .6); --white-opacity-65: rgba(255, 255, 255, .65); --white-opacity-7: rgba(255, 255, 255, .7); --white-opacity-75: rgba(255, 255, 255, .75); --white-opacity-8: rgba(255, 255, 255, .8); --white-opacity-85: rgba(255, 255, 255, .85); --white-opacity-9: rgba(255, 255, 255, .9); --white-opacity-95: rgba(255, 255, 255, .95); --success-color: #67c23a; --success-opacity-1: rgba(103, 194, 58, .1); --success-opacity-2: rgba(103, 194, 58, .2); --success-opacity-3: rgba(103, 194, 58, .3); --success-opacity-4: rgba(103, 194, 58, .4); --success-opacity-5: rgba(103, 194, 58, .5); --success-opacity-6: rgba(103, 194, 58, .6); --success-opacity-7: rgba(103, 194, 58, .7); --success-opacity-8: rgba(103, 194, 58, .8); --success-opacity-9: rgba(103, 194, 58, .9); --warning-color: #e6a23c; --warning-opacity-1: rgba(230, 162, 60, .1); --warning-opacity-2: rgba(230, 162, 60, .2); --warning-opacity-3: rgba(230, 162, 60, .3); --warning-opacity-4: rgba(230, 162, 60, .4); --warning-opacity-5: rgba(230, 162, 60, .5); --warning-opacity-6: rgba(230, 162, 60, .6); --warning-opacity-7: rgba(230, 162, 60, .7); --warning-opacity-8: rgba(230, 162, 60, .8); --warning-opacity-9: rgba(230, 162, 60, .9); --error-color: #f56c6c; --error-opacity-1: rgba(245, 108, 108, .1); --error-opacity-2: rgba(245, 108, 108, .2); --error-opacity-3: rgba(245, 108, 108, .3); --error-opacity-4: rgba(245, 108, 108, .4); --error-opacity-5: rgba(245, 108, 108, .5); --error-opacity-6: rgba(245, 108, 108, .6); --error-opacity-7: rgba(245, 108, 108, .7); --error-opacity-8: rgba(245, 108, 108, .8); --error-opacity-9: rgba(245, 108, 108, .9); --gray-0: #001e3c; --gray-opacity-0: rgba(0, 30, 60, 0); --gray-opacity-05: rgba(0, 30, 60, .05); --gray-opacity-1: rgba(0, 30, 60, .1); --gray-opacity-15: rgba(0, 30, 60, .15); --gray-opacity-2: rgba(0, 30, 60, .2); --gray-opacity-25: rgba(0, 30, 60, .25); --gray-opacity-3: rgba(0, 30, 60, .3); --gray-opacity-35: rgba(0, 30, 60, .35); --gray-opacity-4: rgba(0, 30, 60, .4); --gray-opacity-45: rgba(0, 30, 60, .45); --gray-opacity-5: rgba(0, 30, 60, .5); --gray-opacity-55: rgba(0, 30, 60, .55); --gray-opacity-6: rgba(0, 30, 60, .6); --gray-opacity-65: rgba(0, 30, 60, .65); --gray-opacity-7: rgba(0, 30, 60, .7); --gray-opacity-75: rgba(0, 30, 60, .75); --gray-opacity-8: rgba(0, 30, 60, .8); --gray-opacity-85: rgba(0, 30, 60, .85); --gray-opacity-9: rgba(0, 30, 60, .9); --gray-opacity-95: rgba(0, 30, 60, .95); --gray-1: #324057; --gray-2: #475669; --gray-3: #8492A6; --gray-4: #99A9BF; --gray-5: #C0CCDA; --gray-6: #D3DCE6; --gray-7: #E5E9F2; --gray-8: #EFF2F7; --gray-9: #f2f7fc; --text-color: #324057; --text-color-2: #475669; --text-color-3: #758397; --text-color-4: #8492A6; --border-color-0: #cad4e0; --border-color: #D3DCE6; --border-color-2: #E5E9F2; --border-color-3: #EFF2F7; --bg-color: #e8f0fa; --text-shadow: rgba(255,255,255,.6) } .nv-blocks { line-height: 1.6em; color: var(--text-color-2); } mark { background: var(--background, var(--primary-opacity-1)); border-radius: 5px; color: var(--color, var(--primary-color)); padding: 3px 5px; margin: 0 3px; text-shadow: 0 2px 2px var(--shadow-color, var(--primary-opacity-3)), 0 -1px var(--white-default); } mark.color-danger { --background: hsla(0, 87%, 69%, .1); --color: var(--error-color); --shadow-color: hsla(0, 87%, 69%, .3); } mark.color-warning { --background: rgba(230, 162, 60, .1); --color: var(--warning-color); --shadow-color: rgba(230, 162, 60, .3); } mark.color-success { --background: rgba(103, 194, 58, .1); --color: var(--success-color); --cshadow-olor: rgba(103, 194, 58, .3); } .zptheme-panel{ --solid-color: var(--primary-color); --opacity-color: var(--primary-opacity-2); border: 1px solid var(--solid-color); border-radius: .5em; box-shadow: 0 2px 3px var(--opacity-color); background: var(--opacity-color) linear-gradient(var(--white-opacity-9),var(--white-opacity-9)) } .zptheme-panel>.title{ padding: .5em 1em; line-height: 2em; border-radius: .4em .4em 0 0; border-bottom: 1px solid var(--solid-color); background: var(--opacity-color) linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.3) 50%,rgba(0,0,0,.02) 0%,rgba(255,255,255,.5)); color: var(--solid-color); text-shadow: 0 1px var(--white-default) } .zptheme-panel>.content{ padding: .75em 1em } .zptheme-panel.success{ --solid-color: rgb(103,194,58); --opacity-color: rgba(103,194,58,.2) } .zptheme-panel.warning{ --solid-color: rgb(230,162,60); --opacity-color: rgba(230,162,60,.1) } .zptheme-panel.error{ --solid-color: rgb(245,108,108); --opacity-color: rgba(245,108,108,.1) } .zptheme-icon i{ font-size: 50px; margin-bottom: 15px; } .zptheme-title{ margin-top: .6em; margin-bottom: .6em; color: inherit; font-weight: 600; font-family: inherit; line-height: 1.35; font-size: 17px; } .zptheme-description{ font-size: 14px; margin: 0; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; line-height: 20px; height: 40px; } .shortcodes_control .description { display: none } .shortcodes_control label { display: block; font-weight: bold; margin: 6px; margin-bottom: 0; margin-top: 12px } .shortcodes_control label span { display: inline; font-weight: normal } .shortcodes_control span { color: #999; display: block } .shortcodes_control textarea,.shortcodes_control input[type='text'] { margin-bottom: 3px; width: 99% } .shortcodes_control h4 { color: #999; font-size: 1em; margin: 15px 6px; text-transform: uppercase } .shortcodes_control textarea,select { border: 1px solid #ddd } .parentscat { font-weight: bold; background-color: #006699; color: #fff; padding: 4px 10px; margin: 8px 0 6px 0 } .shortcode_sel { width: 100% } .wfieldset { padding: 18px 15px; border: 1px dashed #999 } .wfieldset tt { padding: 0 5px; margin-top: -32px; position: absolute; background: #fff; font-size: 16px; font-family: microsoft yahei; font-weight: bold } .wfieldset a { position: relative; text-decoration: none; color: #999 !important } .werror { color: #fff; background: #f8495c url('../img/error.png') -1px -1px no-repeat; border: 1px solid #f8495c; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; border-radius: 4px; box-shadow: 6px 0 12px -5px rgb(190,196,252),-6px 0 12px -5px rgb(189,196,252) } .wwarn { color: #000; background: #fdc640 url('../img/warn.png') -1px -1px no-repeat; border: 1px solid #fdc640; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; border-radius: 4px; box-shadow: 6px 0 12px -5px rgb(190,196,252),-6px 0 12px -5px rgb(189,196,252) } .wtips { color: #fff; background: #5282f7 url('../img/tips.png') -1px -1px no-repeat; border: 1px solid #5282f7; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; border-radius: 4px; box-shadow: 0 3px 10px -1px #2c63ff !important } .wnotice { color: #fff; background: #00d084 url('../img/notice.png') -1px -1px no-repeat; border: 1px solid #00d084; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; border-radius: 4px; box-shadow: 6px 0 12px -5px rgb(12,85,141),-6px 0 12px -5px rgba(10,58,93,0) } .wquestion { color: #000; background: #eaeaea url('../img/question.png') -1px -1px no-repeat; border: 1px solid #eaeaea; overflow: hidden; margin: 10px 0; padding: 15px 15px 15px 35px; border-radius: 4px } .wxuk { border: 2px dashed #fc3c2d; background: #fff; margin: 10px 0; padding: 10px 15px } .wred { margin: 10px 0; padding: 10px 15px; border-left: 5px solid #f8495c; background: #eee } .wyellow { margin: 10px 0; padding: 10px 15px; border-left: 5px solid #fdc640; background: #eee } .wblue { margin: 10px 0; padding: 10px 15px; border-left: 5px solid #5282f7; background: #eee } .wgreen { margin: 10px 0; padding: 10px 15px; border-left: 5px solid #00d084; background: #eee } .whidebox { position: relative; display: inline-block; text-align: center; border: 1px dashed #fc3c2d; padding: 8px; margin: 10px auto; color: #fc3c2d; width: 100%; border-radius: 4px } .whidebox p { margin: 0; padding: 0 60px } .whidebox::before { position: absolute; top: 0; left: 0; content: '\9690\85cf\5185\5bb9'; background-color: #fc3c2d; color: #fff; line-height: 1; padding: 4px 5px; font-size: 12px; border-radius: 0 0 2px 0; margin: -1px } .whidebox a { color: #04a1ef } .whidebox a:hover { color: #ffb300 } .post_hide_box,.secret-password-content { border-radius: 5px; overflow: hidden; clear: both; margin: 10px 0; padding: 15px } .secret-password-content { position: relative } .secret-password-content i.secret-icon { right: 10px; top: 10px; color: #ccc; position: absolute; font-size: 18px; z-index: 3 } .btn-download:hover { color: #1290de; background-color: #fff; border-color: #1290de } .hidetitle { position: absolute; bottom: 0; width: 100%; padding-top: 180px; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(70%,#fff)); background-image: linear-gradient(-180deg,rgba(255,255,255,0) 0%,#fff 70%); text-align: center } .hidetitle .collapseButton { background: #fff; padding: 8px 30px; border: 1px solid #2c74e6; border-radius: 5px; color: #2c74e6; text-decoration: none; margin-bottom: 20px } .hidetitle .collapseButton:hover { color: #fff; background: #2c74e6 } .wpbutton { display: inline-block; line-height: 32px; text-align: center; margin: 12px 12px 12px 0; color: #fff !important; padding: 2px 20px; border-radius: 4px } .red { background-color: #f8495c } .red:hover { background-color: #f72b41 } .yellow { background-color: #fdc640 } .yellow:hover { background-color: #fcc02e } .blue { background-color: #5282f7 } .blue:hover { background-color: #2f69f8 } .green { background-color: #00d084 } .green:hover { background-color: #03b775 } .tip-contents { padding-left: 40px } .tip:before { font-weight: 900; font-family: 'FontAwesome'; text-align: center } .tip { position: relative; display: flex; align-items: center; min-height: 80px; margin-bottom: 10px; color: #fff; background: #20a0ff; background: -webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20b8ff)); background: -webkit-linear-gradient(left,#20a0ff,#20b8ff); background: linear-gradient(90deg,#20a0ff,#20b8ff); border-radius: 10px; -webkit-box-shadow: 0 3px 5px rgba(32,160,255,0.5); box-shadow: 0 3px 5px rgba(32,160,255,0.5); transition: 0.5s; padding: 10px } .tip > p { color: #fff !important; margin: 5px 0 !important } .tip:before { background: #20a0ff; background: -webkit-gradient(linear,left bottom,left top,from(#0092ff),to(#20b8ff)); background: -webkit-linear-gradient(bottom,#0092ff,#20b8ff); background: linear-gradient(0deg,#0092ff,#20b8ff); border-radius: 50%; color: #fff; content: '\f129'; font-size: 12px; position: absolute; width: 24px; height: 24px; line-height: 24.5px; left: -12px; top: -12px; -webkit-box-shadow: 0 0 0 2.5px #fff; box-shadow: 0 0 0 2.5px #fff; animation-timing-function: ease-out; transition: cubic-bezier(0,0,0.2,1) 0.5s } .tip:hover::before { -webkit-animation: box 1s infinite; animation: box 1s infinite } @-webkit-keyframes box { 0% { top: -12px } 50% { top: -19px } 100% { top: -12px } } @keyframes box { 0% { top: -12px } 50% { top: -19px } 100% { top: -12px } } .tip ol { margin: 0 } .tip.success { background: #61be33; background: -webkit-gradient(linear,left top,right top,from(#61be33),to(#8fce44)); background: -webkit-linear-gradient(left,#61be33,#8fce44); background: linear-gradient(90deg,#61be33,#8fce44); -webkit-box-shadow: 0 3px 5px rgba(104,195,59,0.5); box-shadow: 0 3px 5px rgba(104,195,59,0.5) } .tip.success:before { background: -webkit-gradient(linear,left bottom,left top,from(#52bb1d),to(#95d34b)); background: -webkit-linear-gradient(bottom,#52bb1d,#95d34b); background: linear-gradient(0deg,#52bb1d,#95d34b); content: '\f00c' } .tip.worning { background: #ff953f; background: -webkit-gradient(linear,left top,right top,from(#ff953f),to(#ffb449)); background: -webkit-linear-gradient(left,#ff953f,#ffb449); background: linear-gradient(90deg,#ff953f,#ffb449); -webkit-box-shadow: 0 3px 5px rgba(255,154,73,0.5); box-shadow: 0 3px 5px rgba(255,154,73,0.5) } .tip.worning:before { background: -webkit-gradient(linear,left bottom,left top,from(#ff8f35),to(#ffc149)); background: -webkit-linear-gradient(bottom,#ff8f35,#ffc149); background: linear-gradient(0deg,#ff8f35,#ffc149); content: '\21' } .tip.error { background: #ff4949; background: -webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff7849)); background: -webkit-linear-gradient(left,#ff4949,#ff7849); background: linear-gradient(90deg,#ff4949,#ff7849); -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5); box-shadow: 0 3px 5px rgba(255,73,73,0.5) } .tip.error:before { background: -webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ff7849)); background: -webkit-linear-gradient(bottom,#ff3838,#ff7849); background: linear-gradient(0deg,#ff3838,#ff7849); content: '\f00d' } .article-content table { border-top: solid 2px #ddd; border-left: solid 2px #ddd; margin-bottom: 18px } .article-content table th { background-color: #f9f9f9; text-align: center } .article-content table td,.article-content table th { border-bottom: solid 2px #ddd; border-right: solid 2px #ddd; padding: 5px 10px } .dltable p { margin: 0.001em 0.001em; width: 1px; line-height: 30px } .article-content .dltable p { text-indent: 0 } .dltable a { padding: 0 1em 0 0 } #tbc_cyan { color: #24b4f0; background: #c0e8ff url('../img/tbc_cyan.png') -1px -1px no-repeat; border: 1px solid #24b4f0; overflow: hidden; margin: 10px 0; padding: 15px 45px } #tbc_green { color: #7da33c; background: #ecf2d6 url('../img/tbc_green.png') -1px -1px no-repeat; border: 1px solid #aac66d; overflow: hidden; margin: 10px 0; padding: 15px 45px } #tbc_yellow { color: #ad9948; background: #fff4b9 url('../img/tbc_yellow.png') -1px -1px no-repeat; border: 1px solid #eac946; overflow: hidden; margin: 10px 0; padding: 15px 45px } #tbc_pink { color: #c66; background: #ffecea url('../img/tbc_pink.png') -1px -1px no-repeat; border: 1px solid #ebb1b1; overflow: hidden; margin: 10px 0; padding: 15px 45px } #tbc_gray { color: #556b2f; background: #eaeaea url('../img/tbc_gray.png') -1px -1px no-repeat; border: 1px solid #c8c8c8; overflow: hidden; margin: 10px 0; padding: 15px 45px } [class*='sgbtn'] { display: inline-block; text-indent: 0; position: relative; color: #fff; padding: 0 10px 0 10px; min-width: 160px; height: 38px; line-height: 38px; opacity: 0.8; text-align: center; font-family: Ubuntu,sans-serif; font-size: 15px; text-decoration: none; border-radius: 2px; overflow: hidden; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in } [class*='sgbtn']:before { content: ''; position: absolute; background: #fff; width: 25px; height: 50px; top: 0; left: -45px; opacity: 0.3; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -webkit-transform: skewX(-25deg); transform: skewX(-25deg) } [class*='sgbtn']:hover { opacity: 0.65 } [class*='sgbtn']:hover:before { width: 45px; left: 205px } .sgbtn_blue { color: #fff; background: #1cb2f5 } .sgbtn_red { color: #fff; background: #c00 } .sgbtn_orange { color: #fff; background: #f90 } .sgbtn_lv { color: #fff; background: #096 } a[class*='sgbtn'] { color: #fff } a[class*='sgbtn']:hover { color: #fff } .greenbtn { -moz-box-shadow: 0 10px 14px -7px #3e7327; -webkit-box-shadow: 0 10px 14px -7px #3e7327; box-shadow: 0 10px 14px -7px #3e7327; background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#77b55a),color-stop(1,#72b352)); background: -moz-linear-gradient(top,#77b55a 5%,#72b352 100%); background: -webkit-linear-gradient(top,#77b55a 5%,#72b352 100%); background: -o-linear-gradient(top,#77b55a 5%,#72b352 100%); background: -ms-linear-gradient(top,#77b55a 5%,#72b352 100%); background: linear-gradient(to bottom,#77b55a 5%,#72b352 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a',endColorstr='#72b352',GradientType=0); background-color: #77b55a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #4b8f29; display: inline-block; cursor: pointer; color: #fff !important; font-family: arial; font-size: 13px; font-weight: bold; padding: 6px 12px; text-decoration: none; text-shadow: 0 1px 0 #5b8a3c } .greenbtn:hover { background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#72b352),color-stop(1,#77b55a)); background: -moz-linear-gradient(top,#72b352 5%,#77b55a 100%); background: -webkit-linear-gradient(top,#72b352 5%,#77b55a 100%); background: -o-linear-gradient(top,#72b352 5%,#77b55a 100%); background: -ms-linear-gradient(top,#72b352 5%,#77b55a 100%); background: linear-gradient(to bottom,#72b352 5%,#77b55a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352',endColorstr='#77b55a',GradientType=0); background-color: #72b352 } .greenbtn:active { position: relative; top: 1px } .bluebtn { -moz-box-shadow: inset 0 1px 0 0 #54a3f7; -webkit-box-shadow: inset 0 1px 0 0 #54a3f7; box-shadow: inset 0 1px 0 0 #54a3f7; background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#007dc1),color-stop(1,#0061a7)); background: -moz-linear-gradient(top,#007dc1 5%,#0061a7 100%); background: -webkit-linear-gradient(top,#007dc1 5%,#0061a7 100%); background: -o-linear-gradient(top,#007dc1 5%,#0061a7 100%); background: -ms-linear-gradient(top,#007dc1 5%,#0061a7 100%); background: linear-gradient(to bottom,#007dc1 5%,#0061a7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1',endColorstr='#0061a7',GradientType=0); background-color: #007dc1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #124d77; display: inline-block; cursor: pointer; color: #fff !important; font-family: arial; font-size: 13px; padding: 6px 24px; text-decoration: none; text-shadow: 0 1px 0 #154682 } .bluebtn:hover { background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#0061a7),color-stop(1,#007dc1)); background: -moz-linear-gradient(top,#0061a7 5%,#007dc1 100%); background: -webkit-linear-gradient(top,#0061a7 5%,#007dc1 100%); background: -o-linear-gradient(top,#0061a7 5%,#007dc1 100%); background: -ms-linear-gradient(top,#0061a7 5%,#007dc1 100%); background: linear-gradient(to bottom,#0061a7 5%,#007dc1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7',endColorstr='#007dc1',GradientType=0); background-color: #0061a7 } .bluebtn:active { position: relative; top: 1px } .yellowbtn { -moz-box-shadow: inset 0 1px 0 0 #fff6af; -webkit-box-shadow: inset 0 1px 0 0 #fff6af; box-shadow: inset 0 1px 0 0 #fff6af; background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffec64),color-stop(1,#ffab23)); background: -moz-linear-gradient(top,#ffec64 5%,#ffab23 100%); background: -webkit-linear-gradient(top,#ffec64 5%,#ffab23 100%); background: -o-linear-gradient(top,#ffec64 5%,#ffab23 100%); background: -ms-linear-gradient(top,#ffec64 5%,#ffab23 100%); background: linear-gradient(to bottom,#ffec64 5%,#ffab23 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64',endColorstr='#ffab23',GradientType=0); background-color: #ffec64; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #fa2; display: inline-block; cursor: pointer; color: #333 !important; font-family: arial; font-size: 15px; font-weight: bold; padding: 6px 24px; text-decoration: none; text-shadow: 0 1px 0 #fe6 } .yellowbtn:hover { background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#ffab23),color-stop(1,#ffec64)); background: -moz-linear-gr adient(top,#ffab23 5%,#ffec64 100%); background: -webkit-linear-gradient(top,#ffab23 5%,#ffec64 100%); background: -o-linear-gradient(top,#ffab23 5%,#ffec64 100%); background: -ms-linear-gradient(top,#ffab23 5%,#ffec64 100%); background: linear-gradient(to bottom,#ffab23 5%,#ffec64 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23',endColorstr='#ffec64',GradientType=0); background-color: #ffab23 } .yellowbtn:active { position: relative; top: 1px } .tab_zpro { background: var(--is-body); display: -webkit-box; display: -ms-flexbox; padding-left: 0; -webkit-box-pack: center; -ms-flex-pack: center; list-style: none; border-radius: .35rem; } .tab_zpro .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; text-align: center; width: 100%; } .article-content .tab_zpro { padding-left: 0; margin-bottom: 0 } .tab_zpro li { margin-bottom: 0; } .article-content .h2-title { border-left: none; padding-left: 0; margin: 0; text-align: center } .article-content .zpro-list { padding-left: 0; margin-bottom: 0; } .article-content .zpro-list li { margin-bottom: 0 } .zpro-list .list-group-item { padding: .5rem 1rem; } .short-card { padding: 0; margin-bottom: 20px; border: var(--bs-card-border-width) solid var(--bs-card-border-color); } @media (max-width:768px) { .w-xl-100{ width: 100%!important; } } .linkcard-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; -webkit-filter: blur(100px); filter: blur(100px); background-size: cover; background-position: 50%; } #carousel-single img { -webkit-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out } #carousel-single:hover img { transform: translateY(-50%); }