.cwrPH {
    color: #666666 !important;
}

.header.wide .harea .logo img {
    margin: 0 auto;
}

.bannh .barea .btnh {
    display: none;
}

.headercnt {
    min-height: auto !important;
}

.header .harea .logo img.logoscroll {
    display: none !important;
}

.res940 .header {
    /* min-height:90px; */
}

.res940 .header .harea {
    /* display:none; */
    /* min-height:0px; */
}

.res940 .header .harea .bannh {
    /* display:none; */
    /* min-height:0px; */
}

.res940 .header .harea .logo {
    /* top:6px; */
}

.res940 .bannh .barea .telh .lnk {
    /* top:25px; */
}

.res940 .bannh .barea .telh .sitetel {
    /* top:27px; */
}

.res940 .bannh .barea .telh a.wricon {
    /* top:20px; */
}

.res940 .header .harea .menu-compact .menuc {
    /* top:33px; */
}

.res720 .header {
    /* min-height:90px; */
}

.res720 .header .harea {
    /* display:none; */
    /* min-height:0px; */
}

.res720 .header .harea .bannh {
    /* display:none; */
    /* min-height:0px; */
}

.res720 .header .harea .logo {
    /* top:6px; */
}

.res720 .bannh .barea .telh .lnk {
    /* top:25px; */
}

.res720 .bannh .barea .telh .sitetel {
    /* top:30px; */
}

.res720 .bannh .barea .telh a.wricon {
    /* top:20px; */
}

.res720 .header .harea .menu-compact .menuc {
    /* top:33px; */
}

.res480 .header {
    min-height: auto;
    overflow: hidden;
}

.res480 .bannh {
    /* min-height:57px; */
}

.res480 .bannh .telh .sitetel {
    /* top:15px; */
}

.res480 .bannh .barea .telh a.wricon {
    /* top:1px; */
}

.res480 .wide .bannh {
    /* min-height:57px; */
}

.res480 .wide .bannh .telh .sitetel {
    /* top:15px; */
}

.res480 .header .harea .menu-compact .menuc {
    top: -44px;
}

.res480 .wide .bannh .barea .telh a.wricon {
    /* top:1px; */
}

.res320 .header {
    min-height: auto;
}

.res320 .bannh {
    /* min-height:57px; */
}

.res320 .bannh .barea .btnh {
    display: none;
}

.res320 .bannh .telh .sitetel {
    /* top:5px; */
}

.res320 .bannh .barea .telh a.wricon {
    /* top:1px; */
}

.res320 .bannh .barea .telh a.shduleLink {
    /* display:none; */
}

.res320 .header .harea .menu-compact .menuc {
    top: -44px;
}

.res320 .wide .bannh {
    /* min-height:57px; */
}

.res320 .wide .bannh .telh .sitetel {
    /* top:5px; */
}

.res320 .wide .bannh .barea .telh a.wricon {
    /* top:1px; */
}

.container .carea {
    padding: 20px 20px 20px 20px;
}

/* ************ bannertop Top************ */
.container .bannertop {
    background: url(banner-2.jpg) center no-repeat;
    width: 100%;
    height: 650px;
}

.container .bannertop .barea {
    max-width: 670px;
    margin: 30px auto 0;
    padding: 0px 20px 0px 20px;
    left: 50%;
    position: absolute;
    margin-left: -355px;
}

.container .bannertop .barea .caption {
    color: #0f2847;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
    width: 623px;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 10px 0px;
    text-align: center;
    width: auto;
    /* color:#fff; */
    letter-spacing: 5px;
}

.container .bannertop .barea img {
    margin: 0 auto;
    display: block;
}

.container .bannertop .barea .caption .red {
    color: #b32b34;
}

.container .bannertop .barea .caja {
    background: #fff;
    text-align: center;
    font-size: 22px;
    color: #002087;
    border-radius: 25px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px 60px 40px;
    /* box-shadow:0px 0px 11px 0px #b9b8b8; */
}

.container .bannertop .barea .caja .red {
    color: #b32b34;
}

.container .bannertop .barea .caja .rest {
    text-align: center;
    display: block;
    letter-spacing: 3px;
    font-size: 15px;
    color: #8a8a8a;
    margin-bottom: 10px;
}

.container .bannertop .barea .caja .rest.beat {
    margin-bottom: 0px;
    color: #002087;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 18px;
}

.container .bannertop .barea .form .frmbfield {
    width: 42%;
    float: left;
    text-align: left;
    margin: 0 15px;
    margin-bottom: 15px;
}

.container .bannertop .barea .form .frmbfield label {
    font-weight: 900;
    font-size: 17px;
    margin-bottom: 4px;
    display: block;
    color: #002583;
}

.container .bannertop .barea .form .frmbfield input {
    border-radius: 8px;
    height: 30px;
    border: none;
    background: #eee;
    width: 100%;
}

.container .bannertop .barea .form .security .seccnt {
    text-align: left;
    font-size: 16px;
}

.container .bannertop .barea .form .security .sectitle {
    font-weight: 900;
    color: #002292;
    font-size: 16px;
}

.container .bannertop .barea .form .security .code {
    border-radius: 8px;
    height: 30px;
    border: none;
    background: #eee;
    width: 44%;
    margin-top: 10px;
}

.container .bannertop .barea .form .security {
    margin: 0 15px;
}

.container .bannertop .barea .form .security .submit {
    margin: 0 15px;
    margin-top: -33px;
    display: block;
    float: right;
    width: 44%;
    border-radius: 8px;
    border: none;
    height: 33px;
    background: #0f2847;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
}

.res1810 .container .bannertop {
    background: url(banner-2-1810.jpg) center no-repeat;
    height: 766px;
}

.res1810 .container .bannertop .barea {
    max-width: 840px;
    margin-left: -440px;
    margin-top: 70px;
}

.res1810 .container .bannertop .barea .caption {
    font-size: 35px;
    /* width:725px; */
    line-height: 42px;
    padding: 15px 0px;
}

.res1810 .container .bannertop .barea .caja {
    font-size: 30px;
}

.res1810 .container .bannertop .barea .caja .rest {
    font-size: 17px;
    letter-spacing: 3px;
}

.res1810 .container .bannertop .barea .caja .rest.beat {
    letter-spacing: 1px;
    font-size: 24px;
}

.res1810 .container .bannertop .barea .form .frmbfield {
    width: 45%;
}

.res1810 .container .bannertop .barea .form .frmbfield label {
    font-size: 22px;
}

.res1810 .container .bannertop .barea .form .frmbfield input {
    height: 40px;
}

.res1810 .container .bannertop .barea .form .security .sectitle {
    font-size: 22px;
}

.res1810 .container .bannertop .barea .form .security .code {
    border-radius: 8px;
    height: 38px;
    border: none;
    background: #eee;
    width: 47%;
    margin-top: 10px;
}

.res1810 .container .bannertop .barea .form .security .submit {
    width: 48%;
    height: 40px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 -5px;
    margin-top: -39px;
}

.res1810 .container .bannertop .barea .form .security .seccnt {
    font-size: 19px;
}

.res940 .container .bannertop {
    background: url(banner-2-940.jpg) center no-repeat;
    height: 650px;
}

.res940 .container .bannertop .barea .caption {
    /* width:513px; */
    padding: 10px 0px;
    font-size: 24px;
    /* line-height:40px; */
    line-height: normal;
}

.res940 .container .bannertop .barea {}

.res720 .container .bannertop {
    background: url(banner-2-720.jpg) top center no-repeat;
    height: 650px;
}

.res720 .container .bannertop .barea .caption {
    /* width:445px; */
    padding: 15px 0px;
    font-size: 24px;
    /* line-height:40px; */
    line-height: normal;
}

.res480 .container .bannertop {
    background: url(banner-2-480.jpg) top center no-repeat;
    height: 800px;
}

.res480 .container .bannertop .barea .caption {
    padding: 10px 0px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 3px;
    top: 0px;
}

.res480 .container .bannertop .barea {
    margin-left: -200px;
    width: 360px;
}

.res480 .container .bannertop .barea .caja {
    font-size: 18px;
    overflow: hidden;
    padding: 10px 30px 40px;
}

.res480 .container .bannertop .barea .caja .rest {
    font-size: 12px;
}

.res480 .container .bannertop .barea .caja .rest.beat {
    font-size: 18px;
}

.res480 .container .bannertop .barea .form .frmbfield {
    width: 100%;
    margin: 0 auto 10px;
}

.res480 .container .bannertop .barea .form .security .code {
    width: 100%;
}

.res480 .container .bannertop .barea .form .security .submit {
    width: 100%;
    height: 40px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 -5px;
    margin-top: 13px;
}

.res320 .container .bannertop {
    background: url(banner-2-320.jpg) top center no-repeat;
    height: 840px;
}

.res320 .container .bannertop .barea {
    width: 290px;
    margin-left: -144px;
    padding: 0px;
}

.res320 .container .bannertop .barea .caption {
    padding: 15px 0px;
    font-size: 16px;
    line-height: 23px;
    margin: 0 auto;
    letter-spacing: 2px;
}

.res320 .container .bannertop .barea .caja {
    font-size: 14px;
    overflow: hidden;
    padding: 10px 20px 40px;
}

.res320 .container .bannertop .barea .caja .rest.beat {
    font-size: 14px;
}

.res320 .container .bannertop .barea .caja .rest {
    font-size: 12px;
    letter-spacing: 1px;
}

.res320 .container .bannertop .barea .form .frmbfield {
    width: 100%;
    margin: 0 auto 15px;
}

.res320 .container .bannertop .barea .form .security .code {
    width: 100%;
}

.res320 .container .bannertop .barea .form .security .submit {
    width: 100%;
    height: 40px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 -5px;
    margin-top: 13px;
}

.res320 .container .bannertop .barea img {
    margin: 0 auto;
    display: block;
    width: 100%;
}

.sidetxtimg {
    display: block;
    overflow: hidden;
}

.sidetxtimg .stiarea .text {
    position: relative;
    font-size: 47px;
    color: #797979;
    display: block;
    /* position:absolute; */
    font-weight: 900;
    text-align: left;
    /* text-transform:uppercase; */
    letter-spacing: 2px;
    top: 65px;
    margin-left: 40px;
    margin-top: 30px;
}

.sidetxtimg .stiarea .text span.title {
    color: #777;
    font-weight: 100;
    text-transform: none;
    font-size: 45px;
    display: block;
    line-height: 45px;
    letter-spacing: 0px;
}

.sidetxtimg .stiarea .text span.title.two {
    color: #0f2847;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 5px;
    background: url(/images/2/icono-showroom.png) left no-repeat;
    padding-left: 35px;
    margin: 10px 0px;
}

.sidetxtimg .stiarea .text span.title.tree {
    color: #0f2847;
    font-size: 49px;
    font-weight: 900;
    line-height: 60px;
}

.sidetxtimg .stiarea .boton {
    color: #fff;
    padding: 10px 20px;
    /* margin:0 auto; */
    display: block;
    position: relative;
    width: 270px;
    font-size: 23px;
    text-align: center;
    cursor: pointer;
    /* top:190px; */
    /* right:50%; */
    /* margin-right:-205px; */
    font-weight: 900;
    border-radius: 20px;
    text-transform: capitalize;
    border: 1px solid #00274e;
    background: #0f2847;
}

.sidetxtimg .stiarea .boton:hover {
    color: #fff;
    background: #002087;
    text-decoration: none;
}

.sidetxtimg .stiarea .bullet {
    background: url(bullet.png) center no-repeat;
    display: block;
    width: 40px;
    height: 38px;
}

.sidetxtimg .stiarea img.right {
    float: right;
    width: 49%;
    box-shadow: 0px 0px 11px 0px #b9b8b8;
}

.res1810 .sidetxtimg .stiarea .text {
    font-size: 60px;
    top: 70px;
    margin-top: 50px;
}

.res1810 .sidetxtimg .stiarea .text span.title {
    font-size: 68px;
    line-height: 75px;
}

.res1810 .sidetxtimg .stiarea .text span.title.two {
    font-size: 28px;
}

.res1810 .sidetxtimg.two .stiarea {
    max-width: 1770px;
}

.res1810 .sidetxtimg .stiarea .bullet {
    background: url(bullet-1810.png) center no-repeat;
    display: block;
    width: 59px;
    height: 56px;
}

.res940 .sidetxtimg .stiarea .text {
    top: 75px;
    margin-left: 20px;
    font-size: 46px;
    margin-top: 20px;
}

.res940 .sidetxtimg .stiarea .text span.title {
    /* font-size:40px; */
    /* line-height:40px; */
}

.res940 .sidetxtimg .stiarea .text span.title.two {
    /* font-size:14px; */
}

.res940 .sidetxtimg .stiarea img.right {
    float: right;
    width: auto;
    box-shadow: 0px 0px 11px 0px #b9b8b8;
}

.res720 .sidetxtimg .stiarea {
    padding: 0px 30px;
}

.res720 .sidetxtimg .stiarea .text {
    top: 10px !important;
    right: auto;
    width: 100%;
    margin: 10px auto 50px;
    text-align: center;
    overflow: hidden;
}

.res720 .sidetxtimg .stiarea .text span.title {
    font-size: 46px;
    line-height: 50px;
}

.res720 .sidetxtimg .stiarea .text span.title.two {
    font-size: 21px;
    width: fit-content;
    margin: 20px auto;
}

.res720 .sidetxtimg .stiarea img.right {
    float: none;
    width: auto;
    margin: 0 auto;
}

.res720 .sidetxtimg .stiarea .bullet {
    background: url(bullet.png) center no-repeat;
    display: block;
    width: 59px;
    height: 56px;
    margin: 0 auto;
}

.res480 .sidetxtimg .stiarea {
    padding: 0px 30px;
}

.res480 .sidetxtimg .stiarea .text {
    top: 10px !important;
    right: auto;
    width: 100%;
    margin: 10px auto 50px;
    text-align: center;
    overflow: hidden;
}

.res480 .sidetxtimg .stiarea .text span.title {
    font-size: 31px;
    line-height: 40px;
}

.res480 .sidetxtimg .stiarea .text span.title.two {
    font-size: 21px;
    width: fit-content;
    margin: 20px auto;
}

.res480 .sidetxtimg .stiarea img.right {
    float: right;
    width: auto;
    margin: 0 auto;
}

.res480 .sidetxtimg .stiarea .bullet {
    background: url(bullet.png) center no-repeat;
    display: block;
    width: 59px;
    height: 56px;
    margin: 0 auto;
}

.res320 .sidetxtimg .stiarea {
    padding: 0px 20px;
}

.res320 .sidetxtimg .stiarea .text {
    top: 10px !important;
    right: auto;
    width: 100%;
    margin: 10px auto 50px;
    text-align: center;
    overflow: hidden;
}

.res320 .sidetxtimg .stiarea .text span.title {
    font-size: 25px;
    line-height: 30px;
}

.res320 .sidetxtimg .stiarea .text span.title.two {
    font-size: 21px;
    width: fit-content;
    margin: 20px auto;
}

.res320 .sidetxtimg .stiarea img.right {
    float: right;
    width: auto;
    margin: 0 auto;
}

.res320 .sidetxtimg .stiarea .bullet {
    background: url(bullet.png) center no-repeat;
    display: block;
    width: 59px;
    height: 56px;
    margin: 0 auto;
}

/* ***** Text and Side Image ***** */
.sidetxtimg.two .stiarea {
    margin: 0px auto;
    max-width: 1130px;
    overflow: hidden;
}

.sidetxtimg.two .stiarea .info {
    float: right;
    width: 46%;
}

.sidetxtimg.two .stiarea .text {
    top: 40px;
    margin-left: 0px;
}

.sidetxtimg.two .stiarea img.right {
    float: left;
    width: 49%;
    box-shadow: 0px 0px 11px 0px #b9b8b8;
    margin: 0 0 0 20px;
}

.res1810 .sidetxtimg.two .stiarea {
    max-width: 1770px;
}

.res1810 .sidetxtimg.two .stiarea .info {
    /* padding:0px 0px 0px 90px; */
    /* width:40%; */
}

.res1810 .sidetxtimg.two .stiarea .info .ttl {
    font-size: 38px;
    line-height: 44px;
    padding: 0px 118px 10px 118px;
}

.res1810 .sidetxtimg.two .stiarea .info .txt {
    font-size: 23px;
    padding: 0px 25px;
}

.res1810 .sidetxtimg.two .stiarea img.right {
    width: 50%;
}

.res1810 .sidetxtimg.two .stiarea .text {
    top: 50px;
    margin-left: 0px;
}

.res940 .sidetxtimg.two .stiarea {
    margin: 0px auto;
    max-width: 940px;
    overflow: hidden;
}

.res940 .sidetxtimg.two .stiarea .info .ttl {
    padding: 0px 0px 10px 0px;
    margin-bottom: 15px;
}

.res940 .sidetxtimg.two .stiarea .info .txt {
    font-size: 18px;
    padding: 0px 10px;
}

.res940 .sidetxtimg.two .stiarea img.right {
    width: auto;
}

.res940 .sidetxtimg.two .stiarea .info {
    width: 60%;
}

.res940 .sidetxtimg.two .stiarea .text {
    top: 60px;
    margin-left: 20px;
    font-size: 46px;
    margin-top: 20px;
}

.res720 .sidetxtimg.two .stiarea .info {
    float: none;
    width: auto;
    margin-bottom: 30px;
}

.res720 .sidetxtimg.two .stiarea .info .ttl {
    padding: 0px 0px 10px 0px;
    margin-bottom: 15px;
}

.res720 .sidetxtimg.two .stiarea .info .txt {
    font-size: 18px;
    padding: 0px;
    text-align: left;
}

.res720 .sidetxtimg.two .stiarea img.right {
    float: none;
    width: auto;
    margin: 0 auto;
}

.res480 .sidetxtimg.two .stiarea {
    text-align: center;
}

.res480 .sidetxtimg.two .stiarea .info {
    float: none;
    width: auto;
    margin-bottom: 30px;
}

.res480 .sidetxtimg.two .stiarea .info .ttl {
    padding: 0px 0px 10px 0px;
    margin-bottom: 15px;
}

.res480 .sidetxtimg.two .stiarea .info .txt {
    font-size: 18px;
    padding: 0px;
    text-align: left;
}

.res480 .sidetxtimg.two .stiarea img.right {
    float: none;
    width: auto;
    margin: 0 auto;
}

.res320 .sidetxtimg.two .stiarea {
    text-align: center;
}

.res320 .sidetxtimg.two .stiarea .info {
    float: none;
    width: auto;
    margin-bottom: 30px;
}

.res320 .sidetxtimg.two .stiarea .info .ttl {
    padding: 0px 0px 10px 0px;
    margin-bottom: 15px;
}

.res320 .sidetxtimg.two .stiarea .info .txt {
    font-size: 18px;
    padding: 0px;
    text-align: left;
}

.res320 .sidetxtimg.two .stiarea img.right {
    float: none;
    width: auto;
    margin: 0 auto;
}

/* ***** Text and Side Image ***** */
.sidetxtimg.tree .stiarea .info {
    /* float:right; */
    /* width:46%; */
}

.sidetxtimg.tree .stiarea .text {
    top: 40px;
    margin-left: 0px;
}

.sidetxtimg.tree .stiarea img.right {
    float: right;
    width: 49%;
    box-shadow: 0px 0px 11px 0px #b9b8b8;
}

.res1810 .sidetxtimg.tree .stiarea .text {
    top: 50px;
}

.res940 .sidetxtimg.tree .stiarea img.right {
    width: auto;
}

.res940 .sidetxtimg.tree .stiarea .text {
    top: 80px;
    margin-left: 0px;
}

.res720 .sidetxtimg.tree .stiarea img.right {
    width: auto;
    float: none;
}

.res480 .sidetxtimg.tree .stiarea img.right {
    width: auto;
}

.res320 .sidetxtimg.tree .stiarea img.right {
    width: auto;
}

.container .bannertop .barea .capBan {
    text-align: center;
    background: #00217a;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    border-radius: 20px;
}

.res1810 .container .bannertop .barea .capBan {
    font-size: 32px;
}

.res480 .container .bannertop .barea .capBan {
    font-size: 18px;
}

.res320 .container .bannertop .barea .capBan {
    font-size: 14px;
}

.container .bannertop .barea .form .frmbfield.frmbcheckbox {
    float: none;
    width: auto !important;
    clear: both;
    margin-bottom: 0px;
}

.container .bannertop .barea .form .frmbfield.frmbcheckbox .checkbox {
    margin: 10px 0px 5px 0px;
}

.container .bannertop .barea .form .frmbfield.frmbcheckbox .checkbox div:nth-child(1) {
    display: none;
}

.container .bannertop .barea .form .frmbfield.frmbcheckbox .checkbox input[type=checkbox] {
    width: 20px !important;
    height: 20px !important;
    background: #fff;
    padding: 0 !important;
    float: left;
    margin: 2px 10px 0px 0px;
    appearance: checkbox;
}

.container .bannertop .barea .form .frmbfield.frmbcheckbox .checkbox input[type="checkbox"]:checked {
    color: #000;
}

.container .bannertop .barea .form .frmbfield.frmbcheckbox .checkbox label {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #636363 !important;
    padding-left: 30px;
}

.container .bannertop .barea .form .frmbfield.frmbcheckbox .checkbox label .colorb {
    color: #404da3;
}

.res720 .container .bannertop .barea .form .frmbfield.frmbcheckbox .checkbox label {
    font-size: 14px !important;
}

.res480 .container .bannertop .barea .form .frmbfield.frmbcheckbox .checkbox label {
    font-size: 14px !important;
}

.res320 .container .bannertop .barea .form .frmbfield.frmbcheckbox .checkbox label {
    font-size: 14px !important;
}

.popup {
    display: none !important;
    visibility: hidden;
}

.container .bannertop .barea .boxscnd {
    background: #edf0ff;
    padding: 10px 0px;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 18px;
    color: #002087;
}

.container .bannertop .barea .boxfirst {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding: 20px 0px 10px;
    background: #263d9b;
    color: #fff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 22px;
    line-height: 26px;
}

.container .bannertop .barea .boxfirst .btnoff {
    border: 2px solid #fff;
    border-radius: 25px;
    font-size: 30px;
    padding: 10px 0px;
    width: 380px;
    margin: 10px auto 5px;
    position: relative;
}

.container .bannertop .barea .boxfirst .btnoff .pointer {
    background: url(/images/124/pointer.png) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    right: -10px;
    bottom: 0px;
}

.res1810 .container .bannertop .barea .boxfirst {
    font-size: 26px;
    line-height: 30px;
}

.res1810 .container .bannertop .barea .boxscnd {
    font-size: 24px;
}

.res1810 .container .bannertop .barea .boxfirst .btnoff {
    font-size: 42px;
    width: 510px;
}

.res1810 .container .bannertop .barea .boxfirst .btnoff .pointer {
    background: url(/images/124/pointer-1810.png) no-repeat;
    width: 40px;
    height: 40px;
    right: -20px;
    bottom: -5px;
}

.res480 .container .bannertop .barea .boxfirst {
    font-size: 16px;
    line-height: 20px;
}

.res480 .container .bannertop .barea .boxfirst .btnoff {
    width: 265px;
    font-size: 20px;
}

.res480 .container .bannertop .barea .boxscnd {
    font-size: 16px;
}

.res320 .container .bannertop .barea .boxfirst {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
}

.res320 .container .bannertop .barea .boxfirst .btnoff {
    width: 260px;
    font-size: 18px;
}

.res320 .container .bannertop .barea .boxscnd {
    font-size: 16px;
    letter-spacing: 1px;
}

.container .topbann {
    width: 100%;
    height: 490px;
    background: url(banner-1.jpg) center no-repeat;
}

.res1810 .container .topbann.topbann {
    background: url(banner-1-1810.jpg) center no-repeat;
    height: 560px;
}

.res940 .container .topbann {
    background: url(banner-1-940.jpg) center no-repeat;
    height: 460px;
}

.res720 .container .topbann {
    background: url(banner-1-720.jpg) center no-repeat;
    height: 430px;
}

.res480 .container .topbann {
    background: url(banner-1-480.jpg) center no-repeat;
    height: 340px;
}

.res320 .container .topbann {
    background: url(banner-1-320.jpg) center no-repeat;
    height: 290px;
}

.container .carea .txban {
    color: #002087;
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 20px;
}

.container .carea .txban .txbanbold {
    font-weight: 700;
    background: url(arrow.png) center right no-repeat;
    width: 670px;
    margin: 0 auto;
}

.res1810 .container .carea .txban {
    font-size: 46px;
}

.res1810 .container .carea .txban .txbanbold {
    width: 1075px;
}

.res480 .container .carea .txban .txbanbold {
    width: 440px;
    background: none;
}

.res480 .container .carea .txban {
    font-size: 20px;
}

.res320 .container .carea .txban .txbanbold {
    width: 290px;
    background: none;
}

.res320 .container .carea .txban {
    font-size: 20px;
}

.before-after-img2, .bannerhome3-n, .bannerhome3-n-940, .bannerhome3-n-720, .bannerhome3-n-480, .bannerhome3-n-320 {
    display: none !important;
}

.res940 .header .harea .logo {
        margin-top: 15px !important;
    }

@media screen and (max-width: 1810px) {
    .bannerhome3-n-1810 {
        display: none !important;
    }

    .bannerhome3-n {
        display: block !important;
    }
}

@media screen and (max-width: 1170px) {
    .bannerhome3-n {
        display: none !important;
    }

    .footer .farea .befooter .logo .flogo {
        width: 80% !important;
    }

    .bannerhome3-n-940 {
        display: block !important;
    }
    .res940 .header .harea .logo {
        margin-top: 15px;
    }
}

@media screen and (max-width: 940px) {
    .bannerhome3-n-940 {
        display: none !important;
    }

    .bannerhome3-n-720 {
        display: block !important;
    }
    .res940 .header .harea .logo {
        margin-top: 15px;
    }
}

@media screen and (max-width: 720px) {
    .bannerhome3-n-720 {
        display: none !important;
    }

    .bannerhome3-n-480 {
        display: block !important;
    }
    .res940 .header .harea .logo {
        margin-top: 15px;
    }
}
@media screen and (max-width: 480px) {
    .bannerhome3-n-480 {
        display: none !important;
    }

    .bannerhome3-n-320 {
        display: block !important;
    }
}

@media (max-width: 768px) {
    .bannerhome3-n-1810 {
        display: none !important;
    }

    .before-after-img {
        display: none !important;
    }

    .before-after-img2 {
        display: block !important;
    }
}