@import url(font.css); body { overflow-x: hidden; background: #fff } body.hidden { overflow: hidden } body.open { overflow: hidden } * { font-family: "utmavo", "Helvetica Neue", Arial, sans-serif; font-weight: normal } .clr { clear: both; display: table; float: none } .overHide:after, .topSocial:after, .lang:after, .menuMain:after, .homeSer .pagewrap:after, .itemEvent:after, footer .pagewrap:after, .fooNav:after, .navRightTop .owl-nav:after, .itemNews:after, .insideNews:after, .itemVideo:after, .list-gal-view:after, .dots .owl-dots:after, .landing:after, .formBox:after, .navVert.left-middle .owl-nav:after { content: ""; display: table; clear: both } capcha, .capcha { user-select: none; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; -ms-user-select: none } .menuLogo li a, .fooLogoRight li a, .bannerInside, .insideNews .desc, .itemVideo .tit { white-space: nowrap } .menuLogo li a:before, .fooLogoRight li a:before, .bannerInside:before, .insideNews .desc:before, .itemVideo .tit:before { content: ""; display: inline-block; vertical-align: middle; height: 100% } .backTop, .lang a, .banner_video_button, .control_video, .promotion-tabs .promotion-item span, .promotion-tabs .promotion-item span:after, .promotion-tabs .promotion-item span:before, .nums>a, .thumbVideo:before, .thumbVideo:after, .dots .owl-dot, .dots .owl-dot:before, .dots .owl-dot:after, .itemGal i, .btnEvent, .btnEvent i { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50% } .construction>span>a, .backTop, .homeSer .img .thumb:after, .itemEvent .img .thumb:after, .oneNews .thumb:before, .itemNews .thumb:after, .insideNews .img .thumb:after, .thumbVideo .thumb:after, .itemVideo .thumb:after, .list-gal-view .item:after, .oneDish .thumb:after, .itemGal:after, .menuLeft>ul>li>a, .menuLeft>ul>li>i, .closeMenu, .closeBook, .closeMenu:after, .closeBook:after, .closeMenu:before, .closeBook:before, .menuLogo a, .topSocial a, .lang a, .menuMain .menuBtn:after, .menuMain .menuBtn:before, .menu>li>a, .menu>li>ul>li>a, .banner, .banner .owl-prev, .banner .owl-next, .bannerLink .cen, .bannerLink a, .banner_video_button, .control_video, .titBox a.tit, .btn, .promotion-slider .slick-arrow, .itemEvent .tit, .oneNews, .oneNews .tit, .fooLogoRight a, .fooLogoRight li a, .fooNav a, .copyright a, .navInside, .hallTit .item, .boxMenu>ul>li>a, .boxMenu>ul>li>a:before, .navRightTop .owl-prev, .navRightTop .owl-next, .itemNews .tit, .promotionTabs .item, .galTabs .item, .proTit>a, .insideNews .tit, .nums>a, .thumbVideo:before, .titVideo, .itemVideo .tit a, .oneGal .tit .kind, .list-gal-view .item:before, .formBook p a, .follow a.fa, .itemGal h4, .rightNav .button>span, .navVert .owl-prev, .navVert .owl-next, .loadMore { transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease } .wrapper, .logo, .promotion-tabs .promotion-item span:after, .promotion-tabs .promotion-item span:before, .oneNews .thumb:before, .oneNews .thumb:after, .showInfo, .dots .owl-dot:before, .dots .owl-dot:after, .itemGal i, .fbMess { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease } .bannerMain, .bannerMain.playVideo .bannerLink, .oneGal .thumb:after, .oneGal .tit, .formBook, .itemGal:hover h4 { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease } .bannerMain.playVideo { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s } .pagewrap, .btn, .itemEvent .desc, .fooInfo, .popReg, .rightNav .button i, .formPhone { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box } .thumb, .banner .item, footer, .bannerInside, .hallCont .itemImg { background-position: center center; background-repeat: no-repeat; background-size: cover } .dots .owl-dots { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .hallDesc, .proTit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between } a { outline: none; text-decoration: none; color: #E5CC5F } a:focus { outline: none; color: inherit } a:hover { color: #000 } strong, strong *, b, b * { font-weight: bold } em, em *, i, i * { font-style: italic } u, u * { text-decoration: underline } img { border: none } .cap { text-transform: uppercase } .construction { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.9); z-index: 30000 } .construction>span { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); font-size: 30px; font-weight: 400; text-align: center; color: #333; line-height: 2em } .construction>span>a { display: table; margin: auto; padding: 3px 12px 3px 10px; border: solid 1px #333; margin-top: 10px; font-size: 15px; color: #333; line-height: 28px; text-decoration: none !important; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; cursor: pointer } .construction>span>a .fa { margin-right: 5px; color: inherit } .construction>span>a:hover { color: #fff; background: #333 } ::selection { background-color: #E5CC5F; color: #fff } ::-webkit-selection { background-color: #E5CC5F; color: #fff } -webkit-::selection { background-color: #E5CC5F; color: #fff } ::-moz-selection { background-color: #E5CC5F; color: #fff } .backTop { display: none; position: fixed; right: 20px; bottom: 20px; width: 50px; height: 50px; background: url("../images/back-top.png") no-repeat center top; display: none; text-indent: -1000000px; cursor: pointer; z-index: 100 } .backTop:hover { background-color: #E5CC5F; background-position: center bottom } .pagewrap { position: relative; width: 1200px; max-width: calc(100% - 30px); margin: 0 auto } .overHide { overflow: hidden } .hidden { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden } .visible { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible } .thumb { display: block; position: relative; padding-bottom: 66.6666% } .thumb>img { position: absolute; display: none !important; width: 100%; height: auto } .thumb br { display: none } .owl-item .thumb>img { display: none !important } .homeSer .img .thumb:after, .itemEvent .img .thumb:after, .oneNews .thumb:before, .itemNews .thumb:after, .insideNews .img .thumb:after, .thumbVideo .thumb:after, .itemVideo .thumb:after, .list-gal-view .item:after, .oneDish .thumb:after, .itemGal:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.25); opacity: 0 } .homeSer .img .thumb:hover:after, .itemEvent .img .thumb:hover:after, .oneNews .thumb:hover:before, .itemNews .thumb:hover:after, .insideNews .img .thumb:hover:after, .thumbVideo .thumb:hover:after, .itemVideo .thumb:hover:after, .list-gal-view .item:hover:after, .oneDish .thumb:hover:after, .itemGal:hover:after { opacity: 1 } .homeSer p.ell *, .itemEvent p *, .oneNews p *, .itemVideo .tit a * { font-size: inherit; font-family: inherit; font-weight: inherit; font-style: inherit } .pagewrap { width: 1200px; margin: 0 auto; position: relative } .loading::before { content: ''; position: fixed; z-index: 100000; top: 0; left: 0; width: 100%; height: 100%; background: #fff } .loading::after { content: ''; position: fixed; z-index: 100000; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; pointer-events: none; border-radius: 50%; opacity: 0.4; background: #E5CC5F; animation: loaderAnim 0.7s linear infinite alternate forwards } @keyframes loaderAnim { to { opacity: 1; transform: scale3d(0.5, 0.5, 1) } } .wrapper { display: block; width: 100%; position: relative; margin-left: 0; z-index: 100; overflow-x: hidden } .over, .overBook { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 999; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } .over.open, .overBook.open { opacity: 1; visibility: visible } .closeBook { width: 30px; height: 30px; padding-left: 30px !important; top: 19px !important; left: 23px !important } .menuLeftMain { position: fixed; top: 0; left: -360px; bottom: 0; width: 360px; z-index: 1100; background: #fff; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } .menuLeftMain.open { left: 0 } .menuLeft { position: absolute; top: 325px; left: 0; right: 0; bottom: 10px; margin: 0 40px; width: auto; overflow: auto } .menuLeft ul { margin: 0; padding: 0 } .menuLeft>ul>li { border-bottom: solid 1px #EEEEEE; list-style: none; margin: 0; padding: 0; position: relative } .menuLeft>ul>li:hover>a, .menuLeft>ul>li:hover>i, .menuLeft>ul>li.active>a, .menuLeft>ul>li.active>i { color: #E5CC5F } .menuLeft>ul>li>a { display: table; font-size: 14px; text-transform: uppercase; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; font-weight: 500; color: #545454; line-height: 38px; padding-right: 30px; text-decoration: none } .menuLeft>ul>li>i { position: absolute; top: 0; right: 0; width: 50px; height: 38px; line-height: 38px; text-align: center; z-index: 2; font-size: 13px; text-indent: 23px; color: #999; cursor: pointer } .menuLeft>ul>li>i:before { content: "\f01b" } .menuLeft>ul>li.active>i:before { color: #E5CC5F } .menuLeft>ul>li.active>i:before, .menuLeft>ul>li>i.active:before { content: "\f021"; font-size: 15px } .menuLeft>ul>li>ul { display: none; margin-bottom: 10px } .menuLeft>ul>li>ul>li { list-style: none; margin-left: 25px; border-bottom: solid 1px #EEEEEE; position: relative } .menuLeft>ul>li>ul>li:after { content: ""; position: absolute; top: 17px; left: -15px; height: 1px; width: 5px; background: #999 } .menuLeft>ul>li>ul>li>a { display: block; font-size: 14px; line-height: 35px; color: #555; text-decoration: none } .menuLeft>ul li:last-child { border: none } .menuLeft .bt_login { display: block; color: #666; margin-top: 15px; font-size: 15px } .menuLeft .bt_login i { margin-right: 5px } .closeMenu, .closeBook { position: absolute; top: 25px; left: 40px; padding-left: 40px; font-size: 16px; color: #333; line-height: 30px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; cursor: pointer; z-index: 2 } .closeMenu:after, .closeBook:after, .closeMenu:before, .closeBook:before { content: ""; width: 30px; height: 1px; background: #333; position: absolute; left: 0; top: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .closeMenu:after, .closeBook:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } .closeMenu:hover, .closeBook:hover { color: #E5CC5F } .closeMenu:hover:after, .closeBook:hover:after, .closeMenu:hover:before, .closeBook:hover:before { background-color: #E5CC5F } .menuLogo { display: block; position: absolute; top: 110px; left: 40px; right: 40px; text-align: center; filter: grayscale(100%); -webkit-filter: grayscale(100%) } .menuLogo>a { display: table; max-width: 100%; margin: 0 auto 30px auto } .menuLogo>a>img { display: block; width: auto; height: auto; max-width: 100%; max-height: 80px } .menuLogo li { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center } .menuLogo li a { display: inline-block; vertical-align: top; height: 40px } .menuLogo li img { display: inline-block; vertical-align: middle; width: auto; height: auto; max-height: 100% } .menuLogo a:hover { opacity: 0.7 } .topSocial { position: fixed; top: 0; left: 0; right: 0; background: #fff; padding-left: 360px; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 1000; padding: 20px 0 20px 360px; overflow: hidden } .topSocial.open { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .topSocial a { float: left; height: 30px; line-height: 28px; color: #333; font-size: 35px; text-decoration: none !important } .topSocial a:hover { color: #E5CC5F } .topSocial a+a { margin-left: 25px } .topSocial a.ion-ios-email-outline { font-size: 38px } .topSocial a.ion-ios-location-outline { font-size: 30px } header { position: absolute; top: 0; left: 0; right: 0; z-index: 100; padding: 23px 0 100px 0; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, transparent 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, transparent 100%) } header>.pagewrap { z-index: 100 } header.fixed { position: fixed; background: #FDFDFD; padding: 19px 0; -webkit-animation: fadeInDown 1s ease backwards; -moz-animation: fadeInDown 1s ease backwards; -o-animation: fadeInDown 1s ease backwards; -ms-animation: fadeInDown 1s ease backwards; border-bottom: solid 1px #eee } header.fixed .menu>li>a { color: #64463C } header.fixed .menuMain .menuBtn:before { background: #64463C } header.fixed .menuMain .menuBtn:after { border-color: #64463C } header.fixed .logo { width: 67px; top: -11px } header.fixed .logo img { display: none } header.fixed .logo img.hide { display: block !important } .logo { position: absolute; top: 7px; left: 0; right: 0; width: 215px; margin: auto; z-index: 10 } .logo img { display: block; width: 100%; height: auto } .lang { position: absolute; top: 28px; right: 40px; z-index: 10 } .lang a { float: left; width: 25px; height: 25px; line-height: 25px; text-align: center; font-size: 10px; color: #fff !important; text-transform: uppercase; text-decoration: none !important; background: #bbb; font-weight: 500; font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif } .lang a:hover { background: #E5CC5F } .lang a+a { margin-left: 10px } .menuMain { display: block } .menuMain .menuBtn { font-size: 0; letter-spacing: 0; float: left; width: 30px; height: 35px; cursor: pointer; margin-right: 20px; position: relative } .menuMain .menuBtn:after { content: ""; position: absolute; top: 0; bottom: 0; width: 100%; height: 16px; margin: auto; border: none; border-top: solid 2px #fff; border-bottom: solid 2px #fff } .menuMain .menuBtn:before { content: ""; position: absolute; top: 0; bottom: 0; width: 100%; height: 2px; margin: auto; background: #fff } .menuMain .menuBtn:hover:after { border-color: #E5CC5F } .menuMain .menuBtn:hover:before { background-color: #E5CC5F } .menu { float: left; margin: 0; padding: 0 } .menu.right { float: right } .menu * { list-style: none } .menu>li+li { margin-left: 7px } .menu>li { float: left; position: relative } .menu>li>a { display: block; height: 35px; line-height: 35px; position: relative; z-index: 2; font-size: 14px; text-decoration: none; color: #fff; font-weight: 500; text-transform: uppercase; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; text-shadow: 0.01em 0 0 #fff; background-color: transparent; padding: 0 15px } .menu>li>a i { display: inline-block; vertical-align: middle; margin: -2px 0 0 2px; color: inherit; font-size: 8px } .menu>li>a.btl { font-size: 18px } .menu>li:hover>a { color: #fff !important; background-color: #E5CC5F } .menu>li:hover>a:not(.btl) { color: #E5CC5F } .menu>li:hover>a:not(.btl):after { left: 0; right: 0; opacity: 1 } .menu>li:hover>ul { opacity: 1; visibility: visible; transform: none; -webkit-transform: none; -moz-transform: none } .menu>li.active>a { color: #fff !important; background-color: #E5CC5F } .menu>li.fix { margin-left: 30px } .menu>li.fix:hover>a { background: #64463C } .menu>li>ul { position: absolute; top: 100%; left: 0; opacity: 0; visibility: hidden; min-width: 140px; z-index: 1; margin: 0; padding: 0; display: block; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform-origin: center top 0px; -moz-transform-origin: center top 0px; -webkit-transform-origin: center top 0px; transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1) } .menu>li>ul:after { content: ""; position: absolute; top: 3px; left: 3px; right: 0; bottom: 0; z-index: 0; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) } .menu>li>ul>li { z-index: 2; position: relative; margin: 0; color: #fff; font-weight: 500; font-size: 14px; padding: 0; background: #E5CC5F } .menu>li>ul>li:first-child { padding-top: 10px } .menu>li>ul>li:last-child { padding-bottom: 10px } .menu>li>ul>li:last-child>a { border: none } .menu>li>ul>li>a { display: block; white-space: nowrap; color: inherit; line-height: 35px; font-size: inherit; text-decoration: none !important; padding: 0 15px } .menu>li>ul>li:hover { z-index: 3 } .menu>li>ul>li:hover>a { color: #E5CC5F; background: #fff } .bannerMain { display: block; position: relative; overflow: hidden; width: 100%; height: 100vh; margin-bottom: 160px; z-index: 0 } .bannerMain .owl-carousel { display: block } .bannerMain.playVideo { background-color: #000 } .bannerMain.playVideo .banner { opacity: 0; pointer-events: none } .bannerMain.playVideo .bannerLink { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%) } .bannerMain.playVideo .banner_video_button { display: none } .bannerMain.playVideo .bannerVideo { pointer-events: all } .banner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0 } .banner .owl-prev, .banner .owl-next { position: absolute; top: 0; bottom: 60px; width: 50px; height: 40px; line-height: 34px; background: rgba(0, 0, 0, 0.5); margin: auto; color: #fff; font-size: 39px; text-align: center } .banner .owl-prev:hover, .banner .owl-next:hover { background-color: #E5CC5F; color: #fff } .banner .owl-prev { right: 50%; margin-right: calc(600px - 50px) } .banner .owl-next { left: 50%; margin-left: calc(600px - 50px) } .banner .item { display: block; width: 100%; height: 100vh; float: left; position: relative } .bannerLink { position: absolute; left: 0; bottom: 0; right: 0; z-index: 3; background: rgba(0, 0, 0, 0.5) } .bannerLink .pagewrap { height: 100px; padding: 0 70px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center } .bannerLink .cen, .bannerLink a { text-align: center; font-size: 24px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; margin: 0; color: #E5CC5F; line-height: 1.4; text-transform: uppercase; text-decoration: none !important } .bannerLink .cen span, .bannerLink a span { display: block; font-size: 11px; font-family: "Montserrat", "Helvetica Neue", Arial, sans-serif; color: inherit } .bannerLink a:hover { color: #64463C } .bannerLink .cen { position: relative; margin: 0 25px; padding: 0 125px } .bannerLink .cen:after, .bannerLink .cen:before { content: ""; position: absolute; top: 18px; bottom: 0; height: 1px; width: 100px; background: #E5CC5F; margin: auto } .bannerLink .cen:before { left: 0 } .bannerLink .cen:after { right: 0 } .banner_video_button { position: absolute; top: 0; left: 0; right: 0; bottom: 110px; width: 60px; height: 60px; line-height: 52px; border: solid 2px #fff; z-index: 10; margin: auto; color: #fff; font-size: 38px; text-align: center; text-indent: 3px } .banner_video_button:hover { border-color: #E5CC5F !important; color: #E5CC5F !important } .bannerVideo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; pointer-events: none } .bannerVideo .video-foreground, .bannerVideo .video-foreground iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; border: none } .bannerVideo .video-foreground iframe { pointer-events: none } .control_video { position: absolute; right: 60px; bottom: 20px; border: solid 1px white; color: #fff; width: 35px; height: 35px; line-height: 30px; text-align: center; z-index: 2; cursor: pointer; font-size: 16px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) } .control_video:hover { color: #E5CC5F !important; border-color: #E5CC5F !important } .control_video.play_video { display: none; font-size: 22px; text-indent: 2px } .control_video.pause_video { font-size: 18px } .control_video.stop_video { right: 15px; font-size: 15px } .control_video.mute_unmute { right: 105px; line-height: 33px } .control_video.unmute_video { display: none } .mobile_viewer .banner .owl-nav { display: none } .mobile_viewer input[type="text"], .mobile_viewer input[type="email"], .mobile_viewer textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none } .mobile_viewer .video-foreground iframe { pointer-events: all } .mobile_viewer .formBook .scrollPane { overflow: auto } @media (min-aspect-ratio:16 / 9) { .bannerVideo .video-foreground { height: 300%; top: -100% } } @media (max-aspect-ratio:16 / 9) { .bannerVideo .video-foreground { width: 300%; left: -100% } } .titBox { display: block; text-align: center; margin-bottom: 25px } .titBox:after { content: ""; display: block; width: 180px; height: 1px; background: #E5CC5F; margin: 15px auto 0 auto } .titBox img { display: block; width: 50px; height: auto; margin: 0 auto 5px auto } .titBox .tit { display: table; margin: 0 auto; font-size: 25px; line-height: 1.4; color: #64463C; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; text-decoration: none !important } .titBox .tit strong, .titBox .tit b { color: #E5CC5F; font-size: inherit; font-family: inherit } .titBox a.tit:hover { opacity: 0.6 } .btn { padding: 0 15px; line-height: 40px; min-width: 100px; font-size: 15px; text-transform: uppercase; font-family: "utmavo", "Helvetica Neue", Arial, sans-serif; font-weight: 500; min-width: 120px; outline: none !important; text-shadow: 0.01em 0 0 #fff } .btn.btn-lg { padding-left: 25px; padding-right: 25px; font-size: 17px } .btn.nocap { text-transform: none } .btn label { color: inherit; font-weight: inherit; cursor: inherit; display: block } .btn:focus { background: #333; color: #fff } .btn.small { height: 32px; line-height: 32px; font-size: 14px; min-width: 100px } .btn-main { background: #64463C; color: #fff } .btn-main:hover { opacity: 0.7; color: #fff; background: #E5CC5F } .btn-white { background: #fff; color: #64463C !important } .btn-white:hover { color: #fff !important; background: #333 } .btn-default { background: #555; color: #fff; border: none } .btn-default:hover { color: #fff; background: #E5CC5F } .homeSer { background: #FAFAEB } .homeSer.fixBg, .homeSer:nth-child(3) { background: rgba(50, 50, 50, 0.05) } .homeSer:nth-child(2n) { background: #fff } .homeSer:nth-child(2n) .desc { float: right } .homeSer:nth-child(2n) .img { float: left } .homeSer:last-child .pagewrap { padding-bottom: 90px } .homeSer .pagewrap { padding-bottom: 160px } .homeSer .desc { float: left; width: 50%; padding: 50px 70px 0 70px; text-align: center } .homeSer .img { float: right; width: 50%; position: relative; z-index: 2; margin-top: -70px } .homeSer .img .thumb { padding-bottom: 78.3333% } .homeSer p.ell { font-size: 15px; color: #666; line-height: 1.6; margin-bottom: 30px; max-height: 75px; overflow: hidden } .promotion-slider-wrapper { padding: 85px 0 } .promotion-slider-wrapper .titBox { margin-bottom: 60px } .promotion-slider { position: relative; margin-bottom: 50px } .promotion-slider .slick-arrow { position: absolute; top: 0; bottom: 0; width: 60px; height: 60px; line-height: 60px; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.5); margin: auto; z-index: 2; font-size: 0; opacity: 1 !important; -webkit-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important } .promotion-slider .slick-arrow:hover { background: #E5CC5F } .promotion-slider .slick-arrow:before { font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; opacity: 1 !important } .promotion-slider .slick-prev { left: 0 } .promotion-slider .slick-prev:before { content: "\f3d5" } .promotion-slider .slick-next { right: 0 } .promotion-slider .slick-next:before { content: "\f3d6" } .promotion-slider .slick-prev:before, .promotion-slider .slick-next:before { font-size: 34px } .promotion-slider .slick-dots { display: none !important } .promotion-slider img { display: block; width: 100%; height: auto } .promotion-tabs { font-size: 0; letter-spacing: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between } .promotion-tabs .promotion-item { display: inline-block; vertical-align: top; font-size: 15px; color: #999; cursor: pointer; overflow: hidden; position: relative; width: 100%; min-width: 120px; text-transform: uppercase; text-align: center; text-shadow: 0.01em 0 0 #999 } .promotion-tabs .promotion-item:before { content: ""; position: absolute; top: 14px; left: 0; right: 0; height: 1px; background: #ddd } .promotion-tabs .promotion-item span { display: block; width: 28px; height: 28px; margin: 0 auto 15px auto; border: solid 2px transparent; position: relative; z-index: 2 } .promotion-tabs .promotion-item span:after { content: ""; border: solid 0px #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3 } .promotion-tabs .promotion-item span:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 16px; height: 16px; background: #ccc; z-index: 2 } .promotion-tabs .promotion-item.active { color: #E5CC5F; text-shadow: 0.01em 0 0 #E5CC5F } .promotion-tabs .promotion-item.active:before { background: #E5CC5F } .promotion-tabs .promotion-item.active span { border-color: #E5CC5F } .promotion-tabs .promotion-item.active span:after { border: solid 5px #fff; background: #E5CC5F } .promotion-tabs .promotion-item.active span:before { opacity: 0 } .eventMain { margin-bottom: 90px } .eventMain .titBox { margin-bottom: 60px } .eventWrap { position: relative; z-index: 1; padding-bottom: 0px } .eventWrap .pagewrap { z-index: 2 } .eventWrap:before { content: ""; position: absolute; top: 70px; left: 0; right: 0; bottom: 0; background: white; z-index: -1; pointer-events: none } .eventSlider .owl-item { padding-top: 70px } .itemEvent { display: block; } .itemEvent .img { float: left; width: 50%; margin-top: -70px } .itemEvent .img .thumb { padding-bottom: 78.3333% } .itemEvent .desc { float: right; width: 50%; padding: 50px 30px 0 50px; margin: 0 0 0 0px } .itemEvent .date { display: block; font-size: 16px; color: #E5CC5F; text-shadow: 0.01em 0 #E5CC5F; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; margin-bottom: 5px } .itemEvent .tit { display: block; color: #64463C; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; margin-bottom: 25px; font-size: 20px; text-transform: uppercase; text-decoration: none !important } .itemEvent .tit:hover { color: #A08278 } .itemEvent .tit:after { content: ""; display: block; clear: both; width: 100px; height: 1px; background: #E5CC5F; margin-top: 25px } .itemEvent p { font-size: 15px; color: #777; line-height: 1.6; margin-bottom: 25px; overflow: hidden } .homeNewsMain .titBox { margin-bottom: 70px } .homeNewsMain .navVert .owl-prev, .homeNewsMain .navVert .owl-next { top: 52.7% !important; bottom: auto !important; margin: 0 !important } .homeNewsWrap { position: relative; z-index: 1; padding-bottom: 100px } .homeNewsWrap .pagewrap { z-index: 2 } .homeNewsWrap:before { content: ""; position: absolute; top: 70px; left: 0; right: 0; bottom: 0; background: white; z-index: -1 } .oneNews { display: inline-block; vertical-align: top; width: calc(33.3333% - 35px); margin: 0 35px 35px 0; list-style: none; padding: 0; position: relative } .oneNews .thumb { position: relative; padding-bottom: 66.6666%; margin-bottom: 30px } .oneNews .thumb:after { content: "\f0c1"; color: #fff; position: absolute; right: 20px; bottom: 20px; z-index: 1; font-family: "FontAwesome"; font-size: 25px; width: 30px; text-align: center; line-height: 30px; opacity: 0 } .oneNews .thumb:hover:before, .oneNews .thumb:hover:after { opacity: 1 } .oneNews .thumb:hover~.tit { color: #E5CC5F } .oneNews .tit { display: block; margin-bottom: 15px; line-height: 1.4em; text-decoration: none; color: #64463C; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; font-size: 20px; max-height: 55px; margin-bottom: 40px; position: relative; text-transform: uppercase } .oneNews .tit:hover { color: #E5CC5F } .oneNews .tit:after { content: ""; position: absolute; left: 0; bottom: -20px; display: block; clear: both; width: 100px; height: 1px; background: #E5CC5F } .oneNews p { display: block; font-size: 14px; margin: 0; color: #646464; line-height: 1.6em; overflow: hidden; padding: 0; max-height: 70px } .owl-item .oneNews, .owl-item .oneLogo, .owl-item .oneGal { display: block !important; width: 100% !important; margin: 0 !important } .owl-item.active .oneFeedback .img { opacity: 1 } footer { position: relative; padding: 38px 0 39px 0; z-index: 1 } footer .line { display: block; clear: both; height: 1px; background: rgba(255, 255, 255, 0.2); margin-bottom: 20px } footer:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background: url("../images/pattern.png") repeat center center rgba(0, 0, 0, 0.4); pointer-events: none } footer .pagewrap { z-index: 2 } .fooInfo { float: left; width: 400px; background: #64463C; padding: 30px; color: #fff; text-align: center; margin-bottom: 25px } .fooInfo p { font-size: 15px; color: inherit; line-height: 1.5; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; margin: 0 } .fooInfo p * { color: inherit; text-decoration: none !important; font-family: inherit } .fooInfo p+p { margin-top: 10px } .fooLogo { display: block; width: 280px; margin: 0 auto; max-width: 100%; max-height: 230px } .fooLogo img { width: 100%; height: auto } .fooLogoRight { width: 690px; float: right; text-align: center; padding-top: 30px } .fooLogoRight a { display: inline-block; vertical-align: top; margin-bottom: 40px; max-width: 100% } .fooLogoRight a:hover { opacity: 0.8 } .fooLogoRight a>img { display: block; width: auto; height: auto; max-width: 100%; max-height: 130px } .fooLogoRight li { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; position: relative; padding-top: 40px } .fooLogoRight li a { display: inline-block; vertical-align: top; height: 70px; opacity: 0.5 } .fooLogoRight li a:hover { opacity: 1 } .fooLogoRight li img { display: inline-block; vertical-align: middle; width: auto; height: auto; max-height: 100% } .fooLogoRight li:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; width: 460px; height: 1px; background: rgba(255, 255, 255, 0.2); max-width: 100%; margin: 0 auto; clear: both } .fooNav { float: left } .fooNav a { float: left; color: #DEDEDE; font-size: 15px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; text-decoration: none !important; line-height: 1.4; border-bottom: solid 1px transparent } .fooNav a:hover { color: #E5CC5F; border-color: #E5CC5F } .fooNav a+a { margin-left: 20px } .copyright { float: right; color: #DEDEDE; font-size: 15px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; text-decoration: none !important; line-height: 1.4 } .copyright a { color: inherit; text-decoration: none !important; border-bottom: solid 1px transparent; font-size: inherit; font-family: inherit } .copyright a:hover { color: #E5CC5F; border-color: #E5CC5F } .bannerInside { position: relative; height: 500px; text-align: center } .bannerInside .tit { display: inline-block; vertical-align: middle; font-size: 40px; color: #fff; margin: 70px 0 0 0; font-weight: 400; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; position: relative; z-index: 2 } .bannerInside .tit strong, .bannerInside .tit b { font-family: inherit; color: inherit; font-size: inherit } .bannerInside .tit span { display: block; text-align: center; font-size: 18px; font-family: inherit; color: inherit; text-transform: none; margin-top: 10px } .navInside { position: absolute; top: 70px; bottom: 0; margin: auto; width: 50px; height: 40px; line-height: 40px; color: #fff !important; text-align: center; background: rgba(0, 0, 0, 0.4); font-size: 25px; text-decoration: none !important } .navInside:hover { background: #E5CC5F } .navInside.prev { left: 50%; margin-left: -600px; -webkit-animation: RightLeft 1.5s ease-in-out backwards infinite; -moz-animation: RightLeft 1.5s ease-in-out backwards infinite; -o-animation: RightLeft 1.5s ease-in-out backwards infinite; -ms-animation: RightLeft 1.5s ease-in-out backwards infinite } .navInside.next { right: 50%; margin-right: -600px; -webkit-animation: LeftRight 1.5s ease-in-out backwards infinite; -moz-animation: LeftRight 1.5s ease-in-out backwards infinite; -o-animation: LeftRight 1.5s ease-in-out backwards infinite; -ms-animation: LeftRight 1.5s ease-in-out backwards infinite } @-webkit-keyframes LeftRight { 0%, 100% { -webkit-transform: translateX(-15px) } 50% { -webkit-transform: translateX(15px) } } @-moz-keyframes LeftRight { 0%, 100% { -moz-transform: translateX(-15px) } 50% { -moz-transform: translateX(15px) } } @-o-keyframes LeftRight { 0%, 100% { -o-transform: translateX(-15px) } 50% { -o-transform: translateX(15px) } } @keyframes LeftRight { 0%, 100% { transform: translateX(-15px) } 50% { transform: translateX(15px) } } @-webkit-keyframes RightLeft { 0%, 100% { -webkit-transform: translateX(15px) } 50% { -webkit-transform: translateX(-15px) } } @-moz-keyframes RightLeft { 0%, 100% { -moz-transform: translateX(15px) } 50% { -moz-transform: translateX(-15px) } } @-o-keyframes RightLeft { 0%, 100% { -o-transform: translateX(15px) } 50% { -o-transform: translateX(-15px) } } @keyframes RightLeft { 0%, 100% { transform: translateX(15px) } 50% { transform: translateX(-15px) } } .page-menu .bannerInside.fix { z-index: 1 } .page-menu .bannerInside.fix:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: rgba(0, 0, 0, 0.3) } .page-menu .bannerInside.fix .tit { margin-top: 0 } .hallTitMain { background: #FAFAEB } .hallTitMain>.pagewrap { height: 65px; padding-top: 15px } .hallTit { position: relative; padding: 0 50px; display: table; margin: 0 auto; max-width: 100%; font-size: 0; letter-spacing: 0 } .hallTit .item { display: inline-block; vertical-align: top; list-style: none; margin: 0; padding: 0; height: 30px; line-height: 30px; text-transform: uppercase; font-size: 20px; color: #E5CC5F; text-transform: uppercase; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; text-decoration: none; position: relative } .hallTit .item.center { font-size: 24px; color: #64463C } .hallTit .item.center:before, .hallTit .item.center:after { content: ""; display: inline-block; vertical-align: middle; height: 1px; width: 100px; margin-top: -5px; margin-left: 25px; margin-right: 25px; background: #E5CC5F } .hallTit .item:hover { color: #64463C } .hallTit .prev, .hallTit .next { display: inline-block; vertical-align: top; width: 30px; height: 30px; line-height: 30px; text-align: center; color: inherit; font-size: 20px } .hallTit .prev { margin-right: 20px } .hallTit .next { margin-left: 20px } .showInfo { position: absolute; left: calc(50% - 25px); top: calc(100% + 20px); z-index: 3; width: 50px; height: 25px; text-align: center; overflow: hidden; cursor: pointer } .showInfo:before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; border: solid 25px transparent; border-top-color: #FAFAEB; z-index: -1 } .showInfo i { position: absolute; top: -5px; left: 0; right: 0; color: #64463C } .showInfo.open { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); top: 30px } .showInfo.open:before { border-top-color: #fff } .tooltip-inner { background-color: #64463C !important; font-size: 12px; padding-bottom: 4px } .tooltip-arrow { border-bottom-color: #64463C !important } .hallCont { position: relative } .hallCont .itemImg { display: block; float: left; width: 100%; padding-bottom: calc(700/1920 * 100%) } .hallCont .slidePic { position: relative; z-index: 0 } .hallCont .navVert .owl-prev, .hallCont .navVert .owl-next { height: 50px; line-height: 45px; font-size: 34px; background: rgba(0, 0, 0, 0.5); opacity: 0 } .hallCont .navVert:hover .owl-prev, .hallCont .navVert:hover .owl-next { opacity: 1 } .hallCont .navVert .owl-prev { left: 50%; margin-left: calc(-1200px/2) } .hallCont .navVert .owl-next { right: 50%; margin-right: calc(-1200px/2) } .hallDesc { background: #fff; position: absolute; top: 0; left: 0; right: 0; z-index: 2; padding: 10px 20px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15); text-align: center; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transform-origin: center top 0px; -moz-transform-origin: center top 0px; -webkit-transform-origin: center top 0px; transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1) } .hallDesc.open { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; top: 0 } .hallDesc p { display: inline-block; vertical-align: top; margin: 0; text-align: center; text-transform: uppercase; font-size: 12px; color: #64463C; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; width: 50%; position: relative; line-height: 1.4 } .hallDesc p span { display: block; text-transform: none; font-size: 16px; color: inherit; font-family: inherit; margin-top: 2px } .hallDesc p+p:before { content: ""; position: absolute; top: 2px; left: 0; bottom: 2px; width: 1px; background: #ddd } .page-services { padding-top: 190px } .page-post-view, .page-video { position: relative; padding-top: 80px; z-index: 1 } .bgH { position: absolute; top: 0; left: 0; right: 0; background: #FAFAEB; z-index: -1; pointer-events: none } .bgH.no_boxMenu { height: 300px } .colLeft { width: 860px; float: left; margin-bottom: 50px } .colLeft .landing { padding-bottom: 40px } .colRight { width: 300px; float: right; margin-bottom: 25px } .rightBox { display: block; margin-bottom: 40px } .rightTit { display: block; line-height: 1.2; margin: 0 0 25px 0; color: #64463C; text-transform: uppercase; font-size: 20px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif } .rightTit:after { content: ""; display: block; width: 100px; height: 1px; background: #E5CC5F; margin-top: 15px } .boxMenu>ul { display: block; padding: 0 0 10px 0; margin: 0 } .boxMenu>ul>li { list-style: none; padding: 0; margin: 0 } .boxMenu>ul>li>a { display: block; color: #999; font-weight: 400; padding: 7px 0; position: relative; text-decoration: none } .boxMenu>ul>li>a:before { content: ""; position: absolute; top: 18px; left: 0; width: 0; height: 1px; background: #E5CC5F } .boxMenu>ul>li>a:hover { color: #E5CC5F } .boxMenu>ul>li>a.active { color: #E5CC5F; padding-left: 22px } .boxMenu>ul>li>a.active:before { width: 15px } .rightPromotion { width: 100%; position: relative } .rightPromotion .item, .rightPromotion .item img { display: block; width: 100%; height: auto } .navRightTop .owl-nav { position: absolute; top: -65px; right: 0; z-index: 2 } .navRightTop .owl-prev, .navRightTop .owl-next { float: left; width: 25px; height: 25px; line-height: 20px; color: #E5CC5F; text-align: center; font-size: 25px; margin-left: 5px } .navRightTop .owl-prev:hover, .navRightTop .owl-next:hover { color: #fff; background: #64463C } .navRightTop .owl-next { text-indent: 1px } .itemNews { list-style: none; display: block; margin: 0; padding: 0 } .itemNews .thumb { padding-bottom: 0; width: 80px; height: 80px; float: left } .itemNews .tit { width: calc(100% - 95px); float: right; text-decoration: none !important; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; color: #64463C; font-size: 14px; line-height: 1.4; text-transform: uppercase; margin-top: 7px } .itemNews .thumb:hover+.tit, .itemNews .tit:hover { color: #E5CC5F } .itemNews+.itemNews { margin-top: 20px } .promotionTabs, .galTabs { background: #FAFAEB } .promotionTabs>.pagewrap, .galTabs>.pagewrap { text-align: center; padding: 20px 0 40px 0; font-size: 0; letter-spacing: 0 } .promotionTabs .item, .galTabs .item { display: inline-block; vertical-align: top; font-size: 20px; color: #E5CC5F; text-transform: uppercase; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; line-height: 1.2; text-decoration: none !important; margin: 0 } .promotionTabs .item:before, .galTabs .item:before, .promotionTabs .item:after, .galTabs .item:after { content: ""; display: inline-block; vertical-align: middle; width: 50px; height: 1px; margin-top: -5px; background: #E5CC5F } .promotionTabs .item:before, .galTabs .item:before { margin-right: 15px } .promotionTabs .item:after, .galTabs .item:after { margin-left: 15px } .promotionTabs .item:first-child:before, .galTabs .item:first-child:before, .promotionTabs .item:last-child:after, .galTabs .item:last-child:after { display: none } .promotionTabs .item:hover, .galTabs .item:hover { color: #64463C } .promotionTabs .item.active, .galTabs .item.active { color: #64463C } .promotionTabs .item.active:before, .galTabs .item.active:before { background: -moz-linear-gradient(left, #E5CC5F 0%, #64463C 100%); background: -webkit-linear-gradient(left, #E5CC5F 0%, #64463C 100%); background: -o-linear-gradient(left, #E5CC5F 0%, #64463C 100%); background: -ms-linear-gradient(left, #E5CC5F 0%, #64463C 100%); background: linear-gradient(to right, #E5CC5F 0%, #64463C 100%) } .promotionTabs .item.active:after, .galTabs .item.active:after { background: -moz-linear-gradient(left, #64463C 0%, #E5CC5F 100%); background: -webkit-linear-gradient(left, #64463C 0%, #E5CC5F 100%); background: -o-linear-gradient(left, #64463C 0%, #E5CC5F 100%); background: -ms-linear-gradient(left, #64463C 0%, #E5CC5F 100%); background: linear-gradient(to right, #64463C 0%, #E5CC5F 100%) } .proTit { background: #fff; position: absolute; top: -20px; left: 0; right: 0; z-index: 2; padding: 30px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15); text-align: center; margin-bottom: 20px } .proTit>a { display: inline-block; vertical-align: top; margin: 0; text-align: center; text-transform: uppercase; font-size: 14px; color: #999; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; width: 100%; position: relative; line-height: 1.4; text-decoration: none } .proTit>a:hover, .proTit>a.active { color: #64463C } .proTit>a+a:before { content: ""; position: absolute; top: 2px; left: 0; bottom: 2px; width: 1px; background: #ddd } .promotion .landing { margin-bottom: 40px } .page-menu .proTit { -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap } .page-menu .proTit>a { width: auto; margin: 5px 20px } .page-menu .proTit>a+a:before { top: 3px; left: -20px } .page-news { position: relative; padding: 80px 0; z-index: 1 } .page-news .pagewrap { z-index: 2 } .page-news:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; background: #FAFAEB; right: calc(50% + 330px) } .insideNews { display: block; margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #F8F0CF } .insideNews .img { width: 32%; float: left } .insideNews .desc { float: right; width: 64%; overflow: hidden } .insideNews ul { display: inline-block; vertical-align: middle; padding: 0; margin: 0; white-space: normal } .insideNews .img:hover~.desc .tit { color: #E5CC5F } .insideNews .tit { display: block; text-transform: uppercase; text-decoration: none; color: #64463C; font-size: 20px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; margin-bottom: 20px } .insideNews .tit:after { content: ""; display: block; width: 100px; height: 1px; background: #E5CC5F; clear: both; margin-top: 15px } .insideNews .tit:hover { color: #E5CC5F } .insideNews p { display: block; color: #646464; max-height: 90px; line-height: 1.5; font-size: 14px } .insideNews:last-child { border: none; padding-bottom: 0 } .numsMain { display: block; padding-top: 30px } .nums { display: table; margin-bottom: 20px } .nums a, .nums span { text-decoration: none !important; font-family: "Helvetica Neue", Helvetica, sans-serif } .nums>a { float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #666; font-size: 15px } .nums>a+a { margin-left: 5px } .nums>a * { color: inherit } .nums>a.current { background: #64463C; color: #fff; border-color: #64463C } .nums>a:not(.current):hover { color: #E5CC5F; border-color: #E5CC5F } .nums>a.next { font-size: 18px; line-height: 38px } .nums>a.next:hover { color: #fff !important; background: #64463C } .selectBox { position: relative; width: 50px; height: 35px; background: url("../images/select-2.png") no-repeat 33px center; float: left; margin-left: 2px; z-index: 20; border: solid 1px #ccc; margin-left: 5px } .selectBox>ul { position: absolute; right: 0; bottom: 100%; left: 0; max-height: 300px; overflow: auto; border-bottom: solid 10px transparent; display: none; padding: 0; margin: 0 } .selectBox:after { content: ""; position: absolute; left: 50%; top: -10px; border: solid 10px transparent; margin-left: -10px; border-top-color: #999; z-index: 10; display: none } .selectBox:hover>ul, .selectBox:hover:after, .selectBox.click>ul, .selectBox.click:after { display: block } .selectBox>ul a, .selectBox>ul span { display: block; line-height: 25px; padding: 0 5px; background: #999; color: #fff; text-align: center } .selectBox>ul a:hover, .selectBox>ul a.current { background: #E5CC5F; color: #fff } .selectBox>ul span.active { color: #fff !important } .selectBox>span { display: block; width: 35px; line-height: 33px; font-style: normal; text-align: center; cursor: default; color: #666; font-size: 14px } .page-video { padding-bottom: 50px } .videoLeft { width: 860px; float: left; margin-bottom: 50px } .videoLeft .landing { margin-bottom: 43px } .videoLeft .landing .titVideo { font-size: 25px; color: #64463C } .videoRight { width: 300px; float: right; margin-bottom: 50px } .thumbVideo { display: block; position: relative; margin-bottom: 20px } .thumbVideo:before { content: "\f3d3"; z-index: 3; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-size: 35px; width: 60px; height: 60px; line-height: 60px; text-align: center; margin: auto; background: rgba(0, 0, 0, 0.4); font-weight: 600 } .thumbVideo:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 2; width: 80px; height: 80px; background: rgba(0, 0, 0, 0.4) } .thumbVideo .thumb { padding-bottom: 56.24% } .thumbVideo .thumb:after { background-color: rgba(0, 0, 0, 0.2) } .thumbVideo:hover:before { color: #E5CC5F } .thumbVideo:hover .thumb:after { opacity: 1 } .titVideo { display: block; font-size: 24px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; line-height: 1.4; color: #333; text-decoration: none !important } .titVideo:hover { color: #E5CC5F } .thumbVideo:hover+.titVideo { color: #E5CC5F } .itemVideo { list-style: none; margin: 0 } .itemVideo .thumb { float: left; width: 100px; height: 80px; padding-bottom: 0 !important } .itemVideo .tit { margin: 0 !important; float: right; width: calc(100% - 115px); height: 80px } .itemVideo .tit a { width: 100%; display: inline-block; vertical-align: middle; white-space: normal; color: #333; font-size: 14px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; line-height: 1.4; max-height: 60px; overflow: hidden; text-decoration: none !important; margin-top: -5px } .itemVideo .tit a:hover { color: #E5CC5F } .itemVideo .thumb:hover+.tit a { color: #E5CC5F } .itemVideo+.itemVideo { margin-top: 21px } .oneVideo { display: inline-block; vertical-align: top; width: calc(33.3333% - 30px); margin: 0 30px 35px 0 } .oneVideo .thumbVideo { margin-bottom: 10px } .oneVideo .thumb { padding-bottom: 56.24% } .oneVideo .titVideo { font-size: 20px } .galTabs>.pagewrap { padding: 30px 0 70px 0 } .gallery { z-index: 2; margin-top: -40px; padding-bottom: 50px } .list-gal-view { width: calc(100% + 20px); margin-bottom: 30px } .list-gal-view .item { float: left; margin: 0 20px 20px 0; position: relative; z-index: 1 } .list-gal-view .item:after { background-color: rgba(0, 0, 0, 0.2); pointer-events: none } .list-gal-view .item:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 0; z-index: -1 } .list-gal-view .item img { display: block; width: auto; height: 100% } .list-gal-view .item:hover:before { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) } .otherGal { margin-bottom: 80px } .otherGal .owl-nav { position: absolute; top: -66px; left: 250px } .otherGal .owl-prev, .otherGal .owl-next { float: left; width: 30px; height: 30px; line-height: 26px; text-align: center; color: #E5CC5F; font-size: 24px } .otherGal .owl-prev:hover, .otherGal .owl-next:hover { color: #64463C } .contact { padding-top: 80px } .c_info { width: calc(50% - 30px); float: right; padding-top: 71px; position: relative; z-index: 2 } .c_info .landing table>thead>tr>th, .c_info .landing table>tbody>tr>th, .c_info .landing table>tfoot>tr>th, .c_info .landing table>thead>tr>td, .c_info .landing table>tbody>tr>td, .c_info .landing table>tfoot>tr>td, .c_info .landing table>tr>th, .c_info .landing table>tr>td { border: none !important; padding: 5px 0; font-size: 14px } .c_form { width: calc(50% - 30px); float: left; padding: 60px 40px 60px 40px; background: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); border-top: solid 5px #E5CC5F; position: relative; z-index: 2 } .c_form .titBox { margin-bottom: 35px } .map { display: block; padding-bottom: calc(100vh/3 * 2); position: relative; z-index: 0; margin-top: -130px } #map { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .custom-iw { width: 280px !important; margin-left: 25px !important } .custom-iw .gm-style-iw { top: 15px !important; left: 0 !important; border-radius: 2px } .custom-iw>div:first-child>div:nth-child(2) { display: none } .custom-iw>div:first-child>div:last-child { left: 0 !important; top: 0px; box-shadow: rgba(0, 0, 0, 0.6) 0px 1px 6px; z-index: -1 !important } .custom-iw .gm-style-iw, .custom-iw .gm-style-iw>div, .custom-iw .gm-style-iw>div>div { width: 280px !important; max-width: 100% !important } .custom-iw>div:first-child>div:nth-child(n-1)>div>div, .custom-iw>div>div:last-child, .custom-iw .gm-style-iw, .custom-iw .gm-style-iw>div, .custom-iw .gm-style-iw>div>div { background-color: transparent !important } .gm-style .gm-style-iw { overflow: visible !important } .custom-iw>div:last-child { top: 20px !important; right: 5px !important; height: 13px !important; width: 13px !important; background: url("../images/close-pop.png") no-repeat center center !important; opacity: 1 !important } .custom-iw>div:last-child img { display: none } .localInfo { background: #E5CC5F !important; padding: 15px; color: #fff; line-height: 1.4; overflow: auto !important; font-size: 14px; width: 280px; margin-left: auto; margin-right: auto; display: block } .localInfo * { color: #fff; font-size: inherit; line-height: 1.2; font-size: 13px } .localInfo:after { content: ""; position: absolute; top: 100%; left: 50%; border: solid 15px transparent; border-top-color: #E5CC5F; margin-left: -15px; margin-top: -5px } .localInfo a { border-bottom: solid 1px transparent; text-decoration: none !important } .localInfo a:hover { color: #fff; text-decoration: none !important; border-bottom-color: #fff } .localInfo h1, .localInfo h2, .localInfo h3 { text-transform: uppercase; font-size: 15px; margin: 0 0 10px 0 } .localInfo p { line-height: 1.4; margin: 0 } .localInfo p+p { margin-top: 12px } .localInfo .bt { border-top: solid 1px #fff; margin: 20px 0 0 0; padding-top: 15px; text-align: center } .oneDish { display: inline-block; vertical-align: top; width: calc(33.3333% - 30px); margin: 0 30px 30px 0 } .oneDish .thumb { margin-bottom: 10px } .oneDish .thumb:after { background-color: rgba(0, 0, 0, 0.2) } .oneDish .tit { display: block; text-align: center; font-size: 20px; line-height: 1.4; font-size: 20px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; color: #64463C; margin: 0 } body .vcx-gallery>.title { left: 0; bottom: 0; right: 0; top: auto; padding: 10px; font-weight: 500; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; text-align: center; font-size: 18px; margin: 0; color: #E5CC5F } .formBook { position: fixed; top: 0; left: 0; bottom: 0; width: 350px; background: #fff; z-index: 1000; padding: 25px 10px 25px 25px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%) } .formBook.open { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } .formBook .tit { display: block; text-align: center; margin: 0 0 10px 0; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; color: #64463C; font-size: 16px; text-transform: uppercase; border-bottom: solid 1px #EEEEEE; padding-bottom: 25px } .formBook .scrollPane { display: block; height: calc(100% - 60px); overflow: hidden; z-index: 0; position: relative } .formBook .formBookCont { padding-right: 10px; padding-bottom: 20px } .formBook .formBox { border-top: solid 1px #ddd; padding-top: 20px; margin-top: 15px } .formBook .formBox label { color: #64463C; text-shadow: 0.01em 0 #64463C } .formBook .formBox select { border: solid 1px #ddd; padding-left: 10px } .formBook .formBox input[type="text"], .formBook .formBox input[type="email"], .formBook .formBox textarea { border: solid 1px #ddd !important } .formBook .formBox input { border: solid 1px #ddd !important; padding: 0 10px } .formBook .formBox .form-group { margin-bottom: 15px } .formBook p { display: block; margin: 15px 0 0 0; font-size: 14px; color: #64463C; text-align: center } .formBook p a { color: inherit; text-decoration: none !important; font-size: inherit } .formBook p a:hover { color: #E5CC5F } .width-90 { width: 90%; margin-left: auto; margin-right: auto } .width-80 { width: 80%; margin-left: auto; margin-right: auto } .width-70 { width: 70%; margin-left: auto; margin-right: auto } .width-60 { width: 60%; margin-left: auto; margin-right: auto } .width-50 { width: 50%; margin-left: auto; margin-right: auto } .owl-carousel { display: block !important } .dots .owl-dots { position: absolute; bottom: 5%; left: 50%; z-index: 2 } .dots .owl-dot { float: left; width: 28px; height: 28px; position: relative } .dots .owl-dot:before, .dots .owl-dot:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 16px; height: 16px; margin: auto; z-index: 2; background: #fff } .dots .owl-dot:before { z-index: 1; background: none; border: solid 2px #E5CC5F } .dots .owl-dot.active:before { width: 100%; height: 100% } .dots .owl-dot.active:after { background: #E5CC5F } .dots .owl-dot+.owl-dot { margin-left: 10px } .scrollPane { overflow: auto } .no_devices .scrollPane { overflow: hidden } body .jspVerticalBar { width: 14px; background: transparent } body .jspTrack { background: transparent } body .jspTrack:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 1px; margin: auto; background: #ccc } body .teacherDesc .jspTrack:after, body .teacherDesc .jspDrag:after { background: #64463C } body .jspDrag { background: transparent } body .jspDrag:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 5px; margin: auto; background: #ccc; z-index: 10 } body .jspDrag:hover:after { background: #E5CC5F } body:hover .jspDrag:hover:after { background: #E5CC5F } .landing { font-size: 14px; color: #646464 } .landing p, .landing ul, .landing ol { margin: 0; line-height: 1.5; color: inherit; font-family: "utmavo", "Helvetica Neue", Arial, sans-serif; text-align: justify } .landing p *, .landing ul *, .landing ol * { color: inherit } .landing p+ul, .landing p+ol, .landing p+p, .landing ul+ul, .landing ul+ol, .landing ul+p, .landing ol+ol, .landing ol+ul, .landing ol+p { margin-top: 25px } .landing ul, .landing ol { padding-left: 25px } .landing ul li, .landing ol li { font-weight: inherit; font-family: inherit } .landing ul>li li, .landing ol>li li { list-style: disc; color: inherit } .landing ol>li { list-style-type: none; counter-increment: list; position: relative; margin-bottom: 20px; padding-left: 10px } .landing ol>li:after { content: counter(list) "."; position: absolute; top: 0; left: -35px; width: 2em; text-align: right; color: red } .landing ul { padding-left: 18px } .landing ul li { list-style-type: disc; position: relative; padding-left: 0; margin-bottom: 10px } .landing span, .landing b, .landing strong, .landing em, .landing u { font-family: inherit } .landing [class*="width-"] { margin-left: auto; margin-right: auto } .landing p .img { display: inline-block; max-width: 100%; margin: 5px 0 } .landing img { width: auto; height: auto !important; max-width: 100% } .landing p>img { margin-top: 15px; margin-bottom: 15px } .landing h1, .landing .h1, .landing h2, .landing .h2, .landing h3, .landing .h3, .landing h4, .landing .h4, .landing h5, .landing .h5, .landing h6, .landing .h6 { line-height: 1.2; margin-bottom: 25px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif } .landing h1, .landing .h1 { font-size: 35px } .landing h2, .landing .h2 { font-size: 30px } .landing h3, .landing .h3 { font-size: 26px } .landing h4, .landing .h4 { font-size: 22px } .landing h5, .landing .h5 { font-size: 18px } .landing h6, .landing .h6 { font-size: 14px } .landing .tit { display: block; line-height: 1.4; margin-top: 30px; color: #64463C; text-transform: uppercase; font-size: 24px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif } .landing .tit:after { content: ""; display: block; width: 100px; height: 1px; background: #E5CC5F; margin-top: 15px } .landing .tit.fix { margin: 0 0 30px 0; text-transform: none } .landing h2.desc { font-size: 15px; color: #666; font-style: italic; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif } .landing blockquote { border: none; padding: 3px 0 5px 40px; position: relative; font-size: 17px; font-weight: 600; font-style: italic; color: #1E1E46; font-family: "utmavo", "Helvetica Neue", Arial, sans-serif } .landing blockquote:before { content: ""; position: absolute; top: 0; left: 0; width: 25px; height: 20px; background: url("../images/quote.png") no-repeat left center } .landing blockquote:after { content: ""; display: inline-block; vertical-align: bottom; width: 25px; height: 20px; margin: 0 0 -5px 5px; background: url("../images/quote.png") no-repeat right center } .landing .row { margin-bottom: 15px } .landing a { color: #E5CC5F } .landing a:hover { color: #000 } .landing .fr-video { display: block; width: 100%; padding-bottom: 56.25%; position: relative } .landing .fr-video iframe, .landing .fr-video video { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .landing video { display: block; width: 100%; height: 400px } .landing [class*="col-"] .img { margin-top: 10px; margin-bottom: 0 } .landing .desc { margin-bottom: 20px } .landing .table-bordered td, .landing .table-bordered th { padding: 10px 12px } .landing .main-color { color: #E5CC5F; text-shadow: 0.01em 0 #E5CC5F } .landing .sub-color { color: #64463C; text-shadow: 0.01em 0 #64463C } .landing .datePost { display: block; font-size: 13px; color: #888; margin: -5px 0 25px 0 } .landing .datePost i { display: inline-block; vertical-align: top; font-size: 14px; margin: 1px 7px 0 0 } .landing table { border: none; border-collapse: collapse; empty-cells: show; width: 100%; max-width: 100%; margin-bottom: 30px; margin-top: 5px } .landing table.fr-dashed-borders td, .landing table.fr-dashed-borders th { border-style: dashed } .landing table.fr-alternate-rows tbody tr:nth-child(2n) { background: #f5f5f5 } .landing table h1, .landing table .h1, .landing table h2, .landing table .h2, .landing table h3, .landing table .h3, .landing table h4, .landing table .h4, .landing table h5, .landing table .h5, .landing table h6, .landing table .h6 { margin-top: 0; font-family: "utmavo", "Helvetica Neue", Arial, sans-serif } .landing table>thead>tr>th, .landing table>tbody>tr>th, .landing table>tfoot>tr>th, .landing table>thead>tr>td, .landing table>tbody>tr>td, .landing table>tfoot>tr>td, .landing table>tr>th, .landing table>tr>td { border: 1px solid #ccc; padding: 10px 15px; font-size: 15px; color: #666; line-height: 1.4 } .landing table td:empty, .landing table th:empty { height: 20px } .landing table td.fr-highlighted, .landing table th.fr-highlighted { border: 1px double red } .landing table td.fr-thick, .landing table th.fr-thick { border-width: 2px } .landing table th { background: #e6e6e6 } .landing table.bg-head { margin-bottom: 40px } .landing table.bg-head tr th { background: #ffb400; color: #fff; border-color: #FFAA00; box-shadow: inset 1px -1px #FFBE00 } .landing table.bg-head tr th * { color: inherit } .landing table.bg-head tr td { background: #F5F5F5; border-color: #EBEBEB; box-shadow: inset 1px -1px #fff } .landing .table-responsive { border: none; margin-bottom: 30px; box-shadow: inset 1px 0 #ccc, inset -1px 0 #ccc } .landing .table-responsive table { margin-bottom: 0; margin-top: 0 } .list { width: calc(100% + 30px); font-size: 0; letter-spacing: 0 } .text-center { text-align: center } .follow { font-size: 0; letter-spacing: 0; display: block; margin: 17px auto; padding: 0; list-style: none; float: none; text-align: center } .follow:before, .follow:after { content: ""; display: block; width: 240px; height: 1px; background: rgba(255, 255, 255, 0.3); max-width: 100%; margin: 0 auto; clear: both } .follow:before { margin-bottom: 10px } .follow:after { margin-top: 10px } .follow a.fa { font-size: 22px; position: relative; display: inline-block; vertical-align: top; height: 33px; line-height: 33px; text-align: center; color: #fff; text-decoration: none !important; margin-top: 5px; margin-bottom: 5px } .follow a.fa:hover { color: #E5CC5F } .follow a+a { margin-left: 35px } .follow a.fa-facebook:hover { color: #3b5998 } .follow a.fa-pinterest-p:hover { color: #cb2027 } .follow a.fa-twitter:hover { color: #00aced } .follow a.fa-google-plus:hover { color: #dd4b39 } .follow a.fa-flickr:hover { color: #ff0084 } .follow a.fa-instagram:hover { color: #517fa4 } .follow a.fa-youtube:hover { color: #bb0000 } .follow a.fa-yahoo:hover { color: #7B0099 } .follow a.fa-tumblr:hover { color: #32506d } .follow a.fa-skype:hover { color: #00AFF0 } .follow a.fa-foody:hover { color: #f00 } .follow a.fa-linkedin:hover { color: #009CD3 } .breadcrumb { display: none } .share { position: relative; display: block } .share:before { content: ""; position: absolute; top: 3px; left: 0; right: 0; bottom: 0; height: 1px; background: #E5CC5F; margin: auto } .share>li { list-style: none; display: table; margin: 0 auto; background: #fff; position: relative; line-height: 30px; padding: 0 30px; z-index: 2 } .share span { display: inline-block; vertical-align: top; color: #64463C; font-size: 14px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; text-transform: uppercase } .share a { display: inline-block; vertical-align: top; color: #64463C; margin-left: 5px; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px } .share a.btn_facebook:hover { color: #3b5998 } .share a.btn_twitter:hover { color: #00aced } .share a.btn_google:hover { color: #dd4b39 } .abView { width: calc(100% + 30px) } .oneGal { display: inline-block; vertical-align: top; width: calc(33.3333% - 30px); margin: 0 30px 30px 0; position: relative; overflow: hidden; list-style: none; padding: 0 } .oneGal .thumb { z-index: 0 } .oneGal .thumb:after { content: ""; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%) } .oneGal .tit { display: block; position: absolute; left: 0; bottom: 0; right: 0; z-index: 3; color: #fff; font-size: 20px; font-family: "Elle Futura", "Helvetica Neue", Arial, sans-serif; padding: 0 25px 25px 25px; margin: 0; line-height: 1.3; text-shadow: 0.02em 0 rgba(0, 0, 0, 0.5) } .oneGal .tit .kind { display: table; clear: both; font-size: 15px !important; margin-bottom: 7px; color: #fff !important; border-bottom: solid 1px transparent; padding-bottom: 2px; text-shadow: 0.01em 0 #fff } .oneGal .tit .kind:hover { border-bottom-color: #fff; opacity: 0.8 } .oneGal .tit a { display: block; text-decoration: none; color: inherit; font-size: inherit; font-family: inherit } .oneGal:hover .thumb:after { top: 0 } .oneGal:hover .tit { color: #E5CC5F } .box-relate .gallery{margin-top: 10px;} .box-relate .oneGal{} .box-relate .oneGal a {color: #FFF;} .box-relate .oneGal .tit a{font-size: 16px;} .box-relate .tit:after{display: none; width: 0px; height: 0px; margin-top: 0px;} .itemGal { float: left; margin: 0 30px 30px 0; position: relative; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; overflow: hidden } .itemGal:after { background-color: rgba(80, 197, 197, 0.5); z-index: 0 } .itemGal img { display: block; width: auto; height: 100% } .itemGal i { position: absolute; top: 45px; left: 25px; width: 40px; height: 40px; line-height: 40px; text-align: center; border: solid 1px #fff; font-size: 18px; z-index: 10; color: #fff; opacity: 0 } .itemGal h4 { position: absolute; left: 25px; bottom: 45px; right: 25px; opacity: 0; color: #fff; font-size: 16px; font-weight: 600; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); z-index: 10; margin: 0; border-left: solid 1px #fff; padding: 3px 0 3px 15px } .itemGal:hover i { top: 25px; opacity: 1 } .itemGal:hover h4 { bottom: 25px; opacity: 1 } .hide { display: none } body .fancybox-close { position: absolute; background: url("../images/close-pop.png") no-repeat center center #64463C; right: 0; top: 0; width: 30px; height: 30px; opacity: 1 } .formBox select { border: none; border-bottom: solid 1px #DDDDDD; height: 45px !important; outline: none !important; box-shadow: none !important; -webkit-appearance: none; -moz-appearance: none; position: relative; font-size: 14px; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; -ms-border-radius: 0 !important } .formBox select:focus { border-color: #E5CC5F !important } .formBox .select { position: relative } .formBox .select:before { content: ""; position: absolute; right: 0; bottom: 17px; width: 30px; height: 16px; margin: auto; background: url("../images/icon-select.png") no-repeat center center; z-index: 2 } .formBox input[type="text"], .formBox input[type="email"] { line-height: 45px; height: 45px } .formBox input[type="text"], .formBox input[type="email"], .formBox textarea { outline: none !important; box-shadow: none !important; font-size: 14px; border: none; border-bottom: solid 1px #DDDDDD; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -o-border-radius: 0 !important; -ms-border-radius: 0 !important } .formBox input[type="text"]:focus, .formBox input[type="email"]:focus, .formBox textarea:focus { border-color: #E5CC5F !important } .formBox textarea { height: 80px; padding: 13px 0 } .formBox .form-control { padding-left: 0; padding-right: 0; background-color: none !important } .formBox .btn { display: table; margin: 20px auto 0 auto; cursor: pointer; width: 120px; text-align: center; padding: 0; border: none } .formBox .btn:focus, .formBox .btn:target { background: #E5CC5F !important } .formBox .form-group { margin-bottom: 30px; position: relative } .formBox .form-group label { text-transform: uppercase; font-size: 14px; margin-bottom: 5px; line-height: 1.4; color: #222 } .popReg { padding: 30px 20px 35px 20px; background: #fff; text-align: center } .popReg .formBox { width: 600px } .popReg .formBox textarea { height: 228px } .popReg [class*="col-"] { padding-left: 10px; padding-right: 10px } .popReg .titBox { margin-bottom: 25px } .popReg .titBox .tit:after { display: none } .popReg .titBox .tit { margin-bottom: 5px; font-size: 32px } .popReg .btn { margin-top: 10px } capcha, .capcha { position: absolute; right: 10px; bottom: 0; line-height: 46px; z-index: 3; letter-spacing: 1px; color: #E5CC5F; pointer-events: none } .btn-submit { color: #fff; background: #E5CC5F } .btn-submit:hover { background: #64463C; color: #fff } .form-control { height: 46px; line-height: 1; padding: 0 12px } .rightNav { position: fixed; right: 0; top: 50%; z-index: 100; padding: 0; margin-top: -80px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2) } .rightNav .button { position: relative; display: block; text-decoration: none !important; line-height: 50px } .rightNav .button:hover i { background: #64463C; color: #fff } .rightNav .button:hover>span { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) } .rightNav .button>span { position: absolute; top: 0; right: 100%; bottom: 0; padding: 0 15px; background: #64463C; color: #fff; line-height: inherit; text-align: center; font-size: 13px; white-space: nowrap; font-weight: 600; border-right: solid 1px rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); z-index: -1; text-transform: uppercase } .rightNav .button i { display: block; width: 50px; height: 50px; line-height: inherit; text-align: center; color: #fff; background: #fff; font-size: 22px; z-index: 2; position: relative; color: #64463C } .rightNav .button+.button { margin-top: 1px } .btnEvent { position: absolute; right: 3px; bottom: 100%; width: 50px; height: 50px; background: #E5CC5F; margin-bottom: 30px } .btnEvent i { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 38px; height: 38px; line-height: 36px; text-align: center; font-size: 22px; color: #E5CC5F; margin: auto; background: #fff; -webkit-animation: RingRing 2000ms linear infinite; -moz-animation: RingRing 2000ms linear infinite; -ms-animation: RingRing 2000ms linear infinite; -o-animation: RingRing 2000ms linear infinite; animation: RingRing 2000ms linear infinite } .btnEvent:hover { background: #64463C } .btnEvent:hover i { color: #64463C } #frmReg{width: 50%; margin: 0 auto;} #frmReg .lbl{text-align: left; padding: 0px; margin: 0px; width: 100%; font-size: 16px;} .boxDate{width: 300px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; margin-bottom: 30px; margin-left: 10px;} .success{font-size: 18px; text-align: center;} .center{text-align: center;} #fixLeft{position: fixed; left: 10px; bottom: 80px; z-index: 999999999; } #fixLeft .icon{ width: 40px; height: 40px; border-radius: 4px; display: inline-block; position: relative; overflow: hidden; } #fixLeft .callZalo{display: block; margin-left: 20px; margin-bottom: 30px;} .hotline-phone-ring-wrap { position: fixed; bottom: 0px; left: 0; z-index: 999999 } .hotline-phone-ring-wrap-zl { position: fixed; bottom: 0; right: 0; z-index: 999999 } .text-hotline { color: #fff; font-size: 20px } .hotline-phone-ring { position: relative; visibility: visible; background-color: transparent; width: 100px; height: 100px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; left: 0; bottom: 0; display: block } .hotline-phone-ring-zl { position: relative; visibility: visible; background-color: transparent; width: 100px; height: 100px; cursor: pointer; z-index: 11; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); transition: visibility .5s; right: 0; bottom: 0; display: block } .hotline-phone-ring-circle { width: 100px; height: 100px; top: 0; left: 0; position: absolute; background-color: #E91E63; border-radius: 100%; border: 2px solid #1564a7; -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: .5 } .hotline-phone-ring-circle-zl { width: 100px; height: 100px; top: 0; right: 0; position: absolute; background-color: #0182ca; border-radius: 100%; border: 2px solid #1564a7; -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; animation: phonering-alo-circle-anim 1.2s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; opacity: .5 } .hotline-phone-ring-circle-fill { width: 60px; height: 60px; top: 20px; left: 20px; position: absolute; background-color: #E91E63; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } .hotline-phone-ring-circle-fill-zl { width: 80px; height: 80px; top: 16px; right: 16px; position: absolute; background-color: #0182ca; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } .hotline-phone-ring-img-circle { background-color: #E91E63; width: 40px; height: 40px; top: 31px; left: 31px; position: absolute; background-size: 20px; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center } .hotline-phone-ring-img-circle-zl { background-color: #0182ca; width: 50px; height: 50px; top: 31px; right: 31px; position: absolute; background-size: 20px; border-radius: 100%; border: 2px solid transparent; -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; animation: phonering-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center } .hotline-phone-ring-img-circle .pps-btn-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .hotline-phone-ring-img-circle .pps-btn-img img { width: 33px; height: 33px } .hotline-phone-ring-img-circle img{width: 30px; height: auto;} .hotline-bar { position: absolute; background: #3578e5; height: 40px; width: 185px; line-height: 40px; border-radius: 3px; padding: 0 10px 0 50px; background-size: 100%; cursor: pointer; transition: all 0.8s; -webkit-transition: all 0.8s; z-index: 9; border-radius: 50px !important; left: 36px; bottom: 28px; } .hotline-bar>a { color: #fff; text-decoration: none; font-size: 16px; font-weight: 700; text-indent: 32px; letter-spacing: 1px; display: block; line-height: 40px; font-family: Arial } .hotline-bar>a:hover, .hotline-bar>a:active { color: #fff } @-webkit-keyframes phonering-alo-circle-anim { 0% { -webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 } 30% { -webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 } } @-webkit-keyframes phonering-alo-circle-fill-anim { 0% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .6 } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .6 } 100% { -webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .6 } } @-webkit-keyframes phonering-alo-circle-img-anim { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg) } 40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg) } 50% { -webkit-transform: rotate(0) scale(1) skew(1deg) } 100% { -webkit-transform: rotate(0) scale(1) skew(1deg) } } /* addd */ .owl-carousel{height: auto;} #ggMap{width: 100%; min-height: 400px;} .frmTitle { text-align: center; font-size: 16px; } .frmElement { width: 100%; padding: 5px 10px; clear: both; display: table;} .frmElement .lbl { width: 40%; float: left; padding: 10px 20px 10px 0px; margin: 10px 0px; text-align: right; font-size: 14px;} .frmElement .element{ width: 100%; float: left; padding: 10px 0px 10px 0px; position: relative;} .frmElement .element input[type=text], .frmElement .element input[type=password], .frmElement .element select, .frmElement .element span{border: 1px solid #ccc; border-radius: 3px; text-indent: 5px; padding: 8px 10px; font-size: 16px;} .frmElement .element input[type=text], .frmElement .element input[type=password], .frmElement .element select, .frmElement .element textarea, .frmElement .element span{width: 100%; min-width: 250px;} .frmElement .element span{display: block; background: #F7F7F7; cursor: pointer;} .frmElement .element b.check{position: absolute; width: auto; top: 16px; background: none; border: none; min-width: initial; color: #FF3E3E; font-size: 24px; font-weight: bold; left: 5px;} .frmElement .element textarea{border: 1px solid #ccc; text-indent: 5px; padding: 4px 0px; min-height: 80px;} .frmElement .element label{margin-right: 10px; cursor: pointer;} .frmElement .error{width: 70%; float: left; color: #FD0100} .frmElement .txtCapt input{float: left; width: 70px !important; min-width: 70px !important; height: 30px !important; border-radius: 0 !important; border: 1px solid #DDD;} .frmElement input[type=submit]{margin-right: 10px;} .frmElement input[type=reset]{margin-left: 10px;} .contact-lbl{width: 40%; text-align: right; padding-right: 20px; font-size: 20px;} input[type=radio]{cursor: pointer;} .frm-title {padding: 10px; background: #1C5199; font-size: 16px; font-weight: bold; margin-bottom: 15px; color: #FFF;} .catpcha{} .catpcha img{width: 190px; float: left;} .catpcha span{display: inline-block; line-height: 50px; padding: 0px 10px; float: left; width: 40px; text-align: center;} .catpcha span i{cursor: pointer;} .catpcha .txtCaptcha{float: left; width: calc(100% - 230px) !important; } .catpcha input, .catpcha label{width: 100% !important} .numpages { padding: 2px 0 15px 0; font-size: 16px; } .padlr { padding: 4px 20px; } .notfound, .not-found { padding: 30px; text-align: center; font-size: 16px; color: #880000; clear: both; } .found { padding: 10px; text-align: center; font-size: 16px; color: #0066FF } .orange { background: #EB7336; } .red, .err { color: #F00 }/*#880000*/ .dnhd { display: none !important; } .clear { clear: both; height: 0; line-height: 0; width: 0; overflow: hidden; display: block;} .clear1 { clear: both; height: 1px; background: none } .clear2 { clear: both; height: 2px; background: none } .clear3 { clear: both; height: 3px; background: none } .clear5 { clear: both; height: 5px; background: none } .clear10 { clear: both; height: 10px; background: none } .clear20 { clear: both; height: 20px; background: none } .clear30 { clear: both; height: 30px; background: none } .clear40 { clear: both; height: 40px; background: none } .button_list{margin-bottom: 30px; text-align: center;} .button_list a{border: 1px solid; margin-right: 4px;} .insideNews > div.desc{height: 256px;} .relate-title{font-size: 18px; padding: 10px 0px 10px 0px; border-bottom: solid 1px #F8F0CF; margin-bottom: 20px;} @-webkit-keyframes RingRing { 0% { -webkit-transform: rotate(25deg) } 4% { -webkit-transform: rotate(-25deg) } 8% { -webkit-transform: rotate(25deg) } 12% { -webkit-transform: rotate(-25deg) } 16% { -webkit-transform: rotate(25deg) } 20% { -webkit-transform: rotate(-25deg) } 24% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(0deg) } } @-moz-keyframes RingRing { 0% { -moz-transform: rotate(25deg) } 4% { -moz-transform: rotate(-25deg) } 8% { -moz-transform: rotate(25deg) } 12% { -moz-transform: rotate(-25deg) } 16% { -moz-transform: rotate(25deg) } 20% { -moz-transform: rotate(-25deg) } 24% { -moz-transform: rotate(0deg) } 100% { -moz-transform: rotate(0deg) } } @-ms-keyframes RingRing { 0% { -ms-transform: rotate(25deg) } 4% { -ms-transform: rotate(-25deg) } 8% { -ms-transform: rotate(25deg) } 12% { -ms-transform: rotate(-25deg) } 16% { -ms-transform: rotate(25deg) } 20% { -ms-transform: rotate(-25deg) } 24% { -ms-transform: rotate(0deg) } 100% { -ms-transform: rotate(0deg) } } @-o-keyframes RingRing { 0% { -o-transform: rotate(25deg) } 4% { -o-transform: rotate(-25deg) } 8% { -o-transform: rotate(25deg) } 12% { -o-transform: rotate(-25deg) } 16% { -o-transform: rotate(25deg) } 20% { -o-transform: rotate(-25deg) } 24% { -o-transform: rotate(0deg) } 100% { -o-transform: rotate(0deg) } } @keyframes RingRing { 0% { transform: rotate(25deg) } 4% { transform: rotate(-25deg) } 8% { transform: rotate(25deg) } 12% { transform: rotate(-25deg) } 16% { transform: rotate(25deg) } 20% { transform: rotate(-25deg) } 24% { transform: rotate(0deg) } 100% { transform: rotate(0deg) } } .popMain, .popMain img { display: block; width: auto; height: auto; max-width: 100vw; max-height: 100vh } .navVert .owl-prev, .navVert .owl-next { position: absolute; top: 0; bottom: 0; width: 50px; height: 40px; line-height: 34px; background: rgba(0, 0, 0, 0.4); margin: auto; color: #E5CC5F; font-size: 28px; text-align: center } .navVert .owl-prev:hover, .navVert .owl-next:hover { background-color: #E5CC5F; color: #fff } .navVert .owl-prev { left: 0 } .navVert .owl-next { right: 0 } .navVert.right .owl-prev { left: auto; right: 45px } .navVert.left-middle .owl-nav { position: absolute; top: 50%; left: 0; margin-top: -20px } .navVert.left-middle .owl-prev, .navVert.left-middle .owl-next { display: block; position: relative } .fbMess { position: fixed; right: 5px; bottom: 0; z-index: 9999; background: #fff; border: solid 1px #3b5998; border-bottom: none; opacity: 0; visibility: hidden; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s } .fbMess>.btnFB { position: absolute; right: -1px; bottom: 100%; margin-bottom: 1px; white-space: nowrap; color: #fff; background: #3b5998; font-weight: 400; padding: 0 10px; font-size: 15px; line-height: 30px; cursor: pointer; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0 } .fbMess>.btnFB .fa { color: inherit; margin-right: 3px; font-size: 18px } .fbMess.loaded { opacity: 1; visibility: visible } .fbMess.show { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } .fbMess.show .btnFB { text-indent: -1000000px; padding: 0; width: 25px; line-height: 25px; background: url("../images/close-pop.png") no-repeat center center #3b5998 } .formPhone { width: 500px; max-width: 100%; background: #fff; padding: 60px 30px 15px 30px; text-align: center; position: relative } .formPhone h3 { font-size: 20px; display: block; color: #333; font-weight: 400; position: absolute; top: 25px; left: 0; right: 0; padding: 0 20px; line-height: 22px; margin: 0 } .formPhone .formBox { width: auto; float: none; display: block; background: none; margin: 0 } .formPhone .formBox>li { list-style: none; width: auto; display: table; margin: 0 auto 20px auto; float: none } .formPhone .formBox>li a { display: table; width: auto; float: none; margin: auto; padding: 0 20px; height: 35px; line-height: 35px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px; text-transform: none; background: #E5CC5F; color: #fff; text-decoration: none !important } .formPhone .formBox>li a:hover { background: #333 } .formPhone .formBox>li input { width: 205px; float: none; display: block; text-align: center; background: none; border: none; border-bottom: solid 1px #E5CC5F; font-size: 20px; letter-spacing: 1px; padding: 0 } .social { display: table; margin: 0 auto } .social>a { width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #999; font-size: 18px; margin-right: 5px } .social>a.fa-facebook { background: #3b5998 } .social>a.fa-skype { background: #11B7F0 } .social>a, .social>span { float: left } .social>span a { display: block; line-height: 30px; background: #999; color: #fff; padding: 0 20px } .formPhone p { line-height: 1.6; font-size: 13px } .formPhone p * { font-size: inherit } .formPhone p a { color: #111 } .formPhone p a:hover { color: #333; text-decoration: underline } .loadMore { display: table; margin: 20px auto; height: 55px; line-height: 55px; text-transform: uppercase; font-size: 15px; font-weight: bold; padding: 0 25px 0 80px; cursor: pointer; color: #fff; position: relative; background: #64463C; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px } .loadMore:hover { background: #E5CC5F } .loadMore i { position: absolute; top: 0; left: 0; bottom: 0; width: 55px; text-align: center; line-height: 55px; background: rgba(0, 0, 0, 0.15); font-size: 25px } #infscr-loading { text-align: center; z-index: 100; position: fixed; left: 0 !important; right: 0 !important; bottom: 15px; margin: 0 auto !important; white-space: nowrap; padding: 10px 20px; background: #000; opacity: 0.8; color: #FFF !important; width: 200px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px } #infscr-loading * { color: inherit !important; font-size: 13px !important } .lg-on .openMenu { display: none !important } @media screen and (max-width:1200px) { .navInside { width: 40px; height: 40px; line-height: 40px; top: 100px } .navInside.prev { margin-left: 0; left: 15px } .navInside.next { margin-right: 0; right: 15px } .banner .owl-nav { display: none } .banner .owl-dots { position: absolute; bottom: 100px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .banner .owl-dot { float: left; width: 10px; height: 10px; background: #ddd; margin: 0 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50% } .banner .owl-dot.active { background: #E5CC5F } header { padding: 15px 0 100px 0 } .menu>li>a { font-size: 13px; padding: 0 10px } .menu>li+li { margin-left: 6px } .menu.right>li+li:not(.fix) { margin-left: 9px } .bannerLink .pagewrap { height: 80px; padding: 0 } .bannerLink h3, .bannerLink a { font-size: 20px } .bannerLink h3 { margin: 0 20px; padding: 0 100px } .bannerLink h3:after, .bannerLink h3:before { width: 80px } .bannerMain { margin-bottom: 130px } .titBox .tit { font-size: 25px } .homeSer .pagewrap { padding-bottom: 120px } .homeSer .img { margin-top: -40px } .homeSer .desc { padding: 25px 40px 0 40px } .homeSer p.ell { font-size: 14px; line-height: 1.5 } .homeSer:last-child .pagewrap { padding-bottom: 50px } .promotion-slider-wrapper { padding: 50px 0 } .promotion-slider { margin-bottom: 30px } .promotion-slider-wrapper .titBox { margin-bottom: 40px } .eventMain { margin-bottom: 50px } .eventMain .titBox { margin-bottom: 10px } .homeNewsMain .titBox { margin-bottom: 40px } .eventWrap, .homeNewsWrap { padding-bottom: 50px } .itemEvent .img { margin-top: -40px } .itemEvent .desc { padding: 30px 30px 0 40px } .itemEvent .tit { font-size: 18px; margin-bottom: 15px } .itemEvent .tit:after { margin-top: 15px } .itemEvent p { font-size: 14px; line-height: 1.5 } .homeNewsMain .navVert .owl-prev, .homeNewsMain .navVert .owl-next { top: 50.8% !important } .oneNews .tit { font-size: 16px; margin-bottom: 30px } .oneNews .tit:after { bottom: -15px } .oneNews p { line-height: 1.5 } .fooInfo { width: 350px; padding: 40px 20px } .fooLogoRight { width: calc(100% - 400px) } .fooLogoRight>a img { max-height: 150px } .fooLogoRight li a { height: 70px } .backTop { width: 35px; height: 35px; right: 15px; bottom: 15px; -webkit-background-size: 100% auto; background-size: 100% auto } .fooLogo { width: 250px } .fooInfo p { font-size: 15px } .follow a+a { margin-left: 30px } .banner_video_button { bottom: 0 } .bannerInside { height: 260px } .bannerInside .tit { font-size: 25px; margin-top: 110px } .page-services { padding-top: 80px } .hallTit .item { font-size: 16px } .hallTit .item.center { font-size: 20px } .hallDesc { padding: 10px 15px } .hallDesc p { font-size: 11px } .hallDesc p span { font-size: 16px } .hallCont .itemImg { padding-bottom: 41.8% } .dots .owl-dot { width: 19px; height: 19px } .dots .owl-dot:before, .dots .owl-dot:after { width: 5px; height: 5px } .colLeft { width: calc(100% - 300px) } .colRight { width: 260px } .page-post-view, .page-video { padding-top: 40px } .rightTit { margin-bottom: 15px } .rightTit:after { margin-top: 10px } .itemNews .tit { font-size: 12px } .share { margin-top: -1px; margin-bottom: 2px } .proTit { padding: 10px } .page-menu .proTit>a { margin: 2px 12px } .page-menu .proTit>a+a:before { left: -12px } .proTit>a { font-size: 13px } .list { width: calc(100% + 15px) } .oneDish { width: calc(33.3333% - 15px); margin: 0 15px 25px 0 } .oneDish .thumb { margin-bottom: 5px } .oneDish .tit { font-size: 19px } .bannerInside .tit span { font-size: 16px } .formBook { padding: 25px 10px 25px 20px } .promotionTabs .item, .galTabs .item, .galTabs .item { font-size: 15px } .promotionTabs .item:before, .galTabs .item:before, .galTabs .item:before, .promotionTabs .item:after, .galTabs .item:after, .galTabs .item:after { width: 20px } .oneGal { width: calc(33.3333% - 15px); margin: 0 15px 25px 0 } .oneGal .tit { padding: 0 15px 15px 15px } .page-news { padding: 40px 0 } .numsMain { padding-top: 15px } .insideNews { margin-bottom: 20px; padding-bottom: 20px } .insideNews .tit { font-size: 18px; margin-bottom: 15px } .insideNews .tit:after { margin-top: 10px } .contact { padding-top: 50px } .c_form { padding: 30px } .c_form .titBox { margin-bottom: 20px } .c_form [class*="col-"] { width: 100% } .c_form .formBox .form-group { margin-bottom: 20px } .c_form .formBox .form-group label { margin-bottom: 0 } .c_form .formBox input[type="text"], .c_form .formBox input[type="email"] { line-height: 40px; height: 40px } .map { margin-top: -100px; margin-left: -300px } .navRightTop .owl-nav { top: -51px } .list-gal-view { width: calc(100% + 10px) } .list-gal-view .item { margin: 0 10px 10px 0 } .videoLeft { width: calc(100% - 300px) } .videoRight { width: 280px } .itemVideo .thumb, .itemVideo .tit { height: 67px } .itemVideo+.itemVideo { margin-top: 14px } .oneVideo { width: calc(33.3333% - 15px); margin: 0 15px 30px 0 } .oneVideo .titVideo { font-size: 18px } .oneVideo .thumbVideo:before { font-size: 25px; width: 50px; height: 50px; line-height: 50px } .oneVideo .thumbVideo:after { width: 70px; height: 70px } .page-video-view { padding-bottom: 0 } .homeSer .desc { padding: 30px 15px 0 0 } .homeSer p.ell { text-align: justify; text-align-last: center } .homeSer:nth-child(2n) .desc { padding: 30px 0 0 15px } } @media screen and (max-width:1023px) { .bannerMain { margin-bottom: 80px } .bannerLink .cen { margin: 0 20px; padding: 0 85px } .bannerLink .cen:after, .bannerLink .cen:before { width: 65px } .videoLeft { width: 100%; margin-bottom: 30px } .videoLeft .thumbVideo { margin-bottom: 12px } .videoRight { width: 100% } .oneVideo { width: calc(50% - 15px) } .contact { padding-top: 30px } .c_info { width: 100%; padding-top: 0 } .c_form { width: 100% } .map { margin-top: -40px; margin-left: -600px } .insideNews .img { width: 40% } .insideNews .tit { font-size: 16px } .insideNews .desc { width: calc(60% - 20px) } .oneGal { width: calc(50% - 15px) } .menu>li { display: none } .menu>li.fix { display: block } .bannerMain, .banner .item { height: auto; padding-bottom: 56.25% } .bannerLink .pagewrap { height: 75px } .bannerLink h3, .bannerLink a { font-size: 17px } .bannerLink h3 { padding: 0 80px } .bannerLink h3:after, .bannerLink h3:before { width: 60px } .promotion-tabs .promotion-item { font-size: 14px } .titBox .tit { font-size: 22px } .titBox:after { width: 120px } .homeSer .titBox { margin-bottom: 15px } .homeSer .titBox img { width: 50px } .homeSer .titBox:after { margin-top: 15px } .homeSer .titBox .tit { font-size: 18px } .homeSer .pagewrap { padding-bottom: 80px } .homeSer .img { margin-top: -25px } .homeSer .desc { padding-top: 20px } .homeSer p.ell { line-height: 1.4; margin-bottom: 20px; font-size: 13px; max-height: 55px } .homeSer:last-child .pagewrap { padding-bottom: 50px } .homeSer:nth-child(2n) .desc { padding-top: 20px } .btn { line-height: 35px; min-width: 100px; font-size: 14px } .promotion-slider-wrapper .titBox { margin-bottom: 20px } .eventMain .titBox { margin-bottom: 0 } .titBox img { width: 45px } .itemEvent .img { margin-top: -25px } .itemEvent .desc { padding: 20px 15px 0 25px } .itemEvent .tit { font-size: 15px } .itemEvent p { font-size: 13px; max-height: 60px; margin-bottom: 20px } .eventSlider .owl-nav, .eventSlider .slick-arrow, .homeNews .owl-nav, .homeNews .slick-arrow, .promotion-slider .owl-nav, .promotion-slider .slick-arrow { display: none !important } .eventSlider .owl-dots, .eventSlider .slick-dots, .homeNews .owl-dots, .homeNews .slick-dots, .promotion-slider .owl-dots, .promotion-slider .slick-dots { display: block !important; position: absolute; bottom: -30px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) } .eventSlider .slick-dots, .homeNews .slick-dots, .promotion-slider .slick-dots { bottom: -35px; width: auto } .eventSlider .owl-dot, .eventSlider .slick-dots li, .homeNews .owl-dot, .homeNews .slick-dots li, .promotion-slider .owl-dot, .promotion-slider .slick-dots li { list-style: none; float: left; width: 10px; height: 10px; background: #ddd; margin: 0 3px; font-size: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50% } .eventSlider .owl-dot button, .eventSlider .slick-dots li button, .homeNews .owl-dot button, .homeNews .slick-dots li button, .promotion-slider .owl-dot button, .promotion-slider .slick-dots li button { display: none } .eventSlider .owl-dot.active, .eventSlider .owl-dot.slick-active, .eventSlider .slick-dots li.active, .eventSlider .slick-dots li.slick-active, .homeNews .owl-dot.active, .homeNews .owl-dot.slick-active, .homeNews .slick-dots li.active, .homeNews .slick-dots li.slick-active, .promotion-slider .owl-dot.active, .promotion-slider .owl-dot.slick-active, .promotion-slider .slick-dots li.active, .promotion-slider .slick-dots li.slick-active { background: #E5CC5F } .promotion-slider .slick-dots { display: none !important } .promotion-slider, .eventMain { margin-bottom: 30px } .homeNewsMain .titBox { margin-bottom: 25px } .eventSlider .owl-item { padding-top: 50px } .eventWrap:before { top: 50px } .homeNewsMain .navVert .owl-prev, .homeNewsMain .navVert .owl-next, .homeNewsMain .navVert .owl-prev, .homeNewsMain .navVert .owl-next { top: 54.2% !important } .fooInfo { width: 300px } .fooLogo { width: 230px } .follow { margin: 15px 0 } .follow a.fa { font-size: 20px; margin-top: 0; margin-bottom: 0 } .fooInfo { padding: 25px 15px } .fooInfo p { font-size: 14px; line-height: 1.4 } .fooLogoRight { width: calc(100% - 320px) } .fooLogoRight>a { margin-bottom: 20px } .fooLogoRight>a img { max-height: 130px } .fooLogoRight li a { height: 60px } .fooNav a+a { margin-left: 15px } header.fixed { padding: 15px 0 } .hallDesc p span { font-size: 13px } .hallDesc { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) } .colLeft { width: 100% } .colLeft .landing p:first-child .img { margin-top: 0 } .page-post-view, .page-video { padding-top: 30px } .bgH { display: none } .landing .tit.fix { margin-bottom: 15px } .otherGal .owl-nav { top: -51px } .colLeft .landing { padding-bottom: 30px } .colRight { width: 100%; font-size: 0; letter-spacing: 0 } .rightBox { width: calc(50% - 8px); display: inline-block; vertical-align: top; font-size: 15px } .rightBox:nth-child(2n) { margin-left: 16px } .itemNews .tit { font-size: 13px } .oneDish .tit { font-size: 15px } .promotionTabs .item, .galTabs .item, .galTabs .item { font-size: 14px } .promotionTabs .item:before, .galTabs .item:before, .galTabs .item:before, .promotionTabs .item:after, .galTabs .item:after, .galTabs .item:after { width: 15px } .proTit { flex-wrap: wrap } .proTit>a { width: calc(100%/6); margin-top: 3px; margin-bottom: 3px } .proTit>a:nth-child(7):before { display: none } .nums>a+a { margin-left: unset } .nums>a { margin-right: 5px !important; margin-bottom: 5px } .boxMenu, .boxPromotion { display: none !important } .boxNews { margin-left: 0 !important; float: left } .boxEvent { float: right } .colLeft { margin-bottom: 30px } .colRight { margin-bottom: 0 } .landing .tit { margin-top: 25px } } @media screen and (max-width:767px) { .promotion-slider .slick-dots { display: block !important } .lang { top: 15px; right: 15px } .navInside { display: none } .contact { padding-top: 20px } .c_info { float: none } .c_form { width: auto; float: none; padding: 15px 0; box-shadow: none } .map { margin-top: 10px } .insideNews p { font-size: 13px; max-height: 60px } .topSocial { display: none } .menuLogo { top: 55px; left: 15px; right: 15px } header { padding-bottom: 0 } .bannerLink, .promotion-tabs { display: none } .bannerMain { margin-bottom: 50px } .logo { width: 125px } .banner .owl-dots { bottom: 15px } .banner_video_button { width: 45px; height: 45px; line-height: 37px; font-size: 28px; top: 20px } .homeSer .pagewrap { padding-bottom: 55px } .homeSer:last-child .pagewrap { padding-bottom: 30px } .homeSer .img { width: 100% } .homeSer .img .thumb { padding-bottom: 66.6666% } .homeSer .desc { width: 100% } .promotion-slider-wrapper { padding: 30px 0 } .itemEvent .img { width: 100% } .itemEvent .img .thumb { padding-bottom: 66.6666% } .itemEvent .tit:after { margin-left: auto; margin-right: auto } .itemEvent .desc { width: 100%; padding: 15px 0 0 0; text-align: center } .itemEvent .date { font-size: 14px } .btn { line-height: 30px; font-size: 12px } .oneNews { text-align: center } .oneNews .tit { margin-bottom: 25px } .oneNews .tit:after { margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: -10px } .oneNews .thumb { margin-bottom: 15px } .menu>li>a { height: 30px; line-height: 30px; font-size: 10px } .menuMain .menuBtn { height: 30px } header.fixed { padding: 10px 0 } header.fixed .logo { width: 45px; top: -5px } .fooInfo { width: 100% } .fooLogoRight { width: 100%; padding-top: 0 } .fooLogoRight>a img { max-height: 85px } .fooLogoRight li a { height: 50px } .fooNav { display: none } .copyright { float: none; width: 100%; font-size: 13px; text-align: center } footer { padding: 20px 0 } footer .line { margin-bottom: 15px } .fooLogoRight li a { opacity: .8 } .fooInfo { padding: 20px 15px 25px 15px } .oneNews .tit { font-size: 15px } .logo { top: 0 } .closeMenu, .closeBook, .closeBook { top: 10px; left: 15px; padding-left: 35px; font-size: 14px } .closeMenu:after, .closeBook:after, .closeMenu:before, .closeBook:before, .closeBook:after, .closeBook:before { width: 20px } .menuLogo>a { margin-bottom: 15px } .menuLogo>a img { max-height: 50px } .menuLogo li { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .menuLogo li a { height: 30px } .menuLogo li a+a { margin-left: 20px } .menuLeftMain { width: 320px } .menuLeft { top: 170px; margin: 0 15px } header.fixed .logo { width: 40px; top: -6px } .hallTit { padding: 0 } .hallTit .item { font-size: 13px } .hallTit .item.center { font-size: 13px } .hallTit .item.center:before, .hallTit .item.center:after { width: 15px; margin-left: 10px; margin-right: 10px } .hallTit .prev, .hallTit .next { width: 10px; font-size: 14px } .hallTit .prev { margin-right: 5px } .hallTit .next { margin-left: 5px } .hallTitMain>.pagewrap { padding: 10px 0; height: auto } .hallDesc, .proTit { flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px 10px 0 10px; top: 0; margin-bottom: 15px } .hallDesc p, .proTit p { width: 25%; margin-bottom: 10px } .hallDesc p:nth-child(5):before, .proTit p:nth-child(5):before { display: none } .showInfo { left: calc(50% - 20px); top: calc(100% + 10px); width: 40px } .showInfo:before { border-width: 20px } .showInfo i { top: -5px; font-size: 19px } .showInfo.open { top: 18px } .bannerInside { height: 160px } .bannerInside .tit { font-size: 18px; margin-top: 70px } .oneDish { width: calc(50% - 15px) } .proTit { padding-bottom: 10px; top: -20px; margin-bottom: 0 } .proTit>a { font-size: 12px } .page-menu .proTit { padding: 10px; top: -20px } .promotionTabs .item, .galTabs .item, .galTabs .item, .galTabs .item { font-size: 13px } .promotionTabs .item:before, .galTabs .item:before, .galTabs .item:before, .galTabs .item:before, .promotionTabs .item:after, .galTabs .item:after, .galTabs .item:after, .galTabs .item:after { width: 10px } .promotionTabs .item:before, .galTabs .item:before, .galTabs .item:before { margin-right: 5px } .promotionTabs .item:after, .galTabs .item:after, .galTabs .item:after { margin-left: 5px } .homeSer .desc { padding-left: 0 !important; padding-right: 0 !important } } @media screen and (max-width:600px) { .insideNews .tit { font-size: 15px } } @media screen and (max-width:500px) { .proTit>a { width: calc(100%/3) } .proTit>a:nth-child(4):before, .proTit>a:nth-child(7):before, .proTit>a:nth-child(10):before { display: none } .promotionTabs .item, .galTabs .item { width: 100%; background: rgba(0, 0, 0, 0.05); padding: 10px; margin: 0; font-size: 13px } .promotionTabs .item:before, .galTabs .item:before, .promotionTabs .item:after, .galTabs .item:after { display: none } .promotionTabs .item+.item, .galTabs .item+.item { margin-top: 5px } .oneGal { width: calc(100% - 15px) } .oneGal .tit { font-size: 17px } .insideNews { padding-bottom: 5px } .insideNews .img { width: 100%; margin-bottom: 15px } .insideNews .desc { width: 100%; height: unset !important } .insideNews .desc:before { display: none } .rightBox { width: 100% !important; display: block !important; width: 100% !important; margin-right: 0 !important; margin-left: 0 !important } .rightBox.boxMenu { margin-bottom: 20px } .oneVideo { width: calc(100% - 15px) } } @media screen and (max-width:420px) { .page-menu .proTit { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); margin-bottom: 5px; padding: 10px 5px } .page-menu .proTit a { width: calc(50% - 20px); font-size: 11px; display: inline-block; vertical-align: middle; background: #f5f5f5; padding: 5px } .page-menu .proTit a:before { display: none !important } .page-menu .proTit a:nth-child(2n-1) { margin-left: 0; margin-right: 7px } .page-menu .proTit a:nth-child(2n) { margin-right: 0; margin-left: 7px } .menu>li>a { height: 25px; line-height: 25px; padding: 0 8px } .logo { width: 115px } .menuMain .menuBtn { height: 22px } .fooInfo p { font-size: 13px } .menuLeft>ul>li>a { font-size: 13px; line-height: 36px } .menuLeft>ul>li>i { height: 36px; line-height: 36px } .promotionTabs .item, .galTabs .item, .galTabs .item { font-size: 16px } .bannerInside .tit span { font-size: 12px; margin-top: 5px } .page-menu .bannerInside.fix .tit { margin-top: -10px } } @media screen and (max-width:379px) { .hallDesc p span { font-size: 11px; margin-top: 0 } .hallDesc p+p:before { top: 4px; bottom: 0 } .hallDesc, .proTit { margin: 0 -15px 0 -15px; width: auto; max-width: unset } .bannerInside { height: 140px } .bannerInside .tit { font-size: 16px } .hallTit .item.center:before, .hallTit .item.center:after { width: 10px; margin-left: 5px; margin-right: 5px } .oneDish { width: calc(100% - 15px) } .landing { font-size: 13px } .page-news { padding: 25px 0 } .page-news .nums { margin-bottom: 0 } } @media screen and (max-width:350px) { .copyright span { display: block; width: 0; height: 0; overflow: hidden } .fooLogoRight li a { height: 40px } .menu>li.fix { display: none } .hallTit .item { font-size: 11px } .page-menu .proTit a { width: 100%; margin: 0 !important } .page-menu .proTit { padding: 10px 15px } .page-menu .proTit a+a { margin-top: 5px !important } .formBook { width: 320px } }