#support .crumbs { padding: 0.677083vw 13.54166vw; color: #000; font-size: 0.83333vw; } #support .crumbs a { color: #000; font-size: 0.83333vw; } #support .crumbs span { font-size: 0.83333vw; color: #007D41; } #support .main .banner { width: 100%; position: relative; font-size: 0; display: flex; align-items: center; } #support .main .banner img { width: 100%; } #support .main .banner h2 { position: absolute; left: 13.54166vw; color: #fff; font-size: 2.1875vw; } #support .main .supportContentus { padding: 4.58333vw 13.54166vw; background: #F1F6F5; } #support .main .supportContentus h3 { font-size: 1.25vw; text-align: center; } #support .main .supportContentus h3::after { content: ''; display: block; background: #009543; width: 1.614583vw; height: 0.2083vw; margin: 1.0416vw auto; } #support .main .supportContentus .supportDiv { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 -1.09375vw; } #support .main .supportContentus .supportDiv .supportContentusDiv { background: #fff; padding: 2.760416vw 2vw; margin: 0 1.09375vw; display: flex; flex: 1; min-height: 6vw; } #support .main .supportContentus .supportDiv .supportContentusDiv .supportContentusIcon { margin-right: 1.25vw; } #support .main .supportContentus .supportDiv .supportContentusDiv .supportContentusIcon img { width: 5vw; } #support .main .supportContentus .supportDiv .supportContentusDiv .supportContentusText { margin: 0; } #support .main .supportContentus .supportDiv .supportContentusDiv .supportContentusText h4 { font-size: 1.25vw; margin-bottom: 0.989583vw; } #support .main .supportContentus .supportDiv .supportContentusDiv .supportContentusText p { font-size: 0.83333vw; } #support .main .supportContentus .supportDiv .supportContentusDiv .supportContentusText a { color: #000; } #support .main .supportQA { padding: 4.58333vw 13.54166vw; background: #fff; position: relative; } #support .main .supportQA h3 { font-size: 1.25vw; text-align: center; } #support .main .supportQA h3::after { content: ''; display: block; background: #009543; width: 1.614583vw; height: 0.2083vw; margin: 1.0416vw auto; } #support .main .supportQA .supportQASwiper .swiper-slide { height: auto; min-height: 100%; background: #F0F1F3; } #support .main .supportQA .supportQASwiper .supportQASlide { padding: 2.91666vw; } #support .main .supportQA .supportQASwiper .supportQASlide .supportQ { font-size: 1.04166vw; line-height: 1.5; color: #000; padding-left: 1.875vw; position: relative; margin-bottom: 0.9375vw; } #support .main .supportQA .supportQASwiper .supportQASlide .supportQ::before { content: 'Q'; color: #fff; font-size: 0.83333vw; padding: 0.15625vw 0.3125vw; background: #007D41; position: absolute; left: 0; top: 0; } #support .main .supportQA .supportQASwiper .supportQASlide .supportA { font-size: 0.9375vw; line-height: 1.5; color: #666; padding-left: 1.875vw; position: relative; } #support .main .supportQA .supportQASwiper .supportQASlide .supportA::before { content: 'A'; color: #007D41; font-size: 0.83333vw; padding: 0.15625vw 0.3125vw; border: 1px solid #007D41; position: absolute; left: 0; top: 0; } #support .main .supportQA .swiper-pagination { bottom: 20px; } #support .main .supportQA .swiper-pagination .swiper-pagination-bullet { width: 0.625vw; height: 0.625vw; } #support .main .supportQA .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #007D41; } #support .main .supportProdocment { padding: 4.58333vw 13.54166vw; background: #F1F6F5; position: relative; } #support .main .supportProdocment h3 { font-size: 1.875vw; text-align: center; } #support .main .supportProdocment h3::after { content: ''; display: block; background: #009543; width: 1.614583vw; height: 0.2083vw; margin: 1.0416vw auto; } #support .main .supportProdocment .proDocmentSearchDiv { display: flex; margin: 0 17.5vw; } #support .main .supportProdocment .proDocmentSearchDiv .pdSearchInput { flex: 1; } #support .main .supportProdocment .proDocmentSearchDiv .pdSearchInput input { border: 1px solid #007D41; font-size: 0.83333vw; color: #666666; padding: 0.677083vw 1.09375vw; width: 100%; } #support .main .supportProdocment .proDocmentSearchDiv .pdSearchBtn { background: #007D40; padding: 0 1.97916vw; cursor: pointer; display: flex; align-items: center; justify-content: center; } #support .main .supportProdocment .proDocmentSearchDiv .pdSearchBtn img { width: 1.25vw; } #support .main .supportProdocment .proDocmentSearchResult { margin: 2.5vw 5.260416vw; } #support .main .supportProdocment .proDocmentSearchResult ul li { padding: 0.9375vw 1.302083vw; display: flex; background: #fff; margin-bottom: 0.52083vw; } #support .main .supportProdocment .proDocmentSearchResult ul li a { display: flex; justify-content: space-between; align-items: center; width: 100%; } #support .main .supportProdocment .proDocmentSearchResult ul li a .btnpdResult { display: block; width: 1.25vw; } #support .main .supportProdocment .proDocmentSearchResult ul li a .btnpdResult.hover { display: none; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo { display: flex; flex: 1; margin-left: 0.41666vw; justify-content: space-between; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo .pdResultInfoText { display: flex; flex: 1; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo .pdResultInfoText .pdResultInfoTitle { color: #3D3D3D; font-size: 0.83333vw; line-height: 1.5; width: 29.322916vw; font-weight: normal; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo .pdResultInfoText .pdResultInfoType { color: #3D3D3D; font-size: 0.83333vw; line-height: 1.5; width: 10.60416vw; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo .pdResultInfoText .pdResultInfoName { color: #3D3D3D; font-size: 0.83333vw; line-height: 1.5; width: 10.03125vw; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo .pdResultInfoTime { color: #3D3D3D; font-size: 0.83333vw; line-height: 1.5; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover { background: #007D41; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .btnpdResult { display: none; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .btnpdResult.hover { display: block; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .pdResultInfo .pdResultInfoTitle { color: #fff; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .pdResultInfo .pdResultInfoType { color: #fff; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .pdResultInfo .pdResultInfoName { color: #fff; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .pdResultInfo .pdResultInfoTime { color: #fff; } #support .main .supportProdocment .proDocmentSearchResult ul li:last-child { margin: 0; } #support .main .supportProdocment .pdlearnMore { display: flex; justify-content: center; margin-bottom: 0; position: relative; font-size: 0.83333vw; align-items: center; } #support .main .supportProdocment .pdlearnMore::before { content: ''; background: url('/images/arrow-angled-states.png') no-repeat; background-size: 1.25vw 1.25vw; width: 1.25vw; height: 1.25vw; transform: rotate(135deg); } @media (max-width: 767px) { #support .main .supportContentus { padding: 4.629vw 5vw; } #support .main .supportContentus h2 { color: #000; font-size: 5.7971vw; margin-bottom: 3.7962vw; } #support .main .supportContentus h3 { font-size: 5.185vw; font-weight: normal; text-align: left; } #support .main .supportContentus h3::after { width: 5.2777vw; height: 1.018518vw; margin: 2.037vw 0; } #support .main .supportContentus .supportDiv { margin: 0; } #support .main .supportContentus .supportDiv .supportContentusDiv { width: 100%; flex: auto; margin: 0 0 3.4259vw 0; padding: 5vw 2.962vw; align-items: center; min-height: auto; } #support .main .supportContentus .supportDiv .supportContentusDiv .supportContentusIcon { margin-right: 5.092vw; } #support .main .supportContentus .supportDiv .supportContentusDiv .supportContentusIcon img { width: 22.1296vw; } #support .main .supportContentus .supportDiv .supportContentusDiv .supportContentusText { margin: 0; } #support .main .supportContentus .supportDiv .supportContentusDiv .supportContentusText h4 { font-size: 4.4444vw; } #support .main .supportContentus .supportDiv .supportContentusDiv .supportContentusText p { font-size: 3.518vw; } #support .main .supportQA { padding: 4.629vw 5vw 14.296vw; background: #fff; position: relative; } #support .main .supportQA h3 { font-size: 5.185vw; font-weight: normal; text-align: left; } #support .main .supportQA h3::after { width: 5.2777vw; height: 1.018518vw; margin: 2.037vw 0; } #support .main .supportQA .supportQASwiper .swiper-slide { height: auto; min-height: 100%; background: #F0F1F3; } #support .main .supportQA .supportQASwiper .supportQASlide { padding: 7.2222vw 5.0925vw; } #support .main .supportQA .supportQASwiper .supportQASlide .supportQ { font-size: 3.518vw; line-height: 1.5; color: #000; padding-left: 8.518vw; position: relative; margin-bottom: 3.703vw; } #support .main .supportQA .supportQASwiper .supportQASlide .supportQ::before { content: 'Q'; color: #fff; font-size: 3.518vw; padding: 0.925vw 1.57407vw; background: #007D41; position: absolute; left: 0; top: 0; } #support .main .supportQA .supportQASwiper .supportQASlide .supportA { font-size: 3.518vw; line-height: 1.5; color: #666; padding-left: 8.518vw; position: relative; } #support .main .supportQA .supportQASwiper .supportQASlide .supportA::before { content: 'A'; color: #007D41; font-size: 3.518vw; padding: 0.925vw 1.57407vw; border: 1px solid #007D41; position: absolute; left: 0; top: 0; } #support .main .supportQA .supportQAPaginationDiv { display: flex; width: 31.518518vw; position: absolute; left: auto; right: 4.8vw; align-items: center; justify-content: center; margin: 0; bottom: 4vw; transform: translate(0); } #support .main .supportQA .supportQAPaginationDiv .swiper-button-nextprev { display: flex; color: #fff; width: 5.314814vw; height: 5.314814vw; background: #1A8A54; } #support .main .supportQA .supportQAPaginationDiv .swiper-button-nextprev::after { font-size: 1.5vw; } #support .main .supportQA .supportQAPaginationDiv .swiper-pagination { bottom: 0; z-index: 2; } #support .main .supportQA .supportQAPaginationDiv .swiper-button-prev { left: 0; } #support .main .supportQA .supportQAPaginationDiv .swiper-button-next { right: 0; } #support .main .supportProdocment { padding: 4.629vw 5vw; background: #F1F6F5; position: relative; } #support .main .supportProdocment h3 { font-size: 4.7222vw; text-align: left; } #support .main .supportProdocment h3::after { width: 5.2777vw; height: 1.018518vw; margin: 2.037vw 0; } #support .main .supportProdocment .proDocmentSearchDiv { display: flex; margin: 7.2222vw 0 0 0; } #support .main .supportProdocment .proDocmentSearchDiv .pdSearchInput { flex: 1; } #support .main .supportProdocment .proDocmentSearchDiv .pdSearchInput input { outline: 0px; border: 1px solid #007D41; font-size: 3.518vw; color: #666666; padding: 2.407407vw 3.518518vw; width: 100%; } #support .main .supportProdocment .proDocmentSearchDiv .pdSearchBtn { background: #007D40; padding: 2.0777vw 4.629vw; cursor: pointer; display: flex; align-items: center; justify-content: center; } #support .main .supportProdocment .proDocmentSearchDiv .pdSearchBtn img { width: 4.8888vw; } #support .main .supportProdocment .proDocmentSearchResult { margin: 7.2222vw 0; } #support .main .supportProdocment .proDocmentSearchResult ul li { padding: 3.148vw 3.3333vw; display: flex; background: #fff; margin-bottom: 4.907407vw; } #support .main .supportProdocment .proDocmentSearchResult ul li a { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; } #support .main .supportProdocment .proDocmentSearchResult ul li a .btnpdResult { display: block; width: 6.296vw; } #support .main .supportProdocment .proDocmentSearchResult ul li a .btnpdResult.hover { display: none; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo { display: flex; flex: 1; margin-left: 3.2407vw; justify-content: space-between; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo .pdResultInfoText { display: flex; flex: auto; flex-wrap: wrap; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo .pdResultInfoText .pdResultInfoTitle { color: #3D3D3D; font-size: 3.8888vw; line-height: 1.5; width: 100%; font-weight: normal; margin-bottom: 2vw; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo .pdResultInfoText .pdResultInfoType { color: #3D3D3D; font-size: 3.518vw; line-height: 1.5; width: 50%; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo .pdResultInfoText .pdResultInfoName { color: #3D3D3D; font-size: 3.518vw; line-height: 1.5; width: 5.03125vw; width: 50%; } #support .main .supportProdocment .proDocmentSearchResult ul li a .pdResultInfo .pdResultInfoTime { color: #3D3D3D; font-size: 3.518vw; line-height: 1.5; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover { background: #fff; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .btnpdResult { display: block !important; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .btnpdResult.hover { display: none !important; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .pdResultInfo .pdResultInfoTitle { color: #3D3D3D; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .pdResultInfo .pdResultInfoType { color: #3D3D3D; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .pdResultInfo .pdResultInfoName { color: #3D3D3D; } #support .main .supportProdocment .proDocmentSearchResult ul li:hover a .pdResultInfo .pdResultInfoTime { color: #3D3D3D; } #support .main .supportProdocment .proDocmentSearchResult ul li:last-child { margin: 0; } #support .main .supportProdocment .pdlearnMore { display: flex; justify-content: center; margin-bottom: 10.0925vw; position: relative; font-size: 3.8888vw; align-items: center; } #support .main .supportProdocment .pdlearnMore::before { content: ''; background: url('/images/arrow-angled-states.png') no-repeat; background-size: 6.481vw 6.481vw; width: 6.481vw; height: 6.481vw; transform: rotate(135deg); } }