.fa_htitle{ margin-bottom:5vw; } .fa_htitle h4{ color:#000; font-size:var(--f36); } .fa_htitle h3{ color:#999; margin-bottom:15px; font-weight:700; text-transform:capitalize; font-size:var(--f50); font-family: 'Assistant', sans-serif; } @media only screen and (max-width: 768px){  .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } } @media only screen and (min-width: 769px){  .c_portalResPublic_codeContainer-01001{ min-height:500px; width:100%; } .fa_Boxpic{ background:#000; position: relative; } .fa_Boxpic .fa_bg{ height: 60vh; max-height:1200px!important; background-attachment: fixed; opacity:0.85; width:100%; position: relative; background-size:100%; } .fa_Boxpic .fa_tit{ position:absolute; left:0; right:0; bottom: 15%; z-index:10; text-align:center; } .fa_Boxpic .fa_tit h6{ color:#fff; font-size:var(--f36); } .fa_Boxpic .fa_tit h3{ color:#fff; margin-bottom:15px; font-weight:700; text-transform:capitalize; font-size:var(--f50); } } @media only screen and (max-width: 1024px) and (min-width: 769px){  } @keyframes rotation { to { transform: rotate(1turn); } } @keyframes rotation_ { to { transform: rotate(-1turn); } } @media only screen and (min-width: 769px) { .fa_More a{ position: relative; font-size:14px; display:inline-block; line-height:40px; padding:0 20px; border-radius:5px; background: var(--main-color); color:#fff; transition:all 0.5s; overflow:hidden; } .fa_More a i{ margin-left:20px; transition:all 0.5s; position:relative; display:inline-block; } .fa_More a:before{ content:""; position:absolute; left:-20px; top:-20px; width: 50px; height: 50px; filter:blur(15px); background: var(--main2-color); transition:all 0.5s; opacity: 0; } .fa_More a:hover:before{ transform:scale(2); left:0; top:0; opacity:1; } .fa_More a span{ position:relative; display:inline-block; } .fa_More a:hover i{ transform:translateX(-10px); } .fa_More a:hover{ color:#fff; } } @keyframes animateripper { 0% { transform: translate(-50%, -75%) rotate(0deg); } 100% { transform: translate(-50%, -75%) rotate(360deg); } }  .fa_pageNav{ border-bottom:#eee solid 1px; } .fa_pageNav .fa_list{ text-align:center; } .fa_pageNav .fa_list a{ display:inline-block; font-size:var(--f18); line-height:80px; color:#3e4a61; margin:0 2vw; position:relative; transition:all 0.5s; } .fa_pageNav .fa_list a:before{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:3px; background: var(--main-color); transition:all 0.8s; width:0; content:""; } .fa_pageNav .fa_list a:hover,.fa_pageNav .fa_list a.fa_navon{ color: var(--main-color); } .fa_pageNav .fa_list a:hover:before,.fa_pageNav .fa_list a.fa_navon:before{ width:100%; } @media screen and (max-width: 768px){ .fa_pageNav{ display:none!important; } .fa_pageNavmo{ background:#edf2fa; } .fa_pageNavmo>.btn-primary{ background:transparent!important; border:none!important; color:#999!important; width:100%; text-align:left; padding:0 20px; line-height:50px; font-size:14px; } .fa_More a { background:#092d74; color:#fff; display:inline-block; padding:10px 30px; border-radius:500px; position:relative; } .fa_More a:before{ content:""; position:absolute; left:-20px; top:-20px; width:40px; height:40px; filter:blur(15px); background:#d0333a; } .fa_More a span{ position:relative; display:inline-block; } .fa_More a i{ margin-left:10px; position:relative; display:inline-block; } } @keyframes FloatingReverse { 0%,100% { transform: translate3d(-10%, -10%, 0) scale(1.1) } 50% { transform: translate3d(45%, 15%, 0) scale(0.8) } } .fa_float2 { position: fixed; bottom: -100px; right: 20px; z-index: 99; transition: all 0.5s; background: rgba(255, 255, 255, 0); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0); border-radius: 500px; } .fa_float2>* { display: block; position: relative; margin-top: 2px; } .fa_float2>* .fa_icon { width: 40px; height: 40px; align-items: center; display: flex; justify-content: center; color: var(--main-color); border-radius: 2px; font-size: 26px; cursor: pointer; } .fa_float2>* .fa_icon i { display: block; } .fa_float2 .fa_info { position: absolute; top: 0; right: 45px; width: auto; min-width: 200px; background: linear-gradient(45deg,#fff,#d5e8ff,#fff); border: #fff solid 3px; opacity: 0; visibility: hidden; transform: translateY(100%); transition: all 0.6s ease; padding: 15px; width: 250px; box-shadow: 5px 5px 10px rgba(0,0,0,0.15); border-radius: 10px; } .fa_float2 .fa_wx_img { position: absolute; top: 0; right: 45px; width: auto; min-width: 120px; background: rgba(255, 255, 255, 0.95);  opacity: 0; visibility: hidden; transform: translateY(100%); transition: all 0.6s ease; padding: 5px; } .fa_float2 .fa_box_img img { width: 100%; } .fa_float2>div:hover .fa_wx_img { transition: all 0.6s ease; opacity: 1 !important; transform: translateY(0%) !important; visibility: visible !important; } .fa_float2>div:hover .fa_info { transition: all 0.6s ease; opacity: 1 !important; transform: translateY(0%) !important; visibility: visible !important; } .fa_float2 .fa_info .fa_wrap {  } .fa_float2 .fa_info .fa_tit { position: relative; } .fa_float2 .fa_info .fa_tit h3 { font-size: var(--f18); color: var(--main-color); font-weight: 500; } .fa_float2 .fa_info .fa_tit h3 a { color: var(--main-color); font-weight: inherit;  font-family: 'Barlow Condensed', sans-serif; word-wrap: break-word; } .fa_float2 .fa_info .fa_tit p { font-size: 14px; margin-top: 5px; } .fa_float2 .fa_info .fa_cnt { padding-top: 10px; margin-top: 10px; border-top: #eee solid 1px; } .fa_float2 .fa_info .fa_cnt h4 { font-size: 16px; margin-bottom: 10px; color: #333; } .fa_float2 .fa_info .fa_cnt h4 i { font-size: 14px; color: #fff; width: 20px; height: 20px; border-radius: 50%; line-height: 20px; text-align: center; background: var(--main-color); display: inline-block; margin-right: 10px; } .fa_float2 .fa_info .fa_cnt p { font-size: 14px; color: #333; line-height: 24px; font-weight: 6; } #fa_back{ border-top:#ddd solid 1px; } #fa_back .fa_icon { color: #333; } .fa_boximg img{ -webkit-animation: rotate3 4s linear infinite; animation: rotate3 4s linear infinite; -webkit-filter: blur(30px); filter: blur(30px); } @keyframes rotate3{ 0%{ rotate: 0deg; } 100%{ rotate: 360deg; } } @keyframes fa_span01_ani { 0% { width: 5px; } 100% { width: 48px; } } @keyframes fa_span02_ani { 0% { width: 48px; } 100% { width: 5px; } } @keyframes rangeScale22{ from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(1.5); } } *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }.pagebox,#-remove--flag{width:100%; margin:0px auto; }body,#-remove--flag{} #c_portalResPublic_codeContainer-17471849360896490 video{ width:100%; max-width:100%; object-fit:cover; } #c_portalResPublic_codeContainer-17471849360896490{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }