.w_fimgbox-001 { width: 100%; height: 100vh; /* min-height: 200px;*/ margin: 0 auto; } .w_fimgbox-001 .w_imgbox { width: 100%; height: 100%; position: relative; min-height: inherit; } .w_fimgbox-001 .w_imgbox>img { width: 100%; height: auto; } .w_fimgbox-001 .w_imgbox>.p_contentbox { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #w_sfbox-1563853434791 .ping_1>.w_fimgbox-001:nth-child(1) { width: 100%; height: 100%; } #w_sfbox-1563853434791 .ping_1>.w_fimgbox-001:nth-child(1)>.w_imgbox>img { width: 100%; height: 100%; object-fit: cover; } #w_sfbox-1563853434791 .ping_1>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox { display: flex; align-items: flex-start; } #w_sfbox-1563853434791 .ping_1>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 93px); margin-top: 93px; } #w_sfbox-1563853434791 .ping_2 { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; background-color: rgba(14, 47, 93, 1); } #w_sfbox-1563853434791 .ping_2>.w_fimgbox-001:nth-child(1) { width: 100%; height: 100%; } #w_sfbox-1563853434791 .ping_2>.w_fimgbox-001:nth-child(1)>.w_imgbox>img { width: 100%; height: 100%; object-fit: cover; } #w_sfbox-1563853434791 .ping_2>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox { /* display:flex; */ /* align-items:flex-start; */ } #w_sfbox-1563853434791 .ping_2>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 93px); margin-top: 93px; } #w_sfbox-1563853434791 .ping_3 { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; background-color: rgba(14, 47, 93, 1); } #w_sfbox-1563853434791 .ping_3>.w_fimgbox-001:nth-child(1) { width: 100%; height: 100%; } #w_sfbox-1563853434791 .ping_3>.w_fimgbox-001:nth-child(1)>.w_imgbox>img { width: 100%; height: 100%; object-fit: cover; } #w_sfbox-1563853434791 .ping_3>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox { display: flex; align-items: flex-start; } #w_sfbox-1563853434791 .ping_3>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 93px); margin-top: 93px; } #w_sfbox-1563853434791 .ping_4 { shadow-angle: 0px; shadow-distance: 0px; shadow-angle-ofInset: 0px; shadow-distance-ofInset: 0px; background-color: rgba(14, 47, 93, 1); } #w_sfbox-1563853434791 .ping_4>.w_fimgbox-001:nth-child(1) { width: 100%; height: 100%; } #w_sfbox-1563853434791 .ping_4>.w_fimgbox-001:nth-child(1)>.w_imgbox>img { width: 100%; height: 100%; object-fit: cover; } #w_sfbox-1563853434791 .ping_4>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox { display: flex; align-items: flex-start; } #w_sfbox-1563853434791 .ping_4>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 93px); margin-top: 93px; } @media only screen and (max-width: 768px) { #w_sfbox-1563853434791 .ping_1>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 70px); margin-top: 70px; } #w_sfbox-1563853434791 .ping_2>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 70px); margin-top: 70px; } #w_sfbox-1563853434791 .ping_3>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 70px); margin-top: 70px; } #w_sfbox-1563853434791 .ping_4>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 70px); margin-top: 70px; max-width: 92%; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_sfbox-1563853434791 .ping_1>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 70px); margin-top: 70px; } #w_sfbox-1563853434791 .ping_2>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 70px); margin-top: 70px; } #w_sfbox-1563853434791 .ping_3>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 70px); margin-top: 70px; } #w_sfbox-1563853434791 .ping_4>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 70px); margin-top: 70px; max-width: 92%; } } #w_fimgbox-1564034807496>.w_imgbox>img { animation-name: scaleBigToSmall; animation-duration: 1.5s; animation-delay: 0.5s; animation-fill-mode: both; } #w_fimgbox-1564194765275>.w_imgbox>img { animation-name: scaleBigToSmall; animation-duration: 1.5s; animation-delay: 0.5s; animation-fill-mode: both; } #w_grid-1578465518533>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; position: relative; } #w_grid-1578468678673>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578470020809>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578470219683>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578470355473>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578470381037 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1578470381037>div { animation-fill-mode: both; } #w_grid-1578470381037>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; } @media only screen and (min-width: 769px) { #w_grid-1578470381037>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 2%; } #w_grid-1578470381037>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 49%; margin-left: 2%; margin-right: 0px; clear: none; } #w_grid-1578470381037>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 49%; } #w_grid-1578470381037>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } #w_grid-1578470399329>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578470405248>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578479603083>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578482552082>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578483049899>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578483072689>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578535693045>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578538834552 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1578538834552>div { animation-fill-mode: both; } #w_grid-1578538834552>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (min-width: 769px) { #w_grid-1578538834552>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0; } #w_grid-1578538834552>div>.p_gridbox>.p_gridCell:nth-child(1n+0) { width: 100%; margin-left: 0; margin-right: 0; clear: none; } #w_grid-1578538834552>div>.p_gridbox>.p_gridCell:nth-child(1n) { margin-right: 0; } } #w_grid-1578538917866>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578538936219 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1578538936219>div { animation-fill-mode: both; } #w_grid-1578538936219>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; } @media only screen and (min-width: 769px) { #w_grid-1578538936219>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 1%; } #w_grid-1578538936219>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 78.111%; margin-left: 1%; margin-right: 0; clear: none; } #w_grid-1578538936219>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0; clear: left; margin-right: 0; width: 20.889%; } #w_grid-1578538936219>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0; } } #w_grid-1578539004764>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578562950332>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578540809564>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578540819986>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578560327533>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578546623949>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578650709639>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578551801825>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578575617234 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1578575617234>div { animation-fill-mode: both; } #w_grid-1578575617234>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1578575617234>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1578575617234>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 60.51%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1578575617234>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 39.489999999999995%; } #w_grid-1578575617234>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1578575617234>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0%; } #w_grid-1578575617234>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 40.699999999999996%; margin-left: 0%; margin-right: 0px; clear: none; } #w_grid-1578575617234>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 59.3%; } #w_grid-1578575617234>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1578575617234>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0%; } #w_grid-1578575617234>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 67.13%; margin-left: 0%; margin-right: 0; clear: none; } #w_grid-1578575617234>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0; clear: left; margin-right: 0; width: 32.87%; } #w_grid-1578575617234>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0; } } #w_grid-1578575651969>div>.p_gridbox { background-color: rgba(255, 255, 255, 1); } #w_grid-1578575651969 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1578575651969>div { animation-fill-mode: both; } #w_grid-1578575651969>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1578575651969>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1578575651969>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 32.82%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1578575651969>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 67.17999999999999%; } #w_grid-1578575651969>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1578575651969>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1578575651969>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 28.83%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1578575651969>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 71.17%; } #w_grid-1578575651969>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } #w_grid-1578575769662 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1578575769662>div { animation-fill-mode: both; } #w_grid-1578575769662>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (min-width: 769px) { #w_grid-1578575769662>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0; } #w_grid-1578575769662>div>.p_gridbox>.p_gridCell:nth-child(1n+0) { width: 100%; margin-left: 0; margin-right: 0; clear: none; } #w_grid-1578575769662>div>.p_gridbox>.p_gridCell:nth-child(1n) { margin-right: 0; } } #w_grid-1578576127164 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1578576127164>div { animation-fill-mode: both; } #w_grid-1578576127164>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1578576127164>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1578576127164>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 22.259999999999998%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1578576127164>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 77.74%; } #w_grid-1578576127164>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1578576127164>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0%; } #w_grid-1578576127164>div>.p_gridbox>.p_gridCell:nth-child(1n+0) { width: 100%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1578576127164>div>.p_gridbox>.p_gridCell:nth-child(1n) { margin-right: 0px; } } #w_grid-1578551810464>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578551968340>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578592167485>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578592177254>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578551984479 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1578551984479>div { animation-fill-mode: both; } #w_grid-1578551984479>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; } @media only screen and (min-width: 769px) { #w_grid-1578551984479>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 1%; } #w_grid-1578551984479>div>.p_gridbox>.p_gridCell:nth-child(3n+0) { width: 32.666666666666664%; margin-left: 1%; margin-right: 0px; clear: none; } #w_grid-1578551984479>div>.p_gridbox>.p_gridCell:nth-child(3n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 32.666666666666664%; } #w_grid-1578551984479>div>.p_gridbox>.p_gridCell:nth-child(3n+2) { width: 32.666666666666664%; margin-left: 1%; margin-right: 0px; clear: none; } #w_grid-1578551984479>div>.p_gridbox>.p_gridCell:nth-child(3n) { margin-right: 0px; } } #w_grid-1578593221321>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1578552036206>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } .w_grid-001>div>.p_gridbox { width: 100%; overflow: hidden; position: static; } .w_grid-001>div>.p_gridbox>.p_gridCell { float: left; position: static; } .w_grid-001>div>.p_gridbox>.p_gridCell:not(:empty):before { content: ''; height: 0.1px; display: block; } .w_grid-001>div>.p_gridbox>.p_gridCell:first-child { margin-left: 0; clear: left; } #w_grid-001>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0; clear: left; } @media only screen and (max-width: 768px) { .w_grid-001>div>.p_gridbox>.p_gridCell { width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px) { .w_grid-001>div>.p_gridbox>.p_gridCell { width: 49.5%; margin-left: 1%; margin-top: 0.6rem; margin-bottom: 0.6rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px) {} .w_grid-000 { margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000>.w_grid { width: 100%; position: relative; } .w_grid-000>div>.p_gridbox { width: 100%; overflow: hidden; position: static; } .w_grid-000>div>div>.p_gridCell { float: left; position: static; } .w_grid-000>div>div>.p_gridCell:not(:empty):before { content: ''; height: 0.1px; display: block; } .w_grid-000>.w_grid.signal { min-height: inherit; } .w_grid-000>.w_grid.signal>.p_gridbox { /* min-height: inherit; */ } .w_grid-000>.w_grid.signal>.p_gridbox>.p_gridCell { min-height: inherit; } .w_grid-000>div>.p_gridbox>.p_gridCell:first-child { margin-left: 0; clear: left; } #w_grid-000>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } @media only screen and (max-width: 768px) { .w_grid-000>div>.p_gridbox>.p_gridCell { width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } #content_box-1558074493383-0 { width: 160px; float: left; } #content_box-1558074493383-1 { width: 100px; float: right; position: relative; z-index: 1; height: 1080px; } #content_box-1558074493383-2 { width: 45px; height: 45px; right: 125px; position: fixed; } #w_grid-1548322045199 { height: 80px !important; } #w_grid-1548322045199>div>.p_gridbox>.p_gridCell:nth-child(n+1) { height: 80px; } #c_portalResPublic_codeContainer-15580761128141391 { margin-left: 15px !important; margin-top: 20px !important; } #content_box-1558074493383-1 .p_category { width: 100%; height: 1080px; position: fixed; top: 0; left: 100%; } #content_box-1558496004543-1 .p_category { width: 100%; position: fixed; top: 0; left: 100%; } #w_grid-1558074493383 .p_gridbox { overflow: visible !important; } #content_box-1558496004543-0 { width: 160px; float: left; } #content_box-1558496004543-1 { width: 100px; float: right; position: relative; z-index: 1; } #content_box-1558496004543-2 { width: 45px; height: 45px; right: 125px; position: fixed; } #w_grid-1558496000961 { height: 84px !important; } } @media only screen and (min-width: 769px) { .w_grid-000>div>.p_gridbox>.p_gridCell:first-child { width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } .w_grid-003>div>.p_gridbox { width: 100%; overflow: hidden; position: static; } .w_grid-003>div>.p_gridbox>.p_gridCell { float: left; position: static; } .w_grid-003>div>.p_gridbox>.p_gridCell:not(:empty):before { content: ''; height: 0.1px; display: block; } .w_grid-003>div>.p_gridbox>.p_gridCell:first-child { margin-left: 0; clear: left; } #w_grid-003>div>.p_gridbox>.p_gridCell:nth-child(3n+1) { margin-left: 0; clear: left; } @media only screen and (max-width: 768px) { .w_grid-003>div>.p_gridbox>.p_gridCell { width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px) { .w_grid-003>div>.p_gridbox>.p_gridCell { width: 32.66%; margin-left: 1%; margin-top: 0.6rem; margin-bottom: 0.6rem; } } #w_grid-1584083047884>div>.p_gridbox { width: 100%; background-color: rgba(255, 255, 255, 1); position: fixed; left: 0px; top: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); transition: all .5s ease; z-index: 100; overflow: visible; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); } #w_grid-1584083047884 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1584083047884>div { animation-fill-mode: both; } #w_grid-1584083047884>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (min-width: 769px) { #w_grid-1584083047884>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0; } #w_grid-1584083047884>div>.p_gridbox>.p_gridCell:nth-child(1n+0) { width: 100%; margin-left: 0; margin-right: 0; clear: none; } #w_grid-1584083047884>div>.p_gridbox>.p_gridCell:nth-child(1n) { margin-right: 0; } } @media only screen and (max-width: 1366px) and (min-width: 1025px) { #w_grid-1584083047884>div>.p_gridbox>.p_gridCell>.w_grid-003:nth-child(1) { max-width: 96%; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1584083047884>div>.p_gridbox>.p_gridCell>.w_grid-003:nth-child(1) { width: 100%; max-width: 100%; height: 70px; line-height: 70px; background: rgba(255, 255, 255, 1); } } @media only screen and (max-width: 768px) { #w_grid-1584083047884>div>.p_gridbox>.p_gridCell>.w_grid-003:nth-child(1) { width: 100%; max-width: 100%; height: 70px; line-height: 70px; background: rgba(255, 255, 255, 1); } } #w_grid-1584083047902>div>.p_gridbox { display: flex; align-items: center; overflow: visible; } #w_grid-1584083047902 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1584083047902>div { animation-fill-mode: both; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1584083047902>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0%; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n+0) { width: 19.96%; margin-left: 0%; margin-right: 0px; clear: none; display: none; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 65%; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n+2) { width: 35%; margin-left: 0%; margin-right: 0px; clear: none; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n) { margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1584083047902>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0%; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n+0) { width: 15%; margin-left: 0%; margin-right: 0px; clear: none; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 22%; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n+2) { width: 63%; margin-left: 0%; margin-right: 0px; clear: none; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1584083047902>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0%; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n+0) { width: 19.96%; margin-left: 0%; margin-right: 0px; clear: none; display: none; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 29.55%; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n+2) { width: 69.480000000000004%; margin-left: 0%; margin-right: 0px; clear: none; } #w_grid-1584083047902>div>.p_gridbox>.p_gridCell:nth-child(3n) { margin-right: 0px; } } #w_grid-1584083047909>div>.p_gridbox { background-color: rgba(255, 255, 255, 0); } #w_grid-1584083047909 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1584083047909>div { animation-fill-mode: both; } #w_grid-1584083047909>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; display: flex; align-items: center; justify-content: flex-start; } @media only screen and (max-width: 768px) { #w_grid-1584083047909>div>.p_gridbox>.p_gridCell>.w_fimg-000:nth-child(1) img { transform: scale(1); } } @media only screen and (min-width: 769px) { #w_grid-1584083047909>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0; } #w_grid-1584083047909>div>.p_gridbox>.p_gridCell:nth-child(1n+0) { width: 100%; margin-left: 0; margin-right: 0; clear: none; } #w_grid-1584083047909>div>.p_gridbox>.p_gridCell:nth-child(1n) { margin-right: 0; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1584083047909>div>.p_gridbox>.p_gridCell>.w_fimg-000:nth-child(1) img { transform: scale(1); } } #w_fimg-1584083047921 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_fimg-1584083047921>div { animation-fill-mode: both; } @media only screen and (max-width: 1024px) { #w_fimg-1584083047921 .p_dimage { background-size: 90%; } #w_fimg-1584083047921 .p_dimage>img { visibility: hidden; opacity: 0; } } #w_grid-1584083047914>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; display: flex; align-items: center; justify-content: center; } #w_grid-1625122911870>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1625125571392>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_fimgbox-1564034807496 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_fimgbox-1564034807496>div { animation-fill-mode: both; } #w_fimgbox-1564034807496>.w_imgbox>img { animation-name: scaleBigToSmall; animation-duration: 1.5s; animation-delay: 0.5s; animation-fill-mode: both; } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell { display: flex; align-items: center; height: calc(100vh - 93px); } #w_grid-1564035878345 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1564035878345>div { animation-fill-mode: both; } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { display: none; } #w_grid-1564035878345>div>.p_gridbox { display: flex; flex-direction: column; height: calc(100vh - 70px); } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell { height: auto; } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(1) { height: calc(100vh - 70px - 40%); height: 100vh; } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(1)>.w_grid-000:nth-child(1) { max-width: 90%; margin-left: auto; margin-right: auto; } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(2) { align-items: flex-end; height: calc(100vh - 70px - 60%); } } @media only screen and (min-width: 769px) { #w_grid-1564035878345>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 34.52%; margin-left: 0; margin-right: 0; clear: none; } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0; clear: left; margin-right: 0; width: 65.48%; } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1564035878345>div>.p_gridbox>.p_gridCell { height: calc(100vh - 70px); } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 45%; margin-left: 0; margin-right: 0; clear: none; } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0; clear: left; margin-right: 0; width: 55%; } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0; } #w_grid-1564035878345>div>.p_gridbox>.p_gridCell:nth-child(1)>.w_grid-000 { max-width: 80%; } } #w_grid-1584176257930>div>.p_gridbox { padding-left: 15%; } #w_grid-1584176257930 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1584176257930>div { animation-name: fadeInLeft; animation-duration: 1.5s; animation-delay: 1.5s; animation-fill-mode: both; } #w_grid-1584176257930>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1584176257930>div>.p_gridbox { padding-left: 0%; } #w_grid-1584176257930>div>.p_gridbox>.p_gridCell>.w_grid-000:nth-child(2) { margin-top: 5%; margin-bottom: 5%; } } @media only screen and (min-width: 769px) { #w_grid-1584176257930>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0; } #w_grid-1584176257930>div>.p_gridbox>.p_gridCell:nth-child(1n+0) { width: 100%; margin-left: 0; margin-right: 0; clear: none; } #w_grid-1584176257930>div>.p_gridbox>.p_gridCell:nth-child(1n) { margin-right: 0; } } #w_grid-1584177363319>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1584177363319>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(1) span { font-size: 3vw !important; } @media only screen and (max-width: 768px) { #w_grid-1584177363319>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(1) span { font-size: 26px !important; } #w_grid-1584177363319>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(2) { max-height: 90px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; } #w_grid-1584177363319>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(2) span { font-size: 14px !important; } } @media only screen and (max-width: 1360px) and (min-width: 1025px) { #w_grid-1584177363319>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(2) span { font-size: 14px !important; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1584177363319>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(2) { max-height: 90px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; } #w_grid-1584177363319>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(2) span { font-size: 14px !important; } } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(1) { animation-name: fadeInRight; animation-duration: 1.5s; animation-delay: 1.6s; animation-fill-mode: both; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(2) { animation-name: fadeInRight; animation-duration: 1.5s; animation-delay: 1.7s; animation-fill-mode: both; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(3) { animation-name: fadeInRight; animation-duration: 1.5s; animation-delay: 1.8s; animation-fill-mode: both; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(4) { animation-name: fadeInRight; animation-duration: 1.5s; animation-delay: 1.9s; animation-fill-mode: both; } @media only screen and (max-width: 768px) { #w_grid-1584197679194>div>.p_gridbox>.p_gridCell { border-bottom: 1px solid rgba(0, 0, 0, .5); background: rgba(0, 0, 0, .2); } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(1) { border-top: 1px solid rgba(255, 255, 255, .5); } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(4) { display: none; } } @media only screen and (min-width: 769px) { #w_grid-1584197679194>div>.p_gridbox { height: calc(100vh - 93px); display: flex; flex-direction: column; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0%; flex: 0 0 25%; width: 100% !important; display: flex; position: relative; justify-content: center; padding-left: 3.75rem; padding-right: 3.75rem; border-left: 1px solid rgba(0, 0, 0, .2); border-bottom: 1px solid rgba(0, 0, 0, .2); } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:hover { background-color: rgba(28, 64, 158, 0.8); color: #fff; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:hover span { color: #fff; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell>.w_grid-001 { display: flex; align-items: center; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(4n+0) { width: 25%; margin-left: 0%; margin-right: 0; clear: none; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(4n+1) { margin-left: 0; clear: left; margin-right: 0; width: 25%; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(4n+2) { width: 25%; margin-left: 0%; margin-right: 0; clear: none; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(4n+3) { width: 25%; margin-left: 0%; margin-right: 0; clear: none; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell:nth-child(4n) { margin-right: 0; } } @media only screen and (max-width: 1360px) and (min-width: 1025px) { #w_grid-1584197679194>div>.p_gridbox>.p_gridCell { padding-left: 1.75rem; padding-right: 1.75rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1584197679194>div>.p_gridbox { height: calc(100vh - 70px); display: flex; flex-direction: column; } #w_grid-1584197679194>div>.p_gridbox>.p_gridCell { padding-left: 1rem; padding-right: 1rem; } } #w_grid-1584198922796 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1584198922796>div { animation-fill-mode: both; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; } #w_grid-1584198922796>div>.p_gridbox { display: flex; align-items: center; } @media only screen and (max-width: 768px) { #w_grid-1584198922796>div>.p_gridbox { padding: 10px 20px; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(1) { width: 65%; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(2) { width: 35%; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 20px !important; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 13px !important; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(2)>.w_fimg-000 { max-width: 50px; margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1584198922796>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 1%; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 33.759%; margin-left: 1%; margin-right: 0px; clear: none; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 65.241%; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width: 1360px) and (min-width: 1025px) { #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 3vw !important; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 14px !important; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 3vw !important; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 14px !important; } #w_grid-1584198922796>div>.p_gridbox>.p_gridCell:nth-child(2)>.w_fimg-000 { max-width: 50px; } } #w_grid-1584199983556>div { animation-fill-mode: both; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; } #w_grid-1584199983556>div>.p_gridbox { display: flex; align-items: center; } @media only screen and (max-width: 768px) { #w_grid-1584199983556>div>.p_gridbox { padding: 10px 20px; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(1) { width: 65%; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(2) { width: 35%; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 20px !important; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 13px !important; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(2)>.w_fimg-000 { max-width: 50px; margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1584199983556>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 1%; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 33.759%; margin-left: 1%; margin-right: 0px; clear: none; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 65.241%; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width:1360px) and (min-width: 1025px) { #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 3vw !important; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 14px !important; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 3vw !important; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 14px !important; } #w_grid-1584199983556>div>.p_gridbox>.p_gridCell:nth-child(2)>.w_fimg-000 { max-width: 50px; } } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; } #w_grid-1584199991242>div>.p_gridbox { display: flex; align-items: center; } @media only screen and (max-width: 768px) { #w_grid-1584199991242>div>.p_gridbox { padding: 10px 20px; } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(1) { width: 65%; } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(2) { width: 35%; } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 20px !important; } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 13px !important; } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(2)>.w_fimg-000 { max-width: 45px; margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1584199991242>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 1%; } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 33.759%; margin-left: 1%; margin-right: 0px; clear: none; } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 65.241%; } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width:1360px) and (min-width: 1025px) { #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 3vw !important; } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 14px !important; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 3vw !important; } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 14px !important; } #w_grid-1584199991242>div>.p_gridbox>.p_gridCell:nth-child(2)>.w_fimg-000 { max-width: 50px; } } #w_common_text-1584199991246 .p_link001 { height: calc(100%); } #w_common_text-1584199991253 .p_link001 { height: calc(100%); } #w_fimg-1584199991249 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_fimg-1584199991249>div { animation-fill-mode: both; } #w_grid-1584199996084 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1584199996084>div { animation-fill-mode: both; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; } #w_grid-1584199996084>div>.p_gridbox { display: flex; align-items: center; } @media only screen and (max-width: 768px) { #w_grid-1584199996084>div>.p_gridbox { padding: 10px 20px; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(1) { width: 65%; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(2) { width: 35%; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 20px !important; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 13px !important; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(2)>.w_fimg-000 { max-width: 45px; margin-right: 0px; } } @media only screen and (min-width: 769px) { #w_grid-1584199996084>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 1%; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 33.759%; margin-left: 1%; margin-right: 0px; clear: none; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 65.241%; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width:1360px) and (min-width: 1025px) { #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 3vw !important; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 14px !important; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(1) span { font-size: 3vw !important; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(1)>.reset_style:nth-child(2) span { font-size: 14px !important; } #w_grid-1584199996084>div>.p_gridbox>.p_gridCell:nth-child(2)>.w_fimg-000 { max-width: 50px; } } #w_grid-1622769667634>div>.p_gridbox>.p_gridCell:nth-child(n+1) { /* margin-left:0; */ /* clear:left; */ } #w_fimgbox-1564197441303 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_fimgbox-1564197441303>div { animation-fill-mode: both; } #w_fimgbox-1564197441303>.w_imgbox>img { animation-name: scaleBigToSmall; animation-duration: 1.5s; animation-delay: 0.5s; animation-fill-mode: both; } #w_grid-1622684977647>div>.p_gridbox>.p_gridCell { display: flex; align-items: center; height: calc(100vh - 93px); } #w_grid-1622684977647 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1622684977647>div { animation-fill-mode: both; } #w_grid-1622684977647>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1622684977647>div>.p_gridbox { display: flex; flex-direction: column; } #w_grid-1622684977647>div>.p_gridbox>.p_gridCell:nth-child(1) { width: 100%; height: 100px; } #w_grid-1622684977647>div>.p_gridbox>.p_gridCell:nth-child(1)>.w_grid-000 { max-width: 90%; margin-left: auto; margin-right: auto; min-height: 0px; } #w_grid-1622684977647>div>.p_gridbox>.p_gridCell:nth-child(2) { width: 100%; height: calc(100vh - 170px); display: flex; align-items: flex-start; } } @media only screen and (min-width: 769px) { #w_grid-1622684977647>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1622684977647>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 70.38%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1622684977647>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 29.62%; } #w_grid-1622684977647>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1622684977647>div>.p_gridbox { display: flex; flex-direction: column; } #w_grid-1622684977647>div>.p_gridbox>.p_gridCell:nth-child(1) { width: 100%; height: 100px; } #w_grid-1622684977647>div>.p_gridbox>.p_gridCell:nth-child(1)>.w_grid-000 { max-width: 96%; margin-left: auto; margin-right: auto; min-height: 0px; } #w_grid-1622684977647>div>.p_gridbox>.p_gridCell:nth-child(2) { width: 100%; height: calc(100vh - 170px); display: flex; align-items: flex-start; } } #w_grid-1622684981927>div>.p_gridbox { padding-left: 20%; } #w_grid-1622684981927 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1622684981927>div { animation-name: fadeInLeft; animation-duration: 1.5s; animation-delay: 1.5s; animation-fill-mode: both; } #w_grid-1622684981927>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1622684981927>div>.p_gridbox { padding-left: 0%; } #w_grid-1622684981927>div>.p_gridbox>.p_gridCell { display: flex; } #w_grid-1622684981927>div>.p_gridbox>.p_gridCell>.w_grid-000:nth-child(2) { display: none; } #w_grid-1622684981927>div>.p_gridbox>.p_gridCell>.w_fbtn-001:nth-child(3) { margin-right: 0px; display: none; } } @media only screen and (min-width: 769px) { #w_grid-1622684981927>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0; } #w_grid-1622684981927>div>.p_gridbox>.p_gridCell:nth-child(1n+0) { width: 100%; margin-left: 0; margin-right: 0; clear: none; } #w_grid-1622684981927>div>.p_gridbox>.p_gridCell:nth-child(1n) { margin-right: 0; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1622684981927>div>.p_gridbox { padding-left: 0%; } #w_grid-1622684981927>div>.p_gridbox>.p_gridCell { display: flex; } #w_grid-1622684981927>div>.p_gridbox>.p_gridCell>.w_grid-000:nth-child(2) { display: none; } #w_grid-1622684981927>div>.p_gridbox>.p_gridCell>.w_fbtn-001:nth-child(3) { margin-right: 0px; } } #w_common_text-1622685077584 .p_link001 { height: calc(100%); } #w_grid-1622685113432>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0; clear: left; } #w_grid-1622685113432>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(1) span { font-size: 3vw !important; } @media only screen and (max-width: 1360px) and (min-width:1025px) { #w_grid-1622685113432>div>.p_gridbox>.p_gridCell>.reset_style:nth-child(2) span { font-size: 14px !important; } } #w_grid-1622685025986>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (min-width: 769px) { #w_grid-1622685025986>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1622685025986>div>.p_gridbox>.p_gridCell:nth-child(1n+0) { width: 100%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1622685025986>div>.p_gridbox>.p_gridCell:nth-child(1n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1622685025986>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0; } #w_grid-1622685025986>div>.p_gridbox>.p_gridCell:nth-child(1n+0) { width: 100%; margin-left: 0; margin-right: 0; clear: none; } #w_grid-1622685025986>div>.p_gridbox>.p_gridCell:nth-child(1n) { margin-right: 0; } } #w_fimgbox-1564220405058 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_fimgbox-1564220405058>div { animation-fill-mode: both; } #w_fimgbox-1564220405058>.w_imgbox>img { animation-name: scaleBigToSmall; animation-duration: 1.5s; animation-delay: 0.5s; animation-fill-mode: both; } #w_grid-1622689059451>div>.p_gridbox>.p_gridCell { display: flex; align-items: center; height: calc(100vh - 93px); } #w_grid-1622689059451 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1622689059451>div { animation-fill-mode: both; } #w_grid-1622689059451>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1622689059451>div>.p_gridbox { display: flex; flex-direction: column; } #w_grid-1622689059451>div>.p_gridbox>.p_gridCell:nth-child(1) { width: 100%; height: 100px; } #w_grid-1622689059451>div>.p_gridbox>.p_gridCell:nth-child(1)>.w_grid-000 { max-width: 90%; margin-left: auto; margin-right: auto; min-height: 0px; } #w_grid-1622689059451>div>.p_gridbox>.p_gridCell:nth-child(2) { width: 100%; height: calc(100vh - 170px); display: flex; align-items: flex-start; } } @media only screen and (min-width: 769px) { #w_grid-1622689059451>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0px; } #w_grid-1622689059451>div>.p_gridbox>.p_gridCell:nth-child(2n+0) { width: 73.22999999999999%; margin-left: 0px; margin-right: 0px; clear: none; } #w_grid-1622689059451>div>.p_gridbox>.p_gridCell:nth-child(2n+1) { margin-left: 0px; clear: left; margin-right: 0px; width: 26.77%; } #w_grid-1622689059451>div>.p_gridbox>.p_gridCell:nth-child(2n) { margin-right: 0px; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1622689059451>div>.p_gridbox { display: flex; flex-direction: column; } #w_grid-1622689059451>div>.p_gridbox>.p_gridCell:nth-child(1) { width: 100%; height: 100px; } #w_grid-1622689059451>div>.p_gridbox>.p_gridCell:nth-child(1)>.w_grid-000 { max-width: 96%; margin-left: auto; margin-right: auto; min-height: 0px; } #w_grid-1622689059451>div>.p_gridbox>.p_gridCell:nth-child(2) { width: 100%; height: calc(100vh - 170px); display: flex; align-items: flex-start; } } #w_grid-1622689074947>div>.p_gridbox { padding-left: 20%; } #w_grid-1622689074947 .p_MatteIcon .iconfont:before { content: '\e602'; } #w_grid-1622689074947>div { animation-name: fadeInLeft; animation-duration: 1.5s; animation-delay: 1.5s; animation-fill-mode: both; } #w_grid-1622689074947>div>.p_gridbox>.p_gridCell:nth-child(n+1) { margin-left: 0px; clear: left; } @media only screen and (max-width: 768px) { #w_grid-1622689074947>div>.p_gridbox { padding-left: 0%; } #w_grid-1622689074947>div>.p_gridbox>.p_gridCell { display: flex; } #w_grid-1622689074947>div>.p_gridbox>.p_gridCell>.w_grid-000:nth-child(2) { display: none; } #w_grid-1622689074947>div>.p_gridbox>.p_gridCell>.w_fbtn-001:nth-child(3) { margin-right: 0px; display: none; } } @media only screen and (min-width: 769px) { #w_grid-1622689074947>div>.p_gridbox>.p_gridCell { margin-bottom: 0rem; margin-top: 0rem; margin-left: 0; } #w_grid-1622689074947>div>.p_gridbox>.p_gridCell:nth-child(1n+0) { width: 100%; margin-left: 0; margin-right: 0; clear: none; } #w_grid-1622689074947>div>.p_gridbox>.p_gridCell:nth-child(1n) { margin-right: 0; } } @media only screen and (max-width: 1024px) and (min-width: 769px) { #w_grid-1622689074947>div>.p_gridbox { padding-left: 0%; } #w_grid-1622689074947>div>.p_gridbox>.p_gridCell { display: flex; } #w_grid-1622689074947>div>.p_gridbox>.p_gridCell>.w_grid-000:nth-child(2) { display: none; } #w_grid-1622689074947>div>.p_gridbox>.p_gridCell>.w_fbtn-001:nth-child(3) { margin-right: 0px; } } #c_portalResComplaintPage_detail-16227696698573251 .runpic-pic { width: 100%; overflow: hidden; position: relative; z-index: 1; height: 100vh; background-color: #b6b5aa; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words { position: absolute; width: 100%; top: 42%; left: 50%; transform: translateX(-50%); z-index: 3; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li { width: 16.66%; float: left; text-align: center; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li img { display: block; margin: 20px auto; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li h6 { font-size: 20px; color: #fff; margin-top: 32px; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li p { font-size: 14px; color: #fff; text-transform: capitalize; margin-top: 10px; font-family: 'SOURCEHANSANSCN-LIGHT_0'; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li:hover img { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li { width: 16.66%; float: left; text-align: center; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li img { display: block; margin: 20px auto; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li h6 { font-size: 20px; color: #fff; margin-top: 32px; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li p { font-size: 14px; color: #fff; line-height: 20px; text-transform: capitalize; margin-top: 10px; font-family: 'SOURCEHANSANSCN-LIGHT_0'; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li:hover img { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } @media only screen and (min-width: 769px) { #w_grid-1584427497113>div>.p_gridbox>.p_gridCell>.w_grid-003:nth-child(1) { height: 100px !important; line-height: 100px !important; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words { top: 0% !important; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words-pic { margin-top: 40vh !important; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li { height: 100vh; border-right: 1px solid rgba(255, 255, 255, 0.2); } #w_sfbox-1563853434791 .ping_2>.w_fimgbox-001:nth-child(1)>.w_imgbox>.p_contentbox>.w_grid-000 { height: calc(100% - 0px) !important; margin-top: 0px !important; } } #c_portalResComplaintPage_detail-16227696698573251 .runpic-line-null { position: absolute; width: 100%; height: 1px; background-color: rgba(255, 255, 255, .1); left: 0; top: 62%; z-index: 4; display: none; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-line { position: absolute; width: 10%; height: 1px; background-color: #b6b5aa; left: 0; top: 62%; z-index: 4; display: none; -webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-pic ul li { width: 100%; height: 100vh; display: none; background-repeat: no-repeat !important; background-attachment: fixed !important; position: absolute; -o-background-size: cover; background-size: cover; top: 0%; left: 0%; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-pic-true { -webkit-animation: toPicBig 1s ease-in-out both; -moz-animation: toPicBig 1s ease-in-out both; -o-animation: toPicBig 1s ease-in-out both; animation: toPicBig 1s ease-in-out both; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-pic-shade { position: absolute; z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); -webkit-transition: all 2s; -o-transition: all 2s; -moz-transition: all 2s; transition: all 2s; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words-pic { height: 90px; margin: 0 auto; line-height: 90px; text-align: center; border-radius: 100px; border: 1px #fff solid; width: 90px; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words-active .runpic-words-pic { background: #dd0000; } @media only screen and (max-width: 768px) { #c_portalResComplaintPage_detail-16227696698573251 .runpic-words ul li { width: 50%; margin-bottom: 30px; } #c_portalResComplaintPage_detail-16227696698573251 .runpic-words { top: 5%; } } @media only screen and (min-width: 769px){ .runpic-words-active { background: rgba(196, 17, 21, 0.8); } }