@charset "utf-8"; .content_slider { text-align:center; } .content_slider img { width:100%; } .content_container { } .list_breadcrumb { padding:0.8125rem 0 0.75rem; display:flex; align-items:start; color:#DBDCE0; font-size:1rem; white-space:nowrap; border-bottom: 1px solid #FEFFFF; } .list_breadcrumb a { color:#DBDCE0; } .list_breadcrumb a:hover { color:#288DD5; } .list_breadcrumb .head_title { margin:0; display:flex; align-items:start; font-size:1rem; line-height:1.5; } .list_breadcrumb .head_title img { width:1.5rem; margin-right:0.625rem; } .list_breadcrumb ol { display:flex; flex-wrap: wrap; align-items:start; margin:0; padding:0 0 0 0.6875rem; } .list_breadcrumb ol li { display: flex; white-space:normal; margin-right:0.4375rem; } .list_breadcrumb ol li a { display: inline; } .list_breadcrumb ol li:before { content:'>'; margin:0 0.4375rem 0 0; } .list_breadcrumb ol li:first-child:before { display:none; } .list_category_filter { position:relative; overflow: hidden; background-color:#E3E3E3; border-top:2px solid #D1B267; } .list_category_filter .top_shadow { position:absolute; top:0; left:0; z-index:2; width:100%; height:14px; overflow:hidden; background:url('../Images/top_shadow.png') repeat-x; } .list_category_filter > .pub_container { display:flex; align-items:flex-start; justify-content:space-between; } .list_category_filter .breadcrumb_layout { flex-basis: 0; flex-grow: 1; padding-left:1.25rem; margin-top:2.1875rem; margin-bottom:1.6875rem; border-left:2px solid #595858; } .list_category_filter .breadcrumb_layout h3 { margin:0; color:#e62129; font-size:1.515625rem; font-weight:bold; } .list_category_filter .breadcrumb_layout h3 a { color:#e62129; } .list_category_filter .breadcrumb_layout h5 { margin:0; padding-top:0.5625rem; color:#595757; font-size:0.9375rem; } .list_category_filter .t_category_list { display:flex; flex-wrap:wrap; padding-left: 4rem; padding-top: 4.2rem; } .list_category_filter .t_category_list li { margin-bottom:0.5625rem; } .list_category_filter .t_category_list li a { position:relative; display:block; padding:0 0.9375rem 11px; min-width:8.375rem; height:2.5rem; line-height:1.7875rem; text-align:center; color:#595757; font-size:0.9375rem; } .list_category_filter .t_category_list li a .t_text { position:relative; z-index:2; width:100%; height:100%; top:0; left:0; white-space:nowrap; } .list_category_filter .t_category_list li a .t_text span { margin-left:0.5625rem; transform:rotate(90deg); } .list_category_filter .t_category_list li a .lowest { position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; border-radius:2px; background:url('../Images/category_back_on.png') no-repeat; background-size:100% 100%; transition:0.3s; opacity:0; } .list_category_filter .t_category_list li.on a .lowest, .list_category_filter .t_category_list li a:hover .lowest { opacity:1; } @media (max-width:991px) { .list_category_filter .t_category_list { max-width: 65%; } .list_category_filter .t_category_list li a { padding-left: calc(1.25rem + 2px); padding-right: 1.15rem; min-width: 7.675rem; } } @media (max-width:700px) { .list_category_filter > .pub_container { flex-wrap: wrap; } .list_category_filter .breadcrumb_layout { flex-basis: auto; flex-grow: 0; width: 100%; } .list_category_filter .t_category_list { max-width: none; padding-left:0; padding-top:0; } } .content_pub_head_title { padding:3rem 0 2.3125rem; text-align:center; border-bottom:1px solid #DDDDDE; } .content_pub_head_title p { margin:0; } .content_pub_head_title h2 { margin:0; color:#e62129; font-size:2.5rem; font-weight:bold; text-shadow:0 4px 5px rgba(0,0,0,0.28); } @media (max-width:575px) { .content_pub_head_title { padding:2rem 0 1.7rem; } .content_pub_head_title h2 { font-size:2rem; } } .content_pub_head_description { padding-top:2.5rem; font-size:0.9375rem; line-height: 1.5rem; } .content_pub_head_description p { margin:0; } .content_pub_head_description img { width:auto !important; height:auto !important; max-width:100%; } .about_pub_head_title { padding-top:2.5625rem; margin:0; color:#e62129; font-size:1.875rem; font-weight:bold; text-align:center; } .about_head_container { display:flex; padding-top:3.0625rem; } .about_head_container .left_layout { width:50.60071%; } .about_head_container .left_layout img { width:100%; } .about_head_container .right_layout { display:flex; flex-direction:column; align-items:start; flex-basis:0; flex-grow:1; margin-left:4.25rem; } .about_head_container .right_layout > h4 { margin:0; color:#d1b267; font-size:1.875rem; font-weight:bold; } .about_head_container .right_layout p { margin:0; } .about_head_container .right_layout > p { padding-top:1.125rem; color:#595757; font-size:1.5625rem; } .about_head_container .right_layout > div { flex-basis: 0; flex-grow: 1; padding-top:1.5625rem; line-height:1.789375rem; color:#595757; font-size:0.9375rem; overflow:auto; opacity:0.96; text-align:justify; } .about_head_container .right_layout > div p.t_placeholder { line-height:1.35rem; } @media (max-width:1474px) { .about_head_container .right_layout { margin-left:1.875rem; } } @media (max-width:905px) { .about_head_container { flex-wrap:wrap; } .about_head_container .left_layout { width:100%; } .about_head_container .right_layout { margin-left:0; margin-top:2rem; } .about_head_container .right_layout > h4 { font-size: 2rem; } .about_head_container .right_layout > div { flex-basis:unset; flex-grow:unset; padding-top:1rem; } } .about_section_2 { margin-top:5.5rem; min-height:33.9375rem; background-position:center top; background-repeat:no-repeat; background-size: cover; overflow:hidden; } .about_section_2 ul { display:flex; justify-content:space-around; padding-top:2.6875rem; } .about_section_2 ul li { max-width:26.900873%; text-align:center; } .about_section_2 ul li img { width:9.5rem; max-width:100%; } .about_section_2 ul li h5 { padding-top:1.4375rem; padding-bottom:1.125rem; margin:0; font-size:1.25rem; border-bottom:1px dotted #ababab; } .about_section_2 ul li div { padding-top:0.8125rem; line-height:1.789375rem; font-size:0.9375rem; text-align:left; } .about_section_2 ul li div p { margin:0; } @media (max-width:575px) { .about_section_2 { background-size: cover; } .about_section_2 ul { flex-wrap:wrap; } .about_section_2 ul li { width: 100%; max-width:unset; padding-bottom: 3rem; } .about_section_2 ul li img { width:7.5rem; } } .about_section_3 .pub_container { position:relative; } .about_section_3 .the_swiper_container { padding-top:1.5rem; padding-bottom:1.9375rem; } .about_section_3 .the_swiper_container .swiper-wrapper .swiper-slide { height:auto; padding:2.6875rem 0; border-bottom:1px solid #CDCDCF; } .about_section_3 .the_swiper_container .swiper-wrapper .swiper-slide.placeholder_slide { } .about_section_3 .the_swiper_container .swiper-wrapper .swiper-slide.bottom_slide { border-bottom:0; } .about_section_3 .the_swiper_container .swiper-slide .t_container { display:flex; } .about_section_3 .the_swiper_container .swiper-slide .t_container .left_layout { width:6.1875rem; height:6.1875rem; line-height:6.1875rem; background:#CFB26B; border-radius:100%; color:#ffffff; font-size:1.875rem; font-weight:bold; text-align:center; vertical-align:middle; } .about_section_3 .the_swiper_container .swiper-slide .t_container .right_layout { flex-basis: 0; flex-grow: 1; padding-left:1.125rem; } .about_section_3 .the_swiper_container .swiper-slide .t_container .right_layout h5 { margin-bottom:0.4375rem; color:#d1b267; font-size:1.638125rem; font-weight:bold; } .about_section_3 .the_swiper_container .swiper-slide .t_container .right_layout .t_content { line-height: 1.7; font-size:0.9375rem; } .about_section_3 .pub_container .swiper-button-prev, .about_section_3 .pub_container .swiper-button-next { color: #E1001E; opacity: 1; outline:none; } .about_section_3 .pub_container .swiper-button-prev.swiper-button-disabled, .about_section_3 .pub_container .swiper-button-next.swiper-button-disabled { color: #9FA0A0; opacity: 1; } .about_section_3 .pub_container .swiper-button-prev:after, .about_section_3 .pub_container .swiper-button-next:after { font-weight:bold; font-size:3.1625rem; } .about_section_3 .pub_container .swiper-button-prev { left:-5.1875rem; } .about_section_3 .pub_container .swiper-button-next { right:-5.1875rem; } @media (max-width:575px) { .about_section_3 .the_swiper_container { /* height: 11.625rem; */ } .about_section_3 .the_swiper_container .swiper-wrapper .swiper-slide { border-bottom:0; } .about_section_3 .the_swiper_container .swiper-wrapper .swiper-slide.bottom_slide { /* transform: translateY(-100%); */ } .about_section_3 .the_swiper_container .swiper-slide .t_container .left_layout { width: 4.1875rem; height: 4.1875rem; line-height: 4.1875rem; font-size: 1.375rem; } .about_section_3 .the_swiper_container .swiper-slide .t_container .right_layout { padding-left: 0.7rem; padding-right: 0.7rem; } .about_section_3 .pub_container .swiper-button-prev { left:10px; display:none; } .about_section_3 .pub_container .swiper-button-next { right:10px; display:none; } } @media (min-width:576px) and (max-width:1804px) { .about_section_3 .pub_container .swiper-button-prev, .about_section_3 .pub_container .swiper-button-next { } .about_section_3 .pub_container .swiper-button-prev { left:10px; } .about_section_3 .pub_container .swiper-button-next { right:10px; } } .about_section_4 { margin-top:1.4375rem; background:#F0F0F0; } .about_section_4 .the_swiper_container { position: relative; width: 100%; margin: 0 auto; margin-top:3.3125rem; padding-bottom:5.625rem; } .about_section_4 .the_swiper_container .swiper-slide { width: 231px; height: 321px; } .about_section_4 .the_swiper_container .swiper-slide img{ display:block; -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 77.6%,rgba(255,255,255,0.23)); } @media (max-width:575px) { .about_section_4 .the_swiper_container .swiper-slide { width: 160px; height: 222px; } .about_section_4 .the_swiper_container .swiper-slide img { width:100%; } } .about_section_4 .the_swiper_navigation { margin-top:-2.9375rem; padding-bottom:2rem; } .about_section_4 .the_swiper_navigation .layout { display:flex; justify-content:center; } .about_section_4 .the_swiper_navigation .swiper-button-prev, .about_section_4 .the_swiper_navigation .swiper-button-next { position:relative; margin:0 11.0625rem; outline:none; color:#BDBDBD; } .about_section_4 .the_swiper_navigation .swiper-button-prev:after { content:"\f30a"; font-family: "Font Awesome 5 Free"; font-weight: 900; } .about_section_4 .the_swiper_navigation .swiper-button-next:after { content:"\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 900; } .about_section_4 .the_swiper_navigation .swiper-button-prev, .about_section_4 .the_swiper_navigation .swiper-button-next { color:#BDBDBD; } .about_section_4 .the_swiper_navigation .swiper-button-prev:hover, .about_section_4 .the_swiper_navigation .swiper-button-next:hover { color:#CFB26B; } .list_pub_container { } .list_pub_container .list_pub_list { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:2.1875rem; margin-bottom:1.5rem; } .list_pub_container .list_pub_list li { display:flex; width:23.36842105263158%; margin-bottom:calc(calc(100% - 93.47368421052632%) / 3); border:1px solid #DFE0E0; } .list_pub_container .list_pub_list li.placeholder { height:0; margin-top:0; margin-bottom:0; border:0; overflow:hidden; } .list_pub_container .list_pub_list li a { position:relative; display:block; margin:0 auto; padding:0 1.4375rem; width:100%; } .list_pub_container .list_pub_list li a .wrapper { } .list_pub_container .list_pub_list li a .wrapper div { overflow:hidden; } .list_pub_container .list_pub_list li a .wrapper div img { width:100%; transition:0.5s; } .list_pub_container .list_pub_list li a:hover .wrapper div img { transform:scale(1.1); } .list_pub_container .list_pub_list li a .wrapper h5 { position:relative; display:flex; align-items:center; justify-content:center; margin:0; height:4.75rem; font-size:0.9375rem; border-top:1px solid #DFE0E0; } .list_pub_container .list_pub_list li a .wrapper h5:after { content:''; position:absolute; top:-1px; left:0; visibility:hidden; width:0; height:1px; overflow:hidden; background-color:#D1B777; transition:0.5s; } .list_pub_container .list_pub_list li a:hover .wrapper h5:after { visibility:visible; width:100%; } @media (max-width:767px) { .list_pub_container .list_pub_list li { width:48.6%; margin-bottom:calc(calc(100% - 97.2%) / 1); } } .list_pub_container.list_category_container .list_pub_list { margin-bottom:2.875rem; } .list_pub_container.list_category_container .list_pub_list li a .t_absolute { position:absolute; z-index:2; display:flex; flex-wrap:wrap; left: 0; top: 0; width:100%; height:100%; background: rgba(230,33,41,0.9); box-shadow: 0 0 24px -2px rgba(0,0,0,0.37) inset; opacity: 0; transition:0.4s; } .list_pub_container.list_category_container .list_pub_list li a .t_absolute:hover { animation: fadeIn; animation-duration: 0.5s; opacity: 1; } .list_pub_container.list_category_container .list_pub_list li a .t_absolute .t_layout { display:flex; justify-content:center; align-items:center; margin-top:auto; width: 100%; } .list_pub_container.list_category_container .list_pub_list li a .t_absolute .t_layout img { width:7.3125rem; } .list_pub_container.list_category_container .list_pub_list li a .t_absolute .t_title { display:flex; justify-content:space-between; align-items:center; padding:0 1.75rem; margin-top:auto; height:4.75rem; width: 100%; overflow:hidden; font-size:0.9375rem; border-top:4px solid #CFB26B; color:#ffffff; } .list_pub_container.list_category_container .list_pub_list li a .t_absolute .t_title h5 { margin:0; margin-right:10px; font-size:0.9375rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .list_pub_container.list_category_container .list_pub_list li a .t_absolute .t_title span:hover { color:#d1b267; } .list_article_container .details_container { font-size:0.9375rem; } .list_article_container .details_container p { margin:0; } .list_article_container .details_container .t_head { padding-top:2.875rem; margin-bottom:2.125rem; } .list_article_container .details_container .t_head .details_head { font-size:1.875rem; } .list_article_container .details_container .t_head .t_date { padding-top:0.8125rem; font-size:0.9375rem; } .list_article_container .details_container .container_1 { display:flex; flex-wrap:wrap; padding-top:2.75rem; } .list_article_container .details_container .container_1 .left_layout { margin-right:2.8125rem; width:48.19787985865724%; height: 31.75rem; } @media (max-width:767px) { .list_article_container .details_container .container_1 .left_layout { width:100%; margin-right:0; margin-bottom:3.5rem; } } .list_article_container .details_container .container_1 .left_layout .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .list_article_container .details_container .container_1 .left_layout .swiper-slide { background-size: 100%; background-position: center; background-repeat: no-repeat; } .list_article_container .details_container .container_1 .left_layout .the_gallery-top { padding-bottom:1.25rem; height: 77.12%; } .list_article_container .details_container .container_1 .left_layout .gallery-top { height: 100%; width: 100%; border: 1px solid #DFE0E0; } .list_article_container .details_container .container_1 .left_layout .the_thumbs_container { position:relative; display: flex; align-items: center; height: 22.88%; } .list_article_container .details_container .container_1 .left_layout .gallery-thumbs { padding:0; width:calc(100% - 7.625rem); height:100%; box-sizing: border-box; } @media (max-width:575px) { .list_article_container .details_container .container_1 .left_layout .the_thumbs_container { height:11.88%; } .list_article_container .details_container .container_1 .left_layout .gallery-thumbs { height:99.7%; } } .list_article_container .details_container .container_1 .left_layout .gallery-thumbs .swiper-slide { display:flex; width: 25%; height: 100%; border: 1px solid #DFE0E0; opacity: 1; } .list_article_container .details_container .container_1 .left_layout .gallery-thumbs .swiper-slide img { width:100%; } .list_article_container .details_container .container_1 .left_layout .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; border-color:#d1b267; } .list_article_container .details_container .container_1 .left_layout .the_thumbs_container .swiper-button-prev, .list_article_container .details_container .container_1 .left_layout .the_thumbs_container .swiper-button-next { outline:none; color:#E4E4E5; font-weight: bold; } .list_article_container .details_container .container_1 .left_layout .the_thumbs_container .swiper-button-prev:after, .list_article_container .details_container .container_1 .left_layout .the_thumbs_container .swiper-button-next:after { font-size:2.9rem; } .list_article_container .details_container .container_1 .left_layout .the_thumbs_container .swiper-button-prev { left:0; } .list_article_container .details_container .container_1 .left_layout .the_thumbs_container .swiper-button-next { right:0; } .list_article_container .details_container .container_1 .right_layout { flex-basis:0; flex-grow:1; } .list_article_container .details_container .container_1 .right_layout .head_title { margin:0; margin-bottom:1.375rem; padding-bottom:2.1875rem; font-size:1.5625rem; color:#e62129; border-bottom:1px dotted #CDCDCD; } .list_article_container .details_container .container_1 .right_layout p { line-height:2.25rem; opacity:0.96; } .list_article_container .details_container .details { line-height:2.25rem; } .list_article_container .details_container .details img { max-width:100%; } .list_article_container .details_container .sibling_article { display:flex; flex-direction:column; margin-left: -15px; padding-top:15.425rem; padding-bottom:2.175rem; line-height:2.25rem; } .list_article_container .details_container .sibling_article li { margin-left: 15px; margin-bottom:1rem; } .list_article_container .details_container .sibling_article li a { display: inline; color:#d3b56d; } @media (max-width:575px) { .list_article_container .details_container { padding-left:15px; padding-right:15px; } .list_article_container .details_container .sibling_article li { width:100%; } } .product_article_container .details { padding-top:3.5625rem; } .product_article_container .details .details_head { padding-bottom:2.125rem; margin-bottom:1rem; font-size:1.5625rem; border-bottom:1px dotted #CDCDCD; } .technology_category_container .head_description { padding-top:2.5rem; font-size:0.9375rem; line-height: 1.5rem; } .technology_category_container .head_description p { margin:0; } .technology_category_container .list_pub_list { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:2.1875rem; margin-bottom:1.5rem; } .technology_category_container .list_pub_list li { display:flex; width:30.11695906432749%; margin-bottom:calc(calc(100% - 90.35087719298247%) / 2); border:1px solid #DFE0E0; } .technology_category_container .list_pub_list li.placeholder { height:0; margin-top:0; margin-bottom:0; border:0; overflow:hidden; } .technology_category_container .list_pub_list li a { position:relative; display:block; margin:0 auto; padding:0.6875rem; padding-bottom:0; width:100%; } .technology_category_container .list_pub_list li a:after { content:''; position:absolute; bottom:0; left:0; visibility:hidden; width:0; height:3px; overflow:hidden; background-color:#CFB26B; transition:0.5s; } .technology_category_container .list_pub_list li a:hover:after { visibility:visible; width:100%; } .technology_category_container .list_pub_list li a .wrapper { } .technology_category_container .list_pub_list li a .wrapper div { overflow:hidden; } .technology_category_container .list_pub_list li a .wrapper div img { width:100%; transition:0.5s; } .technology_category_container .list_pub_list li a:hover .wrapper div img { transform:scale(1.1); } .technology_category_container .list_pub_list li a .wrapper h5 { display:flex; align-items:center; justify-content:center; margin:0; height:4.75rem; font-size:1.25rem; } @media (max-width:767px) { .technology_category_container .list_pub_list li { width:48.6%; margin-bottom:calc(calc(100% - 97.2%) / 1); } } .technology_cx_section .pub_container { display:flex; flex-wrap:wrap; padding-top:2.5625rem; padding-bottom:6.0625rem; } .technology_cx_section .pub_container .left_layout { width:46.85512367491166%; margin-right:5rem; } .technology_cx_section .pub_container .the_swiper .gallery-top .swiper-slide img { width:100%; } .technology_cx_section .pub_container .the_swiper .gallery-top .swiper-pagination { bottom: 1.3125rem; } .technology_cx_section .pub_container .the_swiper .gallery-top .swiper-pagination .swiper-pagination-bullet { margin:0 8px; width:10px; height:10px; background-color:#A9A9A9; opacity:1; } .technology_cx_section .pub_container .the_swiper .gallery-top .swiper-pagination .swiper-pagination-bullet-active { background-color:#E1001E; } .technology_cx_section .pub_container .the_swiper .gallery-thumbs { background-color:#EDEDEE; } .technology_cx_section .pub_container .the_swiper .gallery-thumbs .swiper-slide { display:flex; align-items:center; padding-left:2rem; height:6.125rem; font-size:0.9375rem; opacity:0.96; } @media (max-width:767px) { .technology_cx_section .pub_container .left_layout { width:100%; margin-right:0; margin-bottom:2.7rem; } } .technology_cx_section .pub_container .right_layout { flex-basis:0; flex-grow:1; } .technology_cx_section .pub_container .right_layout h3 { color:#d1b267; font-size:1.875rem; } .technology_cx_section .pub_container .right_layout div { margin-top:2.5rem; font-size:0.9375rem; line-height: 1.6; text-align:justify; } .technology_cx_section .pub_container .right_layout div p { margin:0; } .technology_hz_section { padding-top:0.8125rem; } .technology_hz_section .pub_container { display:flex; flex-wrap:wrap; padding-top:2.5625rem; } .technology_hz_section .pub_container .left_layout { width:46.85512367491166%; margin-right:5rem; } .technology_hz_section .pub_container .left_layout img { width:100%; } @media (max-width:767px) { .technology_hz_section .pub_container .left_layout { width:100%; margin-right:0; margin-bottom:2.7rem; } } .technology_hz_section .pub_container .right_layout { flex-basis:0; flex-grow:1; } .technology_hz_section .pub_container .right_layout div { margin-top:2.5rem; font-size:0.9375rem; line-height: 1.6; text-align:justify; } .technology_hz_section .pub_container .right_layout div p { margin:0; } .technology_hz_section_2 { display:flex; margin-top:2.75rem; margin-bottom:3.75rem; min-height:21.6875rem; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; } .technology_hz_section_2 .pub_container { display:flex; justify-content:center; align-items:center; width:100%; } .technology_hz_section_2 .pub_container div { width:16.53710247349823%; margin-left:9.9375rem; } .technology_hz_section_2 .pub_container div:first-child { margin-left:0; } .technology_hz_section_2 .pub_container div img { width:100%; } @media (max-width:991px) { .technology_hz_section_2 .pub_container { justify-content:space-around; } .technology_hz_section_2 .pub_container div { width:20%; margin-left:0; } } @media (max-width:575px) { .technology_hz_section_2 { min-height:15.6875rem; } .technology_hz_section_2 .pub_container div { width:27%; } } .technology_zdh_section { padding-top:2.1875rem; } .technology_zdh_section > div { overflow:auto; } .technology_zdh_section p { margin:0; } .technology_zdh_section table { width:100%; } .technology_zdh_section td { height:2.0625rem; word-break: break-all; border-width: 1px; border-style: solid; border-color:#D0D1D1; vertical-align: middle; font-size:0.9375rem; } .technology_zdh_section tr:nth-child(1n+2) td { padding-left:3.375rem; padding-right:0.5rem; } @media (max-width:767px) { .technology_zdh_section tr:nth-child(1n+2) td { padding-left:0.6rem; } } .technology_zdh_section_2 { padding-bottom:1.25rem; overflow:hidden; } .technology_zdh_section_2 .list_pub_list { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:3.4375rem; } .technology_zdh_section_2 .list_pub_list li { display:flex; width:20.28268551236749%; margin-bottom:3.6875rem; } .technology_zdh_section_2 .list_pub_list li:nth-child(-1n+4) { visibility:hidden; } .technology_zdh_section_2 .list_pub_list li.placeholder { height:0; margin-top:0; margin-bottom:0; border:0; overflow:hidden; } .technology_zdh_section_2 .list_pub_list li a { position:relative; display:block; margin:0 auto; width:100%; } .technology_zdh_section_2 .list_pub_list li a .wrapper { display: flex; flex-direction: column; height: 100%; } .technology_zdh_section_2 .list_pub_list li a .wrapper .top_layout { position:relative; z-index:2; padding:0.25rem; border-radius:100%; transition:0.5s; } .technology_zdh_section_2 .list_pub_list li a .wrapper .top_layout div { overflow:hidden; border-radius:100%; } .technology_zdh_section_2 .list_pub_list li a .wrapper .top_layout div img { width:100%; transition:0.5s; } .technology_zdh_section_2 .list_pub_list li a .wrapper .bottom_layout { flex-grow:1; position:relative; z-index:1; margin-top:-2.0625rem; padding:2.0625rem 1.68rem 0; border:1px solid #DFE0E0; text-align:center; } .technology_zdh_section_2 .list_pub_list li a .wrapper .bottom_layout > h5 { margin:0; padding-top:2.1875rem; font-size:1.125rem; font-weight:bold; transition:0.3s; } .technology_zdh_section_2 .list_pub_list li a .wrapper .bottom_layout > div { padding-top:0.8125rem; padding-bottom:2rem; font-size:0.9375rem; line-height:1.625rem; } .technology_zdh_section_2 .list_pub_list li a .wrapper .bottom_layout > div p { margin:0; } .technology_zdh_section_2 .list_pub_list li a:hover .wrapper .top_layout { background:#fff; box-shadow:0 0 16px 0 rgba(0,0,0,0.52); } .technology_zdh_section_2 .list_pub_list li a:hover .wrapper .top_layout img { transform:scale(1.1); } .technology_zdh_section_2 .list_pub_list li a:hover .wrapper .bottom_layout > h5 { color:#e60012; } @media (max-width:940px) { .technology_zdh_section_2 .list_pub_list li { width:29.28150765606596%; } } @media (max-width:575px) { .technology_zdh_section_2 .list_pub_list { justify-content:space-around; margin-left:-3px; margin-right:-3px; } .technology_zdh_section_2 .list_pub_list li { width:43.92226148409894%; margin-bottom:2.6875rem; } .technology_zdh_section_2 .list_pub_list li a .wrapper .bottom_layout { padding-left:0.8rem; padding-right:0.8rem; } } .job_category_container .head_description { padding-top:3.1875rem; font-size:0.9375rem; line-height: 1.5rem; } .job_category_container .head_description p { margin:0; } .job_category_container .list_pub_list { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:2.9375rem; } .job_category_container .list_pub_list li { display:flex; width:25.93639575971731%; margin-bottom:5.2rem; } .job_category_container .list_pub_list li.placeholder { height:0; margin-top:0; margin-bottom:0; border:0; overflow:hidden; } .job_category_container .list_pub_list li a { position:relative; display:block; margin:0 auto; width:100%; } .job_category_container .list_pub_list li a:hover { color:#D1B777; } .job_category_container .list_pub_list li a .wrapper { } .job_category_container .list_pub_list li a .wrapper div { } .job_category_container .list_pub_list li a .wrapper div img { width:100%; transition:0.5s; } .job_category_container .list_pub_list li a:hover .wrapper div img { transform:scale(1.1); } .job_category_container .list_pub_list li a .wrapper h5 { display:flex; align-items:center; justify-content:center; margin:0; padding-top:2.0625rem; font-size:0.9375rem; } .job_category_container .list_pub_list li a .wrapper h5 img { margin-right:1.1875rem; width:2.625rem; } @media (max-width:575px) { .job_category_container .list_pub_list { justify-content:space-around; } .job_category_container .list_pub_list li { width:42%; margin-bottom:3.2rem; } } .job_px_section { padding-top:2.5rem; margin-bottom:3.4375rem; overflow:hidden; } .job_px_section .list_pub_list { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 -2.78%; padding-top:5.84375rem; } .job_px_section .list_pub_list li { display:flex; margin-bottom:2.4375rem; width:33.33333333333333%; border-left:1px dotted #CECDCD; } .job_px_section .list_pub_list li:first-child { border-left:0; } .job_px_section .list_pub_list li.placeholder { height:0; margin-top:0; margin-bottom:0; border:0; overflow:hidden; } .job_px_section .list_pub_list li a { position:relative; display:flex; flex-direction:column; margin:0 auto; width:84.21052631578947%; } .job_px_section .list_pub_list li a .t_absolute { position:absolute; z-index:2; left:0; top:0; margin-top:-22.47596153846154%; width:100%; text-align:center; } .job_px_section .list_pub_list li a .t_absolute img { width:44.95192307692308%; } .job_px_section .list_pub_list li a .t_container { flex-grow:1; display:flex; flex-direction:column; background:#fff; box-shadow:0 27px 27px 0 rgba(0,0,0,0.19) inset; } .job_px_section .list_pub_list li a .wrapper { flex-grow:1; position:relative; z-index:1; display: flex; flex-direction: column; box-shadow:0 5px 10px 0 rgba(0,0,0,0.13); } .job_px_section .list_pub_list li a .wrapper .top_layout { background:#fff; } .job_px_section .list_pub_list li a .wrapper .top_layout div { overflow:hidden; } .job_px_section .list_pub_list li a .wrapper .top_layout div img { width:100%; transition:0.5s; } .job_px_section .list_pub_list li a .wrapper .bottom_layout { flex-grow:1; padding:0 1.5625rem; } .job_px_section .list_pub_list li a .wrapper .bottom_layout > h5 { margin:0; padding-top:1.6875rem; font-size:1.855rem; text-align:center; transition:0.3s; } .job_px_section .list_pub_list li a .wrapper .bottom_layout > div { padding-top:1.3125rem; padding-bottom:3.3125rem; font-size:0.9375rem; line-height:1.625rem; text-align:justify; } .job_px_section .list_pub_list li a .wrapper .bottom_layout > div p { margin:0; } .job_px_section .list_pub_list li a:hover .wrapper .top_layout img { transform:scale(1.1); } @media (max-width:767px) { .job_px_section .list_pub_list { margin-left:-3.58%; margin-right:-3.58%; } .job_px_section .list_pub_list li { width:50%; } .job_px_section .list_pub_list li:nth-child(1n+3):nth-last-child(1n+3) { margin-top:5.84375rem; } } @media (max-width:575px) { .job_px_section .list_pub_list { margin-left:0; margin-right:0; } .job_px_section .list_pub_list li { width:100%; } .job_px_section .list_pub_list li:nth-child(1n+2):nth-last-child(1n+2) { margin-top:6rem; } .job_px_section .list_pub_list li a { width:100%; } .job_px_section .list_pub_list li a .t_absolute { margin-top: -15.9759615%; } .job_px_section .list_pub_list li a .t_absolute img { width: 31.951923%; } } .job_ln_section .pub_container { display:flex; flex-wrap:wrap; padding-top:2.875rem; padding-bottom:7.9375rem; } .job_ln_section .pub_container .left_layout { width:47.77385159010601%; margin-right:5.017667844522968%; } .job_ln_section .pub_container .left_layout img { width:100%; } .job_ln_section .pub_container .right_layout { flex-basis:0; flex-grow:1; display:flex; flex-direction:column; } .job_ln_section .pub_container .right_layout > div { flex-grow: 1; flex-basis: 0; padding-right:2.3125rem; font-size:0.9375rem; line-height: 1.625rem; text-align:justify; overflow:auto; } .job_ln_section .pub_container .right_layout > div p { margin:0; } @media (max-width:575px) { .job_ln_section .pub_container .left_layout { width:100%; margin-right:0; margin-bottom:2.2rem; } .job_ln_section .pub_container .right_layout { display:block; } .job_ln_section .pub_container .right_layout > div { padding-right:0; } } .job_list_container { overflow:hidden; } .job_list_container .content_pub_head_description { padding-top:2.75rem; } .job_list_container .welfare { padding-left:2.25rem; padding-right:2.25rem; } .job_list_container .welfare p { margin:0; } .job_list_container .welfare > h3 { margin:0; padding-top:2.6875rem; color:#d1b267; font-size:1.855rem; } .job_list_container .welfare > div { padding-top:1.3125rem; line-height:1.625rem; font-size:0.9375rem; } .job_list_container .welfare > p { padding-top:1.6875rem; font-size:1.125rem; font-weight:bold; } @media (max-width:575px) { .job_list_container .welfare { padding-left:1.25rem; padding-right:1.25rem; } } .job_list_container .the_list { margin-top:2.3125rem; padding-bottom:6.625rem; } .job_list_container .the_list .card { margin-bottom:1.3125rem; border: 1px solid rgba(0,0,0,.125); border-radius:0; } .job_list_container .the_list .card-header { padding:1.25rem 2.25rem; background:none; } .job_list_container .the_list .card-header h2 { display: flex; justify-content: space-between; align-items: center; font-size: 1.125rem; } .job_list_container .the_list .card-header h2 button { padding: 0; padding-right: 2.375rem; color:#595757; font-size:0.9375rem; outline:none; box-shadow: none; background:url('../Images/ico_arrow_down.png') no-repeat right center; background-size:1.5rem; text-decoration:none; } .job_list_container .the_list .card-header h2 button:hover { color:#d1b267; } .job_list_container .the_list .card-header h2 button[aria-expanded=true] { color:#d1b267; } .job_list_container .the_list .card-body { padding:2.25rem 2.25rem 3.0625rem; font-size:0.9375rem; line-height:1.625rem; } .job_list_container .the_list .card-body p { margin:0; } .job_list_container .the_list .card-body .condition { display:flex; flex-wrap:wrap; width: 90%; } .job_list_container .the_list .card-body .condition p { padding-right:1.9375rem; width:16.1875rem; } .job_list_container .the_list .card-body .condition span { color:#9fa0a0; } .job_list_container .the_list .card-body .t_content { padding-top:1.5rem; } .job_list_container .the_list .card-body .t_email { padding-top:1.5625rem; } .job_list_container .the_list .card-body .t_email p:nth-child(2) { color:#d3b774; } @media (max-width:575px) { .job_list_container .the_list .card-header { padding-left:1.25rem; padding-right:1.25rem; } .job_list_container .the_list .card-body { padding-left:1.25rem; padding-right:1.25rem; } .job_list_container .the_list .card-body .condition { width: 100%; } } .exhibition_list_container { padding-bottom:6.1875rem; } .exhibition_list_container .list_pub_list { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:2.9375rem; margin-bottom:2.25rem; } .exhibition_list_container .list_pub_list li { display:flex; width:48.97526501766784%; margin-bottom:calc(calc(100% - 96.04240282685511%) / 2); border:1px solid #DCDDDD; } .exhibition_list_container .list_pub_list li.placeholder { height:0; margin-top:0; margin-bottom:0; border:0; overflow:hidden; } .exhibition_list_container .list_pub_list li a { position:relative; display:block; margin:0 auto; padding:0.9375rem; padding-bottom:0; width:100%; } .exhibition_list_container .list_pub_list li a .wrapper { } .exhibition_list_container .list_pub_list li a .wrapper > div { overflow:hidden; } .exhibition_list_container .list_pub_list li a .wrapper > div img { width:100%; transition:0.5s; } .exhibition_list_container .list_pub_list li a:hover .wrapper > div img { transform:scale(1.1); } .exhibition_list_container .list_pub_list li a .wrapper > h5 { display:flex; align-items:center; justify-content:flex-start; margin:0; padding:1.8125rem 1.375rem 0; font-size:0.9375rem; color:#595757; transition:0.3s; } .exhibition_list_container .list_pub_list li a .wrapper > p { display:flex; align-items:center; justify-content:space-between; margin:0; padding:0.5625rem 1.375rem 1.625rem; color:#adadad; font-size:0.9375rem; } .exhibition_list_container .list_pub_list li a .wrapper > p span { transition:0.3s; } .exhibition_list_container .list_pub_list li:nth-child(1n+3) { width:32.01413427561837%; } .exhibition_list_container .list_pub_list li:nth-child(1n+3) a { padding:0; } .exhibition_list_container .list_pub_list li:nth-child(1n+3) a .wrapper > h5, .exhibition_list_container .list_pub_list li:nth-child(1n+3) a .wrapper > p { padding-left:2.1875rem; padding-right:2.1875rem; } .exhibition_list_container .list_pub_list li a:hover, .exhibition_list_container .list_pub_list li a:hover .wrapper > h5, .exhibition_list_container .list_pub_list li a:hover .wrapper > p { color:#d1b267; } @media (max-width:575px) { .exhibition_list_container .list_pub_list li:nth-child(1n+3) { width:48.97526501766784%; } .exhibition_list_container .list_pub_list li:nth-child(1n+3) a { padding:0.9375rem; padding-bottom:0; } .exhibition_list_container .list_pub_list li a .wrapper > h5, .exhibition_list_container .list_pub_list li a .wrapper > p, .exhibition_list_container .list_pub_list li:nth-child(1n+3) a .wrapper > h5, .exhibition_list_container .list_pub_list li:nth-child(1n+3) a .wrapper > p { padding-left:0; padding-right:0; } } .news_list_all_container { padding-bottom:2rem; } .news_list_all_container .list_pub_list { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:3.375rem; margin-bottom:1.25rem; } .news_list_all_container .list_pub_list li.placeholder { height:0 !important; margin-top:0 !important; margin-bottom:0 !important; border:0 !important; overflow:hidden !important; } .news_list_all_container .list_pub_list li.t_li_1 { display:flex; width:100%; margin-bottom:4.5625rem; } .news_list_all_container .list_pub_list li.t_li_1 a { position:relative; display:flex; width:100%; } .news_list_all_container .list_pub_list li.t_li_1 a .left_layout { margin-right:2.0625rem; width:48.97526501766784%; overflow:hidden; } .news_list_all_container .list_pub_list li.t_li_1 a .left_layout img { width:100%; height: 32rem; transition:0.5s; } .news_list_all_container .list_pub_list li.t_li_1 a:hover .left_layout img { transform:scale(1.1); } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout { flex-grow:1; flex-basis:0; display: flex; flex-direction: column; border:1px solid #DCDDDD; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_wrapper { flex-grow:1; flex-basis:0; display: flex; flex-direction: column; padding:0 2.6875rem; overflow:auto; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_date div:nth-child(1) { padding-top:1.9375rem; color:#6c6a69; font-size:1.2875rem; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_date div:nth-child(2) { padding-top:1.5625rem; color:#d1b267; font-size:4.13125rem; font-weight:bold; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_date div:nth-child(3) { display:inline-block; margin-top:1rem; width:0.75rem; border-bottom:3px solid #CFB26B; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_title { padding-top:2.6875rem; font-size:1.25rem; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_description { padding-top:0.375rem; color:#6c6a69; font-size:0.9375rem; line-height:1.625rem; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_more { margin-top: auto; padding-top:1.125rem; padding-bottom:2.125rem; font-size:12px; border-top:1px dotted #dcdcdc; transition:0.3s; } .news_list_all_container .list_pub_list li.t_li_1 a:hover .right_layout .t_more { color:#d1b267; } @media (max-width:767px) { .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_date div:nth-child(2) { padding-top: 0; font-size: 3.13125rem; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_date div:nth-child(3) { margin-top: 0; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_title { padding-top: 0.6875rem; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout { display: block; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_wrapper { display: block; } } @media (max-width:575px) { .news_list_all_container .list_pub_list li.t_li_1 { margin-bottom:15px; } .news_list_all_container .list_pub_list li.t_li_1 a { flex-wrap:wrap; } .news_list_all_container .list_pub_list li.t_li_1 a .left_layout { width:100%; margin-bottom:1.3rem; } .news_list_all_container .list_pub_list li.t_li_1 a .left_layout img { height:auto; } .news_list_all_container .list_pub_list li.t_li_1 a .right_layout .t_wrapper { padding-left:1.3rem; padding-right:1.3rem; } } .news_list_all_container .list_pub_list li:nth-child(1n+2) { display:flex; width:31.44876325088339%; margin-bottom:calc(calc(100% - 94.34628975265018%) / 2); border:1px solid #DCDDDD; } .news_list_all_container .list_pub_list li:nth-child(1n+2) a { position:relative; display:block; margin:0 auto; padding:0 1.4375rem; width:100%; } .news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper { } .news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_date { padding-top:0.9375rem; color:#9fa0a0; font-size:0.9375rem; } .news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_title { margin:0; padding-top:0.5rem; font-size:1.25rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:0.3s; } .news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_img { margin-top:1.125rem; overflow:hidden; } .news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_img img { display:flex; justify-content:center; margin:0 auto; height:14.8125rem; transition:0.5s; } .news_list_all_container .list_pub_list li:nth-child(1n+2) a:hover .wrapper > div img { transform:scale(1.1); } .news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_more { display:flex; justify-content:space-between; align-items:center; padding-top:2.625rem; padding-bottom:1.3125rem; color:#9fa0a0; font-size:12px; transition:0.1s; } .news_list_all_container .list_pub_list li:nth-child(1n+2) a:hover .wrapper .t_more { color: #d1b267; } @media (max-width:575px) { .news_list_all_container .list_pub_list li:nth-child(1n+2) { margin-bottom:15px; width:100%; } .news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_img img { width:100%; height:auto; } } .news_list_container.news_list_all_container .list_pub_list li:nth-child(1n+2) a { transition:none; } .news_list_container.news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_main { position:relative; width:100%; } .news_list_container.news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_main .t_img img { width:100%; } .news_list_container.news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_main .t_content { display:none; } .news_list_gs.news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_main .t_content { position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background:#fff; color:#9fa0a0; font-size:0.9375rem; line-height:1.625rem; visibility:hidden; opacity:0; transition:0.4s; } .news_list_gs.news_list_all_container .list_pub_list li:nth-child(1n+2) a:hover .wrapper .t_main .t_content { visibility:visible; opacity:1; } .news_list_gs.news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_bottom_layout { margin:0 -1.4375rem; padding:0 1.4375rem; transition: 0.4s; } .news_list_gs.news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_more { margin:1.5125rem -1.4375rem 0; padding:1.2125rem 1.4375rem; transition: 0.4s; } .news_list_gs.news_list_all_container .list_pub_list li:nth-child(1n+2) a .wrapper .t_more span { transition:none; } .news_list_gs.news_list_all_container .list_pub_list li:nth-child(1n+2) a:hover .wrapper .t_bottom_layout { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.43); } .news_list_gs.news_list_all_container .list_pub_list li:nth-child(1n+2) a:hover .wrapper .t_more { color:#ffffff; background: #E11931; box-shadow: 0 0 10px 1px rgba(0,0,0,0.43) inset; opacity: 1; } .news_article_container.list_article_container { overflow:hidden; } .news_article_container.list_article_container .details_container { padding-left:0; padding-right:0; } .news_article_container.list_article_container .details_container .t_head { padding:2.8125rem 0; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; border-bottom:1px solid #DDDDDE; } .news_article_container.list_article_container .details_container .t_head .t_date { display:flex; align-content:center; flex-wrap:wrap; padding:0; width:8.9375rem; height:8.9375rem; background:#CFB26B; color:#ffffff; text-align:center; line-height: 1; } .news_article_container.list_article_container .details_container .t_head .t_date div:first-child { width:100%; font-size:4.59875rem; } .news_article_container.list_article_container .details_container .t_head .t_date div:last-child { padding-top:0.4375rem; width:100%; font-size:1.300625rem; } .news_article_container.list_article_container .details_container .t_head .details_head { flex-grow:1; flex-basis:0; margin:0; padding:0 1rem; text-align:center; } .news_article_container.list_article_container .details_container .t_head .t_share { display:flex; align-items:center; margin-top:auto; } .news_article_container.list_article_container .details_container .t_head .t_share > div { margin-left:1.25rem; } .news_article_container.list_article_container .details_container .t_head .t_share > div img { cursor:pointer; } @media (max-width:640px) { .news_article_container.list_article_container .details_container .t_head { padding-top:1.8125rem; padding-bottom:1.8125rem; } .news_article_container.list_article_container .details_container .t_head .t_date { width: 4.9375rem; height: 4.9375rem; } .news_article_container.list_article_container .details_container .t_head .t_date div:first-child { font-size: 2.59875rem; } .news_article_container.list_article_container .details_container .t_head .t_date div:last-child { font-size: 1rem; } .news_article_container.list_article_container .details_container .t_head .t_share { justify-content: flex-end; padding-top: 2rem; width:100%; } .news_article_container.list_article_container .details_container .t_head .t_share img { width:2.4375rem; } } .contact_us_section { padding-top:3rem; } .contact_us_section .address_container { position:relative; background-size:cover; background-repeat:no-repeat; background-position:center top; } .contact_us_section .address_container .t_absolute { display:flex; justify-content:space-around; align-items:start; padding:0 1rem; width:100%; min-height:24.25rem; } .contact_us_section .address_container .t_absolute .t_item.t_address { margin-top:5.75rem; padding:0 1rem; font-size:0.9375rem; line-height:1.790625rem; } .contact_us_section .address_container .t_absolute .t_item.t_address p { margin:0; } .contact_us_section .address_container .t_absolute .t_item.t_address p:first-child { margin-bottom:1.8125rem; font-size:1.5625rem; line-height:1.5; } .contact_us_section .address_container .t_absolute .t_item.t_qrcode { display:flex; align-items: start; margin-top:10.25rem; } .contact_us_section .address_container .t_absolute .t_item.t_qrcode img { width:10.4375rem; } .contact_us_section .address_container .t_absolute .t_item.t_qrcode span { margin-left:0.875rem; margin-top:auto; font-size:0.9375rem; line-height:1.790625rem; } @media (max-width:575px) { .contact_us_section .address_container { background-position:13% top; } .contact_us_section .address_container .t_absolute { flex-wrap:wrap; } .contact_us_section .address_container .t_absolute .t_item.t_address { margin-top:2.75rem; width:100%; } .contact_us_section .address_container .t_absolute .t_item.t_qrcode { margin-top:2.75rem; padding:0 1rem 3rem; width:100%; } } .contact_us_section .container_2 { display:flex; padding-top:2.75rem; padding-bottom:6rem; overflow:hidden; } .contact_us_section .container_2 .left_layout { margin-right:3.604240282685512%; width:53.63957597173145%; height:33.25rem; border:1px solid #E2E2E2; } .contact_us_section .container_2 .left_layout.t_map { display: flex; flex-direction: column; overflow: hidden; } .contact_us_section .container_2 .left_layout.t_map iframe { flex-basis: 0; flex-grow: 1; width: 100%; border: 0; } @media (max-width:575px) { .contact_us_section .container_2 { flex-wrap:wrap; } .contact_us_section .container_2 .left_layout { margin-right:0; margin-bottom:2rem; width:100%; } } .contact_us_section .container_2 .right_layout.t_msg { flex-basis: 0; flex-grow: 1; font-size:0.9375rem; } .contact_us_section .container_2 .right_layout.t_msg p { margin:0; } .contact_us_section .container_2 .right_layout.t_msg > h3 { margin:0; margin-bottom:1.375rem; color:#d1b267; font-size:1.5625rem; } .contact_us_section .container_2 .right_layout.t_msg .message { padding-top:1.3125rem; } .contact_us_section .container_2 .right_layout.t_msg .message .item { display:flex; align-items:center; margin-bottom:1rem; } .contact_us_section .container_2 .right_layout.t_msg .message .item > span { min-width: 4.8rem; } .contact_us_section .container_2 .right_layout.t_msg .message .item > div { flex-basis:0; flex-grow:1; display:flex; align-items:center; } .contact_us_section .container_2 .right_layout.t_msg .message .item > div > input { flex-basis:0; flex-grow:1; padding-left:8px; height:1.9375rem; border:1px solid #CACBCB; } .contact_us_section .container_2 .right_layout.t_msg .message .item > div > textarea { flex-basis:0; flex-grow:1; padding-left:8px; height: 8.625rem; border:1px solid #CACBCB; } .contact_us_section .container_2 .right_layout.t_msg .message .item.submit input { flex-basis: auto; flex-grow: 0; margin-top:1rem; width:5.625rem; height:2.0625rem; text-align:center; background:url('../Images/ico_btn.jpg'); background-size:cover; border:0; color:#ffffff; } @media (min-width:576px) { .general_content_container .inner_container { padding-left:3.1625rem; padding-right:3.1625rem; } } .general_content_container .details_container .details { padding-bottom: 2.25rem; } .sitemap_container .details_container .details { overflow:hidden; } .sitemap_container .site_list { padding: 1.4375rem 0; line-height: 280%; border-bottom: 1px solid #e4e4e4; } .sitemap_container .site_list h5 { margin-bottom: 0; color: #be000b; font-size: 1.125rem; } .sitemap_container .site_list h5 a { color: #be000b; } .sitemap_container .children_list { padding-top: 1.1875rem; margin-left:-3.125rem; } .sitemap_container .site_list span { padding-left: 3.125rem; font-size: 1rem; } @media (max-width:575px) { .sitemap_container .site_list:first-child { } }