@media screen and (min-width:1153px) {
/* animation */
.scapic:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.transY { transform: translateY(60px); -webkit-transform: translateY(60px); opacity: 0; }
.transY2 { transform: translateY(-60px); -webkit-transform: translateY(-60px); opacity: 0; }
.transX { transform: translateX(60px); -webkit-transform: translateX(60px); opacity: 0; }
.transX2 { transform: translateX(-60px); -webkit-transform: translateX(-60px); opacity: 0; }
.transShow { transform: translate(0); -webkit-transform: translate(0); opacity: 1; }
.trans-2 { position: relative; }
.trans-2:before { content: ""; position: absolute; right: 0; bottom: 0; top: 0; left: 0; background: #fff; transform: scaleY(1); -webkit-transform: scaleY(1); transition: transform 1.88s 0.2s cubic-bezier(.4, 0, .2, 1); -webkit-transition: transform 1.88s 0.2s cubic-bezier(.4, 0, .2, 1); -webkit-transform-origin: center top; transform-origin: center top; z-index: 10; }
.trans-2.transShow:before { transform: scaleY(0); -webkit-transform: scaleY(0); }
/* animation end */
.ixmore:hover:before, .join-list a:hover .ixmore:before { width: 100%; right: auto; left: 0; }
.ixmore:hover, .join-list a:hover .ixmore { border-color: #c6992d; }
.ixmore:hover:after, .join-list a:hover .ixmore:after { background-position: left center; }
.ixmore:hover p, .join-list a:hover .ixmore p { color: #fff; }
.ix-ab-r .c1:hover:after { background-position: -15px 0; }
.ix-ab-r .c1:hover .txts { transform: translateY(10px); -webkit-transform: translateY(10px); }
.news-a:hover .nowti { color: #E30012; }
.news-a:hover:before { right: auto; left: 0; width: 100%; }
.pro-a:hover .txts:before { background-position: -15px 0; }
.pro-a:hover .txts:after { background-position: 15px 0; }
.f-ctas a:hover { color: #CCC; }
.f-ctas a:hover:before { background-position: center bottom; }
.share a:hover { background-position: center bottom; }
.f-cop a:hover { color: #CCC; }
.ix-ab-r .c2:hover .txts .ico { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.slick-arrow:hover { background-color: #183E81; }
.slick-prev:hover i { background-position: right center; transform: translateX(-5px); -webkit-transform: translateX(-5px); }
.slick-next:hover i { background-position: left center; transform: translateX(5px); -webkit-transform: translateX(5px); }
.pnav a:hover { background: #d4b364; color: #fff; }
.cul-list li:hover .bg { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }
.cul-list li:hover { border-color: #d4b364; }
.cul-list li:hover:before, .cul-list li:hover:after { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.cul-list li:hover .txts-1 { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; }
.cul-list li:hover .txts-2 { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; }
.his-a:hover { background: #d4b364; border-color: #d4b364; color: #fff; }
.gp-list a:hover { box-shadow: 0 0 5px rgba(0,0,0,.3); }
.eh-slide .pic:hover { border-color: #c6992d; }
.pager a:hover { background: #d4b364; color: #fff; border-color: #d4b364; }
.back-a:hover { color: #d4b364; }
.nd-change a:hover { color: #d3a63a; }
.back:hover { background: #d3a63a; color: #fff; }
.pro-list a:hover { box-shadow: 0 0 5px rgba(0,0,0,.3); }
.pp-btn .slick-arrow:hover { background: none; }
.pp-btn .next:hover { background-position: left center; background-image: url(../images/pd-ico-2.png); }
.pp-btn .prev:hover { background-position: right center; background-image: url(../images/pd-ico-3.png); }
.pd-back .bk:hover { background: #bd8d1a; }
.pd-back .pv:hover .c-prev { background: #183E81; }
.pd-back .pv:hover .c-prev:before { transform: translateX(-5px); -webkit-transform: translateX(-5px); }
.pd-back .nt:hover .c-next { background: #183E81; }
.pd-back .nt:hover .c-next:before { transform: translateX(5px); -webkit-transform: translateX(5px); }
.coop-list .t:hover { background: #d4b364; }
.coop-list .t:hover .nowti { color: #fff; }
.coop-list .t:hover:before, .coop-list .t:hover:after { background: #fff; }
.sug-cta .b a:hover { color: #c6992d; }
.sug-cta .b a:hover:before { background-position: center bottom; }
.subBtn:hover { background-color: #d4b364; }
.join-nav a:hover:before { transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; visibility: hidden; }
.join-nav a:hover:after { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }
.join-list a:hover { box-shadow: 0 0 5px rgba(0,0,0,.2); }
.jo-nav a:hover { background: #d4b364; }
.jo-nav a:hover p { color: #fff; }
.jo-nav a:hover .ico { background-position: center bottom; }
.search-city .btn:hover { background: #c6992d; color: #fff; }
.society-list .t:hover { background: #d4b364; }
.jo-email:hover { background: #c6992d; }
.ser-search .btn:hover { background-color: #d4b364; }
.ser-nav a:hover { color: #d4b364; }
.search-result .btn:hover { background: #d4b364; }
.ser-list a:hover:after { border-color: #d4b364; }
.ser-list a:hover .pic:after { opacity: 1; visibility: visible; }
.ser-list a:hover .btn { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }
.smi-slider .flex-direction-nav a:hover { background: #d4b364; }
.sd-nav a:hover { color: #d4b364; }
.sd-nav a:hover:before { width: 100%; left: 0; right: auto; }
.home-pics .slick-arrow:hover { background: none; }
.fiSubBtn:hover { background: #666; }
.or-close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); background-position: center bottom; }
.search-list a:hover { background: #fff; }
.about-lc .carousel-item:hover .b { z-index: 5; }
.about-lc .carousel-item:hover .b:before { top: -10px; left: -10px; right: -10px; bottom: -10px; }
.about-lc .carousel-item:hover .box:before { top: -10px; left: -10px; right: -10px; bottom: -10px; opacity: 0; visibility: hidden; }
.about-lc .slick-arrow:hover { background-color: #d4b364; }
.about-lc .slick-arrow:hover.slick-prev { background-image: url("../images/prevh.png"); }
.about-lc .slick-arrow:hover.slick-next { background-image: url("../images/nexth.png"); }
.about-lc .slick-arrow.slick-disabled:hover { background-color: #e5e5e5; }
}
@media screen and (max-width:1700px) {
.logo { margin: 15px 0 0 5%; }
.nav { margin-left: 8%; }
.nav li { padding: 0 10px; }
.langbox { margin: 25px 5% 0 0;}
}