html, body {
  height: 100%;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  font-family:"myFont","lucida Grande",Verdana,"Microsoft YaHei",Helvetica, Arial, sans-serif;
  font-size:13px;
  line-height: 1.5
}
#body, html {
#    filter: gray!important;
#    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
#    filter: grayscale(100%);
#    -webkit-filter: grayscale(100%);
#    -moz-filter: grayscale(100%);
#    -ms-filter: grayscale(100%);
#    -o-filter: grayscale(100%);
#}
a{cursor:pointer;color:#7a6456;text-decoration:none;}
a:hover{color:#bd8662 }
.clearfix{clear:both;}
/*.container{width: 94%;display: block;margin: 0 auto;max-width: 1190px;}*/

.header{background:url(../images/nav_bg.png) no-repeat 0 0;height: 104px;position: absolute;z-index: 99;left:0;right:0}
.hero {
  width: 100%;
  height: 100%;
  min-height: 500px;
  position: relative;
  color:#f8f9fa
}
.hero h2{color:#f8f9fa}
.hero p{color:#f8f9fa}
.skippr div a{width:100%;height:100%;display:block;}
.skippr .option{position:absolute;left:10%;bottom:15%;width:32%;}
.skippr h2{border-bottom:transparent;padding:0;margin-bottom:0;width:auto;border-left:none 0;}
.skippr h2 h2{font-size:60px;letter-spacing: 5px;border-bottom:1px dashed #666;padding:0 0 2%;margin-bottom: 2%;border-left:none 0;width:100%;}
.skippr h2 a{color:#f8f9fa}
.skippr .option .option{width:100%;position:inherit;}
.skippr p{font-size: 24px;line-height:36px}
.skippr p span{display:block;font-size: 14px;line-height:24px;margin-top:1%}

.skippr-nav-element{background:transparent;font-size:12px;color:#fff;height:6px!important}
.skippr .skippr-nav-container{left: inherit;bottom: 16%;width: auto;right: 0;}

.region-top-banner,
.region-top-banner .block-views,
.region-top-banner .content,
.region-top-banner .view-home-banner-from-view-block,
.region-top-banner .view-content{width:100%;height:100%;position:relative;}
div.region-top-banner div.block-views{
    margin-bottom:0px;width:100%;height:100%
}

.option.moveup{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 60s infinite linear;
  }

.lanage{float:right;width: 50%;display:block;text-align:right;padding: 0 6%;line-height: 25px;}
.lanage a{color: #fff;font-size:12px;margin-left:10px}

/*  index  */
.main{background:url(../images/fblock_bg.jpg) no-repeat 0 0;background-size: cover;position:relative;overflow-x:hidden;}
.firstbk{color:#7a6456;font-size:13px;padding: 30px 0 .5%;}
.firstbk .container{width:98%}
.firstbk .left{width:30%;margin-right:1%;border:2px solid #ff0a0a;padding:1% 1.5%;display: inline-block;float: left;}
.firstbk h3.title{font-size:18px;line-height: 28px;display:inline-block;margin:0;color:#7a6456}
.firstbk h4.title{font-size:16px}
.viewmore{display:inline-block;font-size:12px;float:right;line-height:28px}
.firstbk ul{display:block;padding: 0;margin-top: 3px;}

.firstbk .left .block-views .content{margin-top:-30px}
.firstbk .left ul li{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%}
.firstbk .left ul span{width:80%;display: inline-block;}
.firstbk .left ul span:first-child{width:20%}
.firstbk .left .view-header{display:inline-block;width: 100%;text-align: right;}
.firstbk .left .view-header a{padding-left:10%;/*background: url(../images/sprints.png) no-repeat -280px -882px;*/color: #333;float: right;margin: 0 0 1%;cursor:pointer;width:auto;}
.firstbk .left .view-header a:hover{color:#999}
.firstbk .view.news-list .views-field{width:20%;vertical-align:middle;}
.firstbk .view.news-list .views-field span.date-display-single{font-size:13px;line-height:1.2}
.firstbk .view.news-list .views-field-title,
.firstbk .view.news-list .views-field-title-1{width: 76%;margin-right:0}
.firstbk .view.news-list .views-field-title .field-content a,
.firstbk .view.news-list .views-field-title-1 span{width:100%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;display:inline-block;line-height: 1.2;vertical-align:text-top;}

.firstbk .left .block-views{margin-bottom:0}
#block-views-dong-tai-block-1, #block-views-0cb9c291a9ce21febe87fe484eb123bc{margin-bottom:5%}

.textlist_block:first-child{margin-bottom: 15px}

.firstbk .right{display:inline-block;width: 65.6%;float: left;}
.booking_block{width: 58.6%;margin-right: 1%;display: inline-block;background:url(../images/booking_bg.jpg) no-repeat 0 0;background-size:cover;height: 95px;text-align:center;}
i.booking{width:26px;height:26px;background:url(../images/sprints.png) no-repeat 0 0;display: none;margin: 0 0 -1% 1%;}
.booking_block:hover{background:url(../images/booking_bg_hover.jpg) no-repeat 0 0;background-size:cover;}
.booking_block:hover a,
.download_block:hover a{transform: scale(1.1);transition: all 0.6s;}

.download_block{width:39.9%;display: inline-block;background: rgba(164,117,50,0.8);height:95px;float:right;text-align:center;}
.download_block:hover{background:rgba(138, 93, 30, 0.8);}
.download_block:hover span{transform: scale(1.1);transition: all 0.6s;}
.booking_block a,
.download_block a{font-size:19px;color:#fff;text-align:center;display:block;line-height: 95px;}
.booking_block h3,
.download_block h3{display:inline-block;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.booking_block:hover h3, .download_block:hover h3{
      -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
#block-views-0cb9c291a9ce21febe87fe484eb123bc h2,
#block-views-dong-tai-block-1 h2{}

#block-views-0cb9c291a9ce21febe87fe484eb123bc h2,
#block-views-dong-tai-block-1 h2{}


.otherinfo_block{margin:2% 0 0;}
.otherinfo_block ul{margin:0;padding:0}
.otherinfo_block ul li{width: 31%;margin-right: 1%;display:inline-block;vertical-align:top;padding: 0 1% 0 0;border-right: 1px dashed #fc1d1d;line-height: 22px;}
.otherinfo_block ul li:last-child{margin-right:0;border-right:none;}
.otherinfo_block h3.title,
.otherinfo_block span.red{color:#fc1d1d}
.otherinfo_block li:last-child h3.title{color: #735e50}

.activity{margin: 3% 0 0;}
.activity:hover{}
.activity .img{width:50%;display:inline-block;vertical-align: top;position:relative;}
#arrow{width:60px;height:100%;background: url(../images/img_cover.png) no-repeat 0 center;position:absolute;right:0;}

.activity .img img{width:100%}
.activity #tblock1,
.activity #tblock2{
  display:inline-block;vertical-align: top;padding:7% 4%;width:41%;position: absolute;
  -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.activity:hover #tblock1{
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.activity #tblock1 h2{left:0;
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    -ms-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    transition: all 0.8s linear;
}
.activity:hover #tblock1 h2{left: -100%;
    -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s linear;
    -ms-transition: all 0.8s linear;
    -o-transition: all 0.8s linear;
    transition: all 0.8s linear;
}
.activity #tblock1 p{left: 0;
    -webkit-transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;
    -ms-transition: all 1.2s linear;
    -o-transition: all 1.2s linear;
    transition: all 1.2s linear;
}
.activity:hover #tblock1 p{left: -100%;
    -webkit-transition: all 1.2s linear;
    -moz-transition: all 1.2s linear;
    -ms-transition: all 1.2s linear;
    -o-transition: all 1.2s linear;
    transition: all 1.2s linear;
}
.activity #tblock2{
  left: 100%;
}
.activity:hover #tblock2{
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.activity .info h2{font-size:30px;margin-bottom: 3%;}
.activity .info p{line-height:30px;margin: 0;font-size:16px}
#tblock2 h2,
#tblock2 .link-wrapper{display:none;}
#tblock2 .node.node-teaser{border:none 0;}
#tblock2 p{width:60%}
i.more{width: 35px;height: 35px;background: url(../images/sprints.png) no-repeat 0 -237px;display:block;margin-top: 5%;}

#block-block-28 p{margin-bottom:0;}
.region-home-middle-content-block a{color:#fff;/* display: inline-block!important; */}
.sndst{/*max-width:1200px;margin:0 auto*/}
.sndbk ul,
.sndst ul{padding:0;list-style:none;margin:0}
.sndst ul li{/*margin-top: .5%;*/}
.sndbk{/* vertical-align: top; */}
.sndbk .flst{}
.sndbk .flst li{display:inline-block;width: 31.4%;margin-right: 0.2%;position:relative;overflow: hidden;float: left;max-height:620px;margin-bottom: 0.2%;}
.sndbk .flst li:nth-child(2){width: 25.15%;}
.sndbk .flst li:last-child{width: 43.05%;margin-right:0;}
.sndbk .flst li img{width:100%;height:auto;}
.hvoerarea a{display:inline-block;/* max-height: 100%; */}
.hvoerarea p a{display:inherit;}
.sndbk .flst li .cover{position:absolute; display:none; background:rgba(0,0,0,.8);width: 80%;height:100%;bottom:0;z-index: 9;padding: 0 10%;color: #fff;line-height: 2;font-size:16px}
.sndbk .flst li:hover .cover{display:block;}
.grid-block{display: grid;}
.grid-block a{display:inline-grid;overflow:hidden;}
.sndbk .flst p{margin-bottom:0}
.flst li .cover p{margin-top:40px;line-height:28px}
.sndbk li .info{position:absolute;top: 17%;left: 5%;}
.sndbk li .info h3{font-size:30px;color:#fff;background: url(../images/icon_block_title.png) no-repeat 0 7px;padding-left: 30px;margin: 0 0 4%;}
.sndbk li .info p{padding-left: 30px;color: #fff;font-size:16px}
.sndst .info{position:absolute;top: 17%;left: 5%;z-index:99}
.sndst .info h3{font-size:30px;color:#fff;background: url(../images/icon_block_title.png) no-repeat 0 7px;padding-left: 30px;margin: 0 0 4%;}
.sndst .info p{padding-left: 30px;color: #fff;font-size:16px}
.sndst .left_col{display:inline-block;width: 56.75%;margin-right: 0.2%;float: left;}

.img_bg{width:100%;height:auto}
.img_bg a{width:100%;height:auto}
.i18n-ja .firstbk,
.i18n-fr .firstbk,
.i18n-ko .firstbk{display:none;}
.i18n-ja .sndst .left_col,
.i18n-fr .sndst .left_col,
.i18n-ko .sndst .left_col{float:right;width:auto;margin-right:.2%}
.i18n-ja .videoarea,
.i18n-fr .videoarea,
.i18n-ko .videoarea{width:100%}
.i18n-ja .sndst li,
.i18n-fr .sndst li,
.i18n-ko .sndst li{margin-top:0.2%}
#block-block-28{margin:.5% 0 0}

.videoarea{width: 78.35%;margin-right: 0.2%;display:inline-block;position:relative;float: left;}
.videoarea img{width: 100%;}
.videoarea .cover{background:rgba(0,0,0,.8);position:absolute;display:none;z-index: 9;}
.videoarea:hover .cover{display:none;}
i.play{display:none;width: 60px;height:60px;background: url(../images/sprints.png) no-repeat 0 -145px;position: absolute;left: 0;right: 0;margin: 16% auto;z-index: 1;}

.shoparea{font-size:16px;width: 21.3%;position:relative;display: inline-block;float: right;/* clear: right; */max-height: 479px;overflow: hidden;}
.shoparea h3{position:absolute;left: 0;right: 0;margin: 48% 30%;color: #fff;letter-spacing:4px;text-align: center;font-size:22px}
.shoparea i.shoplk{display:block;width: 30px;height: 30px;background: url(../images/sprints.png) no-repeat 0 -300px;margin: 0 auto 9%;}
img{width:100%;height:auto}

.bookbk{font-size:14px;width: 32%;position:relative;display: inline-block;float:right;margin-right: 0;margin-top:.3%;clear: right;}
i.book{display: inline-block;width: 24px;height: 22px;background: url(../images/sprints.png) no-repeat 0 -418px;float: left;}
.bookbk h3{position:absolute;font-size:17px;vertical-align:top;top: 14%;left: 6%;line-height: 21px;font-weight: bold;}
.bookbk a:hover{color:#7a6456;}

.newsletterbk{background: #735e50;margin-right: .5%;padding:2% 3%;width: 105px;float:right;display:none;}
.newsletterbk h3{font-size:14px;color:#fff;line-height: 32px;width: 100%;}
.newsletterbk h3 span{color:#b79c8b;margin-right: 5%;display: inline-block;}
i.subscript{display: inline-block;width: 24px;height: 23px;background: url(../images/sprints.png) no-repeat 4px -521px;float: right;margin-top: 3%;}


.sndst .right_col{display:inline-block;width: 14.2%;/* max-width: 278px; */float: left;}
.sndst .right_col li{width:100%;float:left;margin-bottom:1.2%}
.volunteerbk{display:inline-block;position:relative;max-height: 170px;overflow: hidden;}
.volunteerbk h3{position:absolute;left: 0;right: 0;margin: 16% 10% 0;color: #fff;text-align:center;font-size: 22px;}
i.volunteer{display: block;width: 40px;height: 40px;background: url(../images/icon_hp_vol.svg) no-repeat 0 0;margin: 2% auto 3%;background-size: 40px 40px;}
a:hover i.volunteer{background: url(../images/icon_hp_vol_red.svg) no-repeat 0 0;background-size: 40px 40px;}
i.member{display: block;width: 39px;height: 34px;background: url(../images/sprints.png) no-repeat 2px -358px;margin: 0 auto;}
.memberbk{display:block;max-height: 255px;overflow:hidden;}
.memberbk h3{margin:28% 10% 0;z-index: 9;}
.memberbk img{    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
  }
.memberbk:hover img{
      -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.sndst .last_col{display:inline-block;width: 28.7%;float: right;height:360px;overflow:hidden;}
.sndst .last_col li{width:100%;height:358px;overflow:hidden;position:relative;}
.last_col li.databasebk h3{color: #fff;background: none;padding:0;line-height: 32px;}
.databasebk h3 i{display:inline-block;}
i.database{background: url(../images/sprints.png) no-repeat 4px -566px;width: 35px;height: 32px;margin-right: 5px;float: left;}
.sndbk li.databasebk .info p{padding-left:39px}
.databasebk .info p{padding:0 10px 0 41px}


.lstst{text-align:center;margin:10% 0 0}
.lstst img{width:280px;height:auto;}

.i18n-fr .lstst,
.i18n-ja .lstst,
.i18n-ko .lstst{display:none;}



.animated.roate_img{position: absolute;right: -25%;bottom:0;
      -webkit-animation-duration: 1s;
    animation-duration: 15s;
    -webkit-animation: swinging 30s linear 0s infinite;
    animation: swinging 30s linear 0s infinite;opacity:0.7}
@-moz-keyframes swinging {
   0% { transform: rotate(0); }


    100% { transform: rotate(360deg); }
}
@-o-keyframes swinging {
   0% { transform: rotate(0); }


    100% { transform: rotate(360deg); }
}
@-webkit-keyframes swinging{
   0% { transform: rotate(0); }


    100% { transform: rotate(360deg); }
}
@keyframes swinging{
   0% { transform: rotate(0); }


    100% { transform: rotate(360deg); }
}
.swinging {
  -webkit-animation-name: swinging;
  -moz-animation-name: swinging;
  -o-animation-name: swinging;
  animation-name: swinging;
}


.fadeInUp{animate-delay: 3s; }
.slideOutLeft{
    animate-duration: 19s; 
    animate-delay: 15s; 
}
.fadeInLeft{
    animate-delay: 3s;
}
.cover a{display:inline-block;}

.cover p{
  animate-delay: 10s;
  color: #fff
}

.lstst .front_footerbefore{width:50%;margin:0 auto}
.lstst .front_footerbefore li{list-style:none;width:30%;display:inline-block;}
.lstst .front_footerbefore li i{width:30px;height:30px;display:block;margin:0 auto 8px;background-size: cover;}
i.icon_newletter{background:url(../images/icon_newsletter.png) no-repeat 0 0;}
i.icon_comment{background:url(../images/icon_comment.png) no-repeat 0 0;}
i.icon_onlinesurvy{background:url(../images/icon_survy.png) no-repeat 0 0;}
i.icon_xuehui{background:url(../images/icon_xh.png) no-repeat 0 0;}
i.icon_sb{background:url(../images/icon_sb.png) no-repeat 0 0;}
.front_footerbefore li:first-child,
.front_footerbefore li:nth-child(3){display:none;}

/*.i18n-en .firstbk .left{min-height: 225px;}
.i18n-en .booking_block{width:35%;float: left;min-height: 258px;margin-right:2%}
.i18n-en .booking_block span{line-height: 250px}
.i18n-en .otherinfo_block{width: 62%;float: left;margin: 0;}
.i18n-en .otherinfo_block li{width:100%!important;border-bottom:1px dashed #fc1d1d;margin-bottom: 20px;}
.i18n-en .otherinfo_block li:last-child{border-bottom:none 0;}
.i18n-en .sndbk .flst li{width: 33.6%;}
.i18n-en .sndbk .flst li:first-child{width: 22.7%;}
.i18n-en .sndbk .flst li:last-child{width: 42.7%;}*/

.i18n-en .otherinfo_block ul li{width:29%;min-height:135px}
.i18n-en .otherinfo_block ul li:nth-child(2){width:33%}
.i18n-en .otherinfo_block ul li:last-child{width:32%;padding-right:0}
.i18n-en .otherinfo_block ul li p{margin:0}
.i18n-en .shoparea h3{margin:48% 18% 0}
/* Mobile */
@media (max-width: 1750px){
  .sndbk .flst li{max-height:325px}
}
@media (max-width: 1280px){
  .volunteerbk{max-height:125px}
  .memberbk{max-height:223px}
}
@media (max-width: 1199px){
  .booking_block,
  .download_block{height:80px}
  .booking_block a, .download_block a{line-height:80px}
  .otherinfo_block ul li{width:27%}
  .otherinfo_block ul li:nth-child(2){width:35%}
  .flst li .cover p{font-size:1rem;line-height:1.5rem}
  .sndbk .flst li{max-height:300px}
}
@media (max-width: 1100px){
  .firstbk .left{width:40%}
  .firstbk .right{width:55%}
  .otherinfo_block ul li{width:47%!important}
  .otherinfo_block ul li:nth-child(2){border-right:none;width:48%}
  .download_block,
  .otherinfo_block ul li:last-child{display:none;}
  .booking_block{width:100%;margin-right:0}
  .activity .info h2,
  .sndbk li .info h3,
  .sndst .info h3{font-size:26px}
  .activity .info p,
  .sndbk li .info p{font-size: 14px}
  .shoparea h3,
  .memberbk h3,
  .volunteerbk h3{margin:48% 20%;font-size: 1.7rem;}
  .volunteerbk h3{margin:6% 10% 0;}
  .memberbk h3{margin-top:38%}
  .memberbk{height:215px}
  .sndst .last_col{height:324px;}

}
@media (max-width: 991px){
  .activity #tblock1, .activity #tblock2{padding:4%;}
  .activity #tblock2{width:60%;}
  .activity:hover #tblock2{
        -webkit-transform: translateX(-70%);
    -moz-transform: translateX(-70%);
    -ms-transform: translateX(-70%);
    -o-transform: translateX(-70%);
    transform: translateX(-70%);
  }
  .sndst .last_col{height:324px;}
  .skippr .option{width:60%}
  .firstbk .left,
  .firstbk .right{width: 95.5%;padding: 2%;float: none;}
  .otherinfo_block ul li{width:48%}
  .otherinfo_block ul li:nth-child(2){border-right:none;width:48%;margin-right: 0;}
  .sndst .last_col li{height:220px}

}
@media (max-width: 767px){
  .activity .info h2, .sndbk li .info h3, .sndst .info h3{font-size:18px;line-height:28px}
  .activity .info p, .sndbk li .info p{font-size:13px;line-height:20px}


}


@media (max-width: 639px){
  .firstbk .left, .firstbk .right{width:95%}
  .otherinfo_block ul li,
  .otherinfo_block ul li:nth-child(2){width: 100%!important;border-right: none 0;min-height: inherit!important;padding: 0 0 5%;}
  .otherinfo_block ul li:first-child{border-bottom:1px dashed #fc1d1d;margin-bottom:5%}
  .activity .img,
  .activity #tblock2,
  .sndbk .flst li,
  .sndbk .flst li:nth-child(2),
  .sndbk .flst li:last-child,
  .sndst .left_col,
  .sndst ul li,
  .sndst .right_col,
  .sndst .last_col{width:100%;margin-top:0}
  #arrow{display:none;}
  .activity:hover #tblock2{transform:none;}
  .activity:hover #tblock1{transform: inherit;position: relative;width: 100%;}
  .shoparea,
  .volunteerbk{max-height:200px;overflow:hidden;}
  .shoparea h3, .memberbk h3, .volunteerbk h3{margin:10% 5% 0}
  .shoparea i.shoplk{margin:0 auto 2%}
  .bookbk,
  .newsletterbk{margin-right:0}
   .newsletterbk{margin-bottom: 0.8%}
   .sndst .last_col{margin-top:.1%;max-height: 221px}
   .lstst{margin:10% 0}
   .lstst .front_footerbefore{padding:0}
   .lstst .front_footerbefore{width:80%}
   .sndst ul li{margin-bottom:0.3%}
   .bookbk{height:135px;overflow: hidden;}
   .sndst .right_col li{margin-bottom:0.3%}
   i.volunteer{margin:1% auto}
}