..c_portalResComplaintPage_detail-01001 .pbanner { position: relative; overflow: hidden; margin-top: 100px; } .c_portalResComplaintPage_detail-01001 .pbanner .pic img { width: 100%; display: block; } .c_portalResComplaintPage_detail-01001 .pbanner .pic:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.2); z-index: 2; } .c_portalResComplaintPage_detail-01001 .banner_title { position: absolute; bottom: 50px; left: 10%; color: #fff; z-index: 5; padding-left: 20px; -webkit-animation-name: "fadeInRight"; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; } .c_portalResComplaintPage_detail-01001 .banner_title { position: absolute; bottom: 50px; left: 2%; color: #fff; z-index: 5; padding-left: 20px; -webkit-animation-name: "fadeInRight"; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; } .c_portalResComplaintPage_detail-01001 .banner_title:before { content: ''; position: absolute; top: 0; left: 5px; bottom: 0; width: 1px; background: rgba(255, 255, 255, 0.5); } .c_portalResComplaintPage_detail-01001 .banner_title:before { content: ''; position: absolute; top: 0; left: 5px; bottom: 0; width: 1px; background: rgba(255, 255, 255, 0.5); } .c_portalResComplaintPage_detail-01001 .banner_title .ch { margin-bottom: 10px; font-weight: bold; font-size: 30px; line-height: 1; } .banner_title .en { font-size: 14px; line-height: 15px; text-transform: uppercase; font-family: times new roman,times,serif; } .banner_title .cy-small { display: block; margin-top: 10px; font-size: 12px; line-height: 1; opacity: .4; } @media screen and (max-width: 768px) { .c_portalResComplaintPage_detail-01001 .banner_title { bottom: 30px; } .c_portalResComplaintPage_detail-01001 .banner_title .ch{ font-size:1.25rem; } .banner_title .en{ text-transform:capitalize; } #w_grid-1578882723849 > div > .p_gridbox:after{ display:none; } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translateX(20px); } to { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translateX(20px); } to { opacity: 1; -webkit-transform: translateX(0); } } .pbanner .pic { -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .fzta { width: 100%; padding-bottom: 20px; border-bottom: 1px dotted #ddd; margin-bottom: 30px; } .fzta p.a1 { font-size: 34px; color: #444; line-height: 36px; margin-bottom: 8px; margin-top: 30px; margin-bottom: 0px; } .fzta p.a2 { margin-bottom: 0px; color: #4bb13f; font-family: times new roman,times,serif; margin-top: 0px; } .p_more { padding: 0 1rem; background: #777; color: #fff; font-size: 1rem; height: 50px; line-height: 50px; } .p_more .font { line-height: 50px; } .w-float { position:fixed; top:50%; left:-30px; transform:translateY(-50%E); z-index:999; display:block; opacity:0; visibility:hidden; transition:1s; } .w-float.wshow { left:15px; opacity:1; visibility:visible; } .w-float span { display:block; margin:30px 0; border: none; border-radius:50px; width: 30px; height: 30px; cursor:pointer; background: url(/img/fixed_ico.png) no-repeat; } .w-float span.active { background-color:#4BB13F; border-color:#4BB13F; background: url(/img/fixed_ico01.png) no-repeat; } .wfixed { position:fixed !important; top:100px !important; left:0px !important; width:100vw !important; z-index:999 !important; }