@charset "UTF-8";
img.weblogo{width:50px;height:50px;}
.nav-link .item-text {vertical-align: top; }
.navbar-brand{background:transparent}
.gbimg{width:20px;height:20px;position: relative; vertical-align: top; top: 2px;}
.text_effect {filter: contrast(7);position:relative;width:100%;}
.text_effect h4 {word-break: keep-all;white-space: nowrap;font-size: 2rem;letter-spacing: -2rem;filter: blur(.3rem);width: 100%;animation: roll 10s forwards  var(--ease);}
@keyframes roll {0%{opacity:.8;letter-spacing: -2rem;filter:blur(.7rem);} 50% {opacity:1;letter-spacing: .3rem;filter:blur(0rem);} 75% {opacity:1;letter-spacing: .3rem;filter:blur(0rem);} 100% {opacity:1;letter-spacing: .3rem;filter:blur(0rem);} }
.text_effect[data-ease='linear'] {--ease: linear } .text_effect[data-ease='ease-in'] {--ease: ease-in;} .text_effect[data-ease='ease-out'] {--ease: ease-out;} .text_effect[data-ease='ease-in-out'] {--ease: ease-in-out;}
.text-pure-dark{color:#000}
.font-1rem{font-size:1rem}
.dropdown-toggle::after{font-size: 1.2rem;}
.mCustomScrollbar{-webkit-overflow-scrolling:touch}
.topic_content{font-size:1.06rem;line-height:1.47rem;letter-spacing:1px;font-weight: 600;}
.topic_content br{display: none;}
.content_txt.expanded p br{display: block}
.show-btn{transition: background-color .5s ease;}
.topic_gallery{}
.scroll-container {overflow-x: auto;white-space: nowrap;-webkit-overflow-scrolling: touch;overflow-y:hidden;max-height: 170px;}
/* WebKit 浏览器样式 */
.scroll-container::-webkit-scrollbar,.dragscroll::-webkit-scrollbar{width: 6px;height: 6px;}
.scroll-container::-webkit-scrollbar-track,.dragscroll::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 3px;}
.scroll-container::-webkit-scrollbar-thumb,.dragscroll::-webkit-scrollbar-thumb{background: #888;border-radius: 3px;}
.scroll-container::-webkit-scrollbar-thumb:hover,.dragscroll::-webkit-scrollbar-thumb:hover{background: #555;}

/* Firefox 样式 */
.scroll-container,.dragscroll {scrollbar-width: thin;-ms-overflow-style: none;scrollbar-color:#e9e9e9 transparent;}
.scroll-item {display: inline-flex;margin-right: 5px;overflow: hidden;height: 160px; justify-content: center;}
.scroll-item img {width: auto;height: auto;max-width: 80vw;max-height: 19em;}
.cursor_pointer{cursor: pointer}
.letter-1{letter-spacing:1px}
.status-actions span.badge{height:18px;vertical-align:middle;}
.m100vh{max-height: calc(100vh - 53px);}
.more{margin-left: 40px}
.mCSB_inside > .mCSB_container {margin-right: 0;}

.right-side {-ms-flex: 0 0 250px;flex: 0 0 250px;height: 90vh;overflow-y: scroll;scrollbar-width: none;}
@media (max-width: 768px) {.right-side {display: none;}.container-fluid{padding-right: 0}.mCSB_inside > .mCSB_container {margin-right: 15px!important;}.topic_gallery{height:stretch}}
/*preloader*/
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;overflow: hidden;background: #6161614a;width: calc(100%);height: calc(100%);align-items: center;justify-content: center;display: flex;}
#preloader .loader-holder{position: relative;width: 32px;height: 32px;margin: auto;}

#preloader .loader-holder div {box-sizing: border-box;display: block;position: absolute;width: 32px;height: 32px;margin: 5px;border: 5px solid #fff;border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: #0088ff transparent transparent transparent;}
#preloader .loader-holder div:nth-child(1) {animation-delay: -0.45s;}
#preloader .loader-holder div:nth-child(2) {animation-delay: -0.3s;}
#preloader .loader-holder div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }
.hr-shadow {border: 0; padding-top:5px; color: #d0d0d5; border-top: 1px solid rgba(0,0,0,.1); box-shadow:inset 0 7px 7px -8px; }

.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}

.text-danger .fe-heart::before{content: "❤️";}
.avatar-sm img{height:32px}
.avatar-md img{height:48px}
.avatar-xl img{height:110px}

sup {top: -.5em;position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
.tagAuthorbtn {font-size:1.06rem;margin: 5px;}
.signDescri img{max-width:100%;}
.contact,.contact a{position: relative;display: block;width: 100%;}
.contact ul li {display: flex;align-items: center;}
.contact ul li .name-friend {font-weight: bold;font-size:1rem;padding: 0 15px;}
.contact ul li .avatar-friend {height: 35px;width: 35px;border-radius: 35px;}
.contact ul li .author-img {height: 50px;width:50px;}
.ting_button {position:relative;top:-35px;left: 0;right: 0;background-color:rgba(0,0,0,0.3);padding:7px;z-index: 2;width:200px;margin: 0 auto;height: 35px;}
.ting_button h5{font-size:0.9rem;cursor:pointer;}
.ting_follow {position: relative;left: -20px;width: 24px;height: 24px;z-index: 9;display: inline-block;top: 18px;font-size: 1.2rem;margin-right:-23px;padding-top: 2px;transition: transform .2s }
.ting_follow:hover {transform: scale(1.2);}
.blog-comment::before, .blog-comment::after, .blog-comment-form::before, .blog-comment-form::after{content: "";display: table;clear: both;}
.blog-comment ul{list-style-type: none;padding: 0;}
.post-comments img {max-width: 80%;display: block;}

.blog-comment .post-comments{margin-bottom: 20px;position: relative;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;position: relative;}
.blog-comment .meta {font-size: 13px;color: #aaaaaa;margin-bottom: 0 !important;height: 54px;}
.blog-comment ul.comments ul{list-style-type: none;padding: 0;} .blog-comment-form{padding-left: 15%;padding-right: 15%;padding-top: 40px;} .blog-comment h3, .blog-comment-form h3{margin-bottom: 40px;font-size:1rem;line-height: 30px;font-weight: 800;}

.tinglist li:hover a img{transform: scale(1.5);transition: all 0.3s;}
.cover-container {position: relative;}
.profile-header-image .profile-img {margin-top:-3.575rem;position: relative;}
.profile-img img {border-radius: 50rem;border: 1px solid rgba(0,0,0,.1);height: auto;}

.shimmer {color: grey;display: inline-block;mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/350% 100%;animation: shimmer 2.5s infinite;font-size: 50px;max-width: 200px;transform: scale(1.1);}
 @keyframes shimmer {100% {mask-position: left } }

 .img_cont_msg {height: 40px;width: 40px;} .user_img_msg {height: 40px;width: 40px;border: 1.5px solid #f5f6fa;}
.msg_cotainer {margin-top: auto;margin-bottom: auto;margin-left: 10px;border-radius: 25px;background-color: #82ccdd;padding: 10px;position: relative;}
h1.lock_title {width:100%;color: #aaa;font-size: 1.2rem;font-weight: normal;border-top:0;position: relative;z-index: 1;margin:0;}
h1.lock_title::before {content: "繼續閱讀";width: 150px;text-align: center;position: relative;top: -12px;left: 0;right: 0;margin: 0 auto;display: block;font-size:1rem;background-color:#0b307c;color: #fff;border-radius: 6px;line-height: 41px;}
h4.moreH4{text-align: center;box-shadow: 0 1px;padding-bottom:5px;}

.tagbtn {font-size: 1.06rem; }
.hf-category .btn {margin-right: 0.25rem; }
.topic_hot li {padding: 1px 5px; display: block; border-left: 3px solid #00f; margin-bottom: 0.8rem; }
.status-img {width:40px;height:40px;object-fit: cover;border-radius: 50%;margin-right: 20px;}

.status-main {padding:20px;display: flex;align-items: center;flex-wrap: wrap;}
 .status-textarea {flex-grow: 1;background-color: transparent;border: none;resize: none;margin-top: 15px;color: #fff;max-width: calc(100% - 70px);} .status-textarea::placeholder {color: #5c5d71;} .status-actions {display: flex;padding: 10px 20px;} .status-action {text-decoration: none;margin-right: 20px;display: flex;align-items: center;} .status-action svg {width: 16px;flex-shrink: 0;margin-right: 8px;} .status-action svg path{stroke: black;} @media screen and (max-width: 1320px) {.status-action {overflow: hidden;white-space: nowrap;} } .status-share {background-color: #1b86f9;border: none;color: #fff;border-radius: 4px;padding: 10px 20px;margin-left: auto;box-shadow: 0 0 20px #1b86f9;cursor: pointer;}
/*.popover {max-width: none;}*/
.popover-body{max-width: 320px}
.avatar.story_avatar {object-fit:cover;border-radius:50%;float:left;cursor:pointer;}
.story_avatar {width:50px !important;height:50px !important;position:absolute;top:10px;left:10px;background: linear-gradient(to right, #00c6ff, #0072ff);padding:3px;}
#plus_icon_story {position:absolute;bottom:70px;left:50px;color:#fff;font-size:60px;}
.stories {white-space: nowrap;overflow-x: auto;scrollbar-width: thin;}
.story_container:hover {opacity:0.8;cursor:pointer;transition:0.4s;}
.story_container {width:150px;height:200px;background-repeat: no-repeat;background-size: cover;position:relative;border-radius:5px;display:inline-block;margin-right:15px;box-shadow: 0px 19px 25px -23px rgba(0,0,0,0.4);}
.story_container::after {position: absolute;content: "";width: 150px;height: 200px;z-index: 15;box-shadow:inset 20px 30px 20px -30px #000;opacity: 1;border-radius: 5px;}
.storytitle {position: absolute;bottom: 0;overflow: hidden;background-color: rgba(0,0,0,0.5);color: #fff;width: 100%;height: auto;font-size: 1rem;padding: 5px;text-wrap: wrap;}
.storyModaltitle{position: relative;font-size: 1.5rem;line-height: 2.5rem;display: block;}
.profile-info {background:#fff;}
.profile-info a, .profile-info p{color:#000}
.custom-control-input{cursor: pointer;z-index: 1!important;}

.monthBuyMark{position: relative; width: 25px !important; height: 18px !important; display: block; left: 28px; margin-top: -14px; }
.ekko-lightbox a{opacity:1!important;}
.rotate360:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms--transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}
#quote {margin-left: 20px;display: block;background-color: #0008;color: #eee;}

.content-image{margin-left: 25px;margin-top: 5px;max-width:110px;max-height: 110px;overflow: hidden;}
.summary {color: #666;font-size: 14px;line-height: 18px;margin-bottom: 8px;}
.line-item {margin:0 30px;padding: 25px 0 15px;}
.ekko-lightbox .modal-body{padding:5px!important;}
.user-data-block p{color:#6c757d;text-align: left;}
.image-link img {transition: all 2s ease-in-out;} .image-link img:hover {transform: scale(1.1,1.1);}
.scrollbutton {display: none;position: fixed;bottom: 30px;right: 40%;background-color: #1b5490;color: #e8e8e8;padding: 10px;border-radius: 5px;text-decoration: none;font-size: 20px;} .scrollbutton:hover {background-color: #2d6418;color: white;font-size: 20px;padding: 20px;}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{background-color:#000}
.blog .image {height: auto;overflow: hidden;border-radius: 3px 0 0 3px;} .blog .image img {width: 100%;height: auto;} .blog .date {top:0;z-index: 99;width: 65px;left: -10px;height: 65px;padding: 10px;position: absolute;color:#FFFFFF;font-weight:bold;background: #5bc0de;border-radius: 999px;} .blog .blog-details {padding: 0 20px 0 0;} .blog {padding: 0;} .well {border: 0;padding: 20px;min-height: 63px;box-shadow: none;border-radius: 3px;position: relative;max-height: 100000px;} .blog .blog-details h2 {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #eee;} .blog .date .blog-number {color: #fff;display: block;font-size: 24px;text-align: center;}
.content_txt {max-height:4.3rem;overflow: hidden;position: relative;transition: max-height 1s ease;margin:16px 0; }
.content_txt.expanded {max-height: none;} .show-more {display: none;position: relative;text-align: center;cursor: pointer;} .topic_content.has-overflow .show-more {display: inline-block;}
.content_txt:not(.expanded) p, .content_txt:not(.expanded) ul li{display: inline;}
.show-more:hover {color: blue; }
.ekko-lightbox-container img{cursor: pointer;}
.yt-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;margin: 5px 0;}
.yt-container iframe, .yt-container object, .yt-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.scroll-to-top,.scroll-to-top_news{position: fixed;bottom: 60px;;padding: 10px 15px;border-radius: 5px;cursor: pointer;display: none;z-index: 1000;font-size: 2.5rem;font-weight: 900;right:20px}
#nomore{display: none;}
.topic_innerimg{max-width: calc( 100% - 40px);margin-bottom: 6px;display: block;}
.topic_innerimg ~ span {position: relative;vertical-align: bottom;}
.article-overlay{position: relative;top: -10px;}

.rating_circle{width: 100px; height: 100px; border-radius: 70px; border: 1px none; font-size:2em; } .rating_text{margin-top: 47px; } .stars-outer {display: inline-block; position: relative; font-size: 14px; letter-spacing: 0; }

.stars-outer::before {content: "★ ★ ★ ★ ★"; }
.progress,.progress-bar{height:10px}
.stars-inner {position: absolute; top: 0; left: 0; white-space: nowrap; overflow: hidden; width: 0; }

.stars-inner::before {content: "★ ★ ★ ★ ★"; color: #ffa400; }
.badge_font {font-size: 15px !important;background-color:transparent !important; }
.wid_20{width: 20px; display:inline-block !important; vertical-align: top;}
.available {color: #000}
@keyframes move {to {--angle: 360deg; } }
@property --angle {syntax: "<angle>"; initial-value: 0deg; inherits: false; }

.bubble-bordered {border: 1px solid #1f1f26;}
.bubble-bordered::before {content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: conic-gradient(from var(--angle), transparent 0deg, transparent 300deg, #7cffc4 330deg, #6aa7ff 350deg, transparent 360deg); animation: move 2.8s linear infinite; /* Keep only the border area */ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.bubble_bordered_dash {border: 1px dashed #999; border-radius: 1%; padding: 10px; font-weight: 700; }
.content_txt:not(.expanded) img, .content_txt:not(.expanded) iframe, .content_txt:not(.expanded) br, .content_txt:not(.expanded) .row, .content_txt:not(.expanded) .chargeDiv, .content_txt:not(.expanded) .yt-container {display: none; }

pre::-webkit-scrollbar {background-color: #DED7E6; height: 10px; } pre::-webkit-scrollbar-thumb {background: #9684A3; border-top-right-radius: 10px; } pre,blockquote {background: #000; border-left: 10px solid #0153a6; border-radius: 10px; padding: 10px; letter-spacing: .5px; font-size: 1rem; color: #fff; }
.reply-form{margin:5px 0 }
.amaz {display: inline-flex; }
select.selectList {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; outline: 0; background: none; color: inherit; box-shadow: none;width: 100px; }
select.kindStock { border: 0; outline: 0;  box-shadow: none; }
select.selectList::-ms-expand {display: none; }
.select {position: relative; display: inline-flex; border-radius: 0.25rem; overflow: hidden;background: #fff; color: #000; }
.select select.selectList {flex: 1; padding: 0.1em 1em; cursor: pointer; }
h5.followtitle.collapsed::after{content: "▲";}
.select::after, h5.followtitle::after {content: "▼"; position: relative; left:-0.5rem; top:0.6rem; transition: 0.25s all ease; pointer-events: none;height: 40px;}

h5.followtitle::after{left:0.3rem;top:0}
.select:hover::after, h5.followtitle:hover::after {color: #0153a6; -webkit-animation: bounce 0.5s infinite; animation: bounce 0.5s infinite; }
@-webkit-keyframes bounce {25% {transform: translatey(5px); } 75% {transform: translatey(-5px); } } @keyframes bounce {25% {transform: translatey(5px); } 75% {transform: translatey(-5px); } }
/*.topic_content strong:not(.letter-1){white-space: nowrap; }*/
.table td, .table th{white-space:nowrap;}
#tableContent{overflow-x: auto;-webkit-overflow-scrolling: touch;}
@media (min-width: 992px) {#tableContent {overflow-x: visible}}
#post_modal .modal-lg {max-width: 1024px}
.font-1 {font-size: 1rem}.font-2{font-size: 1.25rem}.font-3{font-size: 1.5rem}.font-4{font-size: 1.75rem}.font-5{font-size: 2rem}
#history-area{width:100%;position:absolute; }
.link-preview-container.pre-loading::after {content: "載入中..."; color: #999; }
.link-preview-container.pre-loading .link-preview-card {opacity: 0.4; }
.link-preview-card {width: 100%; max-width:387px; border: 1px dashed; height: auto; padding: 8px; margin: 5px 0; overflow: hidden; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical;background:#22242f; border-left: 5px solid #0153a6; letter-spacing: .5px; font-size: 1rem; color: #fff;}

.link-preview-card img {max-width: 100%; max-height: 200px; margin: 5px auto; }
.link-preview-card .content h4 {font-size: 0.9rem; font-weight: 700;color:#fff;margin-top: 0.6rem;}
.link-preview-card .content p {font-size:0.7rem; line-height: 0.9rem;margin-bottom: 0;color: #aaa;}
span.mon_text {border-radius: 50%;background: #f7941e;padding: 1px 3px;font-weight: 900;font-size: 12px;margin-left:5px;color: #fff;}
.link-preview-card .content {display: table; min-width: 50%; text-align: left; }
/*.content_txt br + br {display: none; }*/
/*.table.table-hover {overflow-x: auto; display: block; }*/
.content_txt:not(.expanded) hr{display:none}
.content_txt hr {background-image: linear-gradient(90deg, white, black); height: 4px; border: 0;display:block}

.toastui-editor-defaultUI .ProseMirror,.ProseMirror pre,.tui-editor-contents .ProseMirror li  {padding: 10px !important; }
.ProseMirror pre {padding: 10px; }
.toastui-editor-defaultUI .ProseMirror{min-height: 200px!important;font-size: 1.06rem; line-height: 1.5rem; letter-spacing: 1px; font-weight: 600;}
#stockModalBody p {font-size: 1.1rem;font-weight: 700; letter-spacing: 3px;}
.ekko-lightbox .modal-content .close {color: #fff; font-size: 2rem}
.ekko-lightbox .modal-content {background: transparent; border:0}
.ekko-lightbox .modal-header {border: 0}
.video-thumbnail {position: relative; }
.video-thumbnail::before {content: ''; width: 0; height: 0; position: absolute; top: 20px; bottom: 0; left: 0; right: 0; margin: auto auto; border-style: solid; border-width:15px 0 15px 30px; border-color: transparent transparent transparent red; }
.hot_topics .list-group-item {padding: 8px 15px; font-size: 0.9rem; }
.ekko-lightbox-nav-overlay a span {color: #666; }
.poppreviewdiv {border-left: 3px solid blue; padding-left: 0.6rem; }
.sign_card .profile-info, .sign_card .profile-info a, .sign_card .modal-content,.sign_card .user-data-block p,.sign_card .profile-info p{color: inherit;background: transparent;}
.sign_card .modal-content{ border: 1px dashed; }