:root {

    

            --color1:#150967;
            --color2:#228553;


        }
        body {
            font-family: 'Montserrat', sans-serif;
            line-height: 1.6;
        }
        .navbar {
            background-color: var(--color1);
        }
        .navbar-brand, .nav-link {
            color: #ffffff !important;
            font-weight: 700;
            border-bottom: .2rem solid transparent;
        }
        .nav-link:hover {
            color: #f8f9fa !important;
            border-bottom-color: rgb(200, 200, 200);
        }
        .header {
            text-align: center;
           
            background:darkslategray url('../img/th.jpg') no-repeat center center/cover;
            color: #ffffff;
            padding: 50px 0;
        }
        .section-title {
            margin-bottom: 40px;
            color: #343a40;
        }
        .lead {
            font-size: 1.25rem;
        }
        .list-group-item {
            border: none;
        }
        .bg-light-custom {
            background-color: #e9ecef;
        }
        .header {
            min-height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        @media (max-width: 767.98px) {
            .header {
                padding: 20px 0;
            }
            .lead {
                font-size: 1rem;
            }
        }

        .itm-1 {
            border-left: 1px solid var(--color1);
            padding-left: 0.5rem;
        }
        .w-90 {
            width: 90%;
          }

        .w-80 {
            width: 80%;
        }

        .star {
            color:#f6c605f6;
            font-style: normal;
            font-size: 20px;
        }

        .bigimg {
            position: relative;
            overflow: hidden;
            
            min-height: 50%;
        }

        .bigimg img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            
        }

        .ul-event {
            display: flex;
            padding: 0;
            margin: 0;
            list-style: none;
        }
        .ul-event li {
            flex: 1;
            text-align: center;
            
            padding: 10px; /* Optional: To add some space around the text */
        }

        @media (max-width: 576px) {
            .ul-event {
                flex-direction: column;
            }
        }

        ul.img-li {
            list-style-image: url('https://cdn-icons-png.flaticon.com/128/16332/16332611.png');
        }

        .bg-grey {
            background-color: #eeeeee;
            padding: 0.5rem;
        }

        .btn-plain:focus {
            outline: none; /* 移除默认的轮廓线 */
            box-shadow: none; /* 移除默认的阴影 */
            width:100%;
            
        }

        .rotate {
            transition: transform 0.3s ease;
        }
        .collapsed .rotate {
            transform: rotate(180deg);
        }