body { background-color: #ffffff; font-family: 'Open Sans'; } .nav-es { background-color: #005aa1; } .nav-es a { float: right; color: #ffffff; font-size: 12px; text-decoration: none; padding: 3px 5px; } .nav-es a:hover { background-color: #014d89; } .navbar{ margin-bottom: 0px; } .navbar-fixed-top, .navbar-fixed-bottom { position: relative; z-index: 0; } .navbar-default { background-color: #ffffff; border-color: #8d8d8d; } .navbar-default .navbar-nav > li > a { color: #333333; } .navbar-brand { float: left; font-size: 18px; height: 100px; line-height: 20px; padding: 15px 15px; } .navbar-nav { margin-top: 31px; } .navbar-nav > li > a { line-height: 10px; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #1869a9; color: #ffffff; } .navbar-default .navbar-nav li a:focus, .navbar-default .navbar-nav li a:hover { background-color: #1869a9; color: #ffffff; } .Q-ktf { background-image: url("../images/bg-Q-ktf.png"); background-position: center top; background-repeat: no-repeat; padding-top: 50px; padding-bottom: 60px; } .Q-ktf p { font-size: 20px; color: #878787; font-weight: lighter; } .K-Box { background-color: #005ba1; } .K-Box .Box-TF { margin-top: 20px; margin-bottom: 20px; } .K-Box .Box-Img { min-height: 70px; } .K-Box .Box-Title h3 { color: #ffffff; font-size: 22px; margin-top: 10px; } .K-Box .Box-Title h3:hover { text-decoration: underline; } .K-Box .Box-Paragraph { min-height: 80px; margin-bottom: 10px; } .K-Box .Box-Paragraph p { color: #ffffff; font-size: 14px; margin: 0px; } .Box-TF .btn-primary { background-color: #8cb4d2; border-color: 1px solid #4082b6; } .Box-TF .btn { border-radius: 0px; font-size: 16px; padding: 3px 20px; } .Box-TF .btn-primary:hover { background-color: #6297bf; border-color: #ffffff; } .K-Cto { background-image: url("../images/bg-K-Cto.png"); background-position: center top; } .K-Form { width: 50%; margin: 0 auto; margin-bottom: 20px; } .PC-Form { width: 80%; margin: 0 auto; margin-bottom: 20px; margin-top: 20px; } .Form-Contac { margin-top: 30px; margin-bottom: 30px; } .Form-Contac h3 { margin-top: 0px; color: #005aa1; } .K-Form-I { margin-bottom: 12px; } .K-Form-I h2 { color: #ffffff; font-size: 35px; } .K-Form-I .btn-primary { background-color: #8cb4d2; border-color: 1px solid #4082b6; } .PC-Form .K-Form-I .btn-primary{ background-color: #005aa1; border-color: 1px solid #4082b6; } .K-Form-I .btn-primary:hover { background-color: #6297bf; border-color: #ffffff; } .PC-Form .K-Form-I .btn-primary:hover { background-color: #8cb4d2; border-color: 1px solid #ffffff; } .K-Form-I .btn { border-radius: 0px; } .footer { background-color: #242424; padding: 15px 0px; } .footer .navbar-nav { margin-top: 18px; float: left; } .footer .navbar-nav > li > a{ padding-top: 0px; padding-bottom: 0px; font-size: 15px; color: #ffffff; line-height: 20px; } .footer .nav > li > a:hover, .footer .nav > li > a:focus { background-color: transparent; text-decoration: underline; } .Img-Rs { float: right; } .Img-Rs .Img-Fb { float: left; margin-right: 15px; } .Img-Rs .Img-Tw { float: right; } .footer p { margin-bottom: 0px; color: #9d9d9d; } @media (max-width: 740px) { .K-Form { width: 80%; } .PC-Form { width: 100%; } .navbar-wrapper ul.navbar-nav { margin-top: 0px; } } @media (max-width: 560px) { .footer .navbar-nav { float: none; max-width: 100%; } .Img-Rs { float: none; max-width: 50%; } .K-Form { width: 100%; } .Q-ktf p { font-size: 15px; color: #878787; font-weight: lighter; } .Q-ktf { padding-top: 30px; padding-bottom: 40px; } .footer .col-md-12 { margin-bottom: 15px; } .Img-Rs { margin-top: 15px; } .navbar-wrapper ul.navbar-nav { margin-top: 0px; } } .Ks-Title { background-image: url("../images/bg-Ks-Title.png"); background-position: center top; background-size: cover; height: 100%; border-bottom: 2px solid #7f7f7f; } .Ks-Title h2 { color:#ffffff; margin-top: 35px; font-weight: 600; margin-bottom: 35px; font-size: 42px; } .SP-Gy { background-color: #f5f5f5; min-height: 175px; padding-bottom: 10px; border-right: 5px solid #f5f5f5; border-bottom: 1px solid #e2e2e2; } .SP-Gy h3 { color: #005aa1; } .SP-Gy img { margin-top: 30px; } .SP-Gy:hover { background-color: #dadada; border-right: 5px solid #005aa1; } .SP-We { background-color: #ffffff; min-height: 175px; padding-bottom: 10px; border-left: 5px solid #ffffff; border-bottom: 1px solid #e2e2e2; } .SP-We h3 { color: #005aa1; } .SP-We img { margin-top: 30px; } .SP-We:hover { background-color: #dadada; border-left: 5px solid #005aa1; } .Q-Content { margin-bottom: 30px; } .Q-Content h3 { color: #005aa1; } .sidebar-nav { background-color: #888888; margin-top: 15px; } .sidebar-nav li { border-bottom: 1px solid #ffffff; } .sidebar-nav li a { padding: 8px 15px; color: #ffffff; border-left: 8px solid #b1b1b1; } .sidebar-nav li a:hover { padding: 8px 15px; color: #ffffff; background-color: #005ba1; border-left: 8px solid #137ccc; } .bg-gray { background-color: #f5f5f5; padding: 25px 20px 10px 0px; } .bg-gray h4 { color: #064475; margin-top: 0px; } .bg-gray p { margin-bottom: 0px; } .bg-gray ul { list-style-type: none; padding-left: 20px; } .bg-gray ul li { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; margin: 5px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; } .bg-gray ul li:hover { background-color: #dadada; margin-left: 10px; }