/*----start-mid-grids----*/

.Newstable{
   /* border-left-color: #ffcccc;*/
    /*border-left-style: solid;*/
    /*border-right-color:#ffcccc;*/
    /*border-right-style: solid;*/
    /*border-width:2px;*/
}

.NewsLine {
    width:100%;
    height: 2px;
    background: -webkit-linear-gradient(left,#ffcccc,#ffffff);
    background: -o-linear-gradient(right,#ffcccc,#ffffff);
    background: -moz-linear-gradient(right,#ffcccc,#ffffff);
    background: linear-gradient(to right,#ffcccc,#ffffff);
}

.NewsLine2 {
    width:100%;
    height: 2px;
    background: -webkit-linear-gradient(left,#ffffff,#ffcccc);
    background: -o-linear-gradient(right,#ffffff,#ffcccc);
    background: -moz-linear-gradient(right,#ffffff,#ffcccc);
    background: linear-gradient(to right,#ffffff,#ffcccc);
}

.Newsbar {
    background-color: #ffffff;
    line-height: 10px;
    width:100%;
    height: 10px;
}

.fixedSocialShare {  /* added by Ming, 2021/1/29 */
    display:block;
    top: 20%;
    height:200px;
    width:60px;
    position:fixed;
    right: 5px;
}

@media (max-width:1920px){
    .Newsbody {
        margin: 1% 13% 0 13%;
        height : auto;
        width : 87%;
        min-height:360px;
    }
    .Newsimage {
        display: inline-block;
        height : auto;
        width : auto;
        max-height: 100%;
        max-width: 100%;
    }
    .Newsscript1 {
        display: inline-block;
        height : 11%;
        width : 14%;
        vertical-align: top;
    }
    .Newsscript2 {
        display: inline-block;
        width: 64%;
        height: auto;
        margin-left: 1em;
        text-align: left;
    }
    .Newsscript3 {
        text-align: left;
        font-family:Microsoft JhengHei;
        font-size : 28px;
        font-size : 14px;
        font-weight: bold;
        color:#838383;
    }
    .Newsscript4 {
        text-align: left;
        font-family:Microsoft JhengHei;
        font-size : 14px;
        color:#838383;
    }
    .NewsDetails {        
        height : auto;
        width : 87%;
    }
}
@media (max-width:1366px){
    .Newsbody {
        margin: 2% 11% 0 15%;
        height : auto;
        width : 86%;
        min-height:360px;
    }
    .Newsimage {
        display: inline-block;
        height : auto;
        width : auto;
        max-height: 100%;
        max-width: 100%;
    }
    .Newsscript1 {
        display: inline-block;
        height : 10%;
        width : 14%;
        vertical-align: top;
    }
    .Newsscript2 {
        display: inline-block;
        width: 64%;
        height: auto;
        margin-left: 1em;
        text-align: left;
    }

    .Newsscript3 {
        text-align: left;
        font-family:Microsoft JhengHei;
        font-size : 16px;
        font-weight: bold;
        color:#838383;
    }
    .Newsscript4 {
        text-align: left;
        font-family:Microsoft JhengHei;
        font-size : 14px;
        color:#838383;
    }
    .NewsDetails {        
        height : auto;
        width : 87%;
    }
}
@media (max-width:1024px){
    .Newsbody {
        margin: 3% 5% 0 10%;
        height : auto;
        width : 87%;
    }

    .Newsimage {
         display: inline-block;
        height : auto;
        width : auto;
        max-height: 100%;
        max-width: 100%;
    }

    .Newsscript1 {
        display: inline-block;
        height : 20%;
        width : 16%;
        vertical-align: top;
    }

    .Newsscript2 {
        display: inline-block;
        width: 75%;
        height: auto;
        margin-left: 1em;
        text-align: left;
    }

    .Newsscript3 {
        text-align: left;
        font-family:Microsoft JhengHei;
        font-size : 16px;
        font-weight: bold;
        color:#838383;
    }
    .Newsscript4 {
        text-align: left;
        font-family:Microsoft JhengHei;
        font-size : 14px;
        color:#838383;
    }

    .NewsDetails {        
        height : auto;
        width : 100%;
    }
}
@media (max-width:768px){
    .Newsbody {
        margin: 2% 3% 0 7%;
        height : auto;
        width : 91%;
        min-height: 720px;
    }
    .Newsimage {
        display: inline-block;
        height : auto;
        width : 100%;
    }

    .Newsscript1 {
        display: inline-block;
        height : 20%;
        width : 20%;
        vertical-align: top;
    }

    .Newsscript2 {
        display: inline-block;
        width: 71%;
        height: auto;
        margin-left: 1em;
        text-align: left;
    }

    .Newsscript3 {
        text-align: left;
        font-family: Microsoft JhengHei;
        font-size : 14px;
        font-weight: bold;
        color: #838383;
    }

    .Newsscript4 {
        text-align: left;
        font-family: Microsoft JhengHei;
        font-size : 12px;
        color: #838383;
    }
    
    .NewsDetails {        
        height : auto;
        width : 100%;
    }

    .fixedSocialShare {  /* added by Ming, 2021/1/29 */
        top: 10%;
    }
}
@media (max-width:480px){
    .Newsbody {
        margin: 4% 0 0 5%;
        height : auto;
        width : 93%;
        min-height: 380px;
    }
    .Newsimage {
        height : auto;
        width : 100%;
    }
    .Newsscript1 {
        display: inline-block;
        height : 20%;
        width : 20%;
        vertical-align: top;
    }
    .Newsscript2 {
        display: inline-block;
        width: 73%;
        height: auto;
        text-align: left;
    }
    .Newsscript3 {
        text-align: left;
        font-family: Microsoft JhengHei;
        font-size : 14px;
        font-weight: bold;
        color: #838383;
    }
    .Newsscript4 {
        text-align: left;
        font-family: Microsoft JhengHei;
        font-size : 12px;
        color: #838383;
    }
    .NewsDetails {        
        height : auto;
        width : 100%;
    }

    .fixedSocialShare {  /* added by Ming, 2021/1/29 */
        top: 10%;
    }
}

@media (max-width:420px){
    .Newsbody {
        margin: 3% 0 0 6%;
        height : auto;
        width : 87%;
        min-height: 360px;
    }
    .Newsimage {
        height : auto;
        width : 100%;
    }

    .Newsscript1 {
        display: inline-block;
        height : 30%;
        width : 30%;
        vertical-align: top;
    }

    .Newsscript2 {
        display: inline-block;
        width: 64%;
        height: auto;
        text-align: left;
    }
    .Newsscript3 {
        text-align: left;
        font-family: Microsoft JhengHei;
        font-size : 14px;
        font-weight: bold;
        color: #838383;
    }
    .Newsscript4 {
        text-align: left;
        font-family: Microsoft JhengHei;
        font-size : 12px;
        color: #838383;
    }
    .NewsDetails {        
        height : auto;
        width : 100%;
    }

    .fixedSocialShare {  /* added by Ming, 2021/1/29 */
        top: 10%;
    }
}
@media (max-width:360px){
    .Newsbody {
        margin: 4% 0 0 6%;
        height : auto;
        width : 93%;
        min-height: 360px;
    }
    .Newsimage {
        height : auto;
        width : 100%;
    }

    .Newsscript1 {
        display: inline-block;
        height : 30%;
        width : 30%;
        vertical-align: top;
    }

    .Newsscript2 {
        display: inline-block;
        width: 60%;
        height: auto;
        text-align: left;
    }
    .Newsscript3 {
        text-align: left;
        font-family: Microsoft JhengHei;
        font-size : 12px;
        font-weight: bold;
        color: #838383;
    }
    .Newsscript4 {
        text-align: left;
        font-family: Microsoft JhengHei;
        font-size : 10px;
        color: #838383;
    }
    .NewsDetails {        
        height : auto;
        width : 100%;
    }

    .fixedSocialShare {  /* added by Ming, 2021/1/29 */
        top: 10%;
    }
}
@media (max-width:320px){
    .Newsbody {
        margin: 4% 0 0 8%;
        height : auto;
        width : 89%;
        min-height: 275px;
    }
    .Newsimage {
        height :auto;
        width : 100%;
    }

    .Newsscript1 {
        display: inline-block;
        height : 30%;
        width : 30%;
        vertical-align: top;
    }

    .Newsscript2 {
        display: inline-block;
        width: 58%;
        height: auto;
        text-align: left;
    }
    .Newsscript3 {
        text-align: left;
        font-family: Microsoft JhengHei;
        font-size : 10px;
        font-weight: bold;
        color: #838383;
    }
    .Newsscript4 {
        text-align: left;
        font-family: Microsoft JhengHei;
        font-size : 8px;
        color: #838383;
    }
   .NewsDetails {        
        height : auto;
        width : 100%;
    }

    .fixedSocialShare {  /* added by Ming, 2021/1/29 */
        top: 10%;
    }
}