.gallery-36-1 {
    margin: 0;
    padding: 0;
    background: url("../images/gallery-36-1/bg.png") top center no-repeat;
    background-size: 100% 100%;
    height: 725px;
}

.gallery-36-1 .container-fluid {
    margin-left: 0px;
    margin-right: -15px;
    padding-left: 0px;
    padding-right: 0px;
    /* position: relative; */
    /* left: 0; */
    /* right: 0; */
}

.gallery-36-1 .tab .active a {
    color: #fff;
}

.gallery-36-1 .tab .normal a {
    color: #fff;
}

.gallery-36-1 .gallery-top1 {
    height: 59px;
    padding-top: 18px;
    /* background: rgba(135,176,111,1); */
    background: -moz-linear-gradient(left, rgba(135, 176, 111, 1) 0%, rgba(38, 92, 128, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(135, 176, 111, 1)), color-stop(100%, rgba(38, 92, 128, 1)));
    /* background: -webkit-linear-gradient(left, rgba(135,176,111,1) 0%, rgba(38,92,128,1) 100%); */
    background: -o-linear-gradient(left, rgba(135, 176, 111, 1) 0%, rgba(38, 92, 128, 1) 100%);
    background: -ms-linear-gradient(left, rgba(135, 176, 111, 1) 0%, rgba(38, 92, 128, 1) 100%);
    /* background: linear-gradient(to right, rgba(135,176,111,1) 0%, rgba(38,92,128,1) 100%); */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#87b06f', endColorstr='#265c80', GradientType=1);
    /* color: #0000; */
}

.gallery-36-1 .tab {
    font: 17px/24px 'kanit', Arial, sans-serif;
    color: #0d0d0d;
    margin-bottom: -1px;
    /* padding: 2px 10px; */
    /* background: #41addd; */
    /* border:1px solid #0088d2; */
    /* -webkit-border-radius: 10px; */
    -moz-border-radius: 10px;
    /* border-radius: 10px; */
    /* -webkit-box-shadow: 2px 4px 7px 0px rgba(0,0,0,0.21); */
    -moz-box-shadow: 2px 4px 7px 0px rgba(0, 0, 0, 0.21);
    /* box-shadow: 2px 4px 7px 0px rgba(0,0,0,0.21); */
    /* background: #fff; */
}

.gallery-36-1 .tab .active {
    width: 100%;
    /* height: 42px; */
    /* background: #fff; */
    white-space: nowrap;
    text-align: center;
    margin-top: 0;
    padding: 5px 0px 1px 0px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.gallery-36-1 .tab .normal {
    /* width: 190px; */
    height: auto;
    display: inline-block;
    text-align: center;
    /* margin-top: 7px;*/
    color: #3e677c;
    padding: 5px 0px 1px 29px;
    /* letter-spacing:1px; */
    font-size: 14px;
}

.gallery-36-1 .gallery-top {
    padding-top: 45px;
    text-align: center;
    color: #ffffff;
    /* height:129px; */
    font: 47px/45px 'Kanit', Arial, sans-serif;
    /* font-weight:bold; */
}

.gallery-36-1 .gallery-top img {
    max-width: 100%
}

.gallery-36-1 .g-tab {
    margin: 0;
    padding: 0;
    width: 521px;
    /* height:55px; */
}

.gallery-36-1 .g-activity {
    /* width: 167px; */
    padding: 8px 20px;
    /* height:55px; */
    color: #ff7e2d;
}

.gallery-36-1 .g-orgreen {
    /* width: 167px; */
    padding: 8px 20px;
    /* height:55px; */
    color: #75af31;
}

.gallery-36-1 .g-video {
    width: 167px;
    height: 55px;
    color: #828282;
}

.gallery-36-1 .g-activity a {
    color: #4b97cb;
}

.gallery-36-1 .g-orgreen a {
    color: #828282;
}

.gallery-36-1 .g-video a {
    color: #828282;
}

.g-active {
    /* -webkit-border-radius: 50px; */
    -moz-border-radius: 50px;
    /* border-radius: 50px; */
    /* background: #972fad; */
    background: url(../images/gallery-36-1/line.png) bottom center no-repeat;
}


/*.g-active a{
	color:#2769d5;
}
.g-active a:hover{
	color:#133b7e;
}
.g-normal{
	color: #e84c0f;
	
}
.g-normal a{
	color: #828282;
}
.g-normal a:hover{
	color:#133b7e;
}*/

.gallery-36-1 .gallery-mid {
    margin: 0px;
    padding: 0px 0px;
    background: #fff;
}

.gallery-pic {
    margin: 0;
    /* width: 420px; */
    /* height: 317px; */
    position: relative;
    background-color: #2c7ab0;
    border: 1px solid #fff;
    transition: transform .2s;
    padding-bottom: 85px;
}

.gallery-pic img {
    max-width: 100%;
    height: auto;
}

.gallery-pic:hover {
    /* width:100%; */
    transform: scale(1.03);
    position: relative;
    z-index: 99;
}

.gallery-pic:hover img {
    /* transform: scale(1.1); */
    position: relative;
}

.gallery-pic .g-text {
    display: none;
    font: 15px/25px 'kanit', Arial, sans-serif;
    color: #fff;
    text-align: left;
    position: absolute;
    top: 52%;
    left: 0;
    width: 100%;
    height: 150px;
    padding-bottom: 25px;
    z-index: 99;
    background: #d64550;
    padding: 13px;
}

.gallery-pic .g-text a {
    color: #fff;
}

.gallery-pic .g-text a {
    color: #FFF;
}

.gallery-pic:hover .g-text {
    display: block;
}
.gallery-pic:hover .g-text1 {
    display: none;
}

.gallery-pic .g-text2 {
    font: 15px/20px 'kanit', Arial, sans-serif;
    color: #fff;
    text-align: left;
    margin-top: 7px;
}

.gallery-pic .g-text1 {
    width: 100%;
    height: 198px;
    position: absolute;
    background: url(../images/gallery-36-1/alpha2.png) bottom center repeat;
    bottom: 0px;
    font: 17px/25px 'kanit', Arial, sans-serif;
    text-align: center;
    color: #fff;
    padding-top: 150px;
}

.g-view {
    /* position: absolute; */
    left: 13px;
    bottom: 15px;
    width: 81px;
    height: 29px;
    text-indent: 45px;
    font: 18px/28px 'Kanit', Arial, sans-serif;
    background: #e263e5 url(../images/gallery-36-1/eye.png) 20% 50% no-repeat;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #000000;
}

.g-social {
    /* position: absolute; */
    right: 18px;
    bottom: 20px;
    padding: 5px;
}

.activity-coming {
    margin: 0;
    padding: 0;
}

.activity-coming .ac-top {
    margin: 0;
    padding: 0;
    margin-top: 40px;
    font: 30px/30px 'thaisanslite', Arial, sans-serif;
    color: #2769d5;
    font-weight: bold;
    letter-spacing: 1px;
}

.activity-coming .ac-top-2 {
    font: 37px/40px 'thaisanslite', Arial, sans-serif;
    color: #6c6c6c;
    letter-spacing: 1px;
    font-weight: bold;
}

.activity-coming .ac-mid {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    position: relative;
    font: 30px/30px 'thaisanslite', Arial, sans-serif;
}

.activity-coming .ac-mid .ac-left {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 70px;
    left: -30px;
}

.activity-coming .ac-mid .ac-right {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 70px;
    right: -30px;
}

.activity-coming .act-block {
    width: 424px;
    /* height:138px; */
    border: 1px solid #dcdcdc;
    padding: 14px;
    transition: all 0.18s ease-in-out;
}

.activity-coming .act-block .date {
    width: 106px;
    height: 106px;
    font: 73px/53px 'thaisanslite', Arial, sans-serif;
    background-color: #e20919;
    color: #fff;
    text-align: center;
    transition: all 0.18s ease-in-out;
}

.activity-coming .act-block:hover .date {
    background-color: #2769d5;
    cursor: pointer;
    transition: all 0.18s ease-in-out;
}

.activity-coming .act-block .month {
    font: 24px/40px 'thaisanslite', Arial, sans-serif;
}

.activity-coming .act-block .detail {
    margin: 0;
    padding: 0;
    width: 80%;
    font: 24px/30px 'thaisanslite', Arial, sans-serif;
}

.activity-coming .act-block .detail a {
    color: #16130a;
}

.activity-coming .act-block .detail a:hover {
    color: #16130a;
}

.gallery-36-1 .gallery-bottom {
    margin: 0px 0px;
    padding: 4px 4px;
    text-align: center;
    /* background: #fff; */
}

@media (max-width: 575px) {
    .gallery-36-1 {
        width: 100%;
        margin-left: 0px;
        height: 570px;
    }
    .gallery-36-1 .g-tab {
        width: 366px;
    }
    .gallery-36-1 .g-activity {
        padding: 0px 20px;
    }
    .gallery-36-1 .g-orgreen {
        padding: 0px 20px;
    }
    .gallery-36-1 .g-video {
        width: 170px;
    }
    .gallery-pic {
        /* width: 222px; */
        /* height: 214px; */
    }
    .gallery-pic .g-text {
        width: 72vw;
        left: -3px;
    }
    .activity-coming .ac-mid .ac-left {
        display: none;
    }
    .activity-coming .ac-mid .ac-right {
        display: none;
    }
    .activity-coming .act-block {
        width: 378px;
    }
    .activity-coming .act-block .detail {
        width: 100%;
    }
    .gallery-36-1 .gallery-top {
        padding-bottom: 0px;
    }
    .gallery-36-1 .tab .normal {
        /* padding: 5px 0px 1px 27px; */
        width: 275px;
    }
    .gallery-pic .g-text1 {
        font: 16px/21px 'kanit', Arial, sans-serif;
    }
    .gallery-36-1 .tab .normal {}
}

@media (min-width: 576px) and (max-width: 767px) {
    .gallery-36-1 {
        width: 100%;
        margin-left: 0;
    }
    .gallery-pic {
        width: 100vw;
    }
    .gallery-pic .g-text {
        width: 100vw;
    }
    .gallery-36-1 .tab .normal {}
}

@media (min-width: 768px) and (max-width: 991px) {
    .gallery-36-1 .container-cv-5 {
        width: 100%;
    }
    .gallery-pic {
        /* width: 44vw; */
        height: 317px;
    }
    .gallery-pic .g-text {
        width: 37vw;
        left: -2px;
    }
    .activity-coming .ac-mid .ac-left {
        display: none;
    }
    .activity-coming .ac-mid .ac-right {
        display: none;
    }
    .gallery-36-1 .gallery-top {
        padding-bottom: 0px;
    }
    .gallery-36-1 .tab .normal {
        width: 272px;
    }
    .gallery-36-1 .tab .active {
        width: 202px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .activity-coming .ac-mid .ac-left {
        display: none;
    }
    .activity-coming .ac-mid .ac-right {
        display: none;
    }
    .gallery-pic {
        /* width: 180px; */
        height: 275px;
        /* width: 27vw; */
    }
    .gallery-pic .g-text {
        width: 28vw;
        left: -2px;
    }
    .gallery-36-1 .gallery-top {
        padding-bottom: 0px;
    }
    .gallery-pic .g-text1 {
        font: 14px/25px 'kanit', Arial, sans-serif;
        /* height: 196px; */
    }
    .gallery-36-1 .tab .normal {
        width: 275px;
    }
    .gallery-36-1 .tab .active {
        width: 205px;
    }
    .gallery-36-1 {
        height: 650px;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .gallery-pic {
        width: 27vw;
        height: 326px;
    }
    .gallery-36-1 .gallery-top1 {
        height: 90px;
    }
    .gallery-36-1 .tab .normal {
        width: 190px;
    }
}

@media (min-width: 1281px) and (max-width: 1366px) {
    .gallery-pic {
        /* width: 27vw; */
        height: 344px;
    }
    .gallery-36-1 .gallery-top1 {
        height: 90px;
    }
    .gallery-36-1 .tab .normal {
        width: 190px;
    }
}

@media (min-width: 1367px) and (max-width: 1440px) {
    .gallery-pic {
        width: 27vw;
        height: 354px;
    }
    .gallery-pic .g-text1 {
        font: 16px/24px 'kanit', Arial, sans-serif;
    }
    .gallery-pic .g-text {
        font: 16px/24px 'lineseed', Arial, sans-serif;
        top: 50%;
        left: -11px;
        width: 253px;
        height: 195px;
        padding: 9px;
    }
    .gallery-pic .g-text2 {
        font: 14px/17px 'lineseed', Arial, sans-serif;
        margin-top: 0;
    }
    .g-social {
        width: 39%;
    }
    .gallery-36-1 .tab .normal {
        width: 201px;
        padding: 5px 0px 1px 12px;
    }
    .gallery-36-1 .tab .active {
        width: 100%;
    }
    .gallery-36-1 .gallery-top1 {
        height: 80px;
    }
}

@media (min-width: 1441px) and (max-width: 1600px) {
    .gallery-pic {
        /* width: 24vw; */
        height: 355px;
    }
    .gallery-pic .g-text1 {
        font: 16px/24px 'lineseed', Arial, sans-serif;
    }
    .gallery-pic .g-text {
        font: 16px/24px 'lineseed', Arial, sans-serif;
        top: 50%;
        left: -14px;
        width: 287px;
        height: 216px;
        padding: 9px;
    }
    .gallery-pic .g-text2 {
        font: 14px/17px 'lineseed', Arial, sans-serif;
        margin-top: 0;
    }
    .g-social {
        width: 39%;
    }
}