html {
margin-top: 0 !important;
}
body { }
.fw600 {
font-weight: 600;
}
a:hover,
.btn:hover {
cursor: pointer;
}
.term-desc ul,
.term-desc ol {
margin: 0;
padding: 0;
margin-left: 3rem;
}
.header-menu {
margin: 0;
}
.header-logo div {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
h1.logo-title {
margin: 0;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
font-weight: 600;
color: #333;
font-size: 2.8rem; text-align: center; }
.logo {
text-align: center;
height: 60px;
}
.logo-company {
text-align: left;
float: left;
}
.header-logo {
margin-top: 0;
clear: both;
}
.logo span {
margin-left: 1rem;
font-size: 1.4rem;
text-align: right; vertical-align: baseline;
vertical-align: -webkit-baseline-middle;
}
.logo img { vertical-align: middle;
max-height: 60px;
max-width: 200px;
width: auto;
height: auto;
}
nav {
padding-left: 0 !important;
padding-right: 0 !important;
}
.nav-global>ul>li>a {
padding: 1rem;
font-size: 1.4rem;
}
.nav-link {
font-size: 1.8rem;
}
.header-menu-content {
float: right;
}
.content-inner p {
font-size: 1.4rem;
}
.term-desc {
padding: 1.4rem;
border: 1px solid #ccc;
background: #f6f6f6;
font-size: 1.4rem;
}
i.fa-lock {
font-size: 1.6rem;
}
i.fa-lock.big {
color: #ff0200;
font-size: 2.8rem;
}
h2.hdg-l0 { background: #f6f6f6;
font-size: 1.8rem;
}
h3.hdg-l2 {
border-top-left-radius: 0.5rem;
border-top-right-radius: 2rem;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 2rem;
background: rgba(205, 43, 30, 0.75);
padding: 1.4rem;
padding-left: 2rem;
color: #fff;
font-size: 1.8rem; border-bottom: 3px solid #ff0200;
}
.cont-box {
padding: 1.4rem;
margin: 0;
}
.cont-box img { width: 240px;
max-width: 100%;
height: auto;
border: 1px solid #ccc;
}
.cont-box img.playmark-thumb {
border: none;
}
.list-thumb {
max-width: initial;
max-width: 100%;
text-align: center;
}
.list-title {
margin: 0;
margin-bottom: 1rem;
}
.list-desc {
margin: 0.5em 0 0;
}
.list-text-docs {
max-width: 100%; text-align: center;
}
.btn-download {
width: 100%;
font-size: 12px;
}
.logo-title span {
font-size: 1.4rem;
}
.btn-download.btn {
white-space: initial;
width: 100%;
text-align: left; font-size: 1.2rem;
}
.btn-download.btn p {
font-weight: 600;
text-align: center;
font-size: 1.4rem;
width: 100%;
border-bottom: 1px solid #ff0200;
margin-bottom: 0.6rem;
}
.btn-closed.btn {
min-width: initial;
padding: 4px 8px 4px 22px;
background: #cd2b1e;
border-color: #cd2b1e !important;
color: #fff;
border-radius: 6px;
}
.btn-opened.btn {
min-width: initial;
padding: 4px 8px 4px 22px;
background: #04c1b2;
border-color: #04c1b2 !important;
color: #fff;
border-radius: 6px;
}
.btn-closed.btn:hover {
background: #fff;
color: #cd2b1e;
}
.btn-opened.btn:hover {
background: #fff;
color: #04c1b2;
}
.btn-opened.btn p,
.btn-closed.btn p {
margin: 0;
}
.btn-opened.btn::before,
.btn-closed.btn::before {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.btn-opened.btn:hover::before {
border-top: 1px solid #04c1b2;
border-right: 1px solid #04c1b2;
}
.btn-closed.btn:hover::before {
border-top: 1px solid #cd2b1e;
border-right: 1px solid #cd2b1e;
}
.logo li span.uname {
display: block;
padding: 1rem;
font-size: 1.4rem;
color: #555;
}
.logo li span.login-sts {
display: block;
font-weight: 400;
vertical-align: top;
background: #ff0200;
color: #fff;
padding: 0.2rem 0.6rem; }
@media screen and (max-width: 800px) {
.list-box {
text-align: center;
}
.cont-box img {
width: 100%;
max-width: 300px;
max-height: initial; }
.thumb-wrapper i {
font-size: 12rem;
opacity: 0.4;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
display: block !important;
}
.list-title {
margin-top: 2rem;
}
.cont-box img.playmark-thumb { max-width: 180px;
}
.thumb-wrapper i {
display: none !important;
}
}
.form-horizontal .control-label .form-check {
text-align: left;
}
#page-top {
position: fixed;
z-index: 999;
bottom: 20px;
right: -5px;
}
.pt0-imp {
padding-top: 0 !important
}
.pb0-imp {
padding-bottom: 0 !important
}
.mt0-imp {
margin-top: 0 !important
}
.mb0-imp {
margin-bottom: 0 !important
}
.pd30 {
padding: 30px 0 !important;
}
*:focus {
outline: none !important;
} .sp {
display: none;
}
#infomation p {
margin-bottom: 0;
}
a.cat-p-name {
font-size: 2.0rem;
font-weight: 600;
text-align: center;
width: 100%;
margin: 4rem 0 0;
display: block;
padding: 1rem;
color: #fff;
}
h3.hdg-p-l2 {
font-size: 2.4rem;
font-weight: 600;
text-align: center;
margin: 4em 0 1.4em;
}
h3.hdg-l2 {
margin-top: 1.4rem;
margin-bottom: 1.4rem;
}
.cont-box .row:last-of-type {
border-bottom: none;
}
.header-logo .logo-title a span {
line-height: initial;
}
div.form-lead {
margin: 0;
padding: 2rem 4rem 4rem;
line-height: 1.8;
}
h2.hdg-l0 {
padding: 0 !important;
}
.infomation-text {
padding: 20px 30px;
}
.list-text-docs .banner-box {
margin-top: 15px;
}
@media screen and (max-width: 991px) {
.cont-box img {
margin-bottom: 30px;
}
}
@media screen and (max-width: 800px) {
.logo span {
text-align: center;
display: inline-block;
margin: 2rem 0;
}
}
@media screen and (max-width: 480px) {
body {
padding-top: 15px !important;
}
h1.logo-title {
font-size: 2.2rem;
}
.thumb-wrapper i {
display: none !important;
}
.sp {
display: block;
} img.logo {
max-width: 200px;
}
.header-logo,
.logo-company {
text-align: center !important;
}
.cont-box img {
width: 100%;
max-height: initial; }
.cont-box img.playmark-thumb {
width: 40%;
display: block;
margin-left: auto;
margin-right: auto;
}
.list-thumb {
width: 100%;
text-align: center;
}
.list-thumb a {
display: block;
}
.list-title {
margin-top: 2rem;
}
.list-desc {
text-align: left;
}
.cont-box img.playmark-thumb {
max-width: 50%;
}
}
@media (min-width: 800px) {
.modal-dialog {
width: 940px;
max-width: 100%;
}
.form-horizontal .control-label {
text-align: left;
}
.list-text-docs .banner-box {
padding-left: 0; }
} .header {
border-bottom: none;
}
h1.logo-title {
padding: 30px 0px 20px;
line-height: 1.4;
}
.link-entry a.link-bnr {
margin-top: 1rem;
}
#btn-entry {
border-color: #fff !important;
}
#btn-entry.btn::before {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
#btn-entry:hover {
border-color: #cd2b1e !important;
}
#btn-entry.btn:hover::before {
border-top: 1px solid #cd2b1e;
border-right: 1px solid #cd2b1e;
}
.btn-main {
font-size: 1.8rem;
}
p.lock-desc {
margin: 30px 0px 30px;
}
.banner-box.link-entry {
margin-top: 30px;
}
#infomation p {
margin-block-start: 0;
margin-block-end: 0;
} h2.hdg-l0 {
font-weight: 400;
font-size: 1.4rem;
line-height: 2.6rem;
text-align: left; padding: 0 !important;
}
.infomation-text {
padding: 20px 30px;
}
h2.hdg-l0 .list-btn {
display: block;
margin-left: 0;
margin-top: 3rem;
}
h3.hdg-l2 {
margin-bottom: 0;
}
.cont-box .row {
padding: 30px 0;
}
.content-fluid {
padding: 30px 0px;
}
.cont-box {
padding: 0 1.4rem;
}
.nav-page {
margin: 30px 0px 30px;
} a.unlink:hover {
cursor: initial;
text-decoration: none;
}
#infomation a,
.privacy-box a {
color: #3a8ff9;
text-decoration: underline;
}