body, html{ font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF; margin:0 auto;}
.top{padding-top:20px;}
.bk{width:100%; height:1000px;  position:absolute; margin:0px auto; top:0px; left:0px; z-index:-1;}
.trip{width:33%; height:2700px; background-image: linear-gradient(180deg, rgba(182,215,235,0.49) 0%, #d0def3 39%); display: -webkit-box;}
.trip img{width:895px; height:1022px;}
.banner-bigimg{padding:0px; display:inline-block;}
.wcontainer {width:1400px; margin:0 auto; position:relative; }
.noteicon{font-size: 20px; line-height: 50px; color: #4A90E2; letter-spacing: 1px; padding-left:5px;}
.infozone{background: rgba(255,255,255,0.50);padding:5px 10px;
border: 1px solid #4A90E2;
border-radius: 8px;margin-bottom:10px;}
.infozone ul{margin-bottom:5px;}
.infozone li{font-size: 16px;
color:#777;
letter-spacing: 1px;
line-height: 22px; 
padding: 3px 0px;}
.minibox{width:80%; margin-left:10%;}
.btxt{font-size: 24px;
color: #3F9BEA;
letter-spacing: 1px;
text-align: center;}
.gtxt{font-size: 18px;
color: #555555;
letter-spacing: 0.75px;
text-align: center;}
.card{padding:10px;}
.area{width:88%; margin:20px 6%; display: inline-block;}
.thumb {
    overflow: hidden;
    display: block;
}
.thumb img {
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
}
.shade{
    position: absolute;
    top: -32px;
    left: 0;
    right: 6px;
    color: #fff;
    text-align: right;
}
.shade1{
    position: absolute;
    top: -32px;
    left: 6px;
    right: 0;
    color: #fff;
    text-align: right;
}
.shade2{
    position: absolute;
    top: -72px;
    left: 0;
    right: 6px;
    color: #fff;
    text-align: right;
}
.shade3{
    position: absolute;
    top: -70px;
    left: 5px;
    right:585px;
    color: #fff;
    text-align: right;
}
.iconW{top: 160px;
    color: #000;
    position: relative ;z-index:10;
}
.iconW1{top: 170px;
    color: #000;
    position: relative ;z-index:10;
}
.iconW2{top: 190px;
    color: #000;
    position: relative ;z-index:10;
}
.iconWT{
font-size: 32px; line-height:40px;
color: #4A4A4A;
letter-spacing: 1.5px;
text-align:right; padding-right:12%;}
.iconWTl{
font-size: 32px; line-height:40px;
color: #4A4A4A;
letter-spacing: 1.5px;
text-align:left; padding-left:12%;}
.iconW-img{ z-index: 2;}
.iconW-img1{text-align: left; z-index: 2;}
.container-fluid {width:100%; max-width:1200px;}
#bigImg{padding-left: 0px; padding-right: 0px;}
#bigImg .carousel {
    position: relative;
    z-index: 99;
}
#bigImg .carousel .nav-pills > li {
    width:24.8%;
    float: left;
    background: #004a9c;
    font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;
    font-size: 22px;
    font-weight:600;
    color: #FFFFF0;
    letter-spacing: 0;}

#bigImg .carousel .nav-pills > li > a {
    border-radius: 4px;
    color: #FFFFF0;}
#bigImg .carousel .nav-pills > li + li {
    margin-left: 2px; }

#bigImg .carousel .nav-pills > li.active > a{
    background: #006aa7;
    letter-spacing: 0;
    text-align: center; }

#bigImg .carousel .nav-pills > li.active > a:hover{
    background: #006aa7;
    letter-spacing: 0;
    text-align: center; }

#bigImg .carousel .nav-pills > li.active > a:focus{
    background: #006aa7;
    letter-spacing: 0;
    text-align: center; }

#bigImg .carousel .nav-pills > li > a:hover, .nav-pills > li> a:focus  {
    background: #006aa7;
    letter-spacing: 0;
    text-align: center; }

.SPDate { width: 100%; }
.hidden {display: none; }

.wbox{margin:20px 0px;}

.more{font-size:18px; font-family:Arial; float:right; letter-spacing:0; margin-top:15px; color: #006aa7;}
#mainC{width:101%; margin-top:10px; margin-left: 10px;}
#prod-tabs{ padding-bottom:25px; padding-top: 15px;}
.banner-prod{width:101%; margin-left:-2.5%;}
.box{margin-bottom:20px;}
.tab1{background: #DF634D;font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;
      font-size: 20px;
      line-height:52px;
      color: #FFFFFF;
      letter-spacing: 5px;
      margin-bottom:5px;
      text-align: left;
      margin-left:0px;
      margin-right:-30px;
      padding-left:20px;}
.tab1:hover{background: #F9907B; font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;}
.tab2{background: #A4BC91;font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;
      font-size: 20px;
      line-height:51px;
      color: #FFFFFF;
      letter-spacing: 5px;
      margin-bottom:5px;
      text-align: left;
      margin-left:0px;
      margin-right:-30px;
      padding-left:20px;}
.tab2:hover{background: #d1ddc8; font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;}
.tab3{background: #5581D3;font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;
      font-size: 20px;
      line-height:51px;
      color: #FFFFFF;
      letter-spacing: 5px;
       margin-bottom:5px;
      text-align: left;
      margin-left:0px;
      margin-right:-30px;
      padding-left:20px;}
.tab3:hover{background: #aac0e9; font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;}
.tab4{background: #B8CFD3;font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;
      font-size: 20px;
      line-height:51px;
      color: #FFFFFF;
      letter-spacing: 5px;
      margin-bottom:5px;
      text-align: left;
      margin-left:0px;
      margin-right:-30px;
      padding-left:20px;}
.tab4:hover{background: #dbe7e9; font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;}
.tab5{background: #E2AD63;font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;
      font-size: 20px;
      line-height:51px;
      color: #FFFFFF;
      letter-spacing: 5px;
      text-align: left;
      margin-left:0px;
      margin-right:-30px;
      padding-left:20px;}
.tab5:hover{background: #f0d6b1; font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;}

.spots{width:101.3%; margin-left:-30px;  margin-right:-15px;}
.DPic{ margin-top:30px; width:37%; margin-right:-3.7%; display:inline-block;}
.Grow{width:100%; height:40px;}
#mainD{width: 1200px; float:center;}
.Dbtn{ margin-bottom:0px; margin-right:0px; display:block;}
.Dbtn1{ margin-bottom:0px; margin-right:0px; display:block;}
.Dnav {width:114%;
       background-image: linear-gradient(-180deg, #D8D8D8 0%, #EEEEEE 100%);
       font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;
       font-size: 26px;
       color: #626060;
       text-align:center;
       font-weight:600;
       letter-spacing: 6.82px;}
.Dnav:hover {width:114%;
       background: #DF634D;
       font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;
       font-size: 26px;
       color: #FFFFFF;
       text-align:center;
       font-weight:600;
       letter-spacing: 6.82px;
       z-index:0;} 

.Dnav2 {width:104%;
       margin-top:10px;
       padding-left:30px;
       background-image: linear-gradient(-180deg, #D8D8D8 0%, #EEEEEE 100%);
       font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;
       font-size: 26px;
       color: #626060;
       text-align:center;
       font-weight:600;
       letter-spacing: 6.82px;}
.Dnav2:hover {color:#004a9c;font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF; font-weight:600;}
.Dnav-under {width:114%; height:8px; background: #F9907B; }
.Dnav-under1 {width:104%; height:8.5px; background: #006aa7; margin-top:5px; padding-right:0px;}
.Dnav1{width:114%;
       line-height:52px;
       background: #DF634D;
       font-family: Arial, Verdana, 敺株��迤暺煾��,  DFHei-Bd-HK-BF;
       font-size: 26px;
       color: #FFFFFF;
       text-align:center;
       font-weight:600;
       letter-spacing: 6.82px;
       z-index:0;} 
.hint{font-size: 22px;letter-spacing: 1px;
    color: #fff;
    margin-top: -50px; margin-bottom: 15px;
    padding-left: 20px; z-index: 3;
    position: relative; text-shadow: 1px 1px 2px #555; }
.hint1{font-size: 22px;letter-spacing: 1px;
    color: #fff;
    margin-top: -50px;
    float:right;
    padding-right: 20px; z-index: 3;
    position: relative; text-shadow: 1px 1px 2px #555; }
.frame{ border: 3px solid #69A7F9; border-radius: 8px; padding:15px 0px;}
.ProWS{font-weight: 400;
       font-size: 15px; display:inline-block;}
.gap{height:30px;display:block;}
#scroll {z-index: 999;}
.ytitle{font-size: 36px; color: #4AA6E2; letter-spacing: 3px; margin-bottom:20px; text-align: center;}
.ltitle{width:30%;font-size: 30px; color: #4A90E2; letter-spacing: 2.5px; margin-left:35%; margin-top:-28px;  margin-bottom:20px; background:#fff; text-align: center;}
.line{width:100%; border-bottom: 1px solid #979797;}
.lazypack a{ margin-right:17px;}
.lazypack a:last-child{float:right; margin-right:0px;}
.lazy{width:180px; height:180px; padding: 0px; margin-bottom: 10px;
border-radius: 18px;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);background-color: black;
border: 4px solid #FFFFFF; overflow: hidden; display: inline-block;}
.lazy:hover{width:182px; height:182px; border: 8px solid #FFFFCC;}
.lazy .localimg{width:100%;}
.ltxt{width: 80px; margin-top: -120px; margin-left:40px; font-size: 36px;color: #FFFFFF;letter-spacing: 3px;line-height: 40px;text-shadow: 0 2px 4px rgba(0,0,0,0.50);}
.xs-show{display:none;}


@media screen and (min-width: 1401px){
.wcontainer {width: 1350px; margin-left:-5%;}
.AEholiday{width:260px; display:inline-block;}
.info{width:1120px; display:inline-block;}
}
@media (min-width:1200px) and (max-width:1400px){
.wcontainer {width: 100%; max-width: 1350px; margin-left: 15px;}
.AEholiday{width:250px; display:inline-block;}
.info{width:79.5%; display:inline-block;}
.trip {width: 25%; height: 2502px; overflow: hidden; }
.trip img{max-width:unset; margin-left: -110%;}
#bigImg .carousel .nav{width:100%; margin-left:0px;}
#bigImg .carousel .nav-pills > li {font-size: 20px;}
#bigImg .carousel .nav-pills > li.active > a{font-size: 20px;}
#bigImg .carousel .nav-pills > li.active > a:hover{font-size: 20px;}
#bigImg .carousel .nav-pills > li.active > a:focus{font-size: 20px;}
#bigImg .carousel .nav-pills > li > a:hover, .nav-pills > li> a:focus  {font-size: 20px;}
.shade3{right:520px;}
.wbox img{width:150px;}
.iconWT, .iconWTl {font-size:32px;}
.iconW1 {top: 160px;}
.lazypack a{ margin-right:15px;}
.lazypack a:last-child{margin-right:-3px;}
.lazy{width:160px; height:160px;}
.lazy:hover{width:162px; height:162px;}
.ltxt {width: 80px; margin-top: -115px; margin-left: 33px;}
}
@media (min-width:1100px) and (max-width:1199px){
.wcontainer {width: 100%; margin: 0px 15px;}
.AEholiday{width:20%; display:inline-block;}
.info{width:80%; display:inline-block;}
.trip{width: 22%; height: 1870px; overflow: hidden; }
.trip img{max-width:unset; margin-left:-360px;}
.noteicon {margin: 0px 2%;}
.infozone {margin-left:2%;margin-right:2%;}
#bigImg .carousel .nav{width:100%; margin-left:0px;}
#bigImg .carousel .nav-pills > li > a {font-size: 18px;padding: 10px 5px;}
#bigImg .carousel .nav-pills > li {width: 24.75%; font-size: 18px;}
#bigImg .carousel .nav-pills > li.active > a{font-size: 18px;}
#bigImg .carousel .nav-pills > li.active > a:hover{font-size: 18px;}
#bigImg .carousel .nav-pills > li.active > a:focus{font-size: 18px;}
#bigImg .carousel .nav-pills > li > a:hover, .nav-pills > li> a:focus  {font-size: 18px;}
.shade3{left:6px; right:532px;}
.iconW1 {top: 163px;}
.iconW2 {top: 175px;}
.iconWT {font-size: 28px;}
.iconWTl {font-size: 28px;}
.area{width:90%; margin:35px 5%;}
.wbox {padding: 0px 5px;}
.wbox img{width:120px;}
.lazypack a{ margin-right:9px;}
.lazy{width:14vw; height:14vw;}
.lazy:hover{width:14.2vw; height:14.2vw;}
}

@media (min-width:992px) and (max-width:1099px){
.wcontainer {width: 97%; margin: 0px 15px;}
.AEholiday{width:20%; display:inline-block;}
.info{width:80%; display:inline-block;}
.trip{width: 22%; height:2300px; overflow: hidden; }
.trip img{max-width:unset; margin-left:-360px;}
.noteicon {margin: 0px 2%;}
.infozone {margin-left:2%;margin-right:2%;}
#bigImg .carousel .nav{width:100%; margin-left:0px;}
#bigImg .carousel .nav-pills > li > a {font-size: 18px;padding: 10px 4px;}
#bigImg .carousel .nav-pills > li {width: 24.75%; font-size: 18px;}
#bigImg .carousel .nav-pills > li.active > a{font-size: 18px;}
#bigImg .carousel .nav-pills > li.active > a:hover{font-size: 18px;}
#bigImg .carousel .nav-pills > li.active > a:focus{font-size: 18px;}
#bigImg .carousel .nav-pills > li > a:hover, .nav-pills > li> a:focus  {font-size: 18px;}
.shade {top: -27px;}
.shade2 {top: -62px;}
.shade3{top: -60px; left:7px; right:426px;}
.iconW {top: 145px;}
.iconW2 {top: 145px;}
.iconW1 {top: 155px;}
.iconWT {font-size: 26px; line-height: 35px;}
.iconWTl {font-size: 26px; line-height:35px;}
.area{width:90%; margin:35px 5%;}
.wbox {padding: 0px 5px;}
.wbox img{width:120px;}
.btxt {font-size: 22px;}
.lazypack a{ margin-right:8px;}
.lazy{width:13.5vw; height:13.5vw;}
.lazy:hover{width:13.7px; height:13.7px;}
.ltxt {width: 72px; margin-top: -105px; margin-left: 27px; font-size: 33px;}
}

@media (min-width:900px) and (max-width: 991px){
.wcontainer {width: 100%; margin: 0px 15px;}
.infozone li {margin-left: -10px;}
.trip{width: 22%; height: 2230px; overflow: hidden; }
.trip img{max-width:unset; margin-left:-360px;}
#bigImg{width:104%; margin-left:-2%;}
#bigImg .carousel .nav{width:102.5%; margin-left:0px;}
#bigImg .carousel .nav-pills > li {width: 24.2%; font-size: 18px;}
#bigImg .carousel .nav-pills > li > a {font-size: 18px;padding: 10px 5px;}
#bigImg .carousel .nav-pills > li.active > a{font-size: 18px;}
#bigImg .carousel .nav-pills > li.active > a:hover{font-size: 18px;}
#bigImg .carousel .nav-pills > li.active > a:focus{font-size: 18x;}
#bigImg .carousel .nav-pills > li > a:hover, .nav-pills > li> a:focus  {font-size: 18px;}
.shade {top: -27px;}
.shade1 {top: -27px;}
.shade2 {top: -62px;}
.shade3{top: -60px; left:0.75vw; right:44.2vw;}
.iconW {top: 135px;}
.iconW2 {top: 14vw;}
.iconW1 {top: 140px;}
.iconWT {font-size: 26px;line-height: 35px;}
.iconWTl {font-size: 26px;line-height: 35px;}
.area{width:90%; margin:35px 5%;}
.wbox {padding: 0px 10px;}
.wbox img{width:110px;}
.hint {font-size: 20px; margin-top: -40px;}
.hint1 {font-size: 20px; margin-top: -40px;}
.lazypack a{ margin-right:5px;}
.lazy{width:130px; height:130px;}
.lazy:hover{width:132px; height:132px;}
.ltitle {width: 40%; margin-left: 30%;}
.ltxt {width: 72px; margin-top: -100px; margin-left: 27px; font-size: 33px;}
}

@media (min-width:768px) and (max-width: 899px){
.wcontainer {width:96%; margin:0px 15px;}
.top img{width:180px;}
.noteicon {font-size: 20px; padding-right: 10px; text-align: right; margin-top: -40px;}
.infozone {margin-bottom: 10px;}
.infozone li {margin-left: -15px; padding: 2px 0px;}
.trip{width:30%; height:2560px; overflow: hidden; }
.trip img{max-width:unset; margin-left:-360px;}
#bigImg{margin-left:0px;}
#bigImg .carousel .nav{width:100%; margin-left:0px;}
#bigImg .carousel .nav-pills > li {width: 24.75%; font-size: 18px;}
#bigImg .carousel .nav-pills > li > a {font-size: 18px;padding: 10px 5px;}
#bigImg .carousel .nav-pills > li.active > a{font-size: 18px;}
#bigImg .carousel .nav-pills > li.active > a:hover{font-size: 18px;}
#bigImg .carousel .nav-pills > li.active > a:focus{font-size: 18px;}
#bigImg .carousel .nav-pills > li > a:hover, .nav-pills > li> a:focus  {font-size:18px;}
.minibox {width: 90%; margin-left: 5%;}
.shade {top: -22px; right: 7px; left: 3px;}
.shade1 {top: -22px; left: 7px; right: 3px;}
.shade2 {top: -52px; right: 7px; left: 3px;}
.shade3{top: -52px; left:0.8vw; right:44.5vw;}
.iconW {top: 110px;}
.iconW1 {top: 115px;}
.iconW2 {top: 14vw;}
.iconWT {font-size: 24px;line-height: 30px;}
.iconWTl {font-size: 24px;line-height: 30px;}
.area{width:95%; margin:30px 2.5%;}
.wbox {padding: 0px 5px;}
.wbox img{width:100px;}
.hint {font-size: 20px; margin-top: -40px;}
.hint1 {font-size: 20px; margin-top: -40px;}
.btxt {font-size: 20px;}
.gtxt {font-size: 16px;}
.lazypack a{ margin-right:0.9vw;}
.lazy{width:14vw; height:14vw;}
.lazy:hover{width:14.2vw; height:14.2vw;}
.ltitle {width: 40%; margin-left: 30%;}
.ltxt {width: 65%; font-size: 26px; line-height: 33px; margin-top: -80px; margin-left: 21%;}
}

@media (min-width:577px) and (max-width:767px){
.bk{display:none;}
.wcontainer {width:96%; margin:0px 2%;}
.top img{width:150px;}
.noteicon {font-size: 20px; padding-right: 10px; text-align: right; margin-top: -40px;}
.infozone {margin-bottom: 10px;}
.infozone li {font-size: 15px; margin-left: -15px; padding: 2px 0px;}
.trip{width:30%; height:1720px; overflow: hidden; }
.trip img{max-width:unset; margin-left:-360px;}
#bigImg{width:99.9%; margin-left:2.2%;}
#bigImg .carousel .nav{width:100%; margin-left:-2.2%;}
#bigImg .carousel .nav-pills > li {font-size: 16px; width: 24.72%;}
#bigImg .carousel .nav-pills > li.active > a{font-size: 16px;}
#bigImg .carousel .nav-pills > li.active > a:hover{font-size: 16px;}
#bigImg .carousel .nav-pills > li.active > a:focus{font-size: 16px;}
#bigImg .carousel .nav-pills > li > a:hover, .nav-pills > li> a:focus  {font-size:16px;}
#bigImg .carousel .nav > li > a { padding: 8px 2px; }
.frame{ padding-top:10px; padding-bottom:0px;}
.BNzone{width:98%; margin-top:20px; margin-left:1%; text-align:center;}
.BN{width:37%; margin-bottom:10px; margin-left:-1.3%; margin-right:-3%;text-align:center;}
.box{margin-left:10px;}
.DPic{ margin-top:10px; width:35%; margin-left:1%; text-align:center; display:inline-block;}
.spots{width:100%;}
.banner-prod{width:105%; margin-left:-2.5%;}
.minibox {width: 96%; margin-left:2%;}
.card {padding: 5px;}
.shade {top: -26px; right: 3px; left: 0px;}
.shade1 {top: -26px; left: 3px; right: 0px;}
.shade2 {top: -56px; right: 3px; left:0px;}
.shade3{display:none;}
.iconW {top: 15vw;}
.iconW1 {top: 16vw;}
.iconWT {font-size: 24px;line-height: 30px; padding-right: 7%;}
.iconWTl {font-size: 24px;line-height: 30px; padding-left: 7%;}
.area{width:95%; margin:20px 2.5%;}
.wbox {padding: 0px 5px;}
.wbox img{width:90px;}
.hint {font-size: 20px; margin-top: -40px; margin-bottom: 10px;}
.hint1 {font-size: 20px; margin-top: -40px;}
.btxt {font-size: 20px; letter-spacing: 0px;}
.gtxt {font-size: 16px;}
.ytitle {font-size: 34px;}
.lazypack{width:100%; margin-left: 1%;}
.lazypack a{ margin-right:1.9vw;}
.lazypack a:last-child{ margin-right:1.9vw; float:inline-end;}
.lazy{width:28vw; height:28vw;}
.lazy:hover{width:14.2vw; height:14.2vw;}
.ltitle {width:60%; margin-left:20%;}
.ltxt {width: 50%; margin-top: -125px; margin-left: 25%;}
.xs-show{display:contents;}
}

@media (min-width:480px) and (max-width:576px){
.top {padding-top: 10px; padding-left: 0px;}
.bk{display:none;}
.wcontainer {width:100%;}
.wcontainer .row{margin:0px;}
.top img{width:150px; padding-left:10px;}
.noteicon {width:140px;
    font-size: 18px;
    line-height:35px;
    padding:2px 5px 2px 10px;
    float: right; margin-top: -40px;
    color:#fff;
    background-image: linear-gradient(180deg, #97BADE 2%, #4A90E2 100%);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
    border-radius: 8px;
    margin-bottom:10px;
    margin-right: -5px;
}
.noteicon img{width:25px;}
.infozone {margin:0px -5px 10px -5px; display:none;}
.infozone li {letter-spacing: 0.5px; margin-left: -15px; padding:5px 0px;}
#bigImg{width:100%; margin-left:0%;}
#mainC{width:100%; margin-left:0%;}
#bigImg .carousel .nav{display:none;}
.carousel-indicators{padding-right: 8%; bottom: -5px; display:inline-block !important;}
.carousel-indicators li {margin: 0px 5px; border:none;  box-shadow: 0px 0px 1px 1px rgb(0 0 0 /50%); background-color: #ffffff;}
.carousel-indicators li.active {width:10px; height:10px; margin: 0px 5px;}
.card {padding: 5px;}
.shade {top: -21px; right: 3px; left: 0px;}
.shade1 {top: -21px; left: 3px; right: 0px; }
.shade2 {top: -45px; right: 3px; left: 0px; }
.shade3{display:none;}
.iconW {top: 16vw;}
.iconW1 {top: 17vw;}
.iconWT {font-size: 20px;line-height: 25px;padding-right:9%;}
.iconWTl {font-size: 20px;line-height: 25px;padding-left:9%;}
.area{width:100%; margin:20px 0%;}
.wbox {width: 50%; padding: 0px 2px; margin-top:10px;}
.wbox img{width:90px;}
.hint {font-size: 16px; margin-top: -30px; margin-bottom: 5px; padding-left: 12px;}
.hint1 {font-size: 16px; margin-top: -30px; padding-right: 12px;}
.btxt {font-size: 20px; line-height: 25px; letter-spacing: 0px;}
.gtxt {font-size: 16px; letter-spacing: 0px;}
.line {margin-top: 10px;}
.lazypack{width:96%; margin-left:3%;}
.lazypack a{ margin-right:1.5vw;}
.lazypack a:last-child{ margin-right:1.5vw; float:inline-end;}
.lazy{width:29.8vw; height:29.8vw;}
.lazy:hover{width:30vw; height:30vw;}
.ltitle {width:60%; margin-left:20%;}
.ltxt {width:56%; font-size: 6.5vw; line-height:8vw; margin-top: -80%; margin-left: 23%;}
#nav-footer{margin:0px -15px;}
.xs-show{display:contents;}
}

@media (min-width:431px) and (max-width:479px){
.top {padding-top: 10px; padding-left: 0px;}
.bk{display:none;}
.wcontainer {width:100%; margin:0%;}
.wcontainer .row{margin:0px;}
.top img{width:150px;padding-left:10px;}
.noteicon {width:130px;
    font-size: 18px;
    line-height:35px;
    letter-spacing: 1px;
    padding:2px 5px 2px 10px;
    float: right; margin-top: -40px;
    color:#fff;
    background-image: linear-gradient(180deg, #97BADE 2%, #4A90E2 100%);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
    border-radius: 8px;
    margin-bottom:10px;
    margin-right: -5px;
}
.noteicon img{width:25px;}
.infozone {margin:0px -5px 10px -5px; display:none;}
.infozone li {letter-spacing: 0px; margin-left: -15px; padding:5px 0px;}
#bigImg{width:100%; margin-left:0%;}
#mainC{width:100%; margin-left:-10px;}
#bigImg .carousel .nav{display:none;}
.carousel-indicators{padding-right: 8%; bottom: -5px; display:inline-block !important;}
.carousel-indicators li {margin: 0px 5px; border:none;  box-shadow: 0px 0px 1px 1px rgb(0 0 0 /50%); background-color: #ffffff;}
.carousel-indicators li.active {width:10px; height:10px; margin: 0px 5px;}
.minibox {width: 90%; margin-left:5%;}
.card {width:100%; padding:10px;}
.shade {top: -22px; right: 6px; left: 0px;}
.shade1 {top: -22px; left: 6px; right: 0px; }
.shade2 {top: -52px; right: 6px; left: 0px; }
.shade3{display:none;}
.iconW {top:32vw;}
.iconW1 {top:32vw;}
.iconWT {font-size: 26px; line-height: 30px; padding-right:14%;}
.iconWTl {font-size: 26px; line-height: 30px;padding-left:14%;}
.area{width:100%; margin:20px 0%;}
.wbox {width: 50%; padding: 0px 2px; margin-top:10px;}
.wbox img{width:80px;}
.hint {font-size: 18px; margin-top: -35px; margin-bottom: 7px; padding-left: 15px;}
.hint1 {font-size: 18px; margin-top: -35px; padding-right: 15px;}
.btxt {font-size: 18px; line-height: 22px; letter-spacing: 0px;}
.gtxt {font-size: 15px; letter-spacing: 0px;}
.lazypack{width:100%; margin-left:1%;}
.lazypack a{ margin-right:0.5vw;}
.lazypack a:last-child{ margin-right:1vw; float:inline-end;}
.lazy{width:32vw; height:32vw;}
.lazy:hover{width:32.2vw; height:32.2vw;}
.ltitle {width:66%; margin-left:17%;}
.ltxt {width:55%; font-size: 33px; line-height:40px; margin-top: -78%; margin-left: 25%;}
.xs-show{display:contents;}
}

@media (min-width:371px) and (max-width:430px){
.top {padding-top: 10px; padding-left: 0px;}
.bk{display:none;}
.wcontainer {width:100%; margin:0%;}
.wcontainer .row{margin:0px;}
.top img{width:150px;padding-left:10px;}
.noteicon {width:130px;
    font-size: 18px;
    line-height:35px;
    letter-spacing: 1px;
    padding:2px 5px 2px 10px;
    float: right; margin-top: -40px;
    color:#fff;
    background-image: linear-gradient(180deg, #97BADE 2%, #4A90E2 100%);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
    border-radius: 8px;
    margin-bottom:10px;
    margin-right: -5px;
}
.noteicon img{width:25px;}
.infozone {margin:0px -5px 10px -5px; display:none;}
.infozone li {letter-spacing: 0px; margin-left: -15px; padding:5px 0px;}
#bigImg{width:100%; margin-left:0%;}
#mainC{width:100%; margin-left:0.5%;}
#bigImg .carousel .nav{display:none;}
.carousel-indicators{padding-right: 8%; bottom: -5px; display:inline-block !important;}
.carousel-indicators li {margin: 0px 5px; border:none;  box-shadow: 0px 0px 1px 1px rgb(0 0 0 /50%); background-color: #ffffff;}
.carousel-indicators li.active {width:10px; height:10px; margin: 0px 5px;}
.minibox {width: 90%; margin-left:5%;}
.card {width:100%; padding:10px;}
.shade {top: -22px; right: 7px; left: 0px;}
.shade1 {top: -22px; left: 7px; right: 0px; }
.shade2 {top: -52px; right: 7px; left: 0px; }
.shade3{display:none;}
.iconW {top:30vw;}
.iconW1 {top:33vw;}
.iconWT {font-size: 24px; line-height: 30px; padding-right:10%;}
.iconWTl {font-size: 24px; line-height: 30px;padding-right:10%;}
.area{width:100%; margin:20px 0%;}
.wbox {width: 50%; padding: 0px 2px; margin-top:10px;}
.wbox img{width:80px;}
.hint {font-size: 18px; margin-top: -35px; padding-left: 15px;}
.hint1 {font-size: 18px; margin-top: -35px; padding-right: 15px;}
.btxt {font-size: 18px; line-height: 22px; letter-spacing: 0px;}
.gtxt {font-size: 15px; letter-spacing: 0px;}
.ytitle {font-size: 32px;}
.lazypack{width:98%;margin-left:1%;}
.lazypack a{ margin-right:0.5vw;}
.lazypack a:last-child{ margin-right:1vw; float:inline-end;}
.lazy{width:31vw; height:31vw;}
.lazy:hover{width:31.2vw; height:31.2vw;}
.ltitle {width:70%; font-size: 28px; margin-left:15%;}
.ltxt {width: 65%; font-size: 7.5vw; line-height:35px; margin-top: -82%; margin-left: 22%;}
.xs-show{display:contents;}
}

@media screen and (max-width:370px){
.top {padding-top: 10px; padding-left: 0px;}
.bk{display:none;}
.wcontainer {width:100%; margin:0%;}
.wcontainer .row{margin:0px;}
.top img{width:150px;padding-left:10px;}
.noteicon {width:120px;
    font-size: 17px;
    line-height:35px;
    letter-spacing: 0px;
    padding:2px 5px 2px 10px;
    float: right; margin-top: -40px;
    color:#fff;
    background-image: linear-gradient(180deg, #97BADE 2%, #4A90E2 100%);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
    border-radius: 8px;
    margin-bottom:10px;
    margin-right: -5px;
}
.noteicon img{width:25px;}
.infozone {margin:0px -5px 10px -5px; display:none;}
.infozone li {letter-spacing: 0px; margin-left: -15px; padding:5px 0px;}
#bigImg{width:100%; margin-left:0%;}
#bigImg .carousel .nav{display:none;}
.carousel-indicators{padding-right: 8%; bottom: -5px; display:inline-block !important;}
.carousel-indicators li {margin: 0px 5px; border:none;  box-shadow: 0px 0px 1px 1px rgb(0 0 0 /50%); background-color: #ffffff;}
.carousel-indicators li.active {width:10px; height:10px; margin: 0px 5px;}
.minibox {width: 90%; margin-left:5%;}
.card {width:100%; padding:10px;}
.shade {top: -22px; right: 7px; left: 0px;}
.shade1 {top: -22px; left: 7px; right: 0px; }
.shade2 {top: -52px; right: 7px; left: 0px; }
.shade3{display:none;}
.iconW {top:30vw;}
.iconW1 {top:33vw;}
.iconWT {font-size: 24px; line-height: 30px; padding-right:10%;}
.iconWTl {font-size: 24px; line-height: 30px;padding-right:10%;}
.area{width:100%; margin:20px 0%;}
.wbox {width: 50%; padding: 0px 2px; margin-top:10px;}
.wbox img{width:80px;}
.hint {font-size: 18px; margin-top: -35px; padding-left: 15px;}
.hint1 {font-size: 18px; margin-top: -35px; padding-right: 15px;}
.btxt {font-size: 18px; line-height: 22px; letter-spacing: 0px;}
.gtxt {font-size: 15px; letter-spacing: 0px;}
.ytitle {font-size: 32px;}
.lazypack{width:98%;margin-left:1%;}
.lazypack a{ margin-right:0.5vw;}
.lazypack a:last-child{ margin-right:1vw; float:inline-end;}
.lazy{width:31vw; height:31vw;}
.lazy:hover{width:31.2vw; height:31.2vw;}
.ltitle {width:80%; font-size: 28px; margin-left:10%;}
.ltxt {width: 65%; font-size: 7vw; line-height:30px; margin-top: -82%; margin-left: 22%;}
.xs-show{display:contents;}
}