.site-container{margin-top: 0;}
.topic .title{font-size: 40px; color: #004ac9; font-weight: bold; margin: 0;}
.alert-daily{position: relative; width: 100%; border-radius: 5px; overflow: hidden; margin-bottom: 15px;}
.alert-daily .btn-close{position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; border: none; background-color: #fff; overflow: hidden; display: flex; justify-content: center; align-items: center;}

/* btn */
.action .btn.btn-small{font-size: 24px; height: 30px; min-width: 103px; line-height: 30px;}
.action .btn.btn-primary{position: relative; background-color: #fff; color: #0b8bf6; transition: all 0.3s;}
.action .btn.btn-round-5{border-radius: 5px;}
.action .btn.btn-round-20{border-radius: 20px;}
.action .btn.btn-primary:hover{color: #fff !important;}
.action .btn.btn-primary:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0b8bf6;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.action .btn.btn-primary:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.action .btn.btn-primary span{margin-left: 5px;}
.action .btn.btn-primary span img{margin-top: -2px; filter: brightness(0) invert(0); filter: brightness(0) invert(0); transition: all 200ms;}
.action .btn.btn-primary:hover span img{filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.action .btn-nb{display: flex; align-items: center; justify-content: center;}
/* end btn */

/* topgraphic */
.topgraphic .slick-dots{ bottom: auto; top: 50%; right: 40px; left: auto; z-index: 1; transform: translate(0,-50%); width: auto;}
.topgraphic .slick-dots li{margin: 10px 0; display: flex;align-items: center !important;}
.topgraphic .slick-dots button{width: 20px; height: 20px; background-color: rgba(0, 0, 0, 0); border: 2px solid #fff; border-radius: 50%; transition: all 200ms;}
.topgraphic .slick-dots .slick-active button{
    /* border: 2px solid rgb(0,231,239); */
    /*border: none;
    background: rgb(0,231,239);
    background: -moz-linear-gradient(180deg, rgba(0,231,239,1) 0%, rgba(0,74,201,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,231,239,1) 0%, rgba(0,74,201,1) 100%);
    background: linear-gradient(180deg, rgba(0,231,239,1) 0%, rgba(0,74,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00e7ef",endColorstr="#004ac9",GradientType=1);*/
    background: #fff; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}
/* end topgraphic */
/* text-limit */
.text-limit{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/* end text-limit */

/* danger */
.alert-daily .danger .btn-close .icon-f{color: #ff4a54;}
.alert-daily .danger{
    /* border-left: 10px solid #FF4A54;  */
    padding: 10px; display: flex; align-items: center;
    padding-left: 35px;
    position: relative;
    background: rgb(255,188,192);
    background: -moz-linear-gradient(180deg, rgba(255,188,192,1) 0%, rgba(255,129,136,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,188,192,1) 0%, rgba(255,129,136,1) 100%);
    background: linear-gradient(180deg, rgba(255,188,192,1) 0%, rgba(255,129,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffbcc0",endColorstr="#ff8188",GradientType=1);
}
.alert-daily .danger:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 100%;
    background-image: url(../image/background/bg-alert-danger.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.alert-daily .danger:after{
    content: '';
    position: absolute;
    top: 0;
    right: -30px;
    width: 167px;
    height: 100%;
    background-image: url(../image/background/bg-squid.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.alert-daily .danger .icon{width: 35px; height: 35px; overflow: hidden; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); display: flex; justify-content: center;}
.alert-daily .danger .icon img{width: 32px;}
.alert-daily .danger .txt{padding-left: 20px; font-size: 24px; color: #fff; line-height: .9em;}
.alert-daily .danger .txt .title{font-weight: bold; color: #ff000e;}
/* success */
.alert-daily .success .btn-close .icon-f{color: #4DA412;}
.alert-daily .success{
    /* border-left: 10px solid #4DA412;  */
    padding: 10px; display: flex; align-items: center;
    padding-left: 35px;
    position: relative;
    background: rgb(196,231,125);
    background: -moz-linear-gradient(180deg, rgba(196,231,125,1) 0%, rgba(114,185,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(196,231,125,1) 0%, rgba(114,185,0,1) 100%);
    background: linear-gradient(180deg, rgba(196,231,125,1) 0%, rgba(114,185,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c4e77d",endColorstr="#72b900",GradientType=1);
}
.alert-daily .success:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 100%;
    background-image: url(../image/background/bg-alert-success.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.alert-daily .success:after{
    content: '';
    position: absolute;
    top: 0;
    right: -30px;
    width: 167px;
    height: 100%;
    background-image: url(../image/background/bg-dophin.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.alert-daily .success .icon{width: 35px; height: 35px; overflow: hidden; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); display: flex; justify-content: center;}
.alert-daily .success .icon img{width: 32px;}
.alert-daily .success .txt{padding-left: 20px; font-size: 24px; color: #fff; line-height: .9em;}
.alert-daily .success .txt .title{font-weight: bold; color: #2e7200;}

/* home */
/* top graphic */
.topgraphic{position: relative; max-height: inherit;}
.topgraphic:before{content: ''; position: absolute; z-index: 1; left: 0; right: 0; bottom: -1px; width: 100%; height: 100%; pointer-events: none; 
    background-image: url(../image/static/tgp-graphic.svg);
    background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom;
}
.topgraphic .cover{position: relative; padding-bottom: 936px;}
.topgraphic .cover img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
/* end top graphic */


/* wg-announce */
.wg-announce{position: relative;background-color: #fff; box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.16); border-radius: 5px; 
    overflow: hidden;
}
.wg-announce .h-title{font-size: 36px; font-weight: bold; line-height: 1; color: #fff; width: 100%; 
    text-align: center; padding: 17.5px 0; position: relative;
    background-image: linear-gradient(180deg, #008BE5 0%, #005DA5 100%);
}
.wg-announce .h-title:before{content: ''; position: absolute; top: 0; bottom: 0; right: -11px; width: 11.65px; height: 100%;
    background-image: url(../image/static/announce-graphic.svg);
    background-repeat: no-repeat; background-size: cover; background-position: center;
}
.wg-announce .h-title .lazy{margin-right: 15px;}
.wg-announce .slider{margin: 0 -20px; width: 974px; margin: 0 auto;}
.wg-announce .slick-dots {bottom: -12px;}
.wg-announce .slick-dots li { width: 9px; height: 9px;}
.wg-announce .slick-dots li button{border-width: 1px;}
.wg-announce .slider .slick-slide{padding: 0 20px; position: relative;}
.wg-announce .slider .slick-active+.slick-active:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto;
    width: 1px; height: 40px; background-color: #005DA5;
}
.wg-announce .slider .link{font-size: 20px; font-weight: normal; line-height: 1em; height: 2em; color: #005DA5;}
.wg-announce .slider .link:hover{color: #439fe6;}
/* wg-announce */

/* conclude */
.site-container.home{overflow: hidden;}

.wg-conclude{height: auto; background-color: #f2f9fa; position: relative; z-index: 0;}
.bg-wave{position: relative; background-color: #f2f9fa; padding-top: 0; z-index: 0; padding-bottom: 40px;}

.bg-wave:before{display: none;
    content: ''; position: absolute;  top: -200px;  left: 0; right: 0; width: 100%; height: 100%;
    background-image: url(../image/background/bg-topgraphic.png);
    background-repeat: no-repeat; background-position: top center; background-size: auto; z-index: -1;
}
.wg-conclude .conclude-list .item-list{margin: 40px -10px 0px -10px;}
.wg-conclude .conclude-list .item-list li{width: calc(100% / 6); padding: 0px 10px;}
.wg-conclude .card{background-color: transparent; border: none; width: 100%; text-align: center;}
.wg-conclude .card .header{font-size: 25px; font-weight: bold; padding-bottom: 12px; min-height: 45px;}
.wg-conclude .card .body .num{font-size: 60px; font-weight: bold; margin-top: 30px;}
.wg-conclude .card.c-purple .header,
.wg-conclude .card.c-purple .body .num{color: #9b0af7;}
.wg-conclude .card.c-blue .header,
.wg-conclude .card.c-blue .body .num{color: #0B8BF6;}
.wg-conclude .card.c-green .header,
.wg-conclude .card.c-green .body .num{color: #4DA412;}
.wg-conclude .card.c-orange .header,
.wg-conclude .card.c-orange .body .num{color: #F76A00;}
.wg-conclude .card.c-pink .header,
.wg-conclude .card.c-pink .body .num{color: #FF5AAA;}
/* end conclude */
.dailynews-map{position: relative; background-color: #f2f9fa; z-index: 1;}
.date-present{display: flex; align-items: center;}
.menu-date{padding: 20px 0 30px 0;}
.menu-date .action .btn-date{background-color: #fff; font-weight: normal; font-size: 30px; min-width: 95px;
    border: 1px solid rgba(36, 150, 222, 0.5); color: #005da5; border-radius: 5px; padding: 0 12px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3);
}
.menu-date .action .btn-date span img{margin-right: 10px; width: 32px; margin-top: -4px;}
.menu-date .action .btn-date.-size-lg{min-width: 280px;text-align: left;}
.menu-date .action .btn-date .feather{font-size: 20px; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; line-height: 50px;}
.menu-date .action .btn-date:hover{background-color: rgba(36, 150, 222, 1); color: #fff;}
.menu-date .action .btn-date:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.menu-date .btn-arrows{color: #005da5; min-width: auto; display: flex; align-items: center; justify-content: center; transition: all 200ms; margin: 0 20px; border-radius: 5px;} 
.menu-date .btn-arrows:hover{box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.3);}
.menu-date .text{font-size: 30px; color: #005da5;}
.reportDaily{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1;
}
.reportDaily .btnsubmitreport{
    width: 60px;
    height: 60px;
    min-width: inherit;
    /* display: flex;
    align-items: center;
    justify-content: center;
    background-color: #005da5;*/
    border: none;
    border-radius: 50%;
    position: relative;
    overflow: unset;
}
.reportDaily .btnsubmitreport .icon{
    position: absolute;
    background-color: #005da5;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.reportDaily .btnsubmitreport .icon img{width: 35px !important;}
.reportDaily .btnsubmitreport .txt-save{
    position: absolute;
    top: 0;
    right: -100%;
    width: 0; 
    height: 60px;
    padding-left: 30px;
    z-index: 0;
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
    overflow: hidden;
    opacity: 0;
    transform: scale(0);
    border-radius: 40px;
    transition: all 400ms; 
}
.reportDaily .btnsubmitreport:hover .txt-save{right: 0; width: 230px; opacity: 1; color: #005da5; transform: scale(1); background-color: #fff;}
.dailynews-map .wrapper{padding-bottom: 130%}
.dailynews-map .wrapper iframe{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.wg-event-top{position: absolute; top: 40px; width: auto; z-index: 1; left: 0; right: 0; margin: auto;}
.wg-event-top .news-gb .card{border: 0; border-radius: 5px; width: 150px; height: 80px; display: flex;
    justify-content: center; color: #fff; font-size: 45px; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
    /*align-items: center; */ padding: 0 12px;
}
.wg-event-top .news-gb .card.good{
    margin-bottom: 10px;
    background: rgb(196,231,125);
    background-image: -moz-linear-gradient(180deg, rgba(196,231,125,1) 0%, rgba(114,185,0,1) 100%);
    background-image: -webkit-linear-gradient(180deg, rgba(196,231,125,1) 0%, rgba(114,185,0,1) 100%);
    background-image: linear-gradient(180deg, rgba(196,231,125,1) 0%, rgba(114,185,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c4e77d",endColorstr="#72b900",GradientType=1);
}
.wg-event-top .news-gb .card.bad{
    background: rgb(255,188,192);
    background-image: -moz-linear-gradient(180deg, rgba(255,188,192,1) 0%, rgba(255,92,101,1) 55%, rgba(255,74,84,1) 100%);
    background-image: -webkit-linear-gradient(180deg, rgba(255,188,192,1) 0%, rgba(255,92,101,1) 55%, rgba(255,74,84,1) 100%);
    background-image: linear-gradient(180deg, rgba(255,188,192,1) 0%, rgba(255,92,101,1) 55%, rgba(255,74,84,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffbcc0",endColorstr="#ff4a54",GradientType=1);
}
.wg-event-top .news-gb .card .item-list{margin: 0 -10px; display: flex; align-items: center;}
.wg-event-top .news-gb .card .item-list li{width: calc(100% / 2); padding: 0 10px; position: relative;}
/*.wg-event-top .news-gb .card .item-list li:not(:last-child):before{content: ''; position: absolute; top: 0; right: -10px; 
    width: 1px; height: 40px; background-color: #fff;
}*/
.wg-event-top .news-gb .card .cover img{width: 64px;}
.wg-event-top .news-gb .card .num{text-align: right;}
.wg-event-top .news-gb .txt{font-size: 24px; font-weight: normal; line-height: 0.9; color: #fff; text-align: left;}
.wg-event-top .news-gb .num{font-size: 60px; font-weight: bold; line-height: 0.7; color: #fff; width: 50px; text-align: center;}
.wg-event-top .conclude-list{padding-left: 20px;}
.wg-event-top .conclude-list .item-list{margin: 0 -10px;}
.wg-event-top .conclude-list li{padding: 0 10px; width: calc(100%/6);}
.wg-event-top .card{background-color: transparent; border: none; width: 100%; text-align: center;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 15px; height: 170px;
}
.wg-event-top .card .header{font-size: 24px; line-height: 0.9; font-weight: normal; padding-bottom: 12px; min-height: 45px; color: #fff;}
.wg-event-top .card .body .cover{width: 37px; margin: 0 auto;}
.wg-event-top .card .body .cover > img{height: 37px; filter: grayscale(1) brightness(1000%);}
.wg-event-top .card .body .num{font-size: 50px; font-weight: bold; line-height: 0.7; margin-top: 12px; color: #fff}
.wg-event-top .card.c-pink-purple{background-image: linear-gradient(180deg, #9B0AF7 0%, #FF007C 100%);}
.wg-event-top .card.c-blue{background-image: linear-gradient(180deg, #004AC9 0%, #0090FF 100%);}
.wg-event-top .card.c-green{background-image: linear-gradient(180deg, #5b9400 0%, #81D100 100%);}
.wg-event-top .card.c-orange{background-image: linear-gradient(180deg, #F76A00 0%, #FFC000 100%);}
.wg-event-top .card.c-pink{background-image: linear-gradient(180deg, #FF007C 0%, #FF8188 100%);}
.wg-event-top .card.c-purple{background-image: linear-gradient(180deg, #9B0AF7 0%, #9C89F4 100%);}
.ev-top .card-date{ background-color: #fff;  width: 150px;  height: auto;
    border-radius: 5px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
.ev-top .card-date .num{font-size: 120px; font-weight: bold; color: #005da5; width: 100%; height: 110px; display: flex; align-items: center; justify-content: center;}
.ev-top .card-date .text{
    font-size: 30px; color: #fff; text-align: center; padding: 17.5px 20px;
    line-height: 0.8em;
    background: rgb(0,128,201);
    background-image: -moz-linear-gradient(180deg, rgba(0,128,201,1) 0%, rgba(14,195,201,1) 100%);
    background-image: -webkit-linear-gradient(180deg, rgba(0,128,201,1) 0%, rgba(14,195,201,1) 100%);
    background-image: linear-gradient(180deg, rgba(0,128,201,1) 0%, rgba(14,195,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0080c9",endColorstr="#0ec3c9",GradientType=1);
}
.ev-top .table-event{width: 100%; text-align: center; border-radius: 5px;background-color: #fff;}
.ev-top .table-event tr th,
.ev-top .table-event tr td{padding: 20px;}
.ev-top .table-event tr th:nth-child(1),
.ev-top .table-event tr td:nth-child(1){width: 40%;}
.ev-top .table-event thead .tr{font-size: 26px; font-weight: bold; color: #fff; background-color: #2496de;}
.ev-top .table-event tbody .tr{font-size: 26px; color: #005da5; background-color: #f2f9fa;}
.ev-top .table-event tbody .tr:nth-child(even){background-color: rgba(91, 184, 255, 0.2);}

.ev-priority .topic,
.ev-situation .topic{margin-bottom: 0px;}
.ev-priority{margin-bottom: 10px;}
.ev-priority .item-list{margin: 0 -15px;}
.ev-priority .item-list li{width: calc(100% / 4); padding: 0 15px; margin-bottom: 30px;}
.ev-priority .item-list .card{border: none; padding: 20px; border-radius: 5px; background-color: #fff !important; min-height: 230px; box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.2);}
.ev-priority .item-list .card.success{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 26%, rgba(196,231,125,0.65) 300%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 26%, rgba(196,231,125,0.65) 300%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 26%, rgba(196,231,125,0.65) 300%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#c4e77d",GradientType=1);
}
.ev-priority .item-list .card.danger{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 26%, rgba(250,113,121,0.465) 300%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 26%, rgba(250,113,121,0.65) 300%);
    background: linear-gradient(180deg, rgba(255,255,255,1) 26%, rgba(250,113,121,0.65) 300%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#fa7179",GradientType=1);
}
.ev-priority .item-list .card.success.new{position: relative;}
.ev-priority .item-list .card.success.new:before,
.ev-priority .item-list .card.danger.new:before{
    content: '';
    position: absolute;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.ev-priority .item-list .card.success.new:before{background-color: #72b900; box-shadow: 0 3px 4px 0 rgba(114, 185, 0, 0.2);}
.ev-priority .item-list .card.danger.new:before{background-color: #D84B53; box-shadow: 0 3px 4px 0 rgba(216, 75, 83, 0.2);}
.ev-priority .item-list .card .body{margin-top: 0; padding: 0;}
.ev-priority .item-list .card .desc{font-size: 22px; font-weight: 100; color: #4e4e4e; line-height: 1em; position: relative; text-decoration: none; transition: all 200ms;}
.ev-priority .item-list .card .desc:hover{color: #979797;}
.ev-priority .item-list .card .desc.success:before,
.ev-priority .item-list .card .desc.danger:before{ content: ''; position: absolute; left: -20px; top: 6px; 
    width: 10px; height: 10px;border-radius: 50%;
    display: none;
}
.ev-priority .item-list .card .desc.success:before{background-color: #c4e77d;}
.ev-priority .item-list .card .desc.danger:before{background-color: #fa7179;}
.ev-priority .item-list .card .cover{text-align: center; position: relative;}
.ev-priority .item-list .card .cover .number{position: absolute; top: 0; left: 50%; transform: translate(-50%, 11px); font-size: 18px; font-weight: bold;}
.ev-priority .item-list .card.success .cover .number{color: #72b900;}
.ev-priority .item-list .card.danger .cover .number{color: #d01a00;}
.ev-priority .item-list .card .cover img{width: 30px; height: 42px;}
/*.ev-priority .item-list .card.danger .cover img{filter: invert(37%) sepia(93%) saturate(7471%) hue-rotate(363deg) brightness(72%) contrast(155%);}*/
/*.ev-priority .item-list .card ul.item-list{list-style-type: square; padding-left: 20px;}*/
.ev-priority .item-list .card ul.item-list li{width: 100%; margin-bottom: 0;}

.wg-ev-bottom{position: absolute; bottom: 20px; width: 1310px; z-index: 1; left: 0; right: 0; margin: 0 auto;}
.wg-ev-bottom .item-list{margin: 0 -10px; margin-top: 20px;}
.wg-ev-bottom .item-list li{width: calc(100% / 4); padding: 0 10px; margin-bottom: 20px;}
.wg-ev-bottom .card{border: none; overflow: hidden; box-shadow: 0 3px 13px 0 rgba(0, 0, 0, 0.2);}
.wg-ev-bottom .card .img-top .item-list{margin: 0;}
.wg-ev-bottom .card .img-top .item-list li{width: calc(100% / 2); padding: 0; margin-bottom: 0;}
.wg-ev-bottom .card .img-top .item-list li .cover{position: relative; width: 100%; height: 90px;}
.wg-ev-bottom .card .img-top .item-list li .cover img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.wg-ev-bottom .card .circle-icon{position: absolute; left: 50%; top: 50px; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; transform: translate(-50%, 0);}
.wg-ev-bottom .card .circle-icon img{width: 70px;}
.wg-ev-bottom .card .body{padding: 45px 15px;}
.wg-ev-bottom .card .body .title{font-size: 22px; font-weight: bold; color: #005da5; text-align: center; margin-bottom: 5px;}
.wg-ev-bottom .card .body .desc{font-size: 22px; line-height: 1em; min-height: 3em}
.wg-ev-bottom .card .action{padding-top: 15px;}
.wg-ev-bottom .card .action .btn{min-width: inherit; width: 100%; height: 30px; line-height:30px; font-weight: normal;
    font-size: 20px; color: #fff; border-radius: 15px; border: 0;
}
.wg-ev-bottom .card .action .btn img{margin-right: 3px;}
.wg-ev-bottom .card .action .btn.c-pink-purple{background-image: linear-gradient(180deg, #9B0AF7 0%, #FF007C 100%);}
.wg-ev-bottom .card .action .btn.c-blue{background-image: linear-gradient(180deg, #004AC9 0%, #0090FF 100%);}
.wg-ev-bottom .card .action .btn.c-green{background-image: linear-gradient(180deg, #5b9400 0%, #81D100 100%);}
.wg-ev-bottom .card .action .btn.c-orange{background-image: linear-gradient(180deg, #F76A00 0%, #FFC000 100%);}
.wg-ev-bottom .card .action .btn.c-pink{background-image: linear-gradient(180deg, #FF007C 0%, #FF8188 100%);}
.wg-ev-bottom .card .action .btn.c-purple{background-image: linear-gradient(180deg, #9B0AF7 0%, #9C89F4 100%);}
.wg-ev-bottom .card .action .btn:hover{background-position: 0 -60px;}
.wg-ev-bottom .card .thumb .cover{position: relative; width: 100%; height: 220px; border-radius: 5px; overflow: hidden;}
.wg-ev-bottom .card .thumb .cover img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.wg-ev-bottom .card .content{padding: 8px 20px; font-size: 24px; font-weight: bold; text-align: center; line-height: 1; color: #024A82;}
.wg-ev-bottom .card .alert-event{width: 100%; text-align: center; padding: 10px 0; font-size: 27px; color: #fff;}
.wg-ev-bottom .card .alert-event.warning{background-color: #FFAA00;}
.wg-ev-bottom .card .alert-event.danger{background-color: #FF4A54;}
.wg-ev-bottom .card .alert-event.success{background-color: #72B900;}
.wg-ev-bottom .markersDaily .card{background-color: #fff; border-radius: 5px;}
/* sectionII */
.bg-sectionII{padding-bottom: 115px; padding-top: 60px; position: relative;
    background-color: #fff; background-position: center top; background-size: cover;
    background-image: url(../image/background/bg-sectionII.jpg);
}
/*wg-SeaWeatherAndWaves*/
.wg-SeaWeatherAndWaves{position: relative; z-index: 2;}
.wg-SeaWeatherAndWaves .list-content{position: relative;}
.wg-SeaWeatherAndWaves .item-list{margin: 0 -20px;}
.wg-SeaWeatherAndWaves .item-list > li{padding: 40px 20px 0 20px; width: calc(100% / 3);}
.wg-SeaWeatherAndWaves .link{background-color: #fff; position: relative; display: block; height: 160px; padding: 20px;
    border-radius: 5px; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.16);
}
.wg-SeaWeatherAndWaves .content{position: relative; z-index: 1;}
.wg-SeaWeatherAndWaves .txt{font-size: 30px; font-weight: bold; color: #4E4E4E; line-height: 1;}
.wg-SeaWeatherAndWaves .h-txt{font-size: 40px; font-weight: bold; line-height: 1;}
.wg-SeaWeatherAndWaves .thumb{position: absolute; z-index: 0; right: 0; bottom: 0; top: -40px; left: 0; pointer-events: none;}
.wg-SeaWeatherAndWaves .contain{position: relative; padding-bottom: 50%; border-radius: 5px; overflow: hidden;}
.wg-SeaWeatherAndWaves .contain > img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: bottom center;}
.wg-SeaWeatherAndWaves+.wg-MarineMilestones{padding-top: 160px;}
/*.wg-MarineMilestones*/
.wg-MarineMilestones{position: relative; z-index: 2;}
.wg-MarineMilestones .action .btn{min-width: 150px; border-width: 2px;}
.wg-MarineMilestones .list-content{position: relative; padding-top: 15px;}
.wg-MarineMilestones .item-list{margin: 0 -25px;}
.wg-MarineMilestones .item-list > li{padding: 0 25px; width: calc(100% / 4);}
.wg-MarineMilestones .link{display: block;}
.wg-MarineMilestones .thumb{position: relative; display: table; height: 235px; width: 100%; 
    display: flex; align-items: center; justify-content: center;
}
.wg-MarineMilestones .obg{position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%;}
.wg-MarineMilestones .obg:before{content: ''; position: absolute; z-index: 0; 
    top: -30px; left: 0; right: 0; bottom: 0; margin: auto; width: 240px; height: 240px;
    background-position: center; background-repeat: no-repeat;
    background-size: contain; background-image: url(../image/static/rope.png);
}
.wg-MarineMilestones .obg > img{object-fit: contain; object-position: center; 
    position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
    width: 216px; height: 216px;
}
.wg-MarineMilestones .cover{position: relative; z-index: 1; width: 140px; height: 140px; 
    overflow: hidden; border-radius: 50%; box-shadow: 0 8px 10px 0 rgba(0,0,0,0.16);
}
.wg-MarineMilestones .cover > img{object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.wg-MarineMilestones .content{text-align: center; padding: 0 25px;}
.wg-MarineMilestones .content .title{
    overflow: hidden; font-size: 30px; font-weight: bold; line-height: 1.2em; height: 2.4em; color: #0081E6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.wg-MarineMilestones .content .desc{
    overflow: hidden; font-size: 24px; font-weight: normal; line-height: 1.2em; height: 3.5em; color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.wg-MarineMilestones .btn-box{text-align: center; padding-top: 35px;}
.wg-MarineMilestones .btn-box .btn{font-size: 20px; font-weight: normal; min-width: 150px; height: 40px; line-height: 38px; 
    border-color: #0081E6; color: #0081E6; border-radius: 5px;
}
.wg-MarineMilestones .btn-box .btn:before { content: ""; position: absolute; z-index: -1;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: linear-gradient(0deg, #59c9ea 0%, #0090ff 100%);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
.wg-MarineMilestones .link:hover .btn-box .btn{box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16); color: #fff; border-color: #83c8ff;}
.wg-MarineMilestones .link:hover .btn-box .btn:before{transform: scaleX(1);}
/* sectionIII */
.bg-sectionIII{position: relative; background-color: #fff; }
.bg-sectionIII:before{content:''; position: absolute; z-index: 1; top: -178px; left: 0; right: 0; height: 322px;
    background-image: url(../image/static/wg-about-ogb.png); background-position: center; pointer-events: none;
}
.bg-sectionIII:after{content:''; position: absolute; z-index: 0; top:0; left: 0; right: 0; height: 100%;
    background-position: center top; background-repeat: no-repeat; pointer-events: none;
    background-image: url(../image/background/bg-sectionIII.png);
}
/* about */
.wg-about{position: relative; z-index: 1; padding-top: 80px; padding-bottom: 60px;}
.wg-about .slider{position: relative;}
.wg-about .slick-list{margin: 0 -75px;}
.wg-about .slick-list .item{padding: 0 75px; position: relative;}
.wg-about .slick-slide{opacity: 0; pointer-events: none; transition: all 400ms;}
.wg-about .slick-slide.slick-active{opacity: 1; pointer-events: visible;}
.wg-about .slick-prev{left: -80px;}
.wg-about .slick-next{right: -80px;}
.wg-about .slick-prev,
.wg-about .slick-next{ background-color: transparent; border: 2px solid #fff; color: #fff;
    font-size: 30px; line-height: 55px;text-align: center; width: 50px; height: 50px;
    border-radius: 50%;
    transition: all 200ms;
}
.wg-about .slick-prev .feather{position: relative; left: -2px;}
.wg-about .slick-next .feather{position: relative; right: -2px;}
.wg-about .slick-prev:hover,
.wg-about .slick-next:hover{color: #004AC9; background-color: #fff; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);}
.wg-about .slick-prev:before,
.wg-about .slick-next:before{content: '';}
.wg-about .slick-dots{bottom: -50px;}
.wg-about .slick-dots li{width: 20px; height: 20px;}
.wg-about .slick-dots li button{background-color: transparent; border: 2px solid #fff; transition: all 200ms;}
.wg-about .slick-dots li.slick-active button{background-color: #fff;}
.wg-about .slick-slide:nth-child(3n+1) .thumb:before{background: linear-gradient(315deg, #C4E77D 0%, #3ABB61 100%);}
.wg-about .slick-slide:nth-child(3n+2) .thumb:before{background: linear-gradient(315deg, #F1AAE1 0%, #9C89F4 100%);}
.wg-about .slick-slide:nth-child(3n+3) .thumb:before{background: linear-gradient(315deg, #FCCE7D 0%, #FC8298 100%);}
.wg-about .slick-slide:nth-child(3n+1) .ojb{background-image: url(../image/static/wg-about-ojb1.png);}
.wg-about .slick-slide:nth-child(3n+2) .ojb{background-image: url(../image/static/wg-about-ojb2.png);}
.wg-about .slick-slide:nth-child(3n+3) .ojb{background-image: url(../image/static/wg-about-ojb3.png);}
.wg-about .thumb{position: relative; z-index: 1; top: 0;width: 250px; height: 250px; margin: 0 auto;
    -webkit-clip-path: polygon(94.33013% 47.5%, 94.69846% 48.2899%, 94.92404% 49.13176%, 95% 50%, 94.92404% 50.86824%, 94.69846% 51.7101%, 94.33013% 52.5%, 74.33013% 87.14102%, 73.83022% 87.85495%, 73.21394% 88.47124%, 72.5% 88.97114%, 71.7101% 89.33948%, 70.86824% 89.56505%, 70% 89.64102%, 30% 89.64102%, 29.13176% 89.56505%, 28.2899% 89.33948%, 27.5% 88.97114%, 26.78606% 88.47124%, 26.16978% 87.85495%, 25.66987% 87.14102%, 5.66987% 52.5%, 5.30154% 51.7101%, 5.07596% 50.86824%, 5% 50%, 5.07596% 49.13176%, 5.30154% 48.2899%, 5.66987% 47.5%, 25.66987% 12.85898%, 26.16978% 12.14505%, 26.78606% 11.52876%, 27.5% 11.02886%, 28.2899% 10.66052%, 29.13176% 10.43495%, 30% 10.35898%, 70% 10.35898%, 70.86824% 10.43495%, 71.7101% 10.66052%, 72.5% 11.02886%, 73.21394% 11.52876%, 73.83022% 12.14505%, 74.33013% 12.85898%);
    clip-path: polygon(94.33013% 47.5%, 94.69846% 48.2899%, 94.92404% 49.13176%, 95% 50%, 94.92404% 50.86824%, 94.69846% 51.7101%, 94.33013% 52.5%, 74.33013% 87.14102%, 73.83022% 87.85495%, 73.21394% 88.47124%, 72.5% 88.97114%, 71.7101% 89.33948%, 70.86824% 89.56505%, 70% 89.64102%, 30% 89.64102%, 29.13176% 89.56505%, 28.2899% 89.33948%, 27.5% 88.97114%, 26.78606% 88.47124%, 26.16978% 87.85495%, 25.66987% 87.14102%, 5.66987% 52.5%, 5.30154% 51.7101%, 5.07596% 50.86824%, 5% 50%, 5.07596% 49.13176%, 5.30154% 48.2899%, 5.66987% 47.5%, 25.66987% 12.85898%, 26.16978% 12.14505%, 26.78606% 11.52876%, 27.5% 11.02886%, 28.2899% 10.66052%, 29.13176% 10.43495%, 30% 10.35898%, 70% 10.35898%, 70.86824% 10.43495%, 71.7101% 10.66052%, 72.5% 11.02886%, 73.21394% 11.52876%, 73.83022% 12.14505%, 74.33013% 12.85898%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    -webkit-box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 10%);
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.wg-about .thumb:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.wg-about .shadow {position: absolute; top: 30px; left: 0; right: 0; margin: auto; width: 190px; height: 190px; z-index: 0;  
    border-radius: 50%; transition: all 200ms ease-out;
    box-shadow: 0 3px 20px 10px rgb(0 0 0 / 16%) !important;
}
.wg-about .ojb{position: absolute; z-index: 0; top: 0; left: 0; right: 0; width: 290px; height: 250px;
    margin: 0 auto; background-size: contain; background-position: center; background-repeat: no-repeat;
}
.wg-about .content{width: 250px; margin: 0 auto; text-align: center;}
.wg-about .content .title{font-size: 30px; font-weight: bold; line-height: 1; color: #004AC9;
    overflow: hidden;line-height: 1.2em; height: 1.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.wg-about .content .desc{font-size: 24px; font-weight: normal; line-height: 1; color: #4E4E4E;
    overflow: hidden;line-height: 1.2em; height: 2.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/* news */
.wg-news-release{
    position: relative;
    padding-top: 180px;
    padding-bottom: 100px;
    /* background-image: url(../image/background/bg-img-1.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; */
    /*background-color: #f2f9fa;*/
    /*min-height: 1000px;*/
    z-index: 1;
    /*overflow: hidden;*/
}
.wg-news-release:before,
.wg-news-release:after{
    content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    z-index: -1;
}
.wg-news-release:before{
    bottom: -60px;
    left: 0;
    width: 470px;
    height: 612px;
    background-image: url(../image/background/wg-news-obg-l.svg);
}
.wg-news-release:after{
    bottom: -60px;
    right: 0;
    width: 548px;
    height: 771px;
    background-image: url(../image/background/wg-news-obg-r.svg);
}
.wg-news-release .action .btn{min-width: 150px; border-width: 2px;}
.wg-news-release .info{margin-bottom: 50px;}
.wg-news-release .info .card{
    position: relative; overflow: hidden; z-index: 1; color: #fff; border: none; 
    border-radius: 5px; width: 100%; padding: 40px 20px; box-shadow: 0px 3px 20px 0 rgba(0, 0, 0, 0.2);
}
.wg-news-release .info .card .image{position: absolute; right: 0; top: -15px; z-index: -1;}
.wg-news-release .info .card .title{font-size: 40px; font-weight: bold; margin-bottom: 15px;}
.wg-news-release .info .card .desc{font-size: 24px; width: 300px; line-height: 1em; margin-bottom: 30px;}
.wg-news-release .info .card .desc.text-limit{height: 2em;}
.wg-news-release .info .item-list{margin: 0 -10px;}
.wg-news-release .info .item-list li{width: calc(100% / 3); padding: 0px 10px;}
.wg-news-release .info .item-list li:nth-child(1) .c-info a{color: #0b8bf6;}
.wg-news-release .info .item-list li:nth-child(1) .card{
    background: rgb(47,201,254);
    background: -moz-linear-gradient(50deg, rgba(47,201,254,1) 0%, rgba(98,250,245,1) 100%);
    background: -webkit-linear-gradient(50deg, rgba(47,201,254,1) 0%, rgba(98,250,245,1) 100%);
    background: linear-gradient(50deg, rgba(47,201,254,1) 0%, rgba(98,250,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2fc9fe",endColorstr="#62faf5",GradientType=1);
}
.wg-news-release .info .item-list li:nth-child(2) .c-info a{color: #9b0af7;}
.wg-news-release .info .item-list li:nth-child(2) .card{
    background: rgb(156,137,244);
    background: -moz-linear-gradient(50deg, rgba(156,137,244,1) 0%, rgba(241,170,225,1) 100%);
    background: -webkit-linear-gradient(50deg, rgba(156,137,244,1) 0%, rgba(241,170,225,1) 100%);
    background: linear-gradient(50deg, rgba(156,137,244,1) 0%, rgba(241,170,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c89f4",endColorstr="#f1aae1",GradientType=1);
}
.wg-news-release .info .item-list li:nth-child(3) .c-info a{color: #9b0af7;}
.wg-news-release .info .item-list li:nth-child(3) .card{
    background: rgb(252,130,152);
    background: -moz-linear-gradient(50deg, rgba(252,130,152,1) 0%, rgba(252,206,125,1) 100%);
    background: -webkit-linear-gradient(50deg, rgba(252,130,152,1) 0%, rgba(252,206,125,1) 100%);
    background: linear-gradient(50deg, rgba(252,130,152,1) 0%, rgba(252,206,125,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc8298",endColorstr="#fcce7d",GradientType=1);
}
.news-release-list{margin-top: 30px;}
.news-release-list .card{
    border: none;
    background-color: #fff;
    box-shadow: 0px 3px 20px 0 rgba(0, 0, 0, 0.1);
    text-align: left;
}
.news-release-list .card .body{padding: 20px; min-height: 170px; max-height: 170px;}
.news-release-list .card .title{font-size: 32px; font-weight: 500; color: #0081e6; line-height: 1em;}
.news-release-list .card .desc{font-size: 24px; color: #333; line-height: 1em; margin-top: 10px;}
.news-release-list .card desc.text-limit{max-height: 2em;}
.news-release-list .card .read-more{margin-top: 0; padding: 0 20px 20px;}
.news-release-list .card .read-more .date{font-size: 20px; color: #89a0b0;}
.news-release-list .card .cover{position: relative; width: 100%; height: auto; padding-top: 100%;}
.news-release-list .card .cover img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} 
.news-release-list .action .btn.btn-slide{display: flex; align-items: center; justify-content: center; min-width: inherit;}
.news-release-list .action .btn.btn-slide span{margin-left: 20px;}
.news-release-list .slick-list{margin: 0 -20px; overflow: inherit;}
.news-release-list .slick-list .item{padding: 0 20px; visibility: hidden;}
.news-release-list .slick-list .slick-slide.slick-active .item{visibility: visible;}
.news-release-list .slick-slide{opacity: 0; transition: all 400ms;}
.news-release-list .slick-slide.slick-active{opacity: 1;}
.news-release-list .slick-prev{left: -80px;}
.news-release-list .slick-next{right: -80px;}
.news-release-list .slick-prev,
.news-release-list .slick-next{
    background-color: #fff;
    color: #004ac9;
    font-size: 40px;
    line-height: 62px;
    text-align: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3);
    transition: all 200ms;
}
.news-release-list .slick-prev:hover,
.news-release-list .slick-next:hover{color: #fff; background-color: #004ac9;}
.news-release-list .slick-prev.slick-disabled,
.news-release-list .slick-next.slick-disabled{color: rgba(0, 74, 201, 0.231);}
.news-release-list .slick-prev.slick-disabled:hover,
.news-release-list .slick-next.slick-disabled:hover{color: rgba(0, 74, 201, 0.231); background-color: #fff;}
.news-release-list .slick-prev:before,
.news-release-list .slick-next:before{content: '';}
.news-release-list .slick-dots{bottom: -50px;}
.slick-dots li{width: 20px; height: 20px;}
.slick-dots li button{background-color: transparent; border: 2px solid #004ac9; transition: all 200ms;}
.slick-dots li.slick-active button{background-color: #004ac9;}
/* end news */
/* end home */

/* news page */
.news-page{padding-bottom: 50px; position: relative;}
/* .news-page:before{
    content: ''; position: absolute;
    top: 60px;
    left: -120px;
    width: 500px;
    height: 100%;
    background-image: url(../image/background/news-bg-nemo.svg);
    background-size: contain;
    background-repeat: no-repeat;
} */
/* .news-page:after{
    content: ''; position: absolute;
    top: 60px;
    right: -380px;
    width: 600px;
    height: 100%;
    background-image: url(../image/background/news-bg-turtle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
} */
.news-page .news-release-list .item-list{margin: 0 -10px;}
.news-page .news-release-list .item-list li{width: calc(100% / 3); padding: 0 10px; margin-bottom: 20px;}
.news-page .news-release-list .topic{margin-bottom: 30px;}
.news-page .news-release-list .topic .title{margin-bottom: 30px; color: #0081e6;}
.topic .title.text-medium{font-weight: 500;}
.baseline{display: flex; align-items: baseline;}
/* end news page */
/* news detail */
.news-detail{padding-bottom: 50px;}
.news-detail .card{text-align: left; background-color: #fff; border-radius: 5px; padding: 20px 0; padding-bottom: 0; box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.2); margin-top: 20px; font-size: 24px; font-weight: 400;}
.news-detail .card .body > div{padding-bottom: 15px;}
.news-detail .header{border-bottom: 1px solid #e1e1e1;}
.news-detail .header .h-title{font-size: 36px; font-weight: bold; line-height: 1em; color: #5bb8ff; padding-left: 20px;}
.news-detail .header .info{font-size: 20px; line-height: 1em; color: #5bb8ff; padding-right: 20px;}
.news-detail .header .info li + li{margin-left: 10px;}
.news-detail .header .info li span{padding-right: 7px;}
.news-detail .body{padding: 20px;}
.download-box .h-title{font-size: 42px; color: #fa0; font-weight: bold; line-height: 1em; margin-top: 10px; margin-bottom: 20px;}
.news-detail .wrapper{padding: 15px; border: 1px solid #007FC8; border-radius: 5px; transition: all 200ms;}
.news-detail .wrapper:hover{border: 1px solid #29a2ff;}
.news-detail .wrapper .icon-load{margin-right: 14px; width: 50px;}
.news-detail .wrapper .content .title{font-size: 20px; font-weight: bold; line-height: 1em; color: #007fc8;}
.news-detail .wrapper .content .desc{display: flex; font-size: 20px; color: #707070; line-height: 1em;}
.news-detail .wrapper .content .desc span{margin-right: 10px;}
.news-detail .download-list .slick-list{margin: 0 -10px;}
.news-detail .download-list .slick-list .item{padding: 0 10px;}
.news-detail .gallery-list .slick-list{margin: 0 -10px;}
.news-detail .gallery-list .slick-list .item{padding: 0 10px;}
.news-detail .action .wrapper{width: 100%; display: flex; justify-content: space-between; border: none; padding: 0;}
.news-detail .box-share .icon{display: inline-block;}
.news-detail .box-share .icon .btn{font-weight: 400; display: flex; align-items: center; justify-content: center; height: 35px;}
.news-detail .box-share .icon .btn img{filter: brightness(1) invert(0); transition: all 200ms;}
.news-detail .box-share .icon .btn:hover img{filter: brightness(0) invert(1);}
.news-detail .box-share .icon.-print{float: right;}
.news-detail .box-share .icon.-print .btn{color: #707070; border: 1px solid #707070;}
.news-detail .box-share .icon.-print .btn:hover:before{background-color: #707070;}
.news-detail .box-share .icon.-fb .btn{color: #3B5998; border: 1px solid #3B5998;}
.news-detail .box-share .icon.-fb .btn:hover:before{background-color: #3b5998;}
.news-detail .box-share .icon.-tw .btn{color: #1DA1F2; border: 1px solid #1DA1F2;}
.news-detail .box-share .icon.-tw .btn:hover:before{background-color: #1DA1F2;}

/* related news */
.related-news-list{padding: 0 20px; margin-bottom: 10px;}
.related-news-list .slick-list{margin: 0 -10px;}
.related-news-list .slick-list .item{padding: 0 10px; padding-bottom: 10px;}
.related-news-list .image{width: 100%; height: 200px; overflow: hidden;}
.related-news-list .cover{position: relative; padding-bottom: 76%; transform: scale(1) rotate(0); transition: all 1s;}
.related-news-list .cover img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;}
.related-news-list .body{padding-bottom: 0;}
.related-news-list .body .h-title{font-size: 29px; font-weight: bold; color: #0081e6; line-height: 0.9em;}
.related-news-list .body .h-title.text-limit{height: 1.8em;}
.related-news-list .body .desc{font-size: 24px; font-weight: 400; color: #333; line-height: 1em; margin-top: 10px;}
.related-news-list .body .desc.text-limit{height: 2em;}
.related-news-list .body .action{display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
.related-news-list .body .action .btn{font-weight: 400; display: flex; align-items: center;}
.related-news-list .body .action .btn span{transform: translateX(0px); opacity: 0; transition: all 1s;}
.related-news-list .body .action .date{font-size: 20px; color: #89a0b0;}
.related-news-list .inner{box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); overflow: hidden; border-radius: 5px;}
.related-news-list .link:hover .cover{transform: scale(1.3) rotate(-3deg);}
.related-news-list .link:hover .action .btn span{transform: translateX(5px); opacity: 1;}

.related-news.h-title{font-size: 42px; font-weight: bold; color: #9c89f4; padding: 20px; padding-bottom: 30px;}
@media screen and (max-width: 1440px){
    .related-news-list .body{font-size: 20px; padding-top: 30px;}
    .related-news-list .body .h-title{font-size: 24px;}
}
@media screen and (max-width: 1199px){
    .related-news-list .image{height: auto;}
    .related-news-list .body{padding-top: 10px;}
}
@media screen and (max-width: 991px){
    .related-news-list .cover{padding-bottom: 56%;}
}
@media screen and (max-width: 575px){
    .gallery-box{padding-top: 15px;}
    .news-detail .action .btn{height: 35px; line-height: 35; font-size: 20px;}
    .news-detail .box-share .icon.-print,
    .news-detail .box-share .icon{float: left;}
    .news-detail .box-share .icon + .icon{ margin-left: 5px;}
    .news-detail .box-share .icon .btn{font-size: 18px; min-width: 97px;}
    .news-detail .card .body > div{padding-bottom: 0;}

    .download-box .h-title img {width: 30px;}
    .download-box .h-title,
    .related-news.h-title{font-size: 24px; padding-top: 0;}
    .news-detail .body{padding: 15px;}
    .related-news-list .cover{padding-bottom: 60%;}
    .related-news-list .body {padding: 10px;}
    .related-news-list .body .h-title{font-size: 20px;}
    .related-news-list .body .desc{font-size: 18px;}
    .related-news-list .body .action{flex-direction: column; align-items: flex-start;}
    .related-news-list .body .action .date{font-size: 16px;}
    .related-news-list .body .action .btn.btn-small{font-size: 16px;}

    .related-news-list .slick-list{margin: 0 -5px;}
    .related-news-list .slick-list .item{padding: 0 5px; padding-bottom: 10px;}
}
/* end related news */
/* end news detail */
/* output page */
.output-page{min-height: 500px; padding-bottom: 80px; position: relative; overflow: hidden;}
.output-page:before{
    content: ''; position: absolute;
    top: 60px;
    left: -120px;
    width: 500px;
    height: 100%;
    background-image: url(../image/background/output-bg-nemo.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.output-page:after{
    content: ''; position: absolute;
    top: 60px;
    right: -120px;
    width: 500px;
    height: 100%;
    background-image: url(../image/background/output-bg-turtle.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
}
.output-page .topic .title{color: #0081e6; margin-bottom: 30px;}
.output-page .topic .title img{margin-right: 10px;}
.output-page .txt-output{font-size: 45px; color: #9b0af7; margin-top: 25px;}
.b-output{width: 100%; min-height: 500px; background-color: #fff; display: flex; justify-content: center; padding: 60px 0; box-shadow: 0px 3px 20px 0 rgba(0, 0, 0, 0.2);}
.b-output .submit-page{text-align: center;}
.b-output .submit-page .title{font-size: 59px; font-weight: bold; color: #4da412; line-height: 1.6em;}
.b-output .submit-page .desc{font-size: 38px; color: #0080c9; margin-bottom: 50px;}
.btn-output{font-weight: normal; min-width: 300px;}
/* end output page */

/* preview page */
.preview-page{min-height: 500px; padding-bottom: 50px;}
.preview-page .dailynews-map .wrapper{padding-bottom: 220%;}
.wg-title-map{
    position: absolute; top: 0; width: 100%; height: 150px; color: #fff;
    display: flex;
    align-items: center;
    padding-left: 40px;
}
/* .preview-1 .wg-title-map{
    background: rgb(0,224,232);
    background-image: -moz-linear-gradient(180deg, rgba(0,224,232,1) 0%, rgba(0,142,220,1) 90%);
    background-image: -webkit-linear-gradient(180deg, rgba(0,224,232,1) 0%, rgba(0,142,220,1) 90%);
    background-image: linear-gradient(180deg, rgba(0,224,232,1) 0%, rgba(0,142,220,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00e0e8",endColorstr="#008edc",GradientType=1);
} */
.preview-2 .wg-footer-map > div{margin-top: 38px;}
.wg-title-map .title{font-size: 40px; line-height: 0.9em;}
.wg-title-map .title span{font-size: 52px; font-weight: bold;}
.wg-footer-map{position: absolute; bottom: 0; height: 150px; text-align: center; display: flex; align-items: center; justify-content: center; color: #fff;}
.wg-footer-map .title{font-size: 38px; font-weight: bold; line-height: 1em;}
.wg-footer-map .desc{font-size: 28px; line-height: 1em;}
/*.preview-page .wg-ev-bottom{left: 15px; right: 15px; transform: translate(0);}
.preview-page .wg-event-top{left: 0; transform: translate(0); width: 100%; overflow: hidden;}
.preview-page .ev-top .card-date .text{padding: 10px 20px;}
.preview-page .ev-top .card-date .num{font-size: 80px; height: 70px;}
.preview-page .wg-event-top .news-gb .card.good{margin-bottom: 10px;}
.preview-page .txt-output{font-size: 45px; color: #9b0af7;}
.preview-page .wg-event-top{top: 190px;}*/
.action-preview{
    position: sticky;
    width: 100%;
    bottom: 0;
    height: 110px;
    margin-top: 0;
    display: flex;
    align-items: center;
    background-color: rgba(57, 228, 255, .8);
    z-index: 1;
}
.action-preview .btn.btn-primary{
    background-color: #005da5;
    color: #fff;
    font-weight: normal;
    min-width: 180px;
    border: 1px solid #005da5;
    transition: all 300ms;
}
.action-preview .btn.btn-primary:hover{color: #005da5 !important;}
.action-preview .btn.btn-primary:before{
    background: #fff;
}
.action-preview .btn.btn-light{
    background-color: #fff;
    color: #0081e6;
    border: 1px solid #0081E6;
    font-weight: normal;
    min-width: 180px;
    transition: all 300ms;
}
.action-preview .btn.btn-light:hover{color: #fff;}
.action-preview .btn.btn-light:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.action-preview .btn.btn-light:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #005da5;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.mt-preview{margin-top: 40px;}
/* preview-1 */
.preview-1 .wg-title-map{
    background-color: #0080c9;
    background-image: url(../image/background/bg-header-preview-1.jpg);
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}
/* .preview-1 .wg-title-map:before{
    content: '';
    right: 0;
    bottom: 0;
    width: 714px;
    height: 100%;
    position: absolute;
    background-image: url(../image/background/bg-preview-1.svg);
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
} */
.preview-1 .wg-footer-map{
    background-image: url(../image/background/bg-footer-preview-1.jpg);
    background-repeat: no-repeat;
    background-color: #0080c9;
    background-position: top center;
    background-size: cover;
    /* background: rgb(0,224,232);
    background-image: -moz-linear-gradient(180deg, rgba(0,224,232,1) 0%, rgba(0,142,220,1) 90%);
    background-image: -webkit-linear-gradient(180deg, rgba(0,224,232,1) 0%, rgba(0,142,220,1) 90%);
    background-image: linear-gradient(180deg, rgba(0,224,232,1) 0%, rgba(0,142,220,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00e0e8",endColorstr="#008edc",GradientType=1); */
}
/* end preview-1 */
/* preview-2 */
/* .preview-2 .wg-title-map{
    background-image: url(../image/background/bg-header-preview-2.png);

    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    text-align: center;
    display: flex;
    justify-content: center;
    background-color: #333;
} */
/* .preview-2 .wg-title-map{
    background-image: url(../image/background/bg-header-preview-2.png);
    position: absolute !important;
    bottom: 0;
    right: 100px;
    width: 0;
    height: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    z-index: 0;
} */
.preview-2 .wg-footer-map{
    background-image: url(../image/background/bg-footer-preview-2.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 180px;
}
/*.preview-2 .ev-priority .item-list .card:before{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    opacity: 0.5;
}
.preview-2 .wg-event-top{top: 200px; left: 15px; right: 15px; width: auto; margin: 0 auto;}
.preview-2 .wg-event-top .ev-top{width: 100%; display: flex; justify-content: space-between;}
.preview-2 .ev-top .card-date{height: 100%; width: auto;}
.preview-2 .card-date .text{padding: 15px 10px; font-size: 62px; font-weight: bold; height: 80px; display: flex; align-items: center;}
.preview-2 .news-gb .card{float: left;}
.preview-2 .wg-event-top .news-gb .card.good{
    margin-right: 10px;
    background: rgb(114,185,0);
    background: -moz-linear-gradient(180deg, rgba(114,185,0,1) 0%, rgba(114,185,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(114,185,0,1) 0%, rgba(114,185,0,1) 100%);
    background: linear-gradient(180deg, rgba(114,185,0,1) 0%, rgba(114,185,0,1) 100%);
}
.preview-2 .wg-event-top .news-gb .card.bad{
    margin-left: 10px;
    background: rgb(255, 74, 84);
    background: -moz-linear-gradient(180deg, rgba(255, 74, 84,1) 0%, rgba(255, 74, 84,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 74, 84,1) 0%, rgba(255, 74, 84,1) 100%);
    background: linear-gradient(180deg, rgba(255, 74, 84,1) 0%, rgba(255, 74, 84,1) 100%);
}
.preview-2 .ev-priority .item-list .card.success{
    background: rgb(114,185,0);
    background: -moz-linear-gradient(180deg, rgba(114,185,0,1) 0%, rgba(114,185,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(114,185,0,1) 0%, rgba(114,185,0,1) 100%);
    background: linear-gradient(180deg, rgba(114,185,0,1) 0%, rgba(114,185,0,1) 100%);
    position: relative;
}
.preview-2 .ev-priority .item-list .card.success:before{
    background-image: url(../image/background/bg-preview-2-good.svg);
}
.preview-2 .ev-priority .item-list .card.danger:before{background-image: url(../image/background/bg-preview-2-bad.svg);}

.preview-2 .ev-priority .item-list .card .cover img{filter: brightness(0) invert(1);}
.preview-2 .ev-priority .item-list .card.success .cover .number{color: #fff;}
.preview-2 .ev-priority .item-list .card .desc{color: #fff;}
.preview-2 .ev-priority .item-list .card.danger{
    background: rgb(216,75,83);
    background: -moz-linear-gradient(180deg, rgba(216,75,83,1) 0%, rgba(216,75,83,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(216,75,83,1) 0%, rgba(216,75,83,1) 100%);
    background: linear-gradient(180deg, rgba(216,75,83,1) 0%, rgba(216,75,83,1) 100%);
}
.preview-2 .ev-priority .item-list .card.danger .cover .number{color: #fff;}
.preview-2 .wg-ev-bottom .card .circle-icon{left: 10px; transform: translate(0);}
.preview-2 .wg-ev-bottom .card .body{position: relative;}
.preview-2 .wg-ev-bottom .card .body .title{
    position: absolute;
    top: 10px;
    left: 35%;
}
.preview-2 .wg-ev-bottom .card .circle-icon{width: 80px; height: 80px;}
.preview-2 .wg-ev-bottom .card .circle-icon img{width: 80px;}
.preview-2 .wg-ev-bottom .card .alert-event{padding-top: 30px;}
.preview-2 .wg-ev-bottom .card .alert-event.warning{
    background: rgba(255,170,0,1);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,170,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,170,0,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,170,0,1) 100%);
}
.preview-2 .wg-ev-bottom .card .alert-event.danger{
    background: rgba(255,74,84,1);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,74,84,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,74,84,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,74,84,1) 100%);
}
.preview-2 .wg-ev-bottom .card .alert-event.success{
    background: rgba(114,185,0,1);
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(114,185,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(114,185,0,1) 100%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(114,185,0,1) 100%);
}*/
/* end preview-2 */
/* preview 3 */
/* .preview-3 .wg-title-map{
    background-image: url(../image/background/bg-header-preview-3.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    min-height: 190px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    position: absolute;
} */
/* .obj-header-preview3{
    background-image: url(../image/background/bg-header-preview-3.png);
    position: absolute !important;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 315px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: bottom center;
    z-index: 0;
} */
.preview-3 .wg-footer-map{
    background-image: url(../image/background/bg-footer-preview-3.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: top center;
    background-size: cover;
    height: auto;
    min-height: 180px;
}
/*.preview-3 .ev-priority .item-list .card:before{
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    opacity: 0.5;
}
.preview-3 .ev-priority .item-list .card.success{
    border: 3px solid rgb(114,185,0);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
    position: relative;
}
.preview-3 .ev-priority .item-list .card.success:before{
    background-image: url(../image/background/bg-preview-3-good.svg);
}
.preview-3 .ev-priority .item-list .card.danger:before{background-image: url(../image/background/bg-preview-3-bad.svg);}

.preview-3 .wg-event-top{left: 0;}
.preview-3 .wg-event-top .ev-top{float: right; padding-right: 40px;}
.preview-3 .wg-event-top .news-gb .card.good .num{color: rgb(114,185,0);}
.preview-3 .wg-event-top .news-gb .card.good {
    border: 3px solid rgb(114,185,0);
    background: rgb(255,255,255);
    background: -moz-linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
}
.preview-3 .wg-event-top .news-gb .card.bad .num{color: rgb(255,75,83);}
.preview-3 .wg-event-top .news-gb .card.bad {
    border: 3px solid rgb(255,75,83);
    background: rgb(255 ,255,255);
    background: -moz-linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
}
.preview-3 .wg-event-top .news-gb .card.bad .item-list li:not(:last-child):before{background-color: rgb(255,75,83);}
.preview-3 .wg-event-top .news-gb .card.good .item-list li:not(:last-child):before{background-color: rgb(114,185,0);}
.preview-3 .ev-priority .item-list .card.success .cover .number{color: #72B900;}

.preview-3 .ev-top .card-date .num{position: absolute; top: 20px; left: 20px; width: 205px; height: 100px; background-color: #F2F9FA; border-radius: 5px;}
.preview-3 .ev-top .card-date .text{font-weight: bold;}
.preview-3 .ev-top .card-date{
    min-height: 175px; width: 244px; position: relative; display: flex; align-items: flex-end; justify-content: center;
    background: rgba(0,128,201,1);
    background-image: -moz-linear-gradient(180deg, rgba(0,128,201,1) 0%, rgba(14,195,201,1) 100%);;
    background-image: -webkit-linear-gradient(180deg, rgba(0,128,201,1) 0%, rgba(14,195,201,1) 100%);;
    background-image: linear-gradient(180deg, rgba(0,128,201,1) 0%, rgba(14,195,201,1) 100%);;
}
.preview-3 .ev-top .card-date .text{
    background: transparent;
    background-image: none;
}
.preview-3 .ev-priority .item-list .card .desc{color: #4E4E4E;}
.preview-3 .ev-priority .item-list .card.danger{
    border: 3px solid rgb(255,75,83);
    background: rgb(255 ,255,255);
    background: -moz-linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
    background: linear-gradient(180deg, rgba(255 ,255,255,1) 0%, rgba(255 ,255,255,1) 100%);
}
.preview-3 .wg-ev-bottom .card .body,
.preview-3 .wg-ev-bottom .card .body .title{color: #fff;}
.preview-3 .wg-ev-bottom .card .alert-event{background-color: #fff;}
.preview-3 .wg-ev-bottom .card .body.warning{background-color: #fa0;}
.preview-3 .wg-ev-bottom .card .alert-event.warning{color: #fa0;}
.preview-3 .wg-ev-bottom .card .body.danger{background-color: #FF4A54;}
.preview-3 .wg-ev-bottom .card .alert-event.danger{color: #FF4A54;}
.preview-3 .wg-ev-bottom .card .body.success{background-color: #72B900;}
.preview-3 .wg-ev-bottom .card .alert-event.success{color: #72B900;}*/
/* end preview 3 */
/* end preview page */

@media screen and (max-width: 1600px){
    /* .topgraphic{max-height: 380px;} */
    .site-container{margin-top: 160px;}
    .topic .title{font-size: 34px;}
    .reportDaily .btnsubmitreport,
    .reportDaily .btnsubmitreport .icon{width: 50px; height: 50px;}
    .reportDaily .btnsubmitreport .icon img{width: 28px !important;}
    .reportDaily .btnsubmitreport .txt-save{ height: 50px; font-size: 20px;}
    .reportDaily .btnsubmitreport:hover .txt-save{width: 200px; height: 50px; font-size: 20px;}
    .wg-conclude .card .header{font-size: 23px;}
    .wg-event-top{transform: translate(-30%, 0);}
    .wg-ev-bottom{width: auto;}
    
    .wg-event-top .news-gb .card{width: 130px; height: 62px;}
    .wg-event-top .news-gb .card .cover img{width: 45px;}
    .ev-top .card-date{width: 134px;}
    .ev-top .card-date .num{font-size: 95px; height: 90px;}
    .ev-top .card-date .text{font-size: 26px;}
    .menu-date .action .btn-date{font-size: 20px;}
    .menu-date .text{font-size: 24px;}

    .wg-news-release .info .card{padding: 30px 20px;}
    .wg-news-release .info .card .title{font-size: 36px;}
    .wg-news-release .info .card .desc{font-size: 22px;}

    .btn{height: 45px; line-height: 44px;}

    .news-release-list .card .cover{height: 190px;}
    .news-release-list .card .title{font-size: 28px;}
    .news-release-list .card .desc{font-size: 22px;}

    .slick-dots li{width: 17px; height: 17px;}
    .news-release-list .slick-dots{bottom: -40px;}

    .action-preview{height: 80px;}
    .topic .title img{width: 40px;}
    .preview-page .txt-output{font-size: 34px;}
}
@media screen and (max-width: 1440px){
    .topgraphic .slick-dots{bottom: 78px;}
    .topgraphic .slick-dots button{width: 17px; height: 17px;}
    .site-container{margin-top: 145px;}
    .alert-daily .danger .txt,
    .alert-daily .success .txt{font-size: 20px; padding-left: 10px;}
    .topic .title{font-size: 30px;}
    .wg-conclude .conclude-list .item-list{margin: 20px -10px 0px -10px;}
    .wg-conclude .conclude-list .card .header{font-size: 20px; padding-bottom: 0;}
    .wg-conclude .conclude-list .card .cover img{width: 80px;}
    .wg-conclude .conclude-list .card .body .num{font-size: 50px; margin-top: 20px;}
    .menu-date .text{font-size: 25px;}
    .wg-event-top{left: 50%; transform: translate(-50%, 0);}
    .ev-top .card-date{width: 140px;}
    .ev-top .card-date .num{font-size: 90px; height: 75px;}
    .ev-top .card-date .text{font-size: 24px;}
    .wg-event-top .news-gb .card{height: 55px; width: 120px; font-size: 40px;}
    .wg-event-top .news-gb .card .cover img{width: 50px;}
    .ev-top .table-event thead .tr{font-size: 22px;}
    .ev-top .table-event tr th, 
    .ev-top .table-event tr td{padding: 18px;}
    .ev-priority .item-list .card{min-height: 185px;}
    .ev-priority .item-list .card .desc{font-size: 18px;}
    .wg-ev-bottom{left: 50%; transform: translate(-50%, 0);}
    .wg-ev-bottom .card .circle-icon{top: 45px;}
    .wg-ev-bottom .card .body{padding: 35px 15px;}
    .wg-ev-bottom .card .body .title{font-size: 20px;}
    .wg-ev-bottom .card .body .desc{font-size: 19px; }
    .wg-ev-bottom .card .alert-event{font-size: 24px;}
    .wg-news-release .info .card .title{font-size: 35px;}
    .wg-news-release .info .card .desc{font-size: 22px;}
    .news-release-list .card .title{font-size: 26px;}
    .news-release-list .card .desc{font-size: 22px;}
    .news-release-list .card .read-more .date{font-size: 18px;}
    .news-release-list .slick-prev, 
    .news-release-list .slick-next{font-size: 30px; line-height: 50px; width: 40px; height: 40px;}
    .news-release-list .slick-prev{left: -60px;}
    .news-release-list .slick-next{right: -60px;}
    .news-release-list .slick-dots{bottom: -30px;}
    .news-release-list .slick-dots li{width: 17px; height: 17px;}

    .output-page .txt-output{font-size: 35px;}
    .output-page .wrapper .thumb img{width: 280px;}
    .b-output .submit-page .title{font-size: 46px;}
    .b-output .submit-page .desc{font-size: 30px; margin-bottom: 40px;}

    .topgraphic{max-height: 400px;}
    .bg-wave:before{top: -210px;}

    .news-page .news-release-list .topic .title img{width: 50px;}
    .news-page .news-release-list{margin-top: 0;}
    .news-detail .wrapper .content .desc{font-size: 18px;}

    .preview-page .txt-output{font-size: 36px;}

    .wg-title-map{height: 120px;}
    .wg-title-map .title{font-size: 34px;}
    .wg-title-map .title span{font-size: 40px;}
    .wg-footer-map .title{font-size: 30px;}
    .wg-footer-map .desc{font-size: 24px; padding: 0 55px;}

    .preview-page .wg-event-top{top: 140px;}
    .preview-page .wg-ev-bottom .item-list{margin: 0 -10px;}
    .preview-page .wg-ev-bottom .item-list li{padding: 0 10px; margin-bottom: 20px;}
}
@media screen and (max-width: 1199px){
    .topgraphic .slick-dots{bottom: 38px;}
    .bg-wave:before{background-size: 100% auto; top: -110px;}

    .output-page{padding-bottom: 50px;}

    .dailynews-map .wrapper{padding-bottom: 280%;}

    /* .preview-page .dailynews-map{overflow: hidden;} */
    .preview-page .wg-ev-bottom .item-list{margin: 0 -10px;}
    .preview-page .wg-ev-bottom .item-list li{padding: 0 10px; margin-bottom: 20px;}
    .preview-page .ev-priority .item-list .card{padding: 10px;}


}
@media screen and (max-width: 991px){
    .topgraphic .slick-dots li{margin: 0 10px;}

    .site-container{margin-top: 110px;}
    .bg-wave:before{top: -90px;}

    .wg-event-top{left: 0; transform: translate(0);}
    .dailynews-map .wrapper{padding-bottom: 300%}
    .wg-ev-bottom{width: 100%;}
    .ev-priority .item-list .card{padding: 15px;}
    .ev-priority .item-list li,
    .wg-ev-bottom .item-list li{width: calc(100% / 3);}
    /* .ev-priority .item-list .card{max-height: 210px; overflow: auto;} */
    .wg-ev-bottom .card{max-height: 288px;}
    .wg-ev-bottom .card .body .desc{height: auto;}
    .wg-news-release .info .card .desc{width: 100%;}
    .wg-news-release .info .card .title{font-size: 28px; line-height: 1em;}
    .wg-news-release{min-height: 800px; padding-bottom: 60px;}
    .wg-news-release:before{bottom: -350px; left: -170px; width: 360px;}
    .wg-news-release:after{bottom: -380px; right: -60px; width: 368px;}

    .news-release-list .card .cover{height: 160px;}
    .news-release-list .card .title{font-size: 22px;}
    .news-release-list .card .desc{font-size: 18px;}
    .news-release-list .card .read-more{margin-top: 0;}
    .news-release-list .card .body{min-height: 130px;}
    .news-release-list .card .read-more .date{line-height: 1.8em;}
    .news-release-list .slick-dots{margin-bottom: -20px;}

    .news-page .news-release-list .topic .title{margin-bottom: 0;}
    .news-page .news-release-list .topic{margin-bottom: 10px;}
    .news-page .news-release-list{margin-top: 0;}    

    .output-page .txt-output{font-size: 30px;}
    .b-output{min-height: auto; padding: 40px 0;}
    .b-output .submit-page .titlef{font-size: 36px;}
    .b-output .submit-page .desc{font-size: 26px; margin-bottom: 27px;}

    .preview-page .dailynews-map .wrapper{padding-bottom: 460%;}

    .preview-page .wg-ev-bottom{left: 10px; right: 10px; transform: translate(-10px,0);}
}
@media screen and (max-width: 575px){
    .topgraphic .slick-dots{bottom: 15px;}
    .topgraphic .slick-dots button{width: 13px; height: 13px;}

    .bg-wave:before{top: -40px;}

    .alert-daily .danger .txt, 
    .alert-daily .success .txt{font-size: 16px;}
    .alert-daily .success .icon,
    .alert-daily .danger .icon{width: 85px; height: 30px;}
    .wg-conclude .conclude-list .item-list li{width: calc(100% / 3); margin-bottom: 20px;}
    .topic .title{font-size: 26px;}
    .wg-conclude .conclude-list .card .header{font-size: 18px; min-height: 2em;}
    .wg-conclude .conclude-list .card .cover img{width: 60px;}
    .wg-conclude .conclude-list .card .body .num{font-size: 36px;}

    .dailynews-map .wrapper{padding-bottom: 880%;}
    .ev-priority .item-list, .wg-ev-bottom .item-list{margin: 0 -7.5px;}
    .ev-priority .item-list li, .wg-ev-bottom .item-list li{width: calc(100% / 2); padding: 0 7.5px; margin-bottom: 15px;}
    .wg-ev-bottom{bottom: 180px;}
    .wg-ev-bottom .card .img-top .item-list li .cover{height: 80px;}
    .wg-ev-bottom .card .circle-icon{width: 55px; height: 55px;}
    .wg-ev-bottom .card .body{padding: 26px 10px;}
    .wg-news-release .info{margin-bottom: 20px;}
    .wg-news-release .info .item-list{margin: 0 -7.5px;}
    .wg-news-release .info .item-list li{width: calc(100% / 2); padding: 0 7.5px; margin-bottom: 15px;}
    .wg-news-release .info .item-list li:nth-child(3){width: 100%;}
    .wg-news-release .info .card{padding: 20px 15px;}
    .wg-news-release .info .card .title{font-size: 22px;}
    .wg-news-release .info .card .desc{font-size: 18px; margin-bottom: 15px;}
    .topic{display: flex; align-items: center; height: 100%;}
    .topic .title{margin: 0;}
    .news-release-list .card .cover{height: 110px;}
    .news-release-list .card .body{padding: 15px;}
    .news-release-list .card .title{font-size: 18px;}
    .news-release-list .card .desc{margin-top: 4px;}
    .news-release-list .card .read-more{margin-top: 0;}
    .news-release-list .card .read-more .date{font-size: 16px;}
    .wg-ev-bottom .card .body .desc{height: auto;}
    .ev-priority{margin-top: 30px;}

    .wg-event-top{top: 230px;}
    .action .btn.btn-small{font-size: 20px;}
    .ev-top .table-event{display: none;}
    .menu-date .action{margin-bottom: 15px;}
    .menu-date .action .btn-date{width: 100%; font-size: 22px; min-width: 50px;}
    .menu-date .action .btn-date .feather{font-size: 16px;}

    .menu-date .btn-arrows{margin: 0; margin-bottom: 15px;}
    .menu-date .text{font-size: 21px; margin-bottom: 15px;}
    .date-present{justify-content: space-between;}

    .news-page .news-release-list .item-list li{width: calc(100% / 2);}
    .news-page .news-release-list .card .body{min-height: 95px; padding-bottom: 0;}
    .news-page .news-release-list .card .read-more{text-align: center;}

    .news-page{padding-bottom: 0;}
    .news-page .news-release-list .topic .title img{width: 40px;}

    .output-page .wrapper .thumb img{width: 160px;}
    .b-output .submit-page .title{font-size: 25px; margin-top: 10px;}
    .b-output .submit-page .desc{font-size: 20px; margin-bottom: 20px;}
    .btn-output{min-width: 120px; height: 40px; line-height: 1.9em; font-size: 20px;}
    .output-page .topic .title{margin-bottom: 0;}
    .output-page .txt-output{font-size: 23px; margin-top: 10px; margin-bottom: 20px;}
    .output-page .topic .title img{width: 30px;}

    .news-detail .wrapper .icon-load{width: 30px;}
    .news-detail .wrapper .content .desc{display: block;}

    .preview-page .dailynews-map .wrapper{padding-bottom: 1000%;}

    .topic .title img{width: 30px;}
    .preview-page .txt-output{font-size: 18px;}
    .mt-preview{margin-top: 10px;}

    .wg-title-map{padding-left: 15px; height: 90px;}
    .wg-title-map .title{font-size: 26px;}
    .wg-title-map .title span{font-size: 26px;}
    .preview-1 .wg-title-map:before{opacity: 0.5;}

    .preview-page .wg-event-top{left: 0; top: 110px;}
    .wg-event-top .news-gb .card.good{margin-bottom: 10px;}
    .wg-footer-map .title{font-size: 28px;}
    .wg-footer-map .desc{font-size: 18px; padding: 0 15px;}

    .action-preview{height: 80px;}
    .action-preview .btn.btn-light,
    .action-preview .btn.btn-primary{min-width: 100%; height: 40px; line-height: 40px; font-size: 22px;}
}

/* modal */
#showmodal .modal-body{text-align: center; min-height: 250px; display: flex; align-items: center; justify-content: center;}
#showmodal .icon .fa{font-size: 34px; color: #005da5;}
#showmodal .sizeminimal h4{font-size: 40px; color: #005da5;}
#showmodal .sizeminimal p{font-size: 24px; margin: 0;}

/* end modal */

.drop-daily .dropdown .item-list{width: 100%; max-width: 280px;}
.drop-daily .dropdown .item-list li{width: 100%; padding: 10px;}
.drop-daily .dropdown .item-list li .link{word-wrap: break-word; font-size: 26px; line-height: 1em; color: #005da5;}

/* about */
.slider{opacity: 0; transition: all 200ms;}
.slider.slick-initialized{opacity: 1;}
.download-ab-list .wrapper a {
	display: block;
	border-radius: 5px;
	border: 1px solid #ebebeb;
	padding: 20px;
	color: #111;
}

.download-ab-list .wrapper a:hover {
	border-color: #0021AE;
	text-decoration: none;
}

.download-ab-list .icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #0021AE;
	margin-right: 15px;
	text-align: center;
	color: #fff;
	font-size: 30px;
}

.download-ab-list .icon span {
	line-height: 60px;
}

.download-ab-list .title {
	font-weight: 500;
	font-size: 24px;
	color: #0021AE;
}

.download-ab-list .info {
	margin-top: 5px;
	font-size: 18px;
}

.download-ab-list .info .row>div {
	margin-top: 2px;
}
.download-ab-list .slick-list{margin: 0 -10px;}
.download-ab-list .slick-list .item{padding: 0 10px;}

.about-page{padding-bottom: 40px;}
.about-page .editor-content{padding-top: 20px;}
.about-detail-block{box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.3); margin-top: 60px;}
.ab-title{
	display: flex;
	align-items: center;
	line-height: 11px;
}
.ab-title span{margin-right: 7px;}
.ab-title span img{width: 30px;}

.ab-title .ab-img{padding-right: 20px;}
.ab-title .ab-img img{width: 80px;}
.ab-title .title{font-size: 40px; font-weight: bold; color: #004ac9; line-height: 0.9em;}

.ab-desc{
	text-indent: 1em;
	font-size: 24px;
	color: #707070;
	line-height: 1.2em;
	padding-top: 40px;
}
.ab-desc .text-highlight{font-weight: bold; color: #004ac9;}

/* download-list */
.ab-icon{padding-right: 15px;}
.download-list .slick-list{margin: 0 -10px;}
.download-list .slick-list .item{padding: 0 10px;}
.ab-topgraphic{
	position: relative;
	width: 100%;
	height: 100%;
}
.ab-topgraphic .text-title{
	position: absolute;
	width: 100%;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	font-size: 30px;
	font-weight: normal;
	color: #fff;
	line-height: 1.7em;
	text-align: center;
}
.ab-topgraphic .text-title span{
	font-size: 72px;
	font-weight: bold;
}

.circle-icon{
	position: relative; width: 130px; height: 130px; border-radius: 50%; overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	/* box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15); */
	z-index: 2;
}
.about-card{display: flex;}
.about-card .about-body{width: calc(100% - 130px); height: 130px; display: flex; align-items: center; padding-left: 20px;}
.about-card .about-body .title{font-size: 36px; font-weight: bold; color: #004ac9; line-height: 1em;}
.about-card .about-body .desc{font-size: 24px; color: #707070; line-height: .9em;}
.circle-icon img{width: 56px; z-index: 0;}
.circle-icon:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.circle-icon:after{
	content: '';
	position: absolute;
	width: 97px;
	height: 97px;
	top: 50%;
	right: 50%;
	border-radius: 50%;
	transform: translate(50%, -50%);
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15);
	z-index: -1;
}
.circle-icon.bg-blue:before{
	background: rgb(229,238,255);
	background: -moz-linear-gradient(0deg, rgba(229,238,255,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(229,238,255,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(229,238,255,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5eeff",endColorstr="#ffffff",GradientType=1);
}
.circle-icon.bg-green:before{
	background: rgb(219,237,208);
	background: -moz-linear-gradient(0deg, rgba(219,237,208,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(219,237,208,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(0deg, rgba(219,237,208,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dbedd0",endColorstr="#ffffff",GradientType=1);
}
.circle-icon.bg-blue:after{
	background: rgb(0,121,227);
	background: -moz-linear-gradient(0deg, rgba(0,121,227,1) 0%, rgba(0,33,174,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,121,227,1) 0%, rgba(0,33,174,1) 100%);
	background: linear-gradient(0deg, rgba(0,121,227,1) 0%, rgba(0,33,174,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0079e3",endColorstr="#0021ae",GradientType=1);
}
.circle-icon.bg-green:after{
	background: rgb(77,164,18);
	background: -moz-linear-gradient(0deg, rgba(77,164,18,1) 0%, rgba(40,99,0,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(77,164,18,1) 0%, rgba(40,99,0,1) 100%);
	background: linear-gradient(0deg, rgba(77,164,18,1) 0%, rgba(40,99,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4da412",endColorstr="#286300",GradientType=1);
}
@media screen and (max-width: 1440px){
	.about-detail-block{margin-top: 40px;}

	.ab-topgraphic .text-title{font-size: 24px;}
	.ab-topgraphic .text-title span{font-size: 52px;}

	.circle-icon{width: 100px; height: 100px;}
	.circle-icon img{width: 45px;}
	.circle-icon:after{width: 75px; height: 75px;}

	.about-card .about-body{width: calc(100% - 100px); height: 100px; padding-left: 15px;}
	.about-card .about-body {font-size: 30px;}
	.about-card .about-body .desc{font-size: 20px;}

	.ab-title .title{font-size: 30px;}
	.ab-title .ab-img{padding-right: 15px; width: 80px;}
	.ab-desc{font-size: 22px; padding-top: 30px; padding-right: 30px;}


	.ab-txt{font-size: 24px;}

	.ab-link{font-size: 22px; min-height: 80px; max-height: 80px;}
	.ab-menu-list .item.active:before{bottom: -15px; border-top: 20px solid #0a88f4;}

	.ab-circle-group{font-size: 20px; width: 236px; height: 236px;}
	.ab-circle-group .title{font-size: 24px;}
	.ab-group-content .item:nth-child(4){margin-left: 186px;}

}
@media screen and (max-width: 1199px){
	.about-detail-block{margin-top: 0;}

	.circle-icon{width: 85px; height: 85px;}
	.circle-icon img{width: 34px;}
	.circle-icon:after{width: 60px; height: 60px;}

	.about-card .about-body{width: calc(100% - 85px); height: 85px;}
	.about-card .about-body .title{font-size: 26px;}
	
	.ab-title .ab-img{width: 63px;}
	.ab-title .title{font-size: 26px;}
	.ab-desc{font-size: 20px; padding-top: 20px; padding-right: 15px;}


	.ab-txt{font-size: 20px;}

	.ab-menu-list .item{width: 23.3%;}
	.ab-link{min-height: 100px; max-height: 100px;}
	.ab-link br{display: none;}

	.ab-circle-group{font-size: 18px; width: 200px; height: 200px; padding: 10px;}
	.ab-circle-group br{display: none;}
	.ab-group-content .item:nth-child(4){margin-left: 146px; margin-top: -20px;}
	.ab-group-content .item:nth-child(5){margin-top: -20px;}

	.ab-item-list{font-size: 20px;}

}

@media screen and (max-width: 991px){
	.site-container .topbody{z-index: 10;}

	.ab-menu-mobile{
		width: 100%;
		height: 45px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 24px;
		padding: 15px;
		border-radius: 5px;
		color: #fff;
		background: rgb(11,139,246);
		background: -moz-linear-gradient(0deg, rgba(11,139,246,1) 0%, rgba(0,74,201,1) 100%);
		background: -webkit-linear-gradient(0deg, rgba(11,139,246,1) 0%, rgba(0,74,201,1) 100%);
		background: linear-gradient(0deg, rgba(11,139,246,1) 0%, rgba(0,74,201,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b8bf6",endColorstr="#004ac9",GradientType=1);

	}
	.ab-menu-list{
		display: block;
		position: fixed; 
		background-color: rgba(255, 255, 255, 0.961);
		top: 1000px;
		opacity: 0;
		left: 0;
		right: 0;
		height: 100vh;
		z-index: 1; 
		transition: all 400ms;
	}
	.ab-menu-list.open{top: 105px; opacity: 1;}
	.btnclose{
		width: 100%;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 20px;
		font-size: 18px;
	}
	.btnclose .fa{margin-right: 5px; font-size: 14px;}

	.ab-menu-list .item{float: none; width: 100%; border-radius: 0; max-height: 100px; border: none;}
	.ab-menu-list .item.active:before{display: none;}
	.ab-menu-list .item:not(:last-child){margin-right: 0; border-bottom: 1px solid #e1e1e1;}
	.ab-link{max-height: unset; min-height: auto;}
	.ab-menu-list .item.active .ab-link{border-radius: 0;}

	.ab-link{text-align: left; justify-content: end; padding: 20px 15px; color: #595959;}
	.ab-menu-list .item.active .ab-link{font-weight: normal;}

	.ab-circle-group{width: 160px; height: 160px;}
	.ab-group-content .item:nth-child(4){margin-left: 110px;}

	.ab-box-img{height: 300px;}
	.editor-content .tab-content{padding: 15px;}
}

@media screen and (max-width: 767px){
	.ab-topgraphic{height: 146px;}
	.ab-topgraphic .cover{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.ab-topgraphic .cover img{
		position: absolute;
		width: 100%;
		height: 100% !important;
		top: 0;
		left: 0;
		object-fit: cover;
		object-position: center;
	}
	.ab-topgraphic .text-title{font-size: 18px;}
	.ab-topgraphic .text-title span{font-size: 32px;}

	.about-card .about-body .title{font-size: 21px;}
	.about-card .about-body .desc{font-size: 18px;}

	.ab-title .title{font-size: 22px;}
	.ab-title .ab-img{width: auto; padding-right: 10px;}
	.ab-title .ab-img img{max-width: 55px;}
	.ab-desc{font-size: 18px; padding-top: 15px; padding-right: 15px;}

	.ab-group-content .item{width: calc(100% / 2);}
	.ab-circle-group{width: 145px; height: 145px; padding: 5px;}
	.ab-circle-group .title{font-size: 20px;}

	.ab-group-content .item:nth-child(3){margin-top: 10px;}
	.ab-group-content .item:nth-child(4){margin-left: 0; margin-top: 10px;}
	.ab-group-content .item:nth-child(5){margin-top: 10px;}
	.ab-desc-title{font-size: 20px;}
	.ab-list-detail{padding-left: 20px;}
}
@media screen and (max-width: 575px){
	.ab-icon{display: flex; justify-content: center;}

	.ab-topgraphic .text-title{width: calc(100% - 5px);}
	.ab-topgraphic .text-title span{font-size: 28px;}

	.download-list .title{font-size: 20px;}
	.download-list .info{font-size: 16px;}
	.download-list .wrapper a{padding: 10px;}

	.detail-block .header .title.ab-title{
		font-size: 30px;
		line-height: 0.7em;
	}

	.detail-block .body{padding: 15px;}
}
/* end about */

/* preview 13 05 2564 */
.preview-page .dailynews-map{width: 595px; height: 842px; margin: 0 auto; margin-bottom: 500px;}
.preview-page .dailynews-map .topic .title{font-size: 24px;}
.preview-page .dailynews-map .ev-priority .topic, 
.preview-page .dailynews-map .ev-situation .topic{margin-bottom: 0;}

/*.preview-page .wg-event-top .news-gb .card{height: 50px;}
.preview-page .wg-event-top .news-gb .card .cover img{width: 37px;}
.preview-page .wg-event-top .news-gb .card .item-list li:not(:last-child):before{top: -4px;}*/

.preview-page .wg-ev-bottom{bottom: -300px; width: 90%;}
.preview-page .wg-ev-bottom .item-list{margin-top: 5px;}
.preview-page .wg-ev-bottom .item-list li{margin-bottom: 10px;}
.preview-page .wg-ev-bottom .card .body .desc{font-size: 10px;}
.preview-page .wg-ev-bottom .card .body{padding-bottom: 0;}
.preview-page .wg-ev-bottom .card .circle-icon{top: 20px;}
.preview-page .wg-ev-bottom .card .circle-icon img{width: 45px;}
.preview-page .wg-ev-bottom .card .body .title{font-size: 18px;}
.preview-page .wg-ev-bottom .card .alert-event{font-size: 18px;}
.preview-page .wg-ev-bottom .card .img-top .item-list li .cover{height: 50px;}
.preview-page .wg-ev-bottom .card .body .desc.text-limit{-webkit-line-clamp: 4;}


.preview-page .ev-priority .item-list .card{min-height: auto;}
.preview-page .ev-priority .item-list .card ul.item-list{padding-left: 0;}


.preview-page .wg-title-map .title{font-size: 30px;}
.preview-page .wg-title-map .title span{font-size: 40px;}
.preview-page .wg-ev-bottom .card .body{padding: 35px 15px; padding-bottom: 0;}

/*.preview-page .preview-2 .wg-title-map{min-height: auto}
.preview-page .preview-2 .wg-ev-bottom .card .circle-icon{width: 40px; height: 40px; left: 3px;}
.preview-page .preview-2 .wg-ev-bottom .card .alert-event{padding-top: 10px;}
.preview-page .preview-2 .card-date .text{font-size: 30px; height: 50px;}*/

.preview-page .wg-footer-map{bottom: -470px;}
.preview-page .wg-footer-map .title{font-size: 23px;}
.preview-page .wg-footer-map .desc{font-size: 16px; padding: 10px;}

@media screen and (max-width: 1440px){
    .preview-page .wg-event-top .news-gb .card .cover img{width: 35px;}
    .preview-page .wg-event-top .news-gb .card .item-list li:not(:last-child):before{top: -7px;}
    
    .preview-page .preview-2 .card-date .text{font-size: 22px;}
    
    .preview-page .wg-title-map .title{font-size: 22px;}
    .preview-page .wg-title-map .title span{font-size: 30px;}
}
@media screen and (max-width: 991px){
    .preview-page .dailynews-map .wrapper{padding-bottom: 220%;}
}
@media screen and (max-width: 575.98px){
    /*.preview-page .dailynews-map{width: 100%; margin-bottom: 0;}
    
    .preview-page .wg-event-top .news-gb .card{width: 100px;}
    
    .preview-page .wg-ev-bottom{bottom: 170px; transform: translate(0, 0);}
    .preview-page .wg-ev-bottom .card .body{padding-top: 45px;}
    .preview-page .wg-event-top .news-gb .card{height: 47px;}
    
    .preview-page .wg-footer-map{bottom: 0;}
    .preview-page .ev-top .card-date .num{font-size: 60px;}
    
    .preview-page .preview-2 .wg-ev-bottom .card .circle-icon{left: 9px; top: 33px;}
    .preview-page .preview-2 .card-date .text{font-size: 18px;}*/

}
/* end preview */

/* calendar */
.calendar-page{padding-bottom: 30px;}
.calendar-page .h-title{font-size: 42px; font-weight: bold; padding-top: 30px; padding-bottom: 30px; color: #004ac9; line-height: 1em;}
.situation-calendar table{width: 100%;}
.situation-calendar>table>thead>tr>th {
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px;
    text-align: center;
    background: rgb(14,195,201);
    background: -moz-linear-gradient(180deg, rgba(14,195,201,1) 0%, rgba(0,139,229,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(14,195,201,1) 0%, rgba(0,139,229,1) 100%);
    background: linear-gradient(180deg, rgba(14,195,201,1) 0%, rgba(0,139,229,1) 100%);
    color: #fff;
    padding: 30px 0;
    font-size: 30px;
}

.situation-calendar>table>thead>tr>th:last-child {
    border-right: none;
}

.situation-calendar>table>tbody>tr>td {
    border-right: 1px solid rgba(0, 93, 165,0.2);
    border-bottom: 1px solid rgba(0, 93, 165,0.2);
    padding: 10px;
    height: 120px;
}

.situation-calendar>table>tbody>tr>td:last-child {
    border-right: none;
}

.situation-calendar .defaultSubject {
    position: relative;
    margin-top: -5px;
}

.situation-calendar .defaultSubject .icon {
    width: 15px;
    height: 15px;
    text-align: center;
    padding: 0;
    position: absolute;
    left: 4px;
    top: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.situation-calendar .defaultSubject .icon.bad {background-color: #d84b53;}
.situation-calendar .defaultSubject .icon.good {background-color: #72B900;}

.situation-calendar .number {
    width: 40px;
    height: 40px;
    background-color: #30a4ef;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.situation-calendar .defaultSubject .title {
    cursor: pointer;
    width: calc(100% - 10px);
    height: 30px;
    line-height: 28px;
    display: block;
    padding: 0 0px 0 30px;
    font-size: 20px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.situation-calendar .defaultSubject .title.more{width: auto; font-size: 18px; font-weight: bold; padding-left: 0;}
.situation-calendar .defaultSubject .title.load-more{font-size: 22px; color: #0081e6; font-weight: 400; padding-left: 0; width: auto;}
.situation-calendar .defaultSubject .title.load-more:hover:before{
    background: rgb(14,195,201);
    background: -moz-linear-gradient(180deg, rgba(14,195,201,1) 0%, rgba(0,139,229,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(14,195,201,1) 0%, rgba(0,139,229,1) 100%);
    background: linear-gradient(180deg, rgba(14,195,201,1) 0%, rgba(0,139,229,1) 100%);
}

.situation-calendar .defaultSubject .title:hover {
    border-color: #aaa;
}
@media screen and (max-width: 1600px){
    .situation-calendar .defaultSubject .title{font-size: 16px;}
    .situation-calendar .defaultSubject .title.more{font-size: 16px;}
    .situation-calendar .defaultSubject .title.load-more{font-size: 16px;}
}
@media screen and (max-width: 1440px) {
    .calendar-page .h-title{font-size: 32px;}
    .situation-calendar>table>thead>tr>th{padding: 20px 0; font-size: 24px;}
    .situation-calendar .number{font-size: 18px;}
}
@media screen and (max-width: 1199px){
    .situation-calendar table{margin: 0 -10px;}
    .situation-calendar>table>tbody>tr>td{padding: 15px;}
    .situation-calendar .number{width: 30px; height: 30px;}
    .situation-calendar .defaultSubject .title{padding: 0 0 0 21px;}
    .situation-calendar .defaultSubject .title.more{font-size: 14px; text-align: center;}
}
@media screen and (max-width: 991px){
    .situation-calendar .defaultSubject .title,
    .situation-calendar .defaultSubject .title.more{width: calc(100% - 30px); position: relative;}
    .situation-calendar .defaultSubject .title.load-more{width: fit-content;}
    .situation-calendar .defaultSubject .title{color: #fff;}
    .situation-calendar .defaultSubject .title.more{color: #333;}
    .situation-calendar .defaultSubject .icon{width: 100%; border-radius: 30px;}
}
@media screen and (max-width: 767px) {
    .calendar-page .h-title{font-size: 22px; padding-bottom: 15px;}
}
/* end calendar */