/* ===== key-base.css: Fonts, CSS Variables, Reset, Utility Classes, Headings ===== */

@charset "utf-8";@font-face{font-family:'Open Sans';src:url('../fonts/Open Sans.woff2');src:url('../fonts/Open Sans.eot?#iefix') format('Open Sans'),url('../fonts/Open Sans.woff') format('woff'),url('../fonts/Open Sans.ttf') format('truetype'),url('../fonts/Open Sans.svg#Open Sans') format('svg');font-display:swap}

@font-face{font-family:'Open Sans Light';src:url('../fonts/Open Sans Light.woff2');src:url('../fonts/Open Sans Light.eot?#iefix') format('Open Sans Light'),url('../fonts/Open Sans Light.woff') format('woff'),url('../fonts/Open Sans Light.ttf') format('truetype'),url('../fonts/Open Sans Light.svg#Open Sans Light') format('svg');font-display:swap}

@font-face{font-family:'open-sans-bold';src:url('../fonts/open-sans-bold.woff2');src:url('../fonts/open-sans-bold.eot?#iefix') format('Open Sans Light'),url('../fonts/open-sans-bold.woff') format('woff'),url('../fonts/open-sans-bold.ttf') format('truetype'),url('../fonts/open-sans-bold.svg#open-sans-bold') format('svg');font-display:swap}

.light-font{font-family:'Open Sans Light',sans-serif}

.bold-font{font-family:'open-sans-bold',sans-serif}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

:root{--main-yellow-color:#f3e04e;--main-blue-color:#004a99;--main-blue-2-color:#007bff;--main-white-color:#ffffff;--main-black-color:#000000;--nav-height:70px;--main-hui-color:#efefef;--main-link-color:#033fac}

html,body{scroll-behavior:smooth}

body{margin:0px;padding:0px;font-family:'Open Sans',sans-serif;background-position:top center;background-repeat:no-repeat;font-size:16px;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;color:#444}

ul,li{list-style:none;padding:0px;margin:0px}

a,a:hover,a:focus{text-decoration:none;transition:all ease .2s}

a{color:var(--main-link-color)}

a:hover,a:focus{color:var(--main-black-color);text-decoration:none}

input,textarea,select,a:focus,button{outline:none;font-family:'Open Sans',sans-serif}

p{margin-bottom:25px}

ul,ol{padding-left:18px;margin-bottom:20px}

.noul{padding-left:0;list-style:none}

ul li,ol li{margin-bottom:10px}

ul ul,ol ul,ul ol{margin-bottom:10px;margin-top:10px}

.red{color:red}

.orange{color:#fa8b15}

.gray{color:#777}

.mtop10,.mt-10{margin-top:10px}

.mtop15,.mt-15{margin-top:15px}

.mtop20,.mt-20{margin-top:20px}

.mtop30,.mt-30{margin-top:30px}

.mtop40,.mt-40{margin-top:40px}

.mtop50,.mt-50{margin-top:50px}

.mbottom10,.mb-10{margin-bottom:10px}

.mbottom15,.mb-15{margin-bottom:15px}

.mbottom20,.mb-20{margin-bottom:20px}

.mbottom30,.mb-30{margin-bottom:30px}

.mbottom40,.mb-40{margin-bottom:40px}

.mbottom50,.mb-50{margin-bottom:50px}

.ptop15,.pt-15{padding-top:15px}

.ptop20,.pt-20{padding-top:20px}

.ptop30,.pt-30{padding-top:30px}

.ptop40,.pt-40{padding-top:40px}

.ptop50,.pt-50{padding-top:50px}

.pbottom15,.pb-15{padding-bottom:15px}

.pbottom20,.pb-20{padding-bottom:20px}

.pbottom30,.pb-30{padding-bottom:30px}

.pbottom40,.pb-40{padding-bottom:40px}

.pbottom50,.pb-50{padding-bottom:50px}

.pagewidth{max-width:1280px;margin:auto;position:relative;box-sizing:border-box;padding-left:15px;padding-right:15px;}

.pagewidth .row{padding-left:0 !important;padding-right:0 !important}

.p-s-cont{line-height:28px;box-sizing:border-box}

.btn{padding:8px 25px 8px 25px;border-radius:5px;background-color:var(--main-yellow-color);color:var(--main-black-color);border:0px}

.btn:hover{background-color:var(--main-blue-color);color:var(--main-white-color) !important}

.badiantable tbody > tr:first-child td{background-color:var(--main-yellow-color);color:var(--main-black-color) !important}

.badiantable .btn:hover{background-color:var(--main-blue-color);color:var(--main-white-color) !important}

.h2_tit{display:block;border-left:8px solid #f3e04e;padding-left:10px;background-color:#f8f8f8;padding-top:15px;padding-bottom:15px;margin-bottom:20px !important;color:#000;font-size:18px !important}

.h2_tit a{color:#1856b2}

.h3_tit{display:block;padding-bottom:12px;margin-bottom:10px !important;position:relative;padding-left:20px;font-size:18px !important}

.h3_tit:before{content:"";position:absolute;top:4px;left:0px;width:12px;height:12px;background-color:#000}

.h4_tit{display:inline-block;padding-top:12px;padding-bottom:12px;margin-bottom:10px !important;border-bottom:1px solid #1856b2}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}

.row-no-gutters{margin-right:0;margin-left:0}

.row-no-gutters [class*="col-"]{padding-right:0;padding-left:0}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;line-height:1.1;color:inherit}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#777777}

h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}

h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}

h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}

h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}

h1,.h1{font-size:36px}

h2,.h2{font-size:30px}

h3,.h3{font-size:24px}

h4,.h4{font-size:18px}

h5,.h5{font-size:14px}

h6,.h6{font-size:12px}

p{margin:0 0 10px}