@media screen and (max-width:600px) {
    #content img {
        width: 100% !important;
        height: auto !important;
    }

    .ktopimg {
        height: auto;
    }
}

@media screen and (min-width:600px) {
    .ktopimg{}
}

body {
    /* background-color: #f0edf5; */
    background: linear-gradient(60deg, rgb(3, 3, 3) 0%, rgb(10, 10, 10) 39%, rgb(33, 33, 33) 100%);
    color: #CCC;
}

#canv {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}



.bb-light {
    border-bottom: 1px solid #069;
}

.foot_link {
    padding: .5rem 0;
}

.bg-dark {
    background-color: rgba(0, 0, 0, 0.5) !important
}

.bg-blue {
    background: linear-gradient(45deg, rgb(84, 255, 158) 0%, rgb(52, 144, 220) 39%, rgb(12, 115, 153) 100%);
}

.bg-org {
    background: linear-gradient(45deg, #a60a0a 0%, #b30909 39%, #9b0707 100%);
}

.bg-china {
    background: linear-gradient(45deg, #a60a0a 0%, #b30909 39%, #9b0707 100%);
}

.bg-primary {
    background: #a60a0a !important;
}

#content img {
    max-width: 100%;
}

.titleOne {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.line3 {

    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 69px;
}

.nlink {
    color: cadetblue;
}

.nlink:hover {
    text-decoration: none;
}

.topbg {
    background-color: darkblue;
    background-image: url(/public/imgs/bg-1.jpg);
    background-size: 100%;
}

.top-title {
    color: rgb(183, 215, 252)
}

.top-title:hover {
    text-decoration: none;
    color: rgb(227, 227, 240);
}

.put-bottom {
    position: absolute;
    bottom: -12px;
    left: 0;
    background: linear-gradient(0deg, rgb(49 49 112 / 75%) 0%, rgb(124 126 126 / 75%) 100%);
    padding: 10px 10px;
    width: 100%;
}

.gotop {
    text-align: center;
    position: fixed;
    right: 1.25rem;
    bottom: 3.5rem;
    z-index: 10;
    text-decoration: none;
    color: #5e5c5c;
}

.gotop:hover {
    text-decoration: none;
}

.bc-default {
    /* background-image: url(/public/imgs/bc-global.jpg); */
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

.bc-globalnews {
    /* background-image: url(/public/imgs/bc-global.jpg); */
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
}

a {
    text-decoration: none;
    color: #CCC;
}

.txt-shadow {
    text-shadow: #333 0 0 5px;
}

.csay {
    margin: 12px;
    box-shadow: 5px 5px 15px #ccc;
    display: inline-block;
    padding: 15px;
    border-radius: 12px;
}

.csay img {
    margin-right: 12px;
}

h1,h2,h3,h4,h5{
    padding-bottom: 1rem;
}
h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover {
    color: #FFF;
    border-bottom: 1px dashed #069;
}

h1::before,
h2::before,
h3::before,
h4::before,
h5::before {
    content: "📑 ";
}

i {
    color: #069;
}

.lmedia img {
    border: 1px solid #0ad300;
    box-shadow: 0 0 15px #009913;
}

.lmedia img:hover {
    box-shadow: 0 0 15px #0ad300;
    position: relative;
    top: -5px;
    left: 5px;

}

.ball {
    /* width: 300px; */
    /* border: 1px solid #069; */
    border: 1px solid #0ad300;
    box-shadow: 0 0 15px #009913;
    padding: 15px;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
}

.tball {
    /* width: 300px;
    height: 150px; */
    /* border: 1px solid red; */
    border-top-left-radius: 150px;
    border-top-right-radius: 150px;
    text-align: center;
    display: flex;
    justify-content: space-around;
}

.tball span {
    border-radius: 50%;
    box-shadow: 0 0 15px #009966;
    border: 1px solid #096;
    width: 150px;
    height: 150px;
    overflow: hidden;
    display: flex;
    justify-content: center;

}

.tball span img {
    height: 100%;
    object-fit: cover;
}

.bball {
    text-align: center;
}

.green_box{
    border: 1px solid #0ad300;
    box-shadow: 0 0 15px #009913;
    padding: 1rem;
    border-radius: 0.5rem;
}
.green_box:hover{
    box-shadow: 0 0 15px #20ff3a;
}

.tbox span {
    border-radius: 0.5rem;
    box-shadow: 0 0 15px #009966;
    border: 1px solid #096;
   
    height: 150px;
    overflow: hidden;
    display: flex;
    justify-content: center;

}

.tbox span img {
    width: 100%;
    object-fit: cover;
}

.one-line {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}

.two-line {
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }