html { font-size: 14px; }
html { position: relative; min-height: 100%; }
body { margin-bottom: 60px; }

@media (max-width: 767px) {
    .navbar { line-height: 3.21rem !important; }
    .pdbox { padding-left: 0 !important; }
    .break-hidden { display: none; }
    .break-point { display: inline-block; width: 100%; }
}

@media (min-width: 768px) {
    a.navbar-brand { margin-right: 40px; }
    .nav-item { width: 100px; }
}

.pdbox { padding: 50px 0 50px 45px; }

a { color: #0366d6; }
.btn-primary { color: #fff; background-color: #1b6ec2; border-color: #1861ac; }

a.navbar-brand { font-size: 2rem; padding-left: 90px; background: url("img/LogoFont.png") left no-repeat; white-space: normal; text-align: center; word-break: break-all; font-family: Times New Roman; }
.navbar { position: fixed; width: 100%; top: 0; z-index: 9999; background-color: rgba(0,0,0,0.2); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: none; -webkit-box-shadow: none; }
.navbar .navbar-brand { color: #fff; overflow: hidden; word-break: keep-all; }
.navbar .navbar-brand:hover { color: #fff; }
.navbar-nav .nav-item { text-align: right; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #1b6ec2; border-color: #1861ac; }
.nav-item a { font-size: 1.1rem; color: #fff; }
.nav-item a:hover { font-weight: bold; color: #fff; }
.navbar-toggler { border: 1px solid #fff !important; }
.navbar-toggler:focus { outline: none; }
.navbar-toggler > .iconfont { color: #fff; font-size: 1.25rem; line-height: 1.5; }

.hero { width: 100%; background-repeat: no-repeat; box-shadow: 0 0 8px 1px rgba(0,0,0,.3); }
.hero p { font-size: 18px; }
.hero.home { height: 1080px; }
.hero.home > .container { padding-top: 435px; }
.hero.home.s1 { background: url("img/home1.jpg") center; }
.hero.home.s2 { background: url("img/home2.jpg") center; }
.hero.home.s3 { background: url("img/home3.jpg") center; }

.hero.aboutus, .hero.product > .container { padding-top: 335px; }
.hero.aboutus { height: 700px; background: url("img/aboutus.jpg") center; }
.hero.product { height: 700px; background: url("img/product.jpg") center; }

.sv-title { color: #336633; text-shadow: 1px 1px 0px #b7c6b3; line-height: 50px; }

.services { padding: 55px 0 55px 0; }
.services .hebox { text-decoration: none; color: #333; margin: 30px; border: 1px solid #fff; }
.services .hebox:hover { border: 1px solid #eee; border-radius: 8px; box-shadow: 0 5px 8px rgba(0,0,0,.15); }
.services .hebox:hover .iconfont { color: #0366d6; }
.services .hebox:hover h3 { color: #0366d6; }

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

button.accept-policy { font-size: 1rem; line-height: inherit; }

.icbox { width: 100px; height: 100px; margin: auto; }
.icbox .iconfont { font-size: 64px; }

.mdbox { padding: 25px; }
.mdbox > p { text-indent: 28px; }


.text-bg-rebecca { background-color: rebeccapurple; color: #fff; }
.text-bg-orange { background-color: #fd7e14; color: #fff; }
.text-bg-pink { background-color: #de5c9d; color: #fff; }
.text-bg-teal { background-color: #4D8076; color: #fff; }
.text-bg-cyan { background-color: #0dcaf0; color: #fff; }
.text-bg-aqua { background-color: #00a7d0; color: #fff; }
.text-bg-brown { background-color: saddlebrown; color: #fff; }
.text-bg-olive { background-color: #5c8f00; color: #fff; }
.text-bg-gray { background-color: dimgray; color: #fff; }
.text-bg-purple { background-color: purple; color: #fff; }
.text-bg-darkslate { background-color: darkslateblue; color: #fff; }

.tidt30 { text-indent: 29px; }

.footer { background-color: #1a2744; color: #d5edff; position: absolute; bottom: 0; width: 100%; word-break: keep-all; white-space: normal; padding: 16px 16px; }
.footer div a { color: #92c4ff; }