@font-face { font-family: "tungsten-semibold"; src: url('https://omo-oss-file.thefastfile.com/portal-saas/new2022080816591145417/cms/file/e52f8519-fb9d-4962-84e5-a94e41d85c38.woff')format('woff'), url('https://omo-oss-file.thefastfile.com/portal-saas/new2022080816591145417/cms/file/ad2def12-20a6-4b92-8647-408261da2005.ttf')format('truetype'), url('https://omo-oss-file.thefastfile.com/portal-saas/new2022080816591145417/cms/file/a407f2a3-28ec-47d4-b6d8-9c6a90434ccb.svg#webfont34M5alKg')format('svg') } :root { --textcolor:#19a582; --bgcolor: #2b5ca6; --hyh_fs72: 72px; --hyh_fs60: 60px; --hyh_fs54: 54px; --hyh_fs48: 48px; --hyh_fs45: 46px; --hyh_fs42: 40px; --hyh_fs38: 38px; --hyh_fs36: 32px; --hyh_fs30: 30px; --hyh_fs28: 28px; --hyh_fs24: 24px; --hyh_fs22: 22px; --hyh_fs18: 18px; --hyh_fs16: 16px; --hyh_fs14: 14px; --hyh_m20: 20px; --hyh_p20: 20px; } .linecolor{ background-image: linear-gradient(to bottom, #036eb8 0%, #0bbbd0 100%); } .flex{ display:flex; } .t-left{ text-align:left; } .t-center{ text-align:center; } .t-right{ text-align:right; } /*media*/ @media only screen and (max-width:1440px) { :root { --hyh_fs72: 54px; --hyh_fs60: 48px; --hyh_fs54: 42px; --hyh_fs48: 45px; --hyh_fs45: 42px; --hyh_fs42: 38px; --hyh_fs38: 30px; --hyh_fs36: 28px; --hyh_fs30: 26px; --hyh_fs28: 24px; --hyh_fs24: 22px; --hyh_fs22: 18px; --hyh_fs18: 16px; --hyh_fs16: 14px; } } @media only screen and (max-width:1366px) { :root { --hyh_fs72: 42px; --hyh_fs60: 45px; --hyh_fs54: 42px; --hyh_fs48: 45px; --hyh_fs45: 38px; --hyh_fs42: 32px; --hyh_fs38: 28px; --hyh_fs36: 26px; --hyh_fs30: 24px; --hyh_fs28: 22px; --hyh_fs24: 20px; --hyh_fs22: 16px; --hyh_fs18: 16px; --hyh_fs16: 14px; --hyh_fs14: 12px; } } /*骞荤伅鎸夐挳鏇存柊*/ .swiper .swiper-button-next, .swiper .swiper-button-prev { width: 36px; height: 36px; background: rgba(0, 0, 0, .6); border-radius: 100%; transition: all ease .3s; } .swiper .swiper-button-next::after, .swiper .swiper-button-prev::after { font-size: 18px; font-weight: bold; color: #fff; } .swiper .swiper-button-next { right: 0; } .swiper .swiper-button-prev { left: 0; } .swiper .swiper-button-next:hover, .swiper .swiper-button-prev:hover { background: var(--bgcolor); } .p_articles img{ max-width: 800px!important;height: auto!important; width: auto!important;display: block!important; margin: 0 auto; } .p_articles div, .p_articles p{ font-size: 1rem; line-height: 2rem; color: #666; } .p_articles table { width: 100%; max-width: 1200px; margin: 0 auto; } .p_articles td { border-color: #ccc; } .e_breadcrumb-3 .siblings::after{ display:none!important; } /*鍦ㄧ嚎瀹㈡湇棰滆壊*/ .pl_service2 .service_value, .pl_service2 .service_item { background-color: var(--bgcolor)!important; } .pl_service2 .service_value, .pl_service2 .service_item { background-color: var(--bgcolor)!important; } .pl_service2 .service_value::after { border-left: 6px solid var(--bgcolor)!important; } .pl_service2 .service_icon .icon { fill: #fff!important; }.pl_service2 .service_value .p_doThirdFunc .icon { display: none; } /*缈婚〉棰滆壊*/ .page_a.current:hover { background-color: var(--bgcolor)!important; color: rgba(255, 255, 255, 1); border-color: var(--bgcolor)!important; } .page_a.current { background-color: var(--bgcolor)!important; font-size: 14px; font-family: Arial; color: rgba(255, 255, 255, 1); border-style: solid; border-width: 0; border-color: var(--bgcolor)!important; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .page_a:hover { color: var(--bgcolor)!important; border-color: var(--bgcolor)!important; background-color: rgba(255, 255, 255, 0); } /*瑙﹀彂鎸夐挳*/ .hyh_button{ border-radius: 30px; border:1px solid var(--bgcolor); color: var(--bgcolor); } .hover { background-color: rgba(0, 0, 0, 0); position: relative; transition: all .5s ease; z-index: 1; overflow: hidden; } .hover span { position: relative; z-index:2; } .hover:hover:after { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .hover:after { content: ''; position: absolute; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; background: var(--bgcolor); border: 1px solid var(--bgcolor); z-index: 1; transition: all .5s ease; } /*鏂囧瓧闂姩*/ #c_static_001-1645253205640 .s_title span , #c_static_001-16575286501900 .s_title span { opacity:0; display:inline-block; min-width:0.5em; letter-spacing:0.1em; transition: all .2s; text-transform:uppercase; } #c_static_001-1645253205640 .s_title.response-transition span , #c_static_001-16575286501900 .s_title.response-transition span { transition: all .2s; opacity:1; } .light .yjTitle{ background-color:var(--textcolor)!important; } .ejTitle:hover { background-color: var(--textcolor)!important; } .yjTitle:hover { background-color:var(--textcolor)!important; } .mt20{margin-top:20px;} .img100 { position: relative; padding-bottom: 100%; } .img100 img { position: absolute; left: 50%; top: 50%; transition: all .5s ease; transform: translate(-50%, -50%) scale(1, 1); } .img100:hover img { position: absolute; left: 50%; top: 50%; transition: all .5s ease; transform: translate(-50%, -50%) scale(1.15, 1.15); } .img75 { position: relative; padding-bottom: 75%; } .img75 img { position: absolute; left: 50%; top: 50%; transition: all .5s ease; transform: translate(-50%, -50%) scale(1, 1); } .img75:hover img { position: absolute; left: 50%; top: 50%; transition: all .5s ease; transform: translate(-50%, -50%) scale(1.15, 1.15); } .img125 { position: relative; padding-bottom: 125%; } .img125 img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1, 1); -webkit-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); -webkit-transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; } .img125:hover img { -webkit-transform: translate(-50%, -50%) scale(1.15, 1.15); -ms-transform: translate(-50%, -50%) scale(1.15, 1.15); transform: translate(-50%, -50%) scale(1.15, 1.15); opacity: 1; -webkit-transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; } .big_img img { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: -webkit-transform 1s linear; transition: transform 1s linear; transition: transform 0.35s ease 0s; } .big_img:hover img { -webkit-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); opacity: 1; -webkit-transition: -webkit-transform 0.6s ease 0s; transition: transform 0.6s ease 0s; } /*婊戝姩鍏夌嚎*/ .line{ border-left:1px solid rgba(255,255,255,.3); } .line::after { content: ""; display: block; position: absolute; height: 10px; width: 1px; top: 0; left: -1px; background-color: #fff; -webkit-animation: moveLeftBounces-one 20s linear infinite; animation: moveLeftBounces-one 20s linear infinite; } .line::after { -webkit-animation-delay: 2s; animation-delay: 2s; } @-webkit-keyframes moveLeftBounces-one { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(1000px); transform: translateY(1000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes moveLeftBounces-one { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(1000px); transform: translateY(1000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } /*鐣欒█琛ㄥ崟*/ .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 15px); padding: 0.375rem 0.8rem; line-height: 1.5; color: #495057; background-color: #fbfbfb; background-clip: padding-box; border: 2px solid #ced4da; border-radius: 0.25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: none !important; } .p_required, [class^=e_][required] .p_label::after { vertical-align: middle; font-size: 14px; line-height: 100%; top: 0; padding-left: 0px; position: relative; font-weight: 500; } .p_label .s_label{ color: rgb(0 0 0 / 50%); } /*瀹瑰櫒婊戝姩 .response-transition .s_layout .p_item:nth-child(1){ animation-name:fadeInUp; animation-duration:2s; animation-delay:0.3s; animation-fill-mode:both; opacity:1; } .response-transition .s_layout .p_item:nth-child(2){ animation-name:fadeInUp; animation-duration:2s; animation-delay:0.8s; animation-fill-mode:both; opacity:1; } .response-transition .s_layout .p_item:nth-child(3){ animation-name:fadeInUp; animation-duration:2s; animation-delay:1.1s; animation-fill-mode:both; opacity:1; } .response-transition .s_layout .p_item:nth-child(4){ animation-name:fadeInUp; animation-duration:2s; animation-delay:1.5s; animation-fill-mode:both; opacity:1; } .response-transition .s_layout .p_item:nth-child(5){ animation-name:fadeInUp; animation-duration:2s; animation-delay:2s; animation-fill-mode:both; opacity:1; } /*寰幆浣 .response-transition .p_list .p_loopitem:nth-child(1){ animation-name:fadeInUp; animation-duration:2s; animation-delay:0.3s; animation-fill-mode:both; opacity:1; } .response-transition .p_list .p_loopitem:nth-child(2){ animation-name:fadeInUp; animation-duration:2s; animation-delay:0.8s; animation-fill-mode:both; opacity:1; } .response-transition .p_list .p_loopitem:nth-child(3){ animation-name:fadeInUp; animation-duration:2s; animation-delay:1.1s; animation-fill-mode:both; opacity:1; } .response-transition .p_list .p_loopitem:nth-child(4){ animation-name:fadeInUp; animation-duration:2s; animation-delay:1.5s; animation-fill-mode:both; opacity:1; } .response-transition .p_list .p_loopitem:nth-child(5){ animation-name:fadeInUp; animation-duration:2s; animation-delay:2s; animation-fill-mode:both; opacity:1; } .response-transition .p_list .p_loopitem:nth-child(6){ animation-name:fadeInUp; animation-duration:2s; animation-delay:2.5s; animation-fill-mode:both; opacity:1; }*/ @media only screen and (max-width: 768px){ .e_bannerA-2 .p_info h1.p_btitle{ font-size: 1.5rem!important; } .p_articles img{ max-width: 800px!important;height: auto!important; width: 100%!important;display: block!important; margin: 0 auto; } .moveBtn{ background-color:var(--textcolor)!important; border: 1px solid var(--textcolor)!important; } .yjLink{ color: #666!important; } } /*寰幆浣撴粦鍔?/ /*bootstrap 鍝嶅簲寮忔牱寮?/ .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } }