body{font-family: "PromptRegular";}

a {text-decoration: none;color: #000;display: initial;}

ul {margin: 0;padding: 0;}

ul li {list-style: none;}

.readMore2{  overflow:hidden;-webkit-box-orient: vertical;display: block;display: -webkit-box;overflow: hidden !important;text-overflow: ellipsis;-webkit-line-clamp: 2;}

.readMore4{  overflow:hidden;-webkit-box-orient: vertical;display: block;display: -webkit-box;overflow: hidden !important;text-overflow: ellipsis;-webkit-line-clamp: 4;}

.readMore6{  overflow:hidden;-webkit-box-orient: vertical;display: block;display: -webkit-box;overflow: hidden !important;text-overflow: ellipsis;-webkit-line-clamp: 6;}

.readMore8{  overflow:hidden;-webkit-box-orient: vertical;display: block;display: -webkit-box;overflow: hidden !important;text-overflow: ellipsis;-webkit-line-clamp: 8;}





.clear {clear: both;}

.btnAll{width: 185px;text-align: center;color: #fff;height: 40px;line-height: 40px;font-size: 16px;background-color: #384c53;display: inline-block;}

.titleMenuAll{font-family: "B2SIGNPachautidNEWSMedium";font-size: 70px;color: #d3bfa3;line-height: 0.8;padding: 0;margin: 49px 0 0 0;}

.boxIn{max-width: 992px;display: block;;margin: auto;}



#headerDes{background-color: #605448;border-bottom: 10px solid #25201b;height: 89px;}

#headerDes .boxLogo{float: left;padding: 36px 15px 5px;background-color: #25201b;}

#headerDes .boxLogo img{width: 108px;}

#headerDes .menu {margin: 45px 0 0 25px;float: left;}

#headerDes .menu li{float: left;padding:0 10px 10px;color: #fff;border-bottom: 10px solid #25201b;font-size: 16px;}

#headerDes .menu li:hover{color: #d3bfa3;}

#headerDes .menu li.active{border-bottom: 10px solid #384c53;font-weight: bold;color: #d3bfa3;}

#headerDes .boxSoAndLang{float:right;overflow: hidden;width: max-content;margin: 42px 0 0 0;}

#headerDes .boxSoAndLang .iconFace{float: left;width: 9px;}

#headerDes .boxSoAndLang .textLang{font-weight: bold;font-size: 16px;float: left;margin:  0 0 0 20px;color: #fff;}

#headerDes .boxSoAndLang .textLang a{color: #fff;}

#headerDes .boxSoAndLang .textLang a.active{color: #d3bfa3;}

#headerDes .menuList{color: #fff;width: 39px;height: 41px;position: absolute;right: 6px;top: 2px;cursor: pointer;display: none;}





#popupMenu{width: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;z-index: 10001;height: 100%;display: none;overflow-y: scroll;}

#popupMenu .container{max-width: 820px;min-height: 100%;background: #605448;}

#popupMenu .icon-close{cursor: pointer;float: right;width: 35px;height: 35px;color: #fff;}

#popupMenu .mr100px{margin-right: 30px;}

#popupMenu ul{font-size: 18px;color: #000;}

#popupMenu ul li{list-style: none;}

#popupMenu ul li ul{font-size: 16px;display: none;}

#popupMenu ul li ul.active{display: block;}

#popupMenu .ml100px{margin-left: 30px;}

#popupMenu ul li.active{color: #d3bfa3;font-weight: bold;}

#popupMenu ul li.active i{    border: solid #d3bfa3;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;margin: 0px 0px 4px 3px;}

#popupMenu ul a{color: #d3bfa3;}



#main .slideTop .slideHeight{height: 623px;}

#main .slideTop .listSlide{width: 100%;background-size: cover;width: 100%;background-position: center;}

#main .slideTop .bx-wrapper {box-shadow: none;border: none;margin-bottom: 0;}

#main .slideTop .bx-wrapper .bx-controls-direction {display: none;}

#main .slideTop .bx-wrapper .bx-controls .bx-pager {bottom: 25px;display: none;}

#main .slideTop .slideBoxText{position: absolute;top: 0;left: 0;right: 0;margin: auto;}

#main .slideTop .slideBoxText .text{margin:200px auto 0;display: block;font-size: 95px;font-weight: 400;text-align: center;line-height: 1;color: #fff;font-family: "SOV_Station";    text-shadow: 0 0 5px BLACK;}

#main .slideTop .slideBoxText p{font-size: 25px;font-family: "SOV_Station";text-align: center;color: #fff;margin-top: 10px;line-height: 1.4;    text-shadow: 0 0 5px BLACK;}

#main .boxIntro{position: relative;z-index: 10;}

#main .boxIntro .boxLeftBg{width: 60%;height: 100%;background-size: cover;background-position: center right;background-image: url('../images/frontend/anuImg04.jpg');position: absolute;top: 0;left: 0;}

#main .boxIntro .boxLeft{min-height: 610px;position: relative;z-index: 10;}

#main .boxIntro .boxRight{width: 49.1%;right: 0;top: 0;height: 780px;padding-bottom: 130px;background-size: cover;background-position: center left;background-image: url('../images/frontend/anuImg02.jpg');position: absolute;z-index: 9;}

#main .boxIntro .boxLeft .textH1{font-size: 59px;line-height: 1.3;font-family: "SOV_Station-Bold";margin-top:35px;}

#main .boxIntro .boxLeft .imgIntro{width: 840px;margin: 70px 0 0 0;box-shadow: 10px 10px 0 #2a2728;position: absolute;}

#main .boxIntro .boxLeft .detail{font-size: 25px;margin: 20px 0 0 0;font-family: "SOV_Station";line-height: 1.3;}

#main .boxIntro .boxLeft .btnAll{margin-top: 40px;margin-bottom: 20px;}

#main .boxShop{background-color: #25201c;padding-bottom: 70px;}

#main .boxShop .top{background-color: #605448;}

#main .boxShop .boxContent{margin-top: 65px;}

#main .boxShop .boxContent .item{margin-bottom: 30px;}

#main .boxShop .boxContent .item .boxImg{background-position: center;background-size: cover;}

#main .boxShop .boxContent .item .boxImg .imgOpa{opacity: 0;width: 100%;}

#main .boxShop .boxContent .item .name{font-size: 20px;font-family: "SOV_Station";color: #fff;padding: 10px 15px;background-color: #25201b;}

#main .boxShop .boxContent .item:hover .name{background-color: #384c53;}

#main .boxShop .readMoreAll a{color: #fff;}

#main .boxBlog .blogHighlight .top{background-color: #605448;}

#main .boxBlog .blogHighlight .textH3{text-align: right;}

#main .boxBlog .blogHighlight .detail{padding: 80px 0 40px;position: relative;}

#main .boxBlog .blogHighlight .detail .blogBoxImg{width: 910px;margin: -235px 0 0 -490px;background-position: center;background-size: cover;}

#main .boxBlog .blogHighlight .detail .blogBoxImg .imgOpa{width: 100%;opacity: 0;}

#main .boxBlog .blogHighlight .detail .bgDetail{position: absolute;right: 0;width: 85%;height: 100%;background-size: cover;background-position: bottom center;background-image: url('../images/frontend/bgBlogHigh.jpg');top: 0;}

#main .boxBlog .blogHighlight .detail .boxIn{position: relative;}

#main .boxBlog .blogHighlight .titleH3{font-size: 43px;font-family: "SOV_Station";color: #000;margin-top: 0;line-height: 1;}

#main .boxBlog .blogHighlight .boxDate{overflow: hidden;margin-top: 15px;font-size: 25px;}

#main .boxBlog .blogHighlight .boxDate .iconCal{float: left;max-width: 30px;width: 8%;}

#main .boxBlog .blogHighlight .boxDate .date{float: right;margin: 4px 0 0 0;width: 90%;}

#main .boxBlog .blogHighlight .detailNew{font-size: 18px;font-family: "PromptLight";margin-top: 30px;line-height: 1.6;}

#main .boxBlog .blogHighlight .btnNew{float: right;margin: 40px 0 30px;width: 187px;height: 40px;line-height: 40px;color: #fff;text-align: center;background-color: #384c53;}

#main .boxBlog .blog .item{margin-top: 40px;font-family: "PromptMedium";}

#main .boxBlog .blog .item .boxImg{background-position: center;background-size: cover;}

#main .boxBlog .blog .item .boxImg .imgOpa{opacity: 0;width: 100%;}

#main .boxBlog .blog .item .date{font-size: 18px;margin-top: 20px;}

#main .boxBlog .blog .item .name{font-size: 25px;margin-top: 10px;line-height: 1.3;}

#main .boxBlog .blog .item .detailBlog{font-size: 18px;font-family: "PromptLight";margin-top: 20px;line-height: 1.6;padding: 0;margin-bottom: 0;}

#main .boxBlog .blog .item .read{font-size: 18px;font-family: "PromptLight";margin-top: 0;line-height: 1.6;text-decoration: underline;}

#main .readMoreAll{text-align: right;font-size: 16px;margin: 20px 0;text-decoration: underline;}

#main .boxBlog .readMoreAll a{color: #000;}







.footerTop{background-color: #605448;padding: 20px 0;color: #d3bfa3;font-size: 16px;}

.footerTop .boxMenu{overflow: hidden;display: block;margin:  auto;width: max-content;}

.footerTop .boxMenu li{float: left;}

.footerTop .boxMenu li a{color: #d3bfa3;}

.footerTop .boxMenu li a:hover{font-weight: bold;}

.footerTop .boxMenu li a.active{font-weight: bold;}

.footerTop .boxMenu li.sl{margin: 0 25px;}

.footerB{background-color: #25201b;padding: 35px 0 10px;}

.footerB .boxContact .text{font-weight: bold;font-size: 14px;color: #d3bfa3;}

.footerB .boxContact .boxTel{overflow: hidden;margin: 15px 0 0 0;}

.footerB .boxContact .boxTel img{float: left;}

.footerB .boxContact .boxTel .textTel{float: left;margin: 2px 0 0 10px;font-size: 17px;}

.footerB .boxContact .boxTel .textTel a{color: #fff;}

.footerB .boxContact .boxTel .textTel a:hover{color: #d3bfa3;}

.footerB .boxRight{float: right;width: max-content;overflow: hidden;}

.footerB .boxRight .boxSocial{float: left;width: max-content;margin: 23px 15px 0 0;}

.footerB .boxRight .boxSocial .iconFace{float: left;}

.footerB .boxRight .boxSocial .iconIn{float: left;margin: 0 0 0 17px;}

.footerB .boxRight .logo{float: right;}

.footerB .textCopy{font-size: 12px;color: #fff;margin-top: 25px;text-align: center;}

.pageUnderCon{padding: 230px 0;background-image: url('../images/frontend/bgUnderConstruction.jpg');}

.pageUnderCon img{display: block;max-width: 450px;width: 100%;display: block;margin: auto;}

#main .mapouter iframe{width: 100%;height: 550px;margin: 0;padding: 0;}

#main .borderMap{height: 40px;width: 100%;background-image: url('../images/frontend/borderContactMap.jpg');background-size: cover;margin-top: -5px;}

#main .boxtitleContact{background-color: #605448;text-align: right;}

#main .pageContact{position: relative;padding-bottom: 100px;}

#main .pageContact .bgLeft{position: absolute;top: -120px;left: 0;background-image: url('../images/frontend/bgContactLeft.jpg');background-size: cover;background-position: center bottom;width: 40%;height: 660px;}

#main .pageContact .bgRight{position: absolute;top: 0;right: 0;background-image: url('../images/frontend/bgContactRight.jpg');background-size: cover;background-position: center bottom;width: 60%;height: 470px;}

#main .pageContact .boxContact .textname{font-size: 20px;font-weight: 700;margin: 50px 0 0 0;}

#main .pageContact .boxContact .textAdd{font-size: 18px;font-weight: 600;margin-top: 3px;}

#main .pageContact .boxContact .textTime{font-size: 18px;margin: 30px 0 0 0;}

#main .pageContact .boxContact .itemIcon{overflow: hidden;margin-top: 10px;}

#main .pageContact .boxContact .itemIcon1{margin-top: 35px;}

#main .pageContact .boxContact .itemIcon img{float: left;width: 33px;}

#main .pageContact .boxContact .itemIcon .text{font-size: 17px;float: left;margin: 5px 0 0 15px;}

#main .pageContact .boxContact .itemIcon .text a{color: #000;}

#main .pageContact .boxImg{padding: 20px 20px 0 10px;background-image: url('../images/frontend/bgContactRight.jpg');background-size: cover;background-position: center bottom;    margin: -105px 0 0 0;}

#main .pageContact .boxImg img{width: 100%;box-shadow: #2a2728 -10px 10px 0;}

#main .pageContact .textRoute{font-size: 50px;text-align: center;color: #605448;font-family: "SOV_Station";margin-top: 70px;}

#main .pageContact .imgMap{width: 100%;}

#main .pageContact .sl{margin: 70px 0 0 0;}

#main .pageContact .textBmap{margin: 30px 0 40px 0;color: #605448;font-size: 18px;}

#main .pageCommu .boxTop{padding: 20px 0 100px;background-image: url('../images/frontend/commuBg.jpg');background-size: cover;background-position: top center ;}

#main .pageCommu .boxTop .detail{text-align: center;margin: 50px 0 0;font-size: 18px;}

#main .pageCommu .boxTop .detail span{font-size: 25px;font-weight: bold;}

#main .pageCommu .boxTabMenu{background-color: #605448;}

#main .pageCommu .boxTabMenu .boxMenuIn{font-size: 25px;font-family: "SOV_Station";text-align: center;color: #fff;height: 70px;line-height: 70px;cursor: pointer;}

#main .pageCommu .boxTabMenu .boxMenuIn.active{background-color: #384c53;}

#main .pageCommu .boxTabDetail .boxTabDetailAll{display: none;}

#main .pageCommu .boxTabDetail .boxTabDetailAll .active{display: block;}

#main .pageCommu .boxTabDetail{padding: 50px 0 0;position: relative;}

#main .pageCommu .boxTabDetail .bgLeft{position: absolute;top: 0;left: 0;width: 43.5%;height: 100%;background: #e8e8e8;}

#main .pageCommu .boxTabDetail .boxDetailLeft{padding: 0 30px 0;font-family: "SOV_Station";position: relative;}

#main .pageCommu .boxTabDetail .boxDetailLeft .title{font-size: 70px;border-bottom: 1px solid;width: max-content;}

#main .pageCommu .boxTabDetail .boxDetailLeft .detail{font-size: 30px;margin: 50px 0 100px;line-height: 1;}

#main .pageCommu .boxTabDetail .map{max-width: 100%;display: block;margin: auto;padding: 30px 0 60px;}

#main .pageCommu .boxTabDetail .boxListShop{padding: 45px 0;background-color: #fff;position: relative;font-size: 20px;}

#main .pageCommu .boxTabDetail .boxListShop .number{background-color: #605448;height: 30px;width: 30px;border-radius: 125px;float: left;text-align: center;color: #fff;}

#main .pageCommu .boxTabDetail .boxListShop .name{float: left;margin: 0px 0 0 15px;}

#main .pageCommu .boxShop{padding-top: 50px;background-color: #352e28;}

#main .pageCommuDetail .boxTop{padding:25px 0 130px;background-color: #fff;}

#main .pageCommuDetail .boxTop .boxDetailShop{font-size: 18px;}

#main .pageCommuDetail .boxTop .boxDetailShop h1{font-family: "SOV_Station";font-size: 55px;margin-top: 85px;line-height: 1.1;}

#main .pageCommuDetail .boxTop .boxDetailShop .boxIcon{margin-top: 10px;}

#main .pageCommuDetail .boxTop .boxDetailShop .boxIcon .item{overflow: hidden;margin-top: 20px;}

#main .pageCommuDetail .boxTop .boxDetailShop .boxIcon .item img{float: left;max-width: 27px;}

#main .pageCommuDetail .boxTop .boxDetailShop .boxIcon .item .text{float: right;width: 90%;}

#main .pageCommuDetail .boxTop .boxDetailShop .boxIcon .item .text a{color: #000;}

#main .pageCommuDetail .boxTop .boxDetailShop .boxIcon .item .text a:hover{text-decoration: underline;}

#main .pageCommuDetail .boxTop .boxImg{position: absolute;width: 900px;height: 900px;top: -25px;left: 0;background-position: center;background-size: cover;}

#main .pageCommuDetail .boxTop .boxImg .img{width: 100%;opacity:0;}

#main .pageCommuDetail .boxBottom{background-position:top center;background-size: cover;background-image: url('../images/frontend/bgCommu.jpg');padding:70px 0 100px ;}

#main .pageCommuDetail .boxBottom .detailTop{font-size: 25px;min-height: 270px;}

#main .pageCommuDetail .boxBottom .detailMain{font-size: 18px;margin-top: 30px;margin-bottom: 50px;}

#main .pageCommuDetail .boxBottom .boxImgGallery{position: relative;background-size: cover;background-position: center;}

#main .pageCommuDetail .boxBottom .boxImgGallery img{opacity: 0;width: 100%;}

#main .pageCommuDetail .boxBottom .btnAllCommuDetail{margin-top: 50px;}

#main .pageEvents .boxTop{background-position:top center;background-size: cover;background-image: url('../images/frontend/bgEvents.jpg');padding:20px 0 80px }

#main .pageEvents .boxTop .titleMenuAll{padding: 0  0 110px;color: #605448;margin: -15px 0 0;}

#main .pageEvents .boxNewHilight .blogHighlight .btnNew{float: left;margin-bottom: 150px;}

#main .pageEvents .boxNewHilight .blogHighlight .titleH3{margin-top: 150px;}

#main .pageEvents .boxNewHilight .blogHighlight .boxImg{width: 900px;height: 900px;position: relative;background-position: center;background-size: cover;}

#main .pageEvents .boxNewHilight .blogHighlight .boxImg .imgOpa{display: none;width: 100%;opacity: 0;}

#main .pageEvents .boxNewHilight .blogHighlight .boxImg.boxImgLeft{margin-left: -205px;}

#main .pageEvents .boxNewHilight .boxTitle{height: 115px;color: #cfbb9f;font-size: 30px;width: 100%;background-color: #605448;line-height: 115px;}

#main .pageEvents .boxNewHilight .bgLeft{height: 115px;width: 47%;left: 0;top: 0;background-color: #605448;position: absolute;}

#main .pageEvents .boxBottom{background-color: #fff;padding: 30px 0 120px;}

#main .pageEventsDetail{background-image: url('../images/frontend/bgCommu.jpg');background-position: top center;background-size: cover;padding: 20px 0 100px;}

#main .pageEventsDetail .nameTitle{font-family: "SOV_Station";text-align: center;font-size: 55px;line-height: 1;    margin: 30px 0 40px;}

#main .pageEventsDetail .boxIcon .icon{width: 27px;margin:  0 5px 0 0;}

#main .pageEventsDetail .boxIcon{font-size: 20px;margin: 0;}

#main .pageEventsDetail .boxIcon.boxIconRight{text-align: right;}

#main .pageEventsDetail .boxDetail{margin: 50px 0 0 0;overflow: hidden;}

#main .pageEventsDetail .boxDetail img{max-width: 100%;}

#main .pageEventsDetail .textBack{font-size: 18px;text-align: center;text-decoration: underline;margin: 60px 0 0 0;}

#main .pageEventsDetail .textBack a{color: #000;}

#main .pageEventsDetail .textBack a:hover{color: #605448;}

@media (min-width: 1200px){

    .container {max-width: 1440px;}





}

@media (max-width: 1950px) {

#main .boxBlog .blogHighlight .detail .blogBoxImg {width: 834px;margin: -210px 0 0 -363px;}

#main .pageCommuDetail .boxTop .boxImg {width: 685px;height: 810px;}

#main .pageCommuDetail .boxBottom .detailTop {min-height: 166px;}

#main .pageEvents .boxNewHilight .blogHighlight .boxImg {width: 670px;height: 705px;}

#main .pageEvents .boxNewHilight .blogHighlight .boxImg.boxImgLeft {margin-left: 0px;}

#main .pageEvents .boxNewHilight .blogHighlight .titleH3 {margin-top: 132px;}

}



@media (max-width: 1750px) {

#main .boxIntro .boxLeft .imgIntro {width: 100%;}

#main .boxBlog .blogHighlight .detail .blogBoxImg {width: auto;margin: 0px 0 0 0px;}

#main .boxBlog .blogHighlight .detail .bgDetail{width: 100%;}

#main .pageCommu .boxTabDetail .bgLeft {width: 40.5%;}

}

@media (max-width: 1400px) {

#main .pageCommuDetail .boxTop .boxImg {position: relative;width: 100%;left: 0;background-position: center;background: none;height: auto;top: 0;}

#main .pageCommuDetail .boxTop .boxImg .img{display: block;}

#main .pageCommuDetail .boxTop {padding: 25px 0 80px;}

#main .pageCommuDetail .boxBottom .detailTop {min-height: 0px;font-size: 23px;}

#main .pageCommuDetail .boxBottom .detailMain{margin-top: 15px;}

#main .pageEvents .boxNewHilight .blogHighlight .boxImg .imgOpa{display: block;}

#main .pageEvents .boxNewHilight .blogHighlight .boxImg {width: auto;height: auto;}

#main .pageEvents .boxNewHilight .blogHighlight .titleH3 {margin-top: 50px;}



}



@media (max-width: 1199px) {

    #headerDes .container{max-width: 100%!important;}

    #headerDes .menu{display: none;}

    #headerDes .menuList{display: block;}

    #headerDes .boxSoAndLang {margin: 51px 0 0 0;}

    #main .boxIntro .boxLeft .textH1 {font-size: 50px;}

    #main .boxIntro .boxLeft .detail {font-size: 22px;}

    #main .boxIntro .boxLeft {min-height: 530px;}

    .titleMenuAll {font-size: 65px;margin: 40px 0 0 0;}

    #main .boxIntro .boxRight {height: 686px;padding-bottom: 0;}

    #main .slideTop .slideHeight{height: 570px;}

    #main .boxBlog .blogHighlight .titleH3 {font-size: 38px;}

    #main .boxBlog .blogHighlight .boxDate{font-size: 22px;}

    #main .boxBlog .blogHighlight .boxDate .iconCal {max-width: 30px;}

    #main .boxBlog .blog .item .name {font-size: 23px;}

    #main .pageContact .boxImg{margin: -70px 0 0 0;}

    #main .pageContact .bgLeft{top: -80px;height: 622px;}

    #main .pageCommu .boxTabDetail .boxDetailLeft .title {font-size: 55px;}

    #main .pageCommu .boxTabDetail .boxDetailLeft .detail {font-size: 27px;margin: 40px 0 100px;}

    #main .pageCommuDetail .boxTop .boxDetailShop h1 {font-size: 45px;margin-top: 51px;}

    #main .pageEvents .boxNewHilight .blogHighlight .titleH3 {margin-top: 20px;}

    #main .pageEvents .boxNewHilight .blogHighlight .btnNew {margin-bottom: 50px;}

    #main .pageEvents .boxNewHilight .boxTitle {height: 95px;font-size: 27px;line-height: 95px;}

    #main .pageEvents .boxNewHilight .bgLeft {height: 95px;width: 35%;}

    #main .boxBlog .blogHighlight .titleH3{font-size: 40px;}

    #main .pageEvents .boxTop .titleMenuAll {padding: 0 0 85px;}

}









@media (max-width: 992px) {/*ipad*/

    #main .boxIntro .boxLeft .textH1 {font-size: 41px;}

    .titleMenuAll {font-size: 60px;}

    #main .boxIntro .boxRight {height: 680px;}

    #main .slideTop .slideBoxText .text {margin: 170px auto 0;font-size: 85px;}

    #main .boxBlog .blog .item .name {font-size: 21px;}

    #main .boxBlog .blog .item .detailBlog,#main .boxBlog .blog .item .read {font-size: 17px;}

    #main .boxBlog .blogHighlight .titleH3 {font-size: 35px;}

    #main .boxBlog .blogHighlight .boxDate {font-size: 21px;}

    #main .boxBlog .blogHighlight .boxDate .iconCal {max-width: 27px;}

    #main .boxBlog .blogHighlight .boxDate .date {margin: 4px 0 0 0;}

    #main .pageContact .boxImg {margin: 0px 0 0 0;padding: 11px 20px 0 10px;}

    #main .pageContact .boxContact .itemIcon img {float: left;width: 10%;max-width: 45px;}

    #main .pageContact .boxContact .itemIcon .text {margin: 5px 0 0 11px;width: 83%;}

    #main .pageContact .textRoute {font-size: 43px;}

    #main .pageCommu .boxTabDetail .boxDetailLeft {padding: 0 15px 0;}

    #main .pageCommu .boxTabDetail .bgLeft {width: 34%;}

    #main .pageCommu .boxTabDetail .boxDetailLeft .title {font-size: 40px;}

    #main .pageCommu .boxTabDetail .boxDetailLeft .detail {font-size: 24px;margin: 30px 0 100px;}

    #main .pageCommuDetail .boxTop .boxDetailShop {font-size: 16px;}

    #main .pageCommuDetail .boxTop .boxDetailShop h1 {font-size: 35px;margin-top: 40px;}

    #main .pageCommuDetail .boxTop .boxImg .img {margin-top: 60px;}

    #main .pageEvents .boxNewHilight .blogHighlight .titleH3 {margin-top: 10px;}

    #main .boxBlog .blogHighlight .boxDate {font-size: 20px;}

    #main .boxBlog .blogHighlight .boxDate .iconCal {max-width: 25px;}

    #main .pageEvents .boxNewHilight .boxTitle{margin-bottom: 35px;}

    #main .pageEvents .boxNewHilight .blogHighlight .boxImg {margin-top: 54px;}



}





@media (max-width: 767px) {/*mobile*/

    #main .boxIntro .boxRight{display: none;}

    #main .boxIntro .boxLeft .imgIntro{position: relative;}

    #main .boxIntro .boxLeftBg {width: 100%;}

    #main .boxIntro .boxIn{padding-bottom: 100px;}

    #main .boxBlog .blog .item{margin-bottom: 30px;}

    #main .boxBlog .blogHighlight .titleH3{margin-top: 30px;}

    .footerTop .boxMenu{margin: 0;padding: 0;overflow: hidden;width: auto;}

    .footerTop .boxMenu li{width: 100%;text-align: center;margin:0 0 15px;padding: 0;}

    .footerTop .boxMenu li.sl{display: none;margin: 0;}

    .footerB .boxRight .logo {width: 168px;}

    .footerB .boxRight .boxSocial .iconFace {width: 30px;}

    .footerB .boxRight .boxSocial .iconIn {width: 34px;}

    #main .pageContact .bgLeft{display: none;}

    #main .pageContact .bgRight{width: 100%;height: 100%;}

    #main .pageContact .boxImg img {margin-top: 30px;}

    #main .pageContact .textRoute{margin:0 0 20px;}

    #main .slideTop .slideBoxText .text {margin: 170px auto 0;font-size: 60px;}

    #main .pageCommu .boxTabDetail .bgLeft{display: none;}

    #main .pageCommu .boxTabDetail .boxDetailLeft .detail {font-size: 24px;margin: 30px 0 40px;}

    #main .pageCommu .boxTabDetail .boxListShop {padding: 25px 0 45px;font-size: 18px;}

    #main .pageCommu .boxTabDetail .map {padding: 30px 0 15px;}

    #main .pageCommu .boxShop {padding-top: 1px;}

    #main .pageCommu .boxTabDetail .boxListShop .number{line-height: 1.6;}

    #main .pageCommuDetail .boxTop .boxImg .img {margin-top: 15px;margin-bottom: 25px;}

    #main .pageCommuDetail .boxBottom {padding: 50px 0 70px;}

    #main .pageCommuDetail .boxBottom .detailTop {font-size: 20px;}

    #main .pageEvents .boxNewHilight .blogHighlight .boxImg.boxImgLeft.boxImgLeftTop{margin-top: 0;}

    #main .pageEvents .boxNewHilight .blogHighlight .boxImg.boxImgLeft{margin-top: 10px;}

    #main .pageEvents .boxTop {padding: 20px 0 40px;}

    #main .pageEvents .boxTop .titleMenuAll {padding: 0 0 55px;}

    #main .pageEventsDetail .boxIcon.boxIconRight{text-align: left;margin-top: 25px;}

}





@media (max-width: 575px) {/*mobile small*/

    .footerTop {padding: 30px 0;}

    .footerB .boxContact{width: max-content;display: block;margin: 0 auto 35px;}

    .footerB .boxRight {float: none;width: max-content;overflow: hidden;display: block;margin: 15px auto 30px;}

}