﻿
.NVColor {color: #76b900;}
a.NVColor:focus, a.NVColor:active  {color: #76b900;}
a.NVColor:hover {color: #a3ff00;}
.textcomp {font-weight:lighter;}
.w100-row {width: calc(100vw); margin-right: -15px; margin-left: -15px;}
#article01,#article02,#article03,#article04  {background-position-x: 50%; background-size: auto 460px;}
.article .title {color:#000;}
.background-dark-grey {background-color: #666;}
section[data-anchor]:not(:first-child) {border-top:1px solid #9a9ea2;}

/*for ie10 、 ie11*/
@media (min-width: 1200px) and (-ms-high-contrast: active),(min-width: 1200px) and (-ms-high-contrast: none) {
    .article {padding-top: 50px;}
}

@media (min-width: 1200px) {
    .min-height {min-height: 460px;}
    #article01,#article03 {background-position-x: 65%; background-size: auto 100%;}
    #article02,#article04 {background-position-x: 33%; background-size: auto 100%;}
    .article .title, .article a {color:#fff;}
}

@media (max-width: 1199px) and (min-width: 1121px) {
    .dataResponse {padding-top:490px; }
    .article {padding-bottom:50px;}
    #article01,#article02,#article03,#article04 {background-position-x: 50%; background-size: 100% 460px;}
}

@media (max-width: 1120px) and (min-width: 768px) {
    .dataResponse {padding-top:480px;}
    .article {padding-bottom:40px;}
}

@media (min-width: 992px) {
    .textcomp {font-size:19px; padding: 20px 0;}
}

@media (max-width: 991px) and (min-width: 768px) {
    #container_wrap h1.NVColor {font-size: 34px;}
    .textcomp {font-size:17px; padding: 10px 0;}
}

@media (min-width: 768px) {
    
}

@media (max-width: 767px) {
    #container_wrap h1.NVColor {font-size: 24px;}
    .textcomp {font-size:15px;}
    .dataResponse {padding-top:480px;}
    .article {padding-bottom:40px;}
    .article {width:calc(100% - 100px); margin:0 auto;}
}

@media (max-width: 680px) {   
    .dataResponse { background-size: auto calc(62.5vw) !important; padding-top:calc(62.5vw + 30px);}
    .article {padding-bottom:30px;}
}

@media (max-width: 580px) {
    
}


@media (max-width: 460px) {
    #nav_bt-group {margin-right: -15px; margin-left: -15px;}
    #nav_bt-group a {padding: 6px 10px; font-size: 12px;}
    #container_wrap h1.NVColor {font-size: 22px;}
    .textcomp {font-size:14px;}
    .article {width:calc(100% - 50px); margin:0 auto;}
}
