html {
box-sizing: border-box
}
*,
*:before,
*:after {
box-sizing: inherit
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block
}
progress {
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,
a:hover {
outline-width: 0
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted
}
dfn {
font-style: italic
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
figure {
margin: 1em 40px
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
code,
kbd,
pre,
samp {
font-size: 1em
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
button,
input,
select,
textarea {
font: inherit;
margin: 0
}
optgroup {
font-weight: bold
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
html,body {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 12pt;
line-height: 1.5;
color: #505050
}
html {
overflow-x: hidden
}
a {
text-decoration: none;
color: #333
}
h1 {
font-size: 36px
}
h2 {
font-size: 30px
}
h3 {
font-size: 24px
}
h4 {
font-size: 20px
}
h5 {
font-size: 18px
}
h6 {
font-size: 16px
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
margin: 20px 0 10px
}
hr {
border: 0;
border-top: 1px solid #eee;
margin: 20px 0
}
p {
margin: 0 0 10px
}
.aligncenter {
max-width: 100%;
display: block;
margin: 0 auto;
text-align: center;
}
.nut_ta .aligncenter{
padding-top: 0px;
}
.headerCamKet__item,
.homeTitle,
.regist,
.introNav>li>a,
.iPro .tab-link,
.siteTitle,
.cateMain .media-title,
.sidebarTitle,
.prodPostButton-num,
.prodPost__bl,
.toolBarNav,
footer .infoBox__title {
}
.table {
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0
}
.table th {
text-align: left
}
.table th,
.table td {
padding: 0.5rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table-bordered {
border: 1px solid #dee2e6
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6
}
.table-striped tr:nth-of-type(even) {
background-color: rgba(0, 0, 0, 0.05)
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.panel {
padding: 0.01em 15px;
margin-top: 15px;
margin-bottom: 15px;
background: #eee
}
.thumbPic {
margin: 0
}
.thumbPic:hover img {
transition: 0.3s;
opacity: 0.8
}
.thumbPic img {
line-height: 1;
max-width: 100%
}
.thumbPic__title {
padding-top: 10px
}
.breadcrumb {
width: 100%;
height: auto;
background: #47588e;
padding: 10px 0 10px 20px
}
.breadcrumb a {
color: #fff
}
.breadcrumb span {
color: #fff
}
.breadcrumb span:active {
color: #ffa6a6
}
.navIcon {
top: 24px;
right: 20px;
display: none;
position: fixed;
cursor: pointer
}
@media (max-width: 812px) {
.navIcon {
display: block
}
}
.navIcon__line {
width: 30px;
height: 2px;
margin: 6px 0;
transition: 0.4s
}
.navIcon__line-black {
background-color: #333
}
.navIcon__line-white {
background-color: #fff
}
.navIcon.change .navIcon__line-1 {
transform: rotate(-45deg) translate(-5px, 6px)
}
.navIcon.change .navIcon__line-2 {
opacity: 0
}
.navIcon.change .navIcon__line-3 {
transform: rotate(45deg) translate(-5px, -7px)
}
.sidebar {
padding-top: 90px;
padding-left: 280px;
transition: 0.3s ease-in
}
@media (max-width: 812px) {
.sidebar {
padding-left: 20px
}
}
.sidebarShow {
padding-left: 280px
}
.sidebarShow .sidebarBox {
transform: translateX(0)
}
.sidebarBox {
width: 260px;
padding: 10px 20px;
height: 100%;
background-color: #fff;
position: fixed;
z-index: 1;
top: 80px;
bottom: 0;
overflow: auto
}
@media (max-width: 812px) {
.sidebarBox {
transition: 0.3s ease-out;
transform: translateX(-100%)
}
}
.sidebar-left {
left: 0;
border-right: 1px solid #e5e5e5
}
.pages {
margin: 20px auto;
display: table
}
.pages a,
.pages span {
background: none;
border: 1px solid #183c30;
color: #183c30;
margin: 0 4px 7px;
display: block;
float: left;
padding: 6px 15px !important;
transition: 0.6s
}
@media (max-width: 414px) {
.pages a,
.pages span {
padding: 2px 10px !important
}
}
.pages a.current,
.pages a:hover,
.pages span.current,
.pages span:hover {
background: #057acb;
transition: 0.6s;
color: #fff
}
.pages span.pages {
background: none;
color: #000
}
.container-full {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
position: relative
}
@media (min-width: 768px) {
.container {
width: 99%
}
}
@media (min-width: 992px) {
.container {
width: 99%
}
}
@media (min-width: 1200px) {
.container {
width: 1240px
}
}
@media (min-width: 1360px) {
.container {
width: 1280px
}
}
.block {
display: block;
width: 100%
}
.list {
list-style-type: none;
padding: 0;
margin: 0
}
.list li {
padding: 8px 16px;
border-bottom: 1px solid #eee
}
.list li:last-child {
border-bottom: none
}
.list-lineNone li {
border-bottom: none
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.border {
border: 1px solid #ccc
}
.btn,.registButton,.button {
border: none;
display: inline-block;
padding: 8px 16px;
vertical-align: middle;
overflow: hidden;
text-decoration: none;
color: inherit;
background-color: inherit;
text-align: center;
cursor: pointer;
white-space: nowrap;
background: #eee
}
.registButton:hover {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.media img {
width: 100%
}
.media-body {
-ms-flex: 1;
flex: 1;
padding-left: 20px
}
@media (max-width: 320px) {
.media-body {
padding-left: 10px
}
}
.media-body-left {
padding-left: 0;
padding-right: 20px
}
.iconMid {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.iconMid i:before {
margin: 0
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.857143%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.rowpro {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-md-1,.col-md-2,.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,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.siteMain .row .col-lg-3{
padding-right: 0px;
padding-left: 15px;
}
.siteMain .row .col-lg-3.1{
padding-right: 0px;
padding-left: 0px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-6-mua-hang{
-ms-flex: 0 0 50%;
flex: 0 0 100%;
max-width: 100%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding: 10px;
border: 1px solid #f1f1f1;
}
.col-md-3:hover{
box-shadow: -4px 8px 10px -4px #c9c9c9;
transition:.3s
}
.col-md-3:hover img{
transform: translateY(-5px);
transition:.5s
}
.col-md-3_menu{
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%;
padding-bottom:10px !important;
}
.col-md-3-home {
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%;
padding: 10px;
border: 1px solid #f1f1f1;
}
.col-md-3-home:hover{
box-shadow: -4px 8px 10px -4px #c9c9c9;
transition:.3s
}
.col-md-3-home:hover img{
transform: translateY(-5px);
transition:.5s
}
.col-md-3-footer{
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%;
padding-bottom:5px
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.col-md-6-menu {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-6-slide{
-ms-flex:0 0 80%;
flex:0 0 80%;
max-width:80%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 15%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-3-home,.col-lg-3-slide{
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-9-home {
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%
}
.col-lg-9_post{
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
.flex {
display: -ms-flexbox;
display: flex
}
.flex-inline {
display: -ms-inline-flexbox;
display: inline-flex
}
.flex-row {
flex-direction: row;
-ms-flex-direction: row
}
.flex-row-reverse {
flex-direction: row-reverse;
-ms-flex-direction: row-reverse
}
.flex-column {
flex-direction: column;
-ms-flex-direction: column
}
.flex-column-reverse {
flex-direction: column-reverse;
-ms-flex-direction: column-reverse
}
.flex-fill {
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.flex-grow {
-ms-flex-positive: 1;
flex-grow: 1
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.justify-content-start {
-ms-flex-pack: start;
justify-content: flex-start
}
.justify-content-end {
-ms-flex-pack: end;
justify-content: flex-end
}
.justify-content-center {
-ms-flex-pack: center;
justify-content: center
}
.justify-content-between {
-ms-flex-pack: justify;
justify-content: space-between
}
.justify-content-around {
-ms-flex-pack: distribute;
justify-content: space-around
}
.align-content-start {
-ms-flex-line-park: start;
align-content: flex-start
}
.align-content-end {
-ms-flex-line-park: end;
align-content: flex-end
}
.align-content-center {
-ms-flex-line-park: center;
align-content: center
}
.align-content-between {
-ms-flex-line-park: justify;
align-content: space-between
}
.align-content-around {
-ms-flex-line-park: distribute;
align-content: space-around
}
.align-content-stretch {
-ms-flex-line-park: stretch;
align-content: stretch
}
.align-items-start {
-ms-flex-align: start;
align-items: flex-start
}
.align-items-end {
-ms-flex-align: end;
align-items: flex-end
}
.align-items-center {
-ms-flex-align: center;
align-items: center
}
.align-items-baseline {
-ms-flex-align: baseline;
align-items: baseline
}
.align-items-stretch {
-ms-flex-align: stretch;
align-items: stretch
}
.align-self-auto {
-ms-flex-item-align: auto;
align-self: auto
}
.align-self-start {
-ms-flex-item-align: start;
align-self: flex-start
}
.align-self-end {
-ms-flex-item-align: end;
align-self: flex-end
}
.align-self-center {
-ms-flex-item-align: center;
align-self: center
}
.align-self-baseline {
-ms-flex-item-align: baseline;
align-self: baseline
}
.align-self-stretch {
-ms-flex-item-align: stretch;
align-self: stretch
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.order-0 {
-ms-flex-order: 0;
order: 0
}
.order-1 {
-ms-flex-order: 1;
order: 1
}
.order-2 {
-ms-flex-order: 2;
order: 2
}
.order-3 {
-ms-flex-order: 3;
order: 3
}
.order-4 {
-ms-flex-order: 4;
order: 4
}
.order-5 {
-ms-flex-order: 5;
order: 5
}
.order-6 {
-ms-flex-order: 6;
order: 6
}
.order-7 {
-ms-flex-order: 7;
order: 7
}
.order-8 {
-ms-flex-order: 8;
order: 8
}
.order-9 {
-ms-flex-order: 9;
order: 9
}
.order-10 {
-ms-flex-order: 10;
order: 10
}
.order-11 {
-ms-flex-order: 11;
order: 11
}
.order-12 {
-ms-flex-order: 12;
order: 12
}
@media (min-width: 812px) {
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
}
@media (min-width: 992px) {
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
}
@media (min-width: 1200px) {
.order-xl-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12
}
}
.mr-auto {
margin-right: auto
}
.ml-auto {
margin-left: auto
}
@font-face {
src: url(../fonts/fontello.woff?39412834) format("woff");
font-weight: 400;
font-style: normal
}
[class^="icon-"]:before,[class*=" icon-"]:before,[class^="flex-"]:before,[class*=" flex-"]:before,.sidebarList li a:before {
font-style: normal;
font-weight: 400;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-spin6:before {
content: '\e800'
}
.icon-spin5:before {
content: '\e801'
}
.icon-spin4:before {
content: '\e802'
}
.icon-spin3:before {
content: '\e803'
}
.icon-spin2:before {
content: '\e804'
}
.icon-spin1:before {
content: '\e805'
}
.icon-glass:before {
content: '\e806'
}
.icon-music:before {
content: '\e807'
}
.icon-search:before {
content: '\e808'
}
.icon-mail:before {
content: '\e809'
}
.icon-mail-alt:before {
content: '\e80a'
}
.icon-heart:before {
content: '\e80b'
}
.icon-heart-empty:before {
content: '\e80c'
}
.icon-star:before {
content: '\e80d'
}
.icon-star-empty:before {
content: '\e80e'
}
.icon-star-half:before {
content: '\e80f'
}
.icon-star-half-alt:before {
content: '\e810'
}
.icon-user:before {
content: '\e811'
}
.icon-user-plus:before {
content: '\e812'
}
.icon-user-times:before {
content: '\e813'
}
.icon-users:before {
content: '\e814'
}
.icon-male:before {
content: '\e815'
}
.icon-female:before {
content: '\e816'
}
.icon-child:before {
content: '\e817'
}
.icon-video:before {
content: '\e818'
}
.icon-videocam:before {
content: '\e819'
}
.icon-picture:before {
content: '\e81a'
}
.icon-camera:before {
content: '\e81b'
}
.icon-camera-alt:before {
content: '\e81c'
}
.icon-th-large:before {
content: '\e81d'
}
.icon-th:before {
content: '\e81e'
}
.icon-th-list:before {
content: '\e81f'
}
.icon-ok:before {
content: '\e820'
}
.icon-ok-circled:before {
content: '\e821'
}
.icon-ok-circled2:before {
content: '\e822'
}
.icon-ok-squared:before {
content: '\e823'
}
.icon-cancel:before {
content: '\e824'
}
.icon-cancel-circled:before {
content: '\e825'
}
.icon-cancel-circled2:before {
content: '\e826'
}
.icon-plus:before {
content: '\e827'
}
.icon-plus-squared:before {
content: '\e828'
}
.icon-plus-squared-alt:before {
content: '\e829'
}
.icon-plus-circled:before {
content: '\e82a'
}
.icon-minus:before {
content: '\e82b'
}
.icon-minus-circled:before {
content: '\e82c'
}
.icon-minus-squared:before {
content: '\e82d'
}
.icon-minus-squared-alt:before {
content: '\e82e'
}
.icon-help:before {
content: '\e82f'
}
.icon-info-circled:before {
content: '\e830'
}
.icon-help-circled:before {
content: '\e831'
}
.icon-info:before {
content: '\e832'
}
.icon-home:before {
content: '\e833'
}
.icon-link:before {
content: '\e834'
}
.icon-unlink:before {
content: '\e835'
}
.icon-link-ext:before {
content: '\e836'
}
.icon-link-ext-alt:before {
content: '\e837'
}
.icon-attach:before {
content: '\e838'
}
.icon-lock:before {
content: '\e839'
}
.icon-lock-open:before {
content: '\e83a'
}
.icon-lock-open-alt:before {
content: '\e83b'
}
.icon-pin:before {
content: '\e83c'
}
.icon-eye:before {
content: '\e83d'
}
.icon-eye-off:before {
content: '\e83e'
}
.icon-tag:before {
content: '\e83f'
}
.icon-tags:before {
content: '\e840'
}
.icon-bookmark:before {
content: '\e841'
}
.icon-bookmark-empty:before {
content: '\e842'
}
.icon-flag:before {
content: '\e843'
}
.icon-flag-empty:before {
content: '\e844'
}
.icon-flag-checkered:before {
content: '\e845'
}
.icon-thumbs-up:before {
content: '\e846'
}
.icon-thumbs-down:before {
content: '\e847'
}
.icon-thumbs-up-alt:before {
content: '\e848'
}
.icon-thumbs-down-alt:before {
content: '\e849'
}
.icon-download:before {
content: '\e84a'
}
.icon-upload:before {
content: '\e84b'
}
.icon-download-cloud:before {
content: '\e84c'
}
.icon-upload-cloud:before {
content: '\e84d'
}
.icon-reply:before {
content: '\e84e'
}
.icon-reply-all:before {
content: '\e84f'
}
.icon-quote-right:before {
content: '\e850'
}
.icon-code:before {
content: '\e851'
}
.icon-export:before {
content: '\e852'
}
.icon-export-alt:before {
content: '\e853'
}
.icon-share:before {
content: '\e854'
}
.icon-pencil:before {
content: '\e855'
}
.icon-pencil-squared:before {
content: '\e856'
}
.icon-edit:before {
content: '\e857'
}
.icon-print:before {
content: '\e858'
}
.icon-retweet:before {
content: '\e859'
}
.icon-comment:before {
content: '\e85a'
}
.icon-chat:before {
content: '\e85b'
}
.icon-comment-empty:before {
content: '\e85c'
}
.icon-chat-empty:before {
content: '\e85d'
}
.icon-bell:before {
content: '\e85e'
}
.icon-bell-alt:before {
content: '\e85f'
}
.icon-bell-off:before {
content: '\e860'
}
.icon-bell-off-empty:before {
content: '\e861'
}
.icon-quote-left:before {
content: '\e862'
}
.icon-attention-alt:before {
content: '\e863'
}
.icon-attention:before {
content: '\e864'
}
.icon-attention-circled:before {
content: '\e865'
}
.icon-location:before {
content: '\e866'
}
.icon-direction:before {
content: '\e867'
}
.icon-compass:before {
content: '\e868'
}
.icon-trash:before {
content: '\e869'
}
.icon-trash-empty:before {
content: '\e86a'
}
.icon-doc:before {
content: '\e86b'
}
.icon-docs:before {
content: '\e86c'
}
.icon-doc-text:before {
content: '\e86d'
}
.icon-doc-inv:before {
content: '\e86e'
}
.icon-doc-text-inv:before {
content: '\e86f'
}
.icon-folder:before {
content: '\e870'
}
.icon-folder-open:before {
content: '\e871'
}
.icon-rss:before {
content: '\e872'
}
.icon-rss-squared:before {
content: '\e873'
}
.icon-phone:before {
content: '\e874'
}
.icon-phone-squared:before {
content: '\e875'
}
.icon-menu:before {
content: '\e876'
}
.icon-cog:before {
content: '\e877'
}
.icon-cog-alt:before {
content: '\e878'
}
.icon-wrench:before {
content: '\e879'
}
.icon-sliders:before {
content: '\e87a'
}
.icon-calendar:before {
content: '\e87b'
}
.icon-calendar-empty:before {
content: '\e87c'
}
.icon-login:before {
content: '\e87d'
}
.icon-logout:before {
content: '\e87e'
}
.icon-volume-off:before {
content: '\e87f'
}
.icon-volume-down:before {
content: '\e880'
}
.icon-volume-up:before {
content: '\e881'
}
.icon-headphones:before {
content: '\e882'
}
.icon-clock:before {
content: '\e883'
}
.icon-down-dir:before {
content: '\e884'
}
.icon-up-dir:before {
content: '\e885'
}
.icon-left-dir:before {
content: '\e886'
}
.icon-right-dir:before {
content: '\e887'
}
.icon-down-open:before {
content: '\e888'
}
.icon-left-open:before {
content: '\e889'
}
.icon-right-open:before {
content: '\e88a'
}
.icon-up-open:before {
content: '\e88b'
}
.icon-angle-left:before {
content: '\e88c'
}
.icon-angle-right:before {
content: '\e88d'
}
.icon-angle-up:before {
content: '\e88e'
}
.icon-angle-down:before {
content: '\e88f'
}
.icon-angle-circled-left:before {
content: '\e890'
}
.icon-angle-circled-right:before {
content: '\e891'
}
.icon-angle-circled-up:before {
content: '\e892'
}
.icon-angle-circled-down:before {
content: '\e893'
}
.icon-angle-double-left:before {
content: '\e894'
}
.icon-angle-double-right:before {
content: '\e895'
}
.icon-angle-double-up:before {
content: '\e896'
}
.icon-angle-double-down:before {
content: '\e897'
}
.icon-down:before {
content: '\e898'
}
.icon-left:before {
content: '\e899'
}
.icon-right:before {
content: '\e89a'
}
.icon-up:before {
content: '\e89b'
}
.icon-down-big:before {
content: '\e89c'
}
.icon-left-big:before {
content: '\e89d'
}
.icon-right-big:before {
content: '\e89e'
}
.icon-up-big:before {
content: '\e89f'
}
.icon-right-hand:before {
content: '\e8a0'
}
.icon-left-hand:before {
content: '\e8a1'
}
.icon-up-hand:before {
content: '\e8a2'
}
.icon-down-hand:before {
content: '\e8a3'
}
.icon-left-circled:before {
content: '\e8a4'
}
.icon-right-circled:before {
content: '\e8a5'
}
.icon-up-circled:before {
content: '\e8a6'
}
.icon-down-circled:before {
content: '\e8a7'
}
.icon-cw:before {
content: '\e8a8'
}
.icon-ccw:before {
content: '\e8a9'
}
.icon-arrows-cw:before {
content: '\e8aa'
}
.icon-level-up:before {
content: '\e8ab'
}
.icon-level-down:before {
content: '\e8ac'
}
.icon-check-empty:before {
content: '\e8ad'
}
.icon-check:before {
content: '\e8ae'
}
.icon-book:before {
content: '\e8af'
}
.icon-circle:before {
content: '\e8b0'
}
.icon-circle-empty:before {
content: '\e8b1'
}
.icon-circle-thin:before {
content: '\e8b2'
}
.icon-gift:before {
content: '\e8b3'
}
.icon-user-md:before {
content: '\e8b4'
}
.icon-stethoscope:before {
content: '\e8b5'
}
.icon-twitter:before {
content: '\e8b6'
}
.icon-tumblr:before {
content: '\e8b7'
}
.icon-skype:before {
content: '\e8b8'
}
.icon-gplus:before {
content: '\e8b9'
}
.icon-signal:before {
content: '\e8ba'
}
.icon-down-1:before {
content: '\e8bb'
}
.icon-left-1:before {
content: '\e8bc'
}
.icon-right-1:before {
content: '\e8bd'
}
.icon-up-1:before {
content: '\e8be'
}
.icon-vcard:before {
content: '\e8bf'
}
.icon-alert:before {
content: '\e8c0'
}
.icon-attention-1:before {
content: '\e8c1'
}
.icon-search-1:before {
content: '\e8c2'
}
.icon-user-1:before {
content: '\e8c3'
}
.icon-users-1:before {
content: '\e8c4'
}
.icon-user-add:before {
content: '\e8c5'
}
.icon-cancel-1:before {
content: '\e8c6'
}
.icon-check-1:before {
content: '\e8c7'
}
.icon-home-1:before {
content: '\e8c8'
}
.icon-attach-1:before {
content: '\e8c9'
}
.icon-users-2:before {
content: '\e8ca'
}
.icon-location-1:before {
content: '\e8cb'
}
.icon-location-2:before {
content: '\e8cc'
}
.icon-calendar-1:before {
content: '\e8cd'
}
.icon-user-2:before {
content: '\e8ce'
}
.icon-group:before {
content: '\e8cf'
}
.icon-search-2:before {
content: '\e8d0'
}
.icon-user-3:before {
content: '\e8d1'
}
.icon-ok-1:before {
content: '\e8d2'
}
.icon-ok-circle:before {
content: '\e8d3'
}
.icon-flight:before {
content: '\e8d4'
}
.icon-path:before {
content: '\e8d5'
}
.icon-accessibility:before {
content: '\e8d6'
}
.icon-gift-1:before {
content: '\e8d7'
}
.icon-check-2:before {
content: '\e8d8'
}
.icon-certificate:before {
content: '\e8d9'
}
.icon-down-2:before {
content: '\e8da'
}
.icon-left-2:before {
content: '\e8db'
}
.icon-right-2:before {
content: '\e8dc'
}
.icon-up-2:before {
content: '\e8dd'
}
.icon-phone-1:before {
content: '\e8de'
}
.icon-location-3:before {
content: '\e8df'
}
.icon-download-alt:before {
content: '\e8e0'
}
.icon-pencil-1:before {
content: '\e8e1'
}
.icon-edit-1:before {
content: '\e8e2'
}
.icon-edit-alt:before {
content: '\e8e3'
}
.icon-tag-1:before {
content: '\e8e4'
}
.icon-tags-1:before {
content: '\e8e5'
}
.icon-picture-1:before {
content: '\e8e6'
}
.icon-ok-2:before {
content: '\e8e7'
}
.icon-help-1:before {
content: '\e8e8'
}
.icon-heart-1:before {
content: '\e8e9'
}
.icon-music-1:before {
content: '\e8ea'
}
.icon-facebook:before {
content: '\e8eb'
}
.icon-twitter-1:before {
content: '\e8ec'
}
.icon-skype-1:before {
content: '\e8ed'
}
.icon-google:before {
content: '\e8ee'
}
.icon-tumblr-1:before {
content: '\e8ef'
}
.icon-cart:before {
content: '\e8f0'
}
.icon-gplus-1:before {
content: '\e8f1'
}
.icon-pinterest:before {
content: '\e8f2'
}
.icon-tree-1:before {
content: '\e8f3'
}
.icon-tree-2:before {
content: '\e8f4'
}
.icon-police:before {
content: '\e8f5'
}
.icon-school:before {
content: '\e8f6'
}
.icon-shop:before {
content: '\e8f7'
}
.icon-fuel:before {
content: '\e8f8'
}
.icon-bicycle:before {
content: '\e8f9'
}
.icon-bus:before {
content: '\e8fa'
}
.icon-cafe:before {
content: '\e8fb'
}
.icon-commerical-building:before {
content: '\e8fc'
}
.icon-gplus-2:before {
content: '\e8fd'
}
.icon-left-fat:before {
content: '\e8fe'
}
.icon-right-fat:before {
content: '\e8ff'
}
.icon-ccw-1:before {
content: '\e900'
}
.icon-up-fat:before {
content: '\e901'
}
.icon-down-fat:before {
content: '\e902'
}
.icon-right-bold:before {
content: '\e903'
}
.icon-up-bold:before {
content: '\e904'
}
.icon-down-bold:before {
content: '\e905'
}
.icon-left-bold:before {
content: '\e906'
}
.icon-down-open-1:before {
content: '\e907'
}
.icon-left-open-1:before {
content: '\e908'
}
.icon-right-open-1:before {
content: '\e909'
}
.icon-up-open-1:before {
content: '\e90a'
}
.icon-down-3:before {
content: '\e90b'
}
.icon-left-3:before {
content: '\e90c'
}
.icon-right-3:before {
content: '\e90d'
}
.icon-up-3:before {
content: '\e90e'
}
.icon-zoom-in:before {
content: '\e90f'
}
.icon-zoom-out:before {
content: '\e910'
}
.icon-stopwatch:before {
content: '\e911'
}
.icon-clock-1:before {
content: '\e912'
}
.icon-chat-1:before {
content: '\e913'
}
.icon-cancel-2:before {
content: '\e914'
}
.icon-user-female:before {
content: '\e915'
}
.icon-ok-3:before {
content: '\e916'
}
.icon-user-4:before {
content: '\e917'
}
.icon-users-3:before {
content: '\e918'
}
.icon-down-open-2:before {
content: '\e919'
}
.icon-left-open-2:before {
content: '\e91a'
}
.icon-right-open-2:before {
content: '\e91b'
}
.icon-up-open-2:before {
content: '\e91c'
}
.icon-down-open-mini:before {
content: '\e91d'
}
.icon-left-open-mini:before {
content: '\e91e'
}
.icon-right-open-mini:before {
content: '\e91f'
}
.icon-up-open-mini:before {
content: '\e920'
}
.icon-down-open-big:before {
content: '\e921'
}
.icon-left-open-big:before {
content: '\e922'
}
.icon-right-open-big:before {
content: '\e923'
}
.icon-up-open-big:before {
content: '\e924'
}
.icon-down-dir-1:before {
content: '\e925'
}
.icon-left-dir-1:before {
content: '\e926'
}
.icon-right-dir-1:before {
content: '\e927'
}
.icon-up-dir-1:before {
content: '\e928'
}
.icon-down-bold-1:before {
content: '\e929'
}
.icon-left-bold-1:before {
content: '\e92a'
}
.icon-right-bold-1:before {
content: '\e92b'
}
.icon-up-bold-1:before {
content: '\e92c'
}
.icon-minus-1:before {
content: '\e92d'
}
.icon-plus-1:before {
content: '\e92e'
}
.icon-help-2:before {
content: '\e92f'
}
.icon-youtube-play:before {
content: '\e930'
}
.icon-smile:before {
content: '\e931'
}
.icon-frown:before {
content: '\e932'
}
.icon-meh:before {
content: '\e933'
}
.icon-newspaper:before {
content: '\e934'
}
.icon-certificate-1:before {
content: '\e935'
}
.icon-wifi:before {
content: '\e936'
}
.icon-left-4:before {
content: '\e937'
}
.icon-right-4:before {
content: '\e938'
}
.icon-list:before {
content: '\e939'
}
.icon-calendar-2:before {
content: '\e93a'
}
.icon-mobile:before {
content: '\e93b'
}
.icon-chart-pie:before {
content: '\e93c'
}
.icon-megaphone:before {
content: '\e93d'
}
.icon-th-1:before {
content: '\e93e'
}
.icon-left-open-3:before {
content: '\e93f'
}
.icon-right-open-3:before {
content: '\e940'
}
.icon-lock-1:before {
content: '\e941'
}
.icon-left-open-4:before {
content: '\e942'
}
.icon-right-open-4:before {
content: '\e943'
}
.icon-down-4:before {
content: '\e944'
}
.icon-left-5:before {
content: '\e945'
}
.icon-right-5:before {
content: '\e946'
}
.icon-up-4:before {
content: '\e947'
}
.icon-down-small:before {
content: '\e948'
}
.icon-left-small:before {
content: '\e949'
}
.icon-right-small:before {
content: '\e94a'
}
.icon-up-small:before {
content: '\e94b'
}
.icon-star-filled:before {
content: '\e94c'
}
.icon-back-in-time:before {
content: '\e94d'
}
.icon-gplus-3:before {
content: '\e94e'
}
.icon-list-bullet:before {
content: '\e94f'
}
.icon-scissors:before {
content: '\e950'
}
.icon-paste:before {
content: '\e951'
}
.icon-off:before {
content: '\e952'
}
@keyframes modal-video {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes modal-video-inner {
from {
transform: translate(0, 100px)
}
to {
transform: translate(0, 0)
}
}
.modal-video {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000000;
cursor: pointer;
opacity: 1;
animation-timing-function: ease-out;
animation-duration: .3s;
animation-name: modal-video;
-webkit-transition: opacity .3s ease-out;
-moz-transition: opacity .3s ease-out;
-ms-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
transition: opacity .3s ease-out
}
.modal-video-close {
opacity: 0
}
.modal-video-close .modal-video-movie-wrap {
-webkit-transform: translate(0, 100px);
-moz-transform: translate(0, 100px);
-ms-transform: translate(0, 100px);
-o-transform: translate(0, 100px);
transform: translate(0, 100px)
}
.modal-video-body {
max-width: 940px;
width: 100%;
height: 100%;
margin: 0 auto;
display: table
}
@media (max-width: 812px) {
.modal-video-body {
max-width: 90%
}
}
.modal-video-inner {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%
}
.modal-video-movie-wrap {
width: 100%;
height: 0;
position: relative;
padding-bottom: 56.25%;
background-color: #333;
animation-timing-function: ease-out;
animation-duration: .3s;
animation-name: modal-video-inner;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-ms-transition: -ms-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out
}
.modal-video-movie-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.modal-video-close-btn {
position: absolute;
z-index: 2;
top: -35px;
right: -35px;
display: inline-block;
width: 35px;
height: 35px;
overflow: hidden;
border: none;
background: transparent;
cursor: pointer
}
@media (max-width: 414px) {
.modal-video-close-btn {
right: -5px
}
}
.modal-video-close-btn:before {
transform: rotate(45deg)
}
.modal-video-close-btn:after {
transform: rotate(-45deg)
}
.modal-video-close-btn:before,.modal-video-close-btn:after {
content: '';
position: absolute;
height: 2px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
background: #fff;
border-radius: 5px;
margin-top: -6px
}
.owl-carousel{
display:none;
width:100%;
-webkit-tap-highlight-color:transparent;
position:relative;
z-index:1
}
.owl-carousel .owl-stage{
position:relative;
-ms-touch-action:pan-Y;
touch-action:manipulation;
-moz-backface-visibility:hidden
}
.owl-carousel .owl-stage:after{
content:".";
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
.owl-carousel .owl-stage-outer{
position:relative;
overflow:hidden;
-webkit-transform:translate3d(0,0,0);
padding-bottom:10px;
}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{
-webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-ms-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item{
position:relative;
min-height:1px;
float:left;
-webkit-backface-visibility:hidden;
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none
}
.owl-carousel .owl-item img{
display:block;
height:auto;
max-width: 100%;
}
.owl-carousel.owl-loaded{
display:block;
}
.owl-carousel.owl-loading{
opacity:0;
display:block
}
.owl-carousel.owl-hidden{
opacity:0
}
.owl-carousel.owl-refresh .owl-item{
visibility:hidden
}
.owl-carousel.owl-drag .owl-item{
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.owl-grab{
cursor:move;
cursor:grab
}
.owl-carousel.owl-rtl{
direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
float:right
}
.no-js .owl-carousel{
display:block
}
.owl-carousel .animated{
animation-duration:1s;
animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
z-index:0
}
.owl-carousel .owl-animated-out{
z-index:1
}
.owl-carousel .fadeOut{
animation-name:fadeOut
}
@keyframes fadeOut{
0%{
opacity:1
}
100%{
opacity:0
}
}
.owl-height{
transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy{
opacity:0;
transition:opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{
max-height:0
}
.owl-carousel .owl-item img.owl-lazy{
transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
position:relative;
height:100%;
background:#000
}
.owl-carousel .owl-video-play-icon{
position:absolute;
height:80px;
width:80px;
left:50%;
top:50%;
margin-left:-40px;
margin-top:-40px;
background:url(owl.video.play.png) no-repeat;
cursor:pointer;
z-index:1;
-webkit-backface-visibility:hidden;
transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover{
-ms-transform:scale(1.3,1.3);
transform:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
display:none
}
.owl-carousel .owl-video-tn{
opacity:0;
height:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
transition:opacity .4s ease
}
.owl-carousel .owl-video-frame{
position:relative;
z-index:1;
height:100%;
width:100%
}
/*mũi tên slider 2 bên*/
.owl-nav {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: space-between;
transform: translateY(-50%);
pointer-events: none;
}
.owl-nav .owl-prev,.owl-nav .owl-next {
background: rgb(0 0 0 / 20%);
border: none;
color: #fff;
padding: 10px 10px;
pointer-events: auto;
display: none;
cursor: pointer;
font-size: 30px;
line-height: 30px;
}
.iProBox:hover .owl-prev,.iProBox:hover .owl-next {
display: block;
}
/* HẾT mũi tên slider 2 bên*/
.owl-theme .owl-dots .owl-dot{
display:inline-block;
zoom:1
}
.owl-theme .owl-dots .owl-dot span{
width:10px;
height:10px;
margin:5px 7px;
background:#d6d6d6;
display:block;
-webkit-backface-visibility:visible;
transition:opacity .2s ease;
border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
background:#e3a261
}
.animated{
-webkit-animation-duration:1000 ms;
animation-duration:1000 ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.owl-animated-out{
z-index:1
}
.owl-animated-in{
z-index:0
}
.fadeOut{
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
@-webkit-keyframes fadeOut{
0%{
opacity:1
}
100%{
opacity:0
}
}
@keyframes fadeOut{
0%{
opacity:1
}
100%{
opacity:0
}
}
.outer {
margin: 0 auto;
max-width: 800px
}
#big img {
border-radius: 6px
}
#big .item {
margin: 2px;
color: #FFF;
border-radius: 3px;
text-align: center
}
#big.owl-theme {
position: relative
}
#thumbs {
padding: 10px 40px
}
#thumbs .item {
background: #C9C9C9;
line-height: 70px;
padding: 0px;
margin: 2px;
color: #FFF;
border-radius: 3px;
text-align: center;
cursor: pointer
}
#thumbs.current .item {
background: #FF5722
}
#thumbs.owl-theme .owl-next,#thumbs.owl-theme .owl-prev {
background: none;
color: #333;
position: absolute;
top: 12px;
border-radius: 0;
margin-top: -10px;
height: 96%;
font-size: 30px;
padding: 0
}
#thumbs.owl-theme .owl-next {
right: -8px
}
#thumbs.owl-theme .owl-prev {
left: -10px
}
#thumbs img {
border-radius: 4px;
opacity: .8
}
#thumbs img.active {
opacity: 1
}
.owl-theme .owl-nav [class*='owl-'] {
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {
background-color: #D6D6D6
}
#big.owl-theme .owl-next,#big.owl-theme .owl-prev {
background: #333;
width: 22px;
line-height: 40px;
height: 40px;
margin-top: -20px;
position: absolute;
text-align: center;
top: 50%
}
#big.owl-theme .owl-prev {
left: 10px
}
#big.owl-theme .owl-next {
right: 10px
}
@-webkit-keyframes flash {
from,50%,to {
opacity: 1
}
25%,75% {
opacity: 0
}
}
@keyframes flash {
from,50%,to {
opacity: 1
}
25%,75% {
opacity: 0
}
}
.animate-flash {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: flash;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animate-fading {
animation: fading 10s infinite
}
@keyframes fading {
0% {
opacity: 0
}
50% {
opacity: 1
}
100% {
opacity: 0
}
}
.animate-opacity {
animation: opac 0.8s
}
@keyframes opac {
from {
opacity: 0
}
to {
opacity: 1
}
}
.animate-top {
position: relative;
animation: animatetop 0.4s
}
@keyframes animatetop {
from {
top: -300px;
opacity: 0
}
to {
top: 0;
opacity: 1
}
}
.animate-left {
position: relative;
animation: animateleft 0.4s
}
@keyframes animateleft {
from {
left: -300px;
opacity: 0
}
to {
left: 0;
opacity: 1
}
}
.animate-right {
position: relative;
animation: animateright 0.4s
}
@keyframes animateright {
from {
right: -300px;
opacity: 0
}
to {
right: 0;
opacity: 1
}
}
.animate-bottom {
position: relative;
animation: animatebottom 0.4s
}
@keyframes animatebottom {
from {
bottom: -300px;
opacity: 0
}
to {
bottom: 0;
opacity: 1
}
}
.animate-zoom {
animation: animatezoom 0.6s
}
@keyframes animatezoom {
from {
transform: scale(0)
}
to {
transform: scale(1)
}
}
.animate-input {
transition: width 0.4s ease-in-out
}
.animate-input:focus {
width: 100% !important
}
.animate-pop {
animation-name: modalbox;
animation-duration: .4s;
animation-timing-function: cubic-bezier(0, 0, 0.3, 1.6)
}
@-webkit-keyframes modalbox {
0% {
top: -250px;
opacity: 0
}
100% {
top: 0;
opacity: 1
}
}
@keyframes modalbox {
0% {
top: -250px;
opacity: 0
}
100% {
top: 0;
opacity: 1
}
}
.accordion>ul>li {
padding-top: 10px
}
@media (max-width: 414px) {
.accordion>ul>li {
padding-top: 1px
}
}
.accordion>ul>li span {
text-transform: uppercase;
color: #fff;
font-size: 13px;
display: block;
line-height: 25px;
padding: 8px 20px;
position: relative;
cursor: pointer;
border-radius: 8px;
background: linear-gradient(#526294, #614586)
}
@media (max-width: 414px) {
.accordion>ul>li span {
line-height: 20px;
padding: 8px 20px 8px 10px;
font-size: 11px
}
}
.accordion>ul>li span:after {
content: '+';
font-weight: bold;
display: block;
position: absolute;
right: 20px;
top: 12px;
font-size: 15px;
line-height: 16px;
width: 15px;
height: 15px;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center
}
@media (max-width: 414px) {
.accordion>ul>li span:after {
right: 8px
}
}
.accordion>ul>li.toggled span:after {
content: '–';
color: #fff;
font-size: 16px;
line-height: 13px
}
.accordion ul {
padding: 0
}
.accordion ul li {
list-style: none
}
@media (max-width: 414px) {
.accordion ul li {
font-size: 12px;
text-align: justify
}
}
.accordion ul ul {
margin: 0;
padding: 15px 20px 0;
display: none
}
@media (max-width: 414px) {
.accordion ul ul {
padding: 5px
}
}
.accordion ul ul li a {
display: block;
color: #3e3e3e;
text-decoration: none
}
.modal,.modal-box {
z-index: 900
}
.modal {
display: none;
position: fixed;
width: 100%;
height: 120%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.37);
overflow: auto;
animation: opac 1s
}
.modal-close {
font-size: 1.5rem;
line-height: 1;
text-shadow: 0 1px 0 #fff;
opacity: .5;
float: right;
cursor: pointer;
}
.modal-closePic {
text-shadow: none;
opacity: 1;
transition: 0.3s;
width: 80px;
height: 80px;
font-size: 80px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
z-index: 901;
background :#ffffff;
color: red;
font-weight: 600;
}
@media (max-width: 414px) {
.modal-closePic {
background: rgba(0, 0, 0, 0.5);
width: 35px;
height: 35px;
font-size: 18px
}
}
.modal-closePic:hover {
color: #ff9300;
}
.modal-bg {
content: '';
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: 0.6s
}
.modal-box {
position: relative;
width: 50%;
max-width: 560px;
margin: 100px auto
}
@media (max-width: 414px) {
.modal-box {
margin: 20px auto 0;
width: 90%
}
}
.modal-box-img {
max-width: 90%
}
@media (max-width: 414px) {
.modal-box-img {
max-width: 100%;
width: 100%;
margin: 0
}
}
.modal-box-live {
max-width: 90%;
width: 267px
}
@media (max-width: 414px) {
.modal-box-live {
margin: 50px auto 0
}
}
.modal-header {
padding: 10px 20px;
color: #333;
background: #fff;
border-radius: 4px 4px 0 0;
border-bottom: 1px solid #e9ecef
}
@media (max-width: 414px) {
.modal-header {
padding: 10px 20px
}
}
.modal-title {
font-size: 20px
}
.modal-body {
background: #fff;
padding: 15px 20px;
line-height: 26px;
border-radius: 0 0 4px 4px
}
.modal-btn img {
opacity: 1
}
.modal-btn img:hover {
opacity: 0.8;
transition: opacity 0.15s linear
}
ul.tabs,ul.tab-nav {
margin: 0px;
padding: 0px;
list-style: none;
color: #057acb;
}
.tab-nav .tab-nav_h2{
text-transform: uppercase;
background-color: #057acb;
width: 100%;
height: 50px;
margin-top: 0;
}
.tab-nav .tab-nav_h2 a{
font-size: 13pt;
color: #fff;
font-weight: 600;
padding-left: 15px;
line-height: 42px;
}
.tab-nav .tab-nav_p{
display: inline;
width: 85%;
}
.tab-nav .tab-nav_p a{
margin-right: 0px;
}
.tab-content{
display:none;
padding-top:15px
}
.tab-content.current{
display:inherit
}
.tab-content h2{
font-size:20px;
color:#0872ba;
text-align:left;
font-weight:500
}
.tab-content h3{
font-size:12pt;
text-align:center;
color:#333;
margin: 0;
margin-bottom:4px
}
.tab-content h4,.tab-content h5{
font-size:15px;
font-weight:500;
text-align:left;
color:#0872ba
}
.tab-content h4{
color:#f26e0e
}
html,body {
height: 100%;
width: 100%
}
.sp-loading {
text-align: center;
max-width: 100%;
padding: 15px;
border: 5px solid #fff;
border-radius: 3px;
font-size: 12px;
color: #888
}
.sp-wrap {
display: none;
line-height: 0;
font-size: 0;
border-radius: 3px;
position: relative;
margin: 0;
float: left;
position: relative;
max-width: 100%
}
.sp-thumbs {
display: flex;
margin: 2px -5px;
justify-content: space-between
}
.sp-thumbs img {
min-height: 50px;
min-width: 50px;
max-width: 50px
}
.sp-thumbs a:link,.sp-thumbs a:visited {
margin: 5px;
width: 80px;
height: 80px;
overflow: hidden;
opacity: .3;
display: inline-block;
background-size: cover;
background-position: center;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out
}
.sp-thumbs a:hover {
opacity: 1
}
.sp-thumbs a:active,.sp-current {
opacity: 1 !important;
position: relative
}
.sp-large {
position: relative;
overflow: hidden;
top: 0;
left: 0
}
.sp-large a img {
max-width: 100%;
height: auto
}
@media (max-width: 414px) {
.sp-large a img {
width: 100%
}
}
.sp-large a {
display: block
}
.sp-zoom {
position: absolute;
left: -50%;
top: -50%;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
display: none
}
.sp-lightbox {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
background: rgba(0, 0, 0, 0.9);
z-index: 500;
display: none;
cursor: pointer
}
.sp-lightbox img {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-width: 90%;
max-height: 90%;
border: 2px solid #fff
}
#sp-prev,#sp-next {
position: absolute;
top: 50%;
margin-top: -25px;
z-index: 501;
color: #fff;
padding: 14px;
text-decoration: none;
background: #000;
border-radius: 25px;
border: 2px solid #fff;
width: 50px;
height: 50px;
box-sizing: border-box;
transition: .2s
}
#sp-prev {
left: 10px
}
#sp-prev:before {
content: '';
border: 7px solid transparent;
border-right: 15px solid #fff;
position: absolute;
top: 16px;
left: 7px
}
#sp-next {
right: 10px
}
#sp-next:before {
content: '';
border: 7px solid transparent;
border-left: 15px solid white;
position: absolute;
top: 16px;
left: 18px
}
#sp-prev:hover,#sp-next:hover {
background: #444
}
@media screen and (max-width: 400px) {
.sp-wrap {
margin: 0 0 15px 0
}
#sp-prev,#sp-next {
top: auto;
margin-top: 0;
bottom: 25px
}
}
body {
background: #f0f0f0;
}
.header{
background:#fff
}
.headerInfo{
color:#fff;
background:#50a2da;
height:48px;
line-height:48px
}
@media (max-width:812px){
.headerInfo{
font-size:11px
}
}
.headerAdd{
position:relative
}
.headerAdd a{
color:#fff
}
.headerLink{
display:flex;
align-items:center;
justify-content:flex-end
}
.headerLink__icon{
display:inline-block;
color:#fff;
transition:.6s;
padding:0 10px
}
.headerLink__icon:hover{
background:#8bc63f
}
.headerLink__icon:before{
content:'';
display:inline-block;
background-position:right center;
background-repeat:no-repeat;
vertical-align:middle;
margin-right:6px;
margin-bottom:4px
}
.headerLink__icon-0:before {
background-image: url(../images/home/head-link-icon-1.png);
width: 19px;
height: 19px;
}
.headerLink__icon-1:before {
background-image: url(../images/home/head-link-icon-2.png);
width: 19px;
height: 19px;
}
.headerLink__icon-2:before {
background-image: url(../images/home/head-link-icon-4.png);
width: 19px;
height: 19px;
}
.headerMain{
display:flex;
height:157px;
align-items:center
}
.headerLogo{
width:30%;
text-align:center
}
.headerCamKet{
width:70%;
display:flex;
padding:0 40px
}
@media (max-width:1440px){
.headerCamKet{
padding:0
}
}
.headerCamKet__item{
align-items:center;
display:flex;
width:25%;
background-position:0;
font-weight:600;
color:#057acb;
text-transform:uppercase;
background-repeat:no-repeat;
font-size: 14px;
}
@media (max-width:1366px){
.headerCamKet__item{
background-size:auto 30px;
font-size:13px
}
}
.headerCamKet__item-1{
background-image:url(../images/home/head-cam-ket-1.jpg);
padding-left:40px
}
.headerCamKet__item-2{
background-image:url(../images/home/head-cam-ket-2.jpg);
padding-left:78px
}
.headerCamKet__item-3{
background-image:url(../images/home/head-cam-ket-3.jpg);
padding-left:51px
}
.headerCamKet__item-4{
background-image:url(../images/home/head-cam-ket-4.jpg);
padding-left:55px
}
.headerCamKet__item-5{
background-image:url(../images/home/head-cam-ket-5.jpg);
padding-left:43px
}
@media (max-width:1024px){
.headerCamKet__item{
font-size:11px;
background-position:center 0;
padding-left:0;
padding-top:45px;
justify-content:center
}
}
.headerCart{
width:12%
}
@media (max-width:1024px){
.headerCart{
width:16%
}
}
.headerCart__item{
width:100%;
margin:5px 0;
background:#057acb;
color:#fff;
border-radius:4px
}
@media (max-width:812px){
.headerCart__item{
padding:3px 0;
font-size:11px
}
}
.headerCart__item i{
margin-right:5px;
font-size:18px
}
.loaded {
animation: opac 1,5s;
}
@media (max-width: 1024px) {
.pc {
display: none !important
}
}
.mb {
display: none !important
}
@media (max-width: 414px) {
.mb {
display: block !important
}
}
.tab {
display: none !important
}
@media (max-width: 1024px) {
.tab {
display: block !important
}
}
.slider {
padding-bottom: 0;
position: relative
}
.slider .owl-theme .owl-nav {
margin-top: -25px
}
/*.home {
background-position: center 0;
background-repeat: no-repeat;
background-color: #102b27
}
@media (max-width: 1440px) {
.home {
background-size: 110%
}
}
@media (max-width: 1024px) {
.home {
background-size: 135%
}
}
@media (max-width: 812px) {
.home {
background-size: 180%
}
}
@media (max-width: 414px) {
.home {
background-size: 100%
}
}
.home .container {
padding-top: 40px
}
@media (max-width: 812px) {
.home .container {
padding-top: 28px
}
}
@media (max-width: 320px) {
.home .container {
padding-top: 10px
}
}
*/.homeTitle {
text-transform: uppercase;
font-size: 26px;
font-weight: bold;
line-height: 38px;
text-align: center;
color: #f26649
}
@media (max-width: 1024px) {
.homeTitle {
font-size: 22px
}
}
@media (max-width: 414px) {
.homeTitle {
font-size: 17px;
line-height: 30px;
padding-bottom: 10px
}
.homeTitle br {
display: none
}
}
@media (max-width: 375px) {
.homeTitle {
font-size: 15px
}
}
@media (max-width: 320px) {
.homeTitle {
font-size: 12px;
line-height: 22px
}
}
.homeTitle img {
max-width: 100%
}
.homeTitle-white {
color: #fff
}
.homeTitle-color {
color: #004689
}
.homeSub {
text-align: center;
font-size: 16px;
font-weight: 600;
color: #555
}
@media (max-width: 414px) {
.homeSub {
font-size: 12px
}
}
@media (max-width: 320px) {
.homeSub {
font-size: 10px
}
}
.homeSub-white {
color: #fff
}
.homeLine {
background-repeat: no-repeat;
width: 258px;
border-top: 1px solid #d8d8d8;
position: relative
}
@media (max-width: 812px) {
.homeLine {
margin: 20px auto 30px
}
}
.homeLine::before {
width: 100px;
margin: 0;
border-top: 3px solid #e43c3b;
position: absolute;
top: -2px;
content: ""
}
@media (max-width: 812px) {
.homeLine::before {
left: 76px
}
}
.homeLine-left {
margin: 20px 0 30px
}
.homeLine-left::before {
left: 0
}
.homeLine-center {
margin: 20px auto 30px
}
.homeLine-center::before {
left: 80px
}
.home2,.home3,.home4 {
position: relative
}
.home2:after,.home3:after,.home4:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.home2.loaded:after,.home3.loaded:after,.home4.loaded:after {
opacity: 0
}
.regist {
text-align: center;
padding-bottom: 30px
}
@media (max-width: 414px) {
.regist {
padding-bottom: 20px
}
}
.registButton {
background: linear-gradient(to right, #de9b2e, #f9e17b);
color: #000;
border-radius: 38px;
text-transform: uppercase;
padding: 10px 20px;
display: table;
font-weight: 600;
margin: 15px auto 0;
font-size: 13px
}
@media (max-width: 812px) {
.registButton {
padding: 8px 8px 8px 15px;
font-size: 12px
}
}
@media (max-width: 414px) {
.registButton {
font-size: 13px;
padding: 6px 14px;
display: table;
margin: 10px auto 0
}
}
.registButtonSE {
background: none;
color: #f3bb86;
border: 1px solid #f3bb86;
border-radius: 4px
}
.registButtonSE2 {
background: none;
color: #057acb;
border-radius: 34px;
border: 1px solid transparent;
transition: 0.6s
}
.registButtonSE2:hover {
border: 1px solid #057acb
}
@media (max-width: 414px) {
.registNote {
font-size: 12px
}
}
.registNote-white {
color: #fff
}
.registNote-color {
color: #e7b57a
}
.container {
position: relative
}
.intro .row {
margin: 0
}
.intro .row>div {
padding: 0
}
.introNav{
margin:0;
padding:0;
list-style:none;
position:relative;
height: 100%;
background-color: #057acb;
}
.introNav>li>a{
display:block;
color:#fff;
border-bottom:1px solid #fff;
font-size: 12pt;
}
@media (min-width:1441px){
.introNav>li>a{
padding:9px 10px 9px
}
}
@media (max-width:1440px){
.introNav>li>a{
padding:8px 10px 8px
}
}
@media (max-width:1366px){
.introNav>li>a{
padding:5px 10px 5px
}
}
@media (max-width:1280px){
.introNav>li>a{
padding:4px 10px
}
}
@media (max-width:1024px){
.introNav>li>a{
padding:4px 10px 4px;
font-size:13px
}
}
@media (max-width:812px){
.introNav>li>a{
padding:4px 10px 4px;
font-size:12px
}
}
.introNav>li:hover{
transition:.6s
}
.introNav>li:hover>a{
background:#88c23f
}
.introNav>li:hover .introNavBox{
top:0;
transition:.3s;
transform:translateY(0);
opacity:1;
visibility:visible
}
.introNav li:last-child a{
border-bottom:none
}
.introNavBox{
position:absolute;
left:100%;
top:0;
visibility:hidden;
transform:translateY(50px);
z-index:10;
width:990px;
height:100%;
padding:25px 30px 0;
background:#fff;
opacity:0;
transition:.3s
}
@media (max-width:1600px){
.introNavBox{
width:990px;
padding:10px 15px 0
}
}
@media (max-width:1440px){
.introNavBox{
width:990px
}
}
@media (max-width:1280px){
.introNavBox{
width:960px
}
}
@media (max-width:1024px){
.introNavBox{
width:765px
}
}
@media (max-width:812px){
.introNavBox{
width:700px
}
}
.introNavBox ul{
list-style:none;
margin:0;
padding:0;
width: 33%;
float:left;
padding-right: 10px;
}
@media (max-width:1440px){
.introNavBox ul li{
line-height:19px
}
}
@media (max-width:1280px){
.introNavBox ul li{
line-height:17px
}
}
@media (max-width:1024px){
.introNavBox ul li{
line-height:13px
}
}
.introNavBox ul li a{
font-size:12pt;
line-height: 28px;
}
.introNavBox ul li a:hover{
text-decoration:underline;
color:#057acb
}
.introNavBoxTitle{
margin-bottom:5px
}
.introNavBoxTitle a{
color:#057acb;
font-weight:500
}
.intro .slider {
padding: 0 10px 6px;
margin: 0;
}
.introAdv {
width: 100%;
float: right
}
.introAdv img{
display:block;
max-width:100%;
height:112px ;
margin-bottom:10px
}
.iPro .tab-nav {
background: #057acb;
padding-right: 130px;
height:50px;
display: flex;
}
@media (max-width: 1024px) {
.iPro .tab-nav {
padding-right: 100px
}
}
@media (max-width: 812px) {
.iPro .tab-nav {
flex-wrap: wrap
}
}
.iPro .tab-content {
padding: 15px 15px 5px
}
.iPro .tab-link {
background-color: #ffffff;
color: #057acb;
font-size: 16px;
}
.iPro .tab-link:hover {
text-decoration-line: underline;
}
.iPro .tab-link.current h2 {
font-size: 20px;
line-height: 0;
font-weight: 600;
margin-top: 12px;
}
.iPro .tab-link.current h2 a {
text-decoration-line: none;
}
.iProBg {
background: #fff;
margin: 0px 0 10px 0;
}
.iProBox {
position: relative
}
.iProBoxRight {
margin: 0 0 0 0px
}
@media (max-width: 812px) {
.iProBoxRight {
margin: 0;
display: flex
}
}
.iProBoxRight img {
display: block;
max-width: 100%
}
.iProBoxLogo {
display: flex;
flex-wrap: wrap;
width: 100%;
background: #dce5eb
}
.iProBoxLogo__item {
width: 100%;
line-height: 35px;
display: flex;
height: 35px;
border-bottom: 1px solid #85bbe0;
transition: 0.6s;
text-align: left;
color: #057acb;
padding-left: 10px;
font-size:12pt;
}
.iProBoxLogo__item:hover {
background: #88c23f
}
.iProBoxLogo__item:nth-child(3n+1) {
border-left: none
}
@media (max-width: 1024px) {
.iProBoxLogo__item img {
max-width: 90%
}
}
.iProBox__more {
position: absolute;
top: 8px;
right: 20px;
color: #fff;
display: block;
transition: 0.6s
}
@media (max-width: 1024px) {
.iProBox__more {
font-size: 11px
}
}
.iProBox__more:hover {
text-decoration-line: underline;
}
.iProBox__item {
position: relative;
display: block;
text-align: center;
}
.iProBox__off {
position: absolute;
right: -5px;
top: 0px;
background: url(../images/home/ipro-icon-sale.png) 0 0 no-repeat;
width: 45px;
height: 45px;
text-align: center;
line-height: 50px;
color: #fff;
font-size: 16px
}
@media (max-width: 1440px) {
.iProBox__off {
background-size: 100%;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 12px
}
}
.iProBox__name {
background-color: #ffffff;
color: #057acb;
line-height: 28px;
padding: 0px 7px;
font-size: 13pt;
min-height: 70px;
}
@media (max-width: 1024px) {
.iProBox__name {
font-size: 12pt;
}
}
.iProBox__price {
color: #666;
font-size: 13px;
text-decoration-line: line-through;
}
.iProBox__sale {
color: #c50000;
font-size: 14pt;
}
@media (max-width: 1024px) {
.iProBox__sale {
font-size: 12pt
}
}
.product_meta{
color: orange;
font-size: 14px;
text-align: left;
padding-bottom: 10px;
padding-top: 30px;
font-style: italic;
}
.iProBox__pic {
width: 100%;
height: 100%;
overflow: hidden
}
.iProBox__pic:hover img {
transform: scale(1.2);
transition: .5s;
}
.iProBox1 .tab-link {
text-transform: uppercase
}
.iProBox1 .owl-carousel button.owl-prev,.iProBox1 .owl-carousel button.owl-next {
padding: 6px 10px;
font-size: 30px;
}
.iProBox1 .owl-carousel button.owl-prev:hover,.iProBox1 .owl-carousel button.owl-next:hover {
background: #057acb
}
.iProBox1 .owl-prev,.iProBox1 .owl-next {
position: absolute;
top: 34%
}
.iProBox1 .owl-prev {
left: 0
}
.iProBox1 .owl-next {
right: 0
}
.iNew {
padding-bottom: 10px
}
.iNewBox {
background: #fff
}
.iNew a {
color: #2c8cdf;
}
.iNew__more {
position: absolute;
right: 0;
bottom: 30px;
color: #057acb
}
.iNew__more-right {
right: 90px
}
.iNew__more a:hover {
transition: 0.3s;
color: #88c23f
}
.iNewTitle {
display: table;
width: 100%;
background: #057acb;
margin: 0 0px 14px 0;
}
.iNewTitle-tab {
color: #fff;
padding-left: 15px;
font-size: 16px;
}
.iNewTitle-tab a{
color: #fff;
font-size: 16px;
}
.iNewEvent ul {
padding: 0 0 10px;
margin: 0;
display:flex
}
.iNewEvent ul li {
list-style: none;
display: inline-block;
width: 25%;
padding:10px;
margin-bottom: 20px
}
.iNewEvent__pic {
overflow: hidden;
vertical-align: top
}
.iNewEvent__pic img {
width: 100%;
height: auto;
max-height: 100%;
}
.iNewEvent__ct {
padding-top: 0px
}
.iNewEvent__tt {
padding: 10px 0 5px;
display: block;
}
@media (max-width: 1024px) {
.iNewEvent__tt {
font-size: 12px;
padding: 0
}
}
.iNewEvent__time {
color: #797979;
font-size: 14px
}
.iDoiTac {
background: #fff;
}
.iDoiTacTitle {
background: #065c96;
color: #fff;
padding: 8px 10px;
font-size: 18px
}
.top {
position: fixed;
display: block;
width: 50px;
height: 50px;
border-radius: 100%;
bottom: 280px;
right: 10px;
z-index: 2;
background: #88c23f url(../images/home/top.jpg) center center no-repeat
}
@media (max-width: 1600px) {
.top {
right: 40px
}
}
@media (max-width: 1440px) {
.top {
right: 10px;
width: 40px;
height: 40px
}
}
.playIcon {
display: table;
margin: 0 auto;
max-width: 550px;
position: relative;
cursor: pointer;
background: #000
}
.playIcon:before {
content: '';
display: block;
position: absolute;
z-index: 1;
background: url(../images/clip-icon.png) center no-repeat;
transition: 0.3s ease-out;
background-size: 100%;
width: 50px;
height: 50px;
left: calc(50% - 23px);
top: calc(50% - 23px);
transition: 0.3s;
opacity: 1
}
.playIcon-sm::before {
width: 35px;
height: 35px;
left: calc(50% - 20px);
top: calc(50% - 16px)
}
.playIcon:hover img {
opacity: 0.8
}
.playIcon img {
position: relative;
opacity: .6;
transition: 0.6s
}
.modal {
text-align: left
}
.modal-title {
text-transform: uppercase;
font-size: 18px
}
.modal-body {
font-size: 14px
}
.thiSinhPostNum {
margin-bottom: -23px;
position: relative;
z-index: 8;
padding: 1px 10px;
background: #196e52;
display: table;
font-size: 14px;
color: #fff;
border-radius: 0 0 40px
}
.pulse_regist {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
-webkit-animation: won 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: won 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: won 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: won 1.25s infinite cubic-bezier(0.66, 0, 0, 1)
}
@-webkit-keyframes won {
to {
box-shadow: 0 0 0 10px rgba(232, 76, 61, 0)
}
}
@-moz-keyframes won {
to {
box-shadow: 0 0 0 10px rgba(232, 76, 61, 0)
}
}
@-ms-keyframes won {
to {
box-shadow: 0 0 0 10px rgba(232, 76, 61, 0)
}
}
@keyframes won {
to {
box-shadow: 0 0 0 10px rgba(232, 76, 61, 0)
}
}
.siteMain {
padding-top: 5px;
padding-bottom: 40px
}
@media (max-width: 812px) {
.siteMain {
padding-bottom: 0
}
}
@media (max-width: 414px) {
.siteMain {
padding-top: 15px
}
}
.siteTitle {
font-size: 24px;
font-weight: 500;
position: relative;
margin: 10px 0 20px;
color: #057acb;
}
@media (max-width: 414px) {
.siteTitle {
font-size: 18px
}
}
.siteTitle__tab {
padding: 10px 35px;
display: table;
background: #88c23f;
color: #fff
}
.siteTitle-cate {
border-bottom: 1px solid #ccc
}
.siteTitle-pro {
color: #057acb;
margin: 0
}
.siteTitle-post {
margin: 0;
padding: 0 0 10px;
font-size: 20px;
padding-bottom: 10px;
text-align: left;
color: #0872ba;
font-weight: 600;
text-transform: uppercase;
line-height: 26px;
border-bottom: 1px solid #0872ba;
}
.site-bg {
background: #fff;
border-radius: 4px
}
@media (max-width: 812px) {
.site-bg {
border-radius: 0
}
}
main {
padding: 10px 10px
}
@media (max-width: 812px) {
main {
padding: 20px
}
}
@media (max-width: 414px) {
main {
margin: 0;
padding: 10px 15px
}
}
.cateInfo {
padding: 10px 20px;
background: #eee;
margin-bottom: 30px
}
@media (max-width: 320px) {
.cateInfo {
padding: 10px
}
}
.cateInfo-desc {
font-size: 14px;
font-style: italic
}
.cateMain .media {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #d8d8d8
}
@media (max-width: 414px) {
.cateMain .media {
flex-wrap: wrap
}
}
.cateMain .media-pic {
width: 240px;
height: 180px;
overflow: hidden
}
@media (max-width: 414px) {
.cateMain .media-pic {
width: 130px;
height: 100px
}
}
@media (max-width: 320px) {
.cateMain .media-pic {
width: 110px;
height: 90px
}
}
.cateMain .media-pic img {
width: 100%;
height: auto;
max-height: 100%;
}
.cateMain .media-title {
font-weight: 600;
color: #057acb;
font-size: 17px
}
@media (max-width: 414px) {
.cateMain .media-title {
font-size: 13px;
font-weight: normal
}
}
.cateMain .media-desc {
font-size: 16px;
margin: 10px 0 5px;
text-align: justify
}
@media (max-width: 414px) {
.cateMain .media-desc {
height: 55px;
overflow: hidden;
display: none
}
}
.cateMain .media-more {
padding-top: 10px
}
@media (max-width: 320px) {
.cateMain .media-more {
padding-top: 0
}
}
.cateMain .media-more a {
color: #183c30;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
text-decoration: underline
}
@media (max-width: 320px) {
.cateMain .media-more a {
font-size: 11px
}
}
.cateMain .media-more i {
vertical-align: middle;
color: #183c30;
font-size: 18px
}
.cateMain .regist {
padding: 0
}
.postDetail {
line-height: 28px;
color: #292b2c;
}
.postDetail img {
max-width: 100%
}
.postDetail p {
text-align: justify
}
.postDetail .sapo {
margin: 0 0 20px;
line-height: 30px;
font-size: 18px;
font-weight: 600
}
.postDetail a{
color: red;
text-decoration: none;
}
.postDetail h2{
font-size: 20px;
font-weight: 500;
text-align: left;
color: #0872ba;
}
.postDetail h3{
color: #ff7600;
font-size: 17px;
font-weight: 500;
text-align: left
}
.postDetail h4{
color: #65b500;
font-weight: 500;
font-size: 16px;
text-align: left;
}
@media (max-width: 414px) {
.postDetail ul {
padding-left: 25px;
font-size: 13px;
line-height: 24px
}
}
.postDetail table{
width: 100%;
border: 4px solid #ececec;
text-align: left;
font-size: 15px;
border-collapse:collapse;
}
.postDetailtable tbody th{
width: auto;
height: auto;
background: #1C617B none repeat scroll 0px 0px;
}
.postDetailtable tbody th td{
padding: 4px 6px;
border: 1px solid #dddddd;
font-weight: bold;
text-align: center;
width: auto;
height: auto;
background: #1C617B none repeat scroll 0px 0px;
}
.postDetailtable tbody tr{
width: auto;
height: auto;
}
.postDetailtable tbody tr td{
border: 0.1px solid #dddddd;
text-align: center;
width: auto;
height: auto;
}
.postOtherTitle {
display: block;
background: #057acb;
margin: 30px -10px
}
@media (max-width: 812px) {
.postOtherTitle {
margin: 30px -20px
}
}
.postOtherTitle__tab {
display: table;
padding: 10px 60px 10px 33px;
background: #88c23f;
color: #fff;
font-size: 20px
}
.postOtherNew {
max-width: 290px;
margin: 0 auto;
display: block
}
.postOtherNew img {
width: 100%;
height:220px;
}
.postOtherNew__tt{
color: #057acb;
}
aside {
margin-left: 0px
}
@media (max-width: 812px) {
aside {
margin: 0
}
}
@media (max-width: 414px) {
aside {
margin: 15px 0
}
}
aside article {
margin-bottom: 16px
}
@media (max-width: 812px) {
aside article {
margin-bottom: 10px
}
}
aside article.pad0 {
padding-top: 0
}
.sidebarTitle {
color: #FFF;
text-transform: uppercase;
padding: 8px 20px;
font-size: 20px;
background: #88c23f;
position: relative;
margin: 10px -15px
}
@media (max-width: 812px) {
.sidebarTitle {
font-size: 15px
}
}
.sidebarTitle-pro {
text-transform: none;
margin: 0 0px 10px;
padding-left: 15px
}
.sidebarList {
margin: 10px 0;
text-transform:uppercase;
font-weight:600;
}
.sidebarList li {
padding: 5px 0;
list-style:none;
}
.sidebarList li a {
position: relative;
padding-left: 15px;
color:#057acb
}
.sidebarList li a:hover {
color: #88c23f
}
.sidebarList li a:before {
content: '\e895';
display: block;
position: absolute;
left: -5px;
top: 2px
}
.children{
font-weight:400;
text-transform:none
}
.sidebarListPro {
margin: 0
}
.sidebarListPro a {
padding: 5px 10px;
font-size: 17px;
display: block
}
.sidebarListPro a:hover {
background-color: #eee
}
.sidebarPro {
margin: 10px 0;
padding: 10px;
}
.sidebarPro__item {
padding: 6px 0;
font-size: 14px
}
@media (max-width: 1024px) {
.sidebarPro__item {
font-size: 12px
}
}
.sidebarPro__tt {
font-weight: 600;
padding: 5px 0
}
.sidebarThumb {
margin: 20px 10px 0
}
.sidebarThumb .media {
padding-bottom: 10px
}
@media (max-width: 414px) {
.sidebarThumb .media {
flex-wrap: wrap
}
}
.sidebarThumb .media-pic {
width: 90px
}
@media (max-width: 1024px) {
.sidebarThumb .media-pic {
width: 60px
}
}
.sidebarThumb .media-pic img {
width: 100%;
border-radius: 4px;
height: 65px;
}
.sidebarThumb .media-body {
padding-left: 15px;
align-self: center
}
.sidebarThumb .media-title {
font-size: 15px;
height: 70px;
color: #057acb;
overflow: hidden
}
@media (max-width: 1024px) {
.sidebarThumb .media-title {
font-size: 12px;
height: 57px
}
}
.sidebarThumb .media-title a {
color: #057acb;
transition: 0.3s
}
.sidebarThumb .media-title a:hover {
color: #88c23f
}
.sidebarThumb .media-title:hover {
color: #88c23f
}
.sidebarPhoto {
margin: 20px 0
}
.sidebarPhoto img {
width: 100%
}
.sidebarSlide {
margin: 20px 0
}
.sidebarSlide figure {
position: relative
}
@media (max-width: 1024px) {
.sidebarSlide figure {
margin: 0
}
}
.sidebarSlide figcaption {
left: 0;
bottom: 0;
padding: 5px 0;
text-align: center;
width: 100%;
background: rgba(0, 0, 0, 0.1);
color: #333
}
.sidebarSlide .owl-theme .owl-nav [class*=owl-] {
position: absolute;
top: 40%;
font-size: 28px;
outline: none;
line-height: 20px;
padding: 4px 7px
}
.sidebarSlide .owl-theme .owl-nav .owl-prev {
left: 0px
}
.sidebarSlide .owl-theme .owl-nav .owl-next {
right: 0px
}
.sidebarSlide .owl-theme .owl-nav [class*=owl-]:hover {
background: rgba(0, 0, 0, 0.3);
color: #333
}
.sidebarSlide .owl-theme .owl-nav [class*=owl-] {
background: rgba(0, 0, 0, 0.3);
color: #fff
}
.breadcrumb {
width: 100%;
height: auto;
background: #057acb;
padding: 5px 0 10px 10px;
font-size: 14px;
line-height: 40px;
}
@media (max-width: 414px) {
.breadcrumb {
display: none
}
}
.breadcrumb a {
color: #fff
}
.breadcrumb span {
color: #fff
}
.breadcrumb span:active {
color: #e9b582
}
.archive-description .sapo {
padding: 10px;
border: #7ab34c dashed 1px;
text-align: justify;
}
.archive-description .sapo p a{
color: red;
}
.binhChon {
text-align: center;
margin-top: 15px
}
@media (max-width: 812px) {
.binhChon {
display: flex
}
}
@media (max-width: 414px) {
.binhChon {
flex-wrap: wrap;
margin: 10px -8px 5px
}
}
@media (max-width: 812px) {
.binhChon__item {
width: 33%;
padding: 5px
}
}
@media (max-width: 414px) {
.binhChon__item {
width: 50%
}
}
.binhChon__thumb {
background: #fff;
padding: 7px;
border-radius: 4px;
margin-bottom: 15px
}
@media (max-width: 812px) {
.binhChon__thumb {
padding: 5px
}
}
@media (max-width: 414px) {
.binhChon__thumb {
margin-bottom: 2px
}
}
.binhChon__thumb:hover img:nth-child(1) {
left: -100px
}
.binhChon__thumb:hover img:nth-child(2) {
left: 0%
}
.binhChon__pic {
position: relative;
height: 242px;
width: 100%;
margin: 0 auto;
overflow: hidden;
display: block;
border-radius: 0 4px 4px 4px
}
@media (max-width: 1024px) {
.binhChon__pic {
height: 189px
}
}
@media (max-width: 812px) {
.binhChon__pic {
height: 218px
}
}
@media (max-width: 414px) {
.binhChon__pic {
height: 166px
}
}
@media (max-width: 375px) {
.binhChon__pic {
height: 146px
}
}
@media (max-width: 320px) {
.binhChon__pic {
height: 126px
}
}
.binhChon__pic img {
position: absolute;
top: 0;
transition: 0.3s;
width: 100%
}
.binhChon__pic img:nth-child(1) {
left: 0
}
.binhChon__pic img:nth-child(2) {
left: 100%
}
.binhChon__pic span {
color: #fff;
background: #196e52;
border-radius: 0 0 100px 0;
padding: 2px 15px 2px 5px;
display: block;
position: absolute;
left: 0;
top: 0;
font-size: 13px;
z-index: 2
}
.binhChon__like {
color: #888;
margin: 5px 0;
font-size: 13px
}
.binhChon__like::before {
content: '';
background: url(../images/home/heart.png) 0 0 no-repeat;
width: 15px;
height: 14px;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
margin-bottom: 3px
}
.binhChon__name {
text-transform: uppercase;
font-weight: 600
}
.binhChon__city {
text-transform: capitalize
}
.binhChon__city,.binhChon__name {
color: #333;
font-size: 13px
}
@media (max-width: 1024px) {
.binhChon__city,.binhChon__name {
font-size: 12px
}
}
@media (max-width: 414px) {
.binhChon__city,.binhChon__name {
font-size: 11px
}
}
.thiSinh {
text-align: center;
margin: 15px -20px 0 -10px;
display: flex;
flex-wrap: wrap
}
@media (max-width: 414px) {
.thiSinh {
margin: 10px -8px 5px
}
}
.thiSinh__item {
width: 33%;
padding: 5px 15px
}
@media (max-width: 414px) {
.thiSinh__item {
width: 50%;
padding: 5px
}
}
.thiSinh__thumb {
background: #fff;
padding: 7px;
border-radius: 4px;
margin-bottom: 15px;
min-height: 100%
}
@media (max-width: 812px) {
.thiSinh__thumb {
padding: 5px
}
}
@media (max-width: 414px) {
.thiSinh__thumb {
margin-bottom: 2px
}
}
.thiSinh__thumb:hover img:nth-child(1) {
left: -100px
}
.thiSinh__thumb:hover img:nth-child(2) {
left: 0%
}
.thiSinh__pic {
position: relative;
height: 230px;
width: 100%;
margin: 0 auto;
overflow: hidden;
display: block;
border-radius: 0 4px 4px 4px
}
@media (max-width: 1024px) {
.thiSinh__pic {
height: 180px
}
}
@media (max-width: 812px) {
.thiSinh__pic {
height: 210px
}
}
@media (max-width: 414px) {
.thiSinh__pic {
height: 166px
}
}
@media (max-width: 375px) {
.thiSinh__pic {
height: 146px
}
}
@media (max-width: 320px) {
.thiSinh__pic {
height: 126px
}
}
.thiSinh__pic img {
position: absolute;
top: 0;
transition: 0.3s;
width: 100%
}
.thiSinh__pic img:nth-child(1) {
left: 0
}
.thiSinh__pic img:nth-child(2) {
left: 100%
}
.thiSinh__pic span {
color: #fff;
background: #196e52;
border-radius: 0 0 100px 0;
padding: 2px 15px 2px 5px;
display: block;
position: absolute;
left: 0;
top: 0;
font-size: 13px;
z-index: 2
}
.thiSinh__like {
color: #888;
margin: 5px 0;
font-size: 13px
}
.thiSinh__like::before {
content: '';
background: url(../images/home/heart.png) 0 0 no-repeat;
width: 15px;
height: 14px;
display: inline-block;
vertical-align: middle;
margin-right: 3px;
margin-bottom: 3px
}
.thiSinh__name {
text-transform: uppercase;
font-weight: 600
}
.thiSinh__city {
text-transform: capitalize
}
.thiSinh__city,.thiSinh__name {
color: #333;
font-size: 13px
}
@media (max-width: 1024px) {
.thiSinh__city,.thiSinh__name {
font-size: 12px
}
}
@media (max-width: 414px) {
.thiSinh__city,.thiSinh__name {
font-size: 11px
}
}
.pro {
padding: 20px 0 0
}
.searchBox {
margin: 20px 0;
display: flex;
justify-content: space-between;
padding-bottom: 20px;
border-bottom: 1px solid #d3dcd9;
font-size: 13px
}
@media (max-width: 414px) {
.searchBox {
display: block;
margin: 15px 0;
padding-bottom: 10px
}
}
.searchBox>div {
padding: 0 5px
}
@media (max-width: 414px) {
.searchBox>div {
padding: 0 0 5px
}
}
.searchBox input,.searchBox select {
border-radius: 4px;
width: 100%;
border: none
}
.searchBox input {
padding: 5px 10px
}
@media (max-width: 414px) {
.searchBox input {
padding: 8px 10px
}
}
.searchBox select {
padding: 5px
}
.searchBox input[type="button"] {
background: #12705a;
color: #fff;
text-transform: uppercase;
font-size: 13px;
padding: 5px;
border: none;
cursor: pointer;
border-radius: 8px
}
.prodPostTab {
padding-top: 20px
}
.prodPostTab .tab-link {
padding-right: 20px;
color: #88c23f;
font-weight: 600
}
.prodPostTab .tab-link.current {
color: #057acb
}
.prodPostTab .tab-content {
padding: 10px 0;
text-align: justify;
}
.prodPostTab .tab-content p {
margin: 20px 0;
}
.prodPostTab .tab-content a {
color: red;
}
.prodPostTab .tab-content h2{
font-size: 20px;
font-weight: 500;
text-align: left;
color: #0872ba;
}
.prodPostTab .tab-content h3{
color: #ff7600;
font-size: 18px;
font-weight: 500;
text-align: left
}
.prodPostTab .tab-content h4{
color: #65b500;
font-weight: 500;
font-size: 17px;
text-align: left;
}
@media (max-width: 414px) {
.prodPostTab .tab-content ul {
padding-left: 25px;
font-size: 14px;
line-height: 24px
}
}
.prodPostTab .tab-content table{
width: 100%;
border: 4px solid #ececec;
text-align: left;
font-size: 14px;
border-collapse:collapse;
}
.prodPostTab .tab-content table tbody th{
width: auto;
height: auto;
background: #1C617B none repeat scroll 0px 0px;
}
.prodPostTab .tab-content table tbody th td{
padding: 4px 6px;
border: 1px solid #dddddd;
font-weight: bold;
text-align: center;
width: auto;
height: auto;
background: #1C617B none repeat scroll 0px 0px;
}
.prodPostTab .tab-content table tbody tr{
width: auto;
height: auto;
}
.prodPostTab .tab-content table tbody tr td{
border: 0.1px solid #dddddd;
text-align: center;
width: auto;
height: auto;
}
.prodPost__ct {
margin: 30px 20px;
text-align: justify;
font-size: 18px;
color: #057acb
}
.prodPost__ct table{
border: 1px solid #ececec;
text-align: center;
font-size: 13px;
border-collapse: collapse;
height: auto;
width: 100%;
}
.prodPost__ct table tr{
height: 30px;
}
.prodPost__ct table tr td{
border: 1px solid #dddddd;
height: 30px;
border-collapse: collapse;
width: auto;
text-align: left;
padding-left: 10px;
}
.prodPost__note {
font-style: italic;
font-weight: bold;
font-size: 12px;
text-align: center;
margin: 20px 0
}
.prodPostButton .row {
width: 420px;
margin: 0
}
@media (max-width: 812px) {
.prodPostButton .row {
width: 350px
}
}
@media (max-width: 375px) {
.prodPostButton .row {
width: 100%
}
}
.prodPostButton .row>div {
margin-bottom: 20px
}
.prodPostButton__item {
border: none;
background: none;
border-radius: 6px;
color: #fff;
padding: 8px 5px 8px 5px;
text-align: center;
width: 100%;
cursor: pointer;
background: #88c23f;
font-size: 17px;
transition: 0.3s
}
@media (max-width: 1024px) {
.prodPostButton__item {
font-size: 13px;
padding: 5px 10px
}
}
@media (max-width: 320px) {
.prodPostButton__item {
font-size: 10px
}
}
.prodPostButton__item:hover {
background: #057acb
}
.prodPostButton__item .ts {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
background-repeat: no-repeat
}
@media (max-width: 1024px) {
.prodPostButton__item .ts {
margin-right: 5px
}
}
.prodPostButton__item .ts-call {
background-image: url(../images/product/pro-call.png);
width: 29px;
height: 29px
}
@media (max-width: 1024px) {
.prodPostButton__item .ts-call {
background-size: 100%;
width: 15px;
height: 15px
}
}
.prodPostButton__item .ts-cart {
background-image: url(../images/product/pro-cart.png);
width: 33px;
height: 31px
}
@media (max-width: 1024px) {
.prodPostButton__item .ts-cart {
background-size: 100%;
width: 15px;
height: 15px
}
}
.prodPostButton__item .ts-down {
background-image: url(../images/product/pro-down.png);
width: 31px;
height: 29px
}
@media (max-width: 1024px) {
.prodPostButton__item .ts-down {
background-size: 100%;
width: 15px;
height: 15px
}
}
.prodPostButton__itemRed {
background: #d75a4a;
border: 1px solid #e7f3ef;
color: #fff
}
.prodPostButton__itemGray {
background: #ccc;
border: 1px solid #e7f3ef;
color: #afafaf
}
.prodPostButton__itemGray:hover {
background: #ccc
}
.prodPostButton__itemGray .ts {
display: none
}
.prodPostButton__itemShare {
border: #3b5998 1px solid;
color: #3b5998
}
.prodPostButton__itemShare:hover {
background: none
}
.prodPostButton-num {
color: #3c3c3c;
font-size: 18px;
font-weight: 600;
display: block;
text-align: center;
margin-top: 5px
}
.prodPost__bl {
text-transform: uppercase;
color: #183c30;
font-size: 18px;
font-weight: 600;
padding: 20px;
border-top: 1px solid #c9d3d0;
width: 95%;
margin: 20px auto;
text-align: center
}
@media (max-width: 375px) {
.prodPost__bl {
margin-bottom: 0
}
}
.toolNew {
background: #fff;
width: 100%;
height: 70px;
display: flex;
margin: 17px 0;
justify-content: center;
align-items: center;
font-weight: 600
}
@media (max-width: 1366px) {
.toolNew {
font-size: 12px
}
}
.toolNew a {
transition: 0.3s
}
@media (max-width: 1024px) {
.toolNew a {
padding: 20px
}
}
@media (max-width: 812px) {
.toolNew a {
padding: 8px
}
}
.toolNew a:hover {
color: #057acb
}
.toolNew img {
vertical-align: middle;
margin: 0 5px 0 30px
}
@media (max-width: 1024px) {
.toolNew img {
display: none
}
}
.topBrand {
display: flex;
justify-content: space-around;
align-items: center;
background: #fff;
margin: 20px 0;
padding: 5px
}
.topBrand__item {
position: relative
}
.topBrand__item::before {
content: '';
display: block;
position: absolute;
right: -61px;
top: 0;
width: 1px;
height: 100%;
border-right: 1px solid #ccc
}
@media (max-width: 1440px) {
.topBrand__item::before {
right: -41px
}
}
@media (max-width: 1280px) {
.topBrand__item::before {
right: -31px
}
}
@media (max-width: 1024px) {
.topBrand__item::before {
display: none
}
}
.topBrand__item-more {
color: #057acb
}
.topBrand__item-more::before {
border-right: none
}
.toolBar{
background:#057acb;
height:50px;
margin-bottom:10px
}
@media (max-width:812px){
.toolBar{
height:42px
}
}
.toolBar .container{
display:flex
}
.toolBarNav{
display:block;
width:20%;
background:#8bc63f;
color:#fff;
height:50px;
font-size:12pt;
padding:8px 12px
}
@media (max-width:1024px){
.toolBarNav{
font-size:15px
}
}
@media (max-width:812px){
.toolBarNav{
font-size:12px;
height:42px;
display:flex;
align-items:center
}
}
.toolBarNav>a{
color:#fff
}
.toolBarNav i{
font-size:25px;
vertical-align:sub;
padding-right: 5px;
}
@media (max-width:812px){
.toolBarNav i{
display:none
}
}
.toolBarNav__box{
position:absolute;
top:50px;
display:none;
z-index:9;
width: 20%;
margin-left:-12px;
padding-right: 7px;
color:#333;
font-weight:400
}
.toolBarNav-show:hover .toolBarNav__box{
display:block
}
.toolBarSearch{
margin:6px 15px;
width:545px;
position:relative
}
@media (max-width:1440px){
.toolBarSearch{
width:385px
}
}
@media (max-width:1024px){
.toolBarSearch{
width:235px
}
}
@media (max-width:812px){
.toolBarSearch{
margin:5px 15px
}
}
.toolBarSearch button,.toolBarSearch input{
position:absolute;
height:100%;
top:0;
border:none
}
.toolBarSearch input{
width:100%;
left:0;
z-index:1;
border-radius:8px;
padding:0 10px
}
.toolBarSearch button{
width:50px;
right:0;
z-index:2;
border-radius:0 8px 8px 0;
background:#8bc63f;
color:#fff;
font-size:22px
}
@media (max-width:812px){
.toolBarSearch button{
font-size:12pt
}
}
.toolBarContact{
position:absolute;
top:0;
right:17px;
max-width:390px;
text-align:right
}
.toolBarSocial{
font-size:19px;
display:block;
float:left;
padding-top:5px;
padding-right:10px
}
@media (max-width:812px){
.toolBarSocial{
margin-top:-44px;
float:right;
font-size:12pt;
padding-right:0
}
}
.toolBarSocial a{
}
.toolBarSocial i{
background:#fff;
width:40px;
height:40px;
border-radius:100%;
color:#0872ba;
padding: 7px 13px 0px 6px;
margin-right:15px;
transition:.3s;
font-size: 26px;
}
@media (max-width:812px){
.toolBarSocial i{
margin-right:0
}
}
.toolBarSocial i:hover{
background:#8bc63f
}
.toolBarCall{
float:right;
display:block;
text-transform:uppercase;
color:#fff;
background:#8bc63f url(../images/home/toolbar-call.png) 10px center no-repeat;
height:50px;
padding:12px 15px 7px 60px;
text-align:left;
transition:.6s;
animation-duration:1s
}
@media (max-width:1024px){
.toolBarCall{
padding:8px 15px 7px 50px
}
}
@media (max-width:812px){
.toolBarCall{
padding:5px 8px 0 45px;
background-size:25px
}
}
.toolBarCall span{
display:block;
font-size:20px;
font-weight: 600;
}
.cartPop{
max-width:900px;
background:#f6f7f9;
border-radius:4px
}
@media (max-width:1024px){
.cartPop{
width:600px
}
}
.cartPop .modal-body{
background:0 0
}
.cartPop img{
max-width:100%
}
.cartPop table{
width:100%
}
.cartPopName{
padding:0 10px
}
.cartPopName td:nth-child(1){
width:55%
}
.cartPopName td:nth-child(2){
width:15%
}
.cartPopName td:nth-child(3){
width:15%
}
.cartPopName td:nth-child(4){
width:15%;
text-align:right
}
.cartPopData{
background:#fff;
border:1px solid #dbdbdd;
border-radius:4px;
padding:10px
}
.cartPopData tr:last-child td{
border-bottom:none
}
.cartPopData td{
border-bottom:1px solid #eee;
padding:5px 0
}
.cartPopData td:nth-child(1){
width:8%
}
.cartPopData td:nth-child(2){
width:46%;
padding-left:10px
}
.cartPopData td:nth-child(3){
width:15%
}
.cartPopData td:nth-child(4){
width:15%
}
.cartPopData td:nth-child(5){
width:15%;
text-align:right
}
.cartPopData__control{
font-size:11px;
display:flex
}
.cartPopData__more{
color:#057acb;
padding-right:20px
}
.cartPopData__del{
color:#c5c5c5
}
.cartPopData__sale{
font-weight:700;
color:#057acb
}
.cartPopData__price{
color:#919095;
text-decoration:line-through
}
.cartPopData__num input{
width:50px;
padding:0 5px;
text-align:center;
border:1px solid #ccc;
border-radius:4px
}
.cartPopData__total{
font-weight:600;
color:#c00
}
.cartPopSupport{
text-align:center;
padding:10px 0;
border-top:1px solid #dadbdd
}
.cartPopSupport i::before{
transform:rotate(20deg)
}
.cartPopSend .row{
align-items:flex-end
}
.cartPopSend__more{
color:#c00
}
.cartPopSend__ct{
text-align:right;
padding:10px 0 0
}
.cartPopSend__total{
color:#c00;
font-weight:700;
line-height:18px
}
.cartPopSend__note{
color:#ccc;
font-size:11px;
line-height:20px
}
.cartPopSend__bt{
margin-top:10px
}
.cartPopSend__bt button{
background:#057acb;
border-radius:4px;
border:none;
color:#fff;
padding:5px 15px;
cursor:pointer;
transition:.6s
}
.cartPopSend__bt button:hover{
background:#88c23f
}
footer {
padding: 0;
background: #333;
color: #fff;
display: table;
width: 100%;
font-size: 13px;
}
@media (max-width: 414px) {
footer {
padding-bottom: 40px}
}
footer span,footer a {
color: #fff;
transition: 0.3s}
footer span:hover,footer a:hover {
text-decoration: none;
color: #7bc2ff}
footer span,footer .link {
font-size: 14px;
font-weight: 600}
footer .infoBox {
background: #065c96;
padding: 30px 0;
font-size: 16px}
@media (max-width: 414px) {
footer .infoBox {
padding: 0}
}
footer .infoBox .row {
max-width: 95%;
margin: 0 auto}
footer .infoBox ul {
padding: 0;
margin: 0;
width: 100%}
footer .infoBox ul li {
list-style: none;
margin: 8px 0}
@media (max-width: 1024px) {
footer .infoBox ul li {
font-size: 12px}
}
footer .infoBox__title {
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
color: #ffffff;
}
@media (max-width: 1440px) {
footer .infoBox__title {
font-size: 18px}
}
@media (max-width: 1024px) {
footer .infoBox__title {
font-size: 15px}
}
footer .ft2 {
padding: 40px 0;
color: #d1d1d1}
footer .ft2 a {
color: #d1d1d1}
footer .ft2 .logoft {
margin-bottom: 20px;
}
footer .ft2 .link {
display: flex;
align-items: center}
footer .ft2 .link img {
margin-right: 10px;
max-width: 90%}
footer .ft2 .tt {
text-transform: uppercase;
font-weight: 600;
color: #88c23f;
font-size: 18px;
margin-bottom: 20px}
footer .ft2 .more {
margin: 10px 0 20px}
footer .ft2 .more a {
color: #88c23f;
font-weight: 500;
text-decoration: underline}
footer .ft2 .ct {
line-height: 22px}
footer .ft2 .card img {
margin-right: 5px}
footer .ft2 figure {
margin: 0}
footer .ft2 figure img {
float: left;
margin-right: 30px}
@media (max-width: 812px) {
footer .ft2 figure img {
display: none}
}
footer .ft2 ul {
padding: 0}
footer .ft2 ul li {
list-style: none;
margin-bottom: 15px}
footer .ft2 ul li a {
text-decoration: underline}
footer .ft3 {
background: #0872ba;
padding: 30px 0;
color: #fff}
@media (max-width: 414px) {
footer .ft3 {
display: none}
}
footer .ft3 .nav_ft ul {
margin: 0;
padding: 0}
footer .ft3 .nav_ft ul li {
display: inline;
text-transform: uppercase;
list-style: none;
padding-right: 40px;
font-size: 16px}
footer .ft3 .social {
position: absolute;
top: 0px;
right: 0;
width: 200px;
text-align: right;
font-size: 19px}
footer .ft3 .social i {
background: #fff;
width: 31px;
height: 31px;
border-radius: 100%;
color: #0872ba;
padding: 5px;
margin-right: 5px;
transition: 0.3s}
.sendOK {
text-align: center;
font-size: 16px;
padding-bottom: 100px}
.sendOK__icon {
font-size: 200px;
color: #057acb;
line-height: 240px;
margin-right: 80px}
.sendOK__tt {
font-size: 28px;
font-weight: bold;
text-transform: uppercase}
.sendOK__ct {
margin: 20px 0}
.sendOK__call img {
vertical-align: middle}
.sendOK__call a {
font-weight: 600;
color: #057acb}
.postMain{
width: 100%;
margin: 0 auto;
}
.div_prodPostButton__item a {
color: white;
font-weight: 500;
}
/* css comments*/.pcm{
padding-top:30px;
font-size:14px;
line-height:22px}
.pcm input,.pcm textarea{
box-sizing:border-box;
-moz-box-sizing:border-box}
.pcm a{
text-decoration:none}
.pcm__head{
background:#eee;
height:50px;
position:relative;
border-radius:4px}
.pcm__title,.pcm__tabname{
position:absolute}
.pcm__title{
left:20px;
top:0;
color:#00597d;
text-transform:uppercase;
font-weight:600;
font-size:17px;
margin:12px 0!important}
@media (max-width: 414px) {
.pcm__title{
left:12px}
}
@media (max-width: 320px) {
.pcm__title{
font-size:14px;
top:3px}
}
.pcm__tabname{
right:20px;
top:4px;
color:#333;
display:flex;
margin:10px 0}
@media (max-width: 414px) {
.pcm__tabname{
right:15px}
}
.pcm__tabname li{
list-style:none;
font-size:13px}
@media (max-width: 320px) {
.pcm__tabname li{
font-size:11px}
}
.pcm__tabname li span{
padding-left:10px;
padding-right:10px}
@media (max-width: 414px) {
.pcm__tabname li span{
padding-left:4px;
padding-right:4px}
}
.pcm__tabname li a{
color:#333}
.pcm__tabname li.active a{
color:#00597d;
font-weight:600}
.pcm__quickask{
padding:20px 0;
display:table;
width:100%}
.pcm__quickask textarea{
border:1px solid #4ac1f0;
padding:10px;
height:120px;
width:100%}
.pcm__quickask button{
background:#f26649;
color:#fff;
text-transform:uppercase;
border-radius:4px;
font-size:15px;
font-weight:600;
border:none;
padding:10px 45px;
display:table;
margin:10px auto;
cursor:pointer}
.pcm__quickask button:hover{
background:#e2492a}
.pcm__quickask--run textarea{
border:1px solid #ccc}
.pcm__quickask--run button{
margin:0;
float:right;
padding:8px 20px;
font-size:14px}
.pcm__main .loadMoreAll,.pcm__main .showLessAll{
position:relative}
.pcm__main .loadMoreAll::after,.pcm__main .showLessAll::after{
content:"";
position:absolute;
top:16px;
left:0;
display:block;
width:100%;
border-bottom:1px solid #ddd;
z-index:0}
@media (max-width: 414px) {
.pcm__main .loadMoreAll::after,.pcm__main .showLessAll::after{
top:25px}
}
.pcm__main .loadMoreAll span,.pcm__main .showLessAll span{
display:table;
padding:5px 20px;
background:#ddd;
color:#888;
margin:20px auto;
position:relative;
z-index:1;
cursor:pointer}
@media (max-width: 414px) {
.pcm__main .loadMoreAll span,.pcm__main .showLessAll span{
margin:10px 0 0;
float:right}
}
.pcm__main .showLessAll{
display:none}
.pcm__main article{
display:table;
padding:10px 20px;
display:none}
@media (max-width: 414px) {
.pcm__main article{
padding:10px}
}
.pcm__main article:nth-child(even){
background:#f8f8f8}
.pcm__main article:nth-child(1){
display:block}
.pcm__main article ul{
padding:0;
margin:0}
.pcm__main article ul li{
list-style:none;
display:table;
width:100%}
.pcm__main article ul li ul{
padding-left:60px;
margin:10px 0}
.pcm__main article ul li ul li{
border-top:1px solid #ddd;
padding:15px 0}
.pcm__c2{
padding-left:60px}
@media (max-width: 414px) {
.pcm__c2{
padding-left:15px}
}
.pcm__c3{
padding-left:120px}
.pcm__c1{
padding-bottom:20px}
.pcm__c2,.pcm__c3{
border-top:1px dotted #ddd;
padding-top:10px;
padding-bottom:20px}
.pcm__more{
text-align:right;
text-decoration:underline;
color:#00597d;
font-size:13px;
margin:20px 0}
.pcm__load{
position:relative}
.pcm__load .loadMore,.pcm__load .showLess{
position:absolute;
right:0;
top:0;
width:30px;
height:20px}
.pcm__load .loadMore svg,.pcm__load .showLess svg{
width:20px;
height:20px;
float:right;
fill:#ccc;
stroke:#ccc;
stroke-width:1;
cursor:pointer}
.pcm__load .loadMore svg:hover,.pcm__load .showLess svg:hover{
fill:#00597d;
stroke:#00597d}
.pcm__load .showLess{
display:none}
.pcm__content p{
display:none;
text-align:justify}
.pcm__content p:nth-child(1){
display:block}
@media (max-width: 320px) {
.pcm__user .user_pic{
display:none}
}
.pcm__user .user_pic img{
float:left;
width:48px;
height:48px;
border-radius:100%}
@media (max-width: 414px) {
.pcm__user .user_pic img{
width:38px;
height:38px}
}
.pcm__user .user_ct{
padding-left:65px}
@media (max-width: 414px) {
.pcm__user .user_ct{
padding-left:50px}
}
@media (max-width: 320px) {
.pcm__user .user_ct{
padding-left:0}
}
.pcm__user .user_name{
color:#00597d;
font-weight:600}
.pcm__user .user_time{
color:#999}
.pcm__info{
position:relative}
.pcm__info .info_hd{
position:absolute;
top:-20px;
right:0;
color:#00597d;
font-weight:500;
font-size:12px}
.pcm__info .info_hd a{
color:#00597d;
cursor:pointer}
.pcm__info .info_hd a:hover{
color:#f26649}
.pcm__info .info_hd span{
padding-left:5px;
padding-right:5px}
.pcm__info .info_ct{
display:none}
.cm_pop{
font-size:14px}
.cm_pop input,.cm_pop textarea{
box-sizing:border-box;
-moz-box-sizing:border-box}
.cm_pop .background_overlay{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:10;
background:rgba(0,0,0,0.5);
opacity:.7}
.cm_pop .pop_box{
position:fixed;
z-index:999;
left:40%;
right:40%;
top:20%;
width:385px}
@media (max-width: 1366px) {
.cm_pop .pop_box{
left:38%;
right:38%}
}
@media (max-width: 1280px) {
.cm_pop .pop_box{
left:36%;
right:36%}
}
@media (max-width: 1024px) {
.cm_pop .pop_box{
left:31%;
right:31%}
}
@media (max-width: 768px) {
.cm_pop .pop_box{
left:26%;
right:26%}
}
@media (max-width: 414px) {
.cm_pop .pop_box{
left:8%;
right:8%}
}
.cm_pop .pop_box article{
position:relative;
z-index:11;
width:385px;
box-shadow:0 1px 10px rgba(0,0,0,0.1);
background:#fff}
@media (max-width: 414px) {
.cm_pop .pop_box article{
width:350px}
}
@media (max-width: 375px) {
.cm_pop .pop_box article{
width:330px}
}
@media (max-width: 375px) {
.cm_pop .pop_box article{
width:316px}
}
@media (max-width: 360px) {
.cm_pop .pop_box article{
width:305px}
}
@media (max-width: 320px) {
.cm_pop .pop_box article{
width:268px}
}
.cm_pop .pop_box .pop_hd{
padding:20px 20px 10px}
@media (max-width: 414px) {
.cm_pop .pop_box .pop_hd{
padding:20px 20px 0}
}
.cm_pop .pop_box .pop_hd .tt{
text-transform:uppercase;
color:#00597d;
font-weight:600;
padding-bottom:10px;
margin:0 0 20px!important;
border-bottom:1px solid #00597d}
.cm_pop .pop_box .pop_hd .desc{
color:#00597d}
.cm_pop .pop_box .pop_fr{
padding:0 20px 10px}
@media (max-width: 414px) {
.cm_pop .pop_box .pop_fr{
padding:10px 20px}
}
.cm_pop .pop_box .pop_fr input,.cm_pop .pop_box .pop_fr textarea{
padding:12px}
@media (max-width: 414px) {
.cm_pop .pop_box .pop_fr input,.cm_pop .pop_box .pop_fr textarea{
padding:9px 12px}
}
.cm_pop .pop_box .pop_fr>div:nth-child(1) input,.cm_pop .pop_box .pop_fr>div:nth-child(1) textarea{
background:#fff;
border:1px solid #ccc}
.cm_pop .pop_box .pop_fr>div:nth-child(1) input{
width:100%;
margin-bottom:8px;
font-size:13px}
@media (max-width: 414px) {
.cm_pop .pop_box .pop_fr>div:nth-child(1) input{
margin-bottom:4px}
}
.cm_pop .pop_box .pop_fr>div:nth-child(1) select{
width:100%;
margin-bottom:5px;
padding:5px 8px;
background:#ddd;
border:1px solid #adadad;
color:#444;
cursor:pointer}
.cm_pop .pop_box .pop_fr>div:nth-child(1) textarea{
width:100%;
font-size:13px;
margin-bottom:4px;
resize:none;
height:96px}
.cm_pop .pop_box .pop_fr>div:nth-child(2) input{
width:140px;
margin:0 auto;
background:#f26649;
color:#fff;
border:none;
cursor:pointer;
font-size:15px;
padding:11px;
display:block;
border-radius:6px}
@media (max-width: 414px) {
.cm_pop .pop_box .pop_fr>div:nth-child(2) input{
font-size:14px}
}
.cm_pop .pop_box .pop_fr>div:nth-child(2) input#pop_sent{
font-weight:700}
.cm_pop .pop_box .pop_fr>div:nth-child(2) .note{
text-align:center;
display:block;
padding:5px;
font-size:11px;
color:#999}
.cm_pop .pop_box .pop_fr>div:nth-child(2) .note i{
background:url(../images/icon-lock.png) 0 5px no-repeat;
display:inline-block;
width:13px;
height:14px}
.cm_pop .pop_box .pop_fr>div:nth-child(2) .sol{
text-align:center;
color:#696969;
font-size:13px}
.cm_pop .pop_box .pop_fr>div:nth-child(2) .sol p{
margin:6px 0 12px;
font-size:12px;
font-style:italic}
.cm_pop .pop_box .pop_fr>div:nth-child(2) .sol p a{
color:#cc431d;
text-decoration:none;
font-weight:700;
font-size:13px}
.cm_pop .pop_box .pop_fr>div:nth-child(2) .sol img{
margin:0 5px}
.cm_pop .pop_box #close{
width:17px;
height:17px;
position:absolute;
top:10px;
right:10px;
cursor:pointer}
.cm_pop .pop_box #close svg{
display:block;
stroke:#676767;
fill:transparent;
stroke-linecap:round;
stroke-width:5}
.cm_pop .popkm{
cursor:pointer}
@media screen and (max-width: 414px) {
.cm_pop select{
display:none}
}
@media screen and (max-width: 375px) {
.cm_pop .pop_box #close{
top:12px;
right:12px;
background:url(../images/pucb-close2.png) center center no-repeat}
}
@media screen and (max-width: 320px) {
.cm_pop .pop_fr>div:nth-child(2) .sol p{
margin:3px 0}
.cm_pop .pop_fr{
padding:8px 10px 10px}
.cm_pop .pop_tt p{
padding:2px 30px 14px;
background:none}
.cm_pop .pop_fr>div:nth-child(2) .note{
display:none}
.cm_pop .pop_fr>div:nth-child(1) textarea{
height:70px}
}
.cm_pop_thank{
font-size:14px}
.cm_pop_thank input,.cm_pop_thank textarea{
box-sizing:border-box;
-moz-box-sizing:border-box}
.cm_pop_thank .background_overlay{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:10;
background:rgba(0,0,0,0.5);
opacity:.7}
.cm_pop_thank .pop_box{
position:fixed;
z-index:999;
left:40%;
right:40%;
top:20%;
width:385px}
@media (max-width: 1366px) {
.cm_pop_thank .pop_box{
left:38%;
right:38%}
}
@media (max-width: 1280px) {
.cm_pop_thank .pop_box{
left:36%;
right:36%}
}
@media (max-width: 1024px) {
.cm_pop_thank .pop_box{
left:31%;
right:31%}
}
@media (max-width: 768px) {
.cm_pop_thank .pop_box{
left:26%;
right:26%}
}
@media (max-width: 414px) {
.cm_pop_thank .pop_box{
left:8%;
right:8%}
}
.cm_pop_thank .pop_box article{
position:relative;
z-index:11;
width:385px;
box-shadow:0 1px 10px rgba(0,0,0,0.1);
background:#fff}
@media (max-width: 414px) {
.cm_pop_thank .pop_box article{
width:350px}
}
@media (max-width: 375px) {
.cm_pop_thank .pop_box article{
width:330px}
}
@media (max-width: 375px) {
.cm_pop_thank .pop_box article{
width:316px}
}
@media (max-width: 360px) {
.cm_pop_thank .pop_box article{
width:305px}
}
@media (max-width: 320px) {
.cm_pop_thank .pop_box article{
width:268px}
}
.cm_pop_thank .pop_box .pop_hd{
padding:20px 20px 10px}
@media (max-width: 414px) {
.cm_pop_thank .pop_box .pop_hd{
padding:20px}
}
.cm_pop_thank .pop_box .pop_hd .tt{
text-transform:uppercase;
color:#00597d;
font-weight:600;
padding-bottom:10px;
margin:0 0 20px!important;
border-bottom:1px solid #00597d}
.cm_pop_thank .pop_box .pop_hd .desc{
color:#333}
.cm_pop_thank .pop_box #close{
width:17px;
height:17px;
position:absolute;
top:10px;
right:10px;
cursor:pointer}
.cm_pop_thank .pop_box #close svg{
display:block;
stroke:#676767;
fill:transparent;
stroke-linecap:round;
stroke-width:5}
.cm_pop_thank .popkm{
cursor:pointer}
@media screen and (max-width: 414px) {
.cm_pop_thank select{
display:none}
}
@media screen and (max-width: 375px) {
.cm_pop_thank .pop_box #close{
top:12px;
right:12px}
}
@media screen and (max-width: 320px) {
.cm_pop_thank .pop_fr>div:nth-child(2) .sol p{
margin:3px 0}
.cm_pop_thank .pop_fr{
padding:8px 10px 10px}
.cm_pop_thank .pop_tt p{
padding:2px 30px 14px;
background:none}
.cm_pop_thank .pop_fr>div:nth-child(2) .note{
display:none}
.cm_pop_thank .pop_fr>div:nth-child(1) textarea{
height:70px}
}
.cm_pop .overlay_form{
position:fixed;
width:100%;
z-index:10}
.cm_pop .pop_box{
margin-top:180px;
position:absolute}
@media (max-width: 414px) {
.cm_pop .pop_box{
margin-top:0;
left:0;
right:0;
width:100%}
}
@media (max-width: 414px) {
.cm_pop .pop_box article{
width:100%}
}
.cm_pop .pop_box{
position:fixed}
/* end css comments*/
.fix_sitebar {
background: #fff;
overflow: visible;
position: fixed !important;
top: 80px;
width: 300px;
display: block;
}
@media (min-width: 1921px) {
.fix_sitebar{
width: 400px;
}
}
@media (max-width: 1440px) {
.fix_sitebar{
width: 312px;
}
}
@media (max-width: 1366px) {
.fix_sitebar{
width: 312px;
}
}
@media (max-width: 1024px) {
.fix_sitebar{
width: 228px;
}
}
.post_content{
display: none;
}
.fix_post{
display: block;
height: auto;
margin-left: -10px;
background: #ffffff;
overflow: visible;
position: fixed !important;
top: 50px;
width: 1020px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
text-align: center;
-webkit-box-shadow: 0 12px 10px -10px black;
padding-top: 10px;
padding-bottom: 7px;
z-index: 999;
}
@media (min-width: 1921px) {
.fix_post{
width: 1238px;
}
}
@media (max-width: 1440px) {
.fix_post{
width: 975px;
}
}
@media (max-width: 1366px) {
.fix_post{
width: 775px;
}
}
@media (max-width: 1024px) {
.fix_post{
width: 715px;
}
}
.fix_post a{
font-size: 16px;
color: #fff;
padding: 5px;
background-color: #f4a700;
border-radius: 3px;
margin-left: 3px;
}
/* css tác giả bài viết */
.author-box{
display: none;
}
.author_bio_section{
background:#fff;
color: #333;
font-size: 12pt;
text-align: justify;
margin: 30px 0;
padding:15px;
border:1px solid #ccc;
}
.custom-author-box{
display: block;
}
.author-avatar{
width: 205px;
float: left;
}
.author-avatar h4{
font-size:15pt !important;
font-weight:600 !important;
margin-left: 20px;
}
.author-info > div{
padding-left:30px;
}
.author-social-media{
display: flex;
flex-wrap: wrap;
}
.author-social-media > div{
padding: 0 20px;
}
.author-social-media > div a{
font-weight: 600;
color: #057acb;
}
/* end css code tác giả */.popright{
bottom:0;
position:fixed;
right:0;
z-index:9;
}
@media (max-width: 414px){
.popright{
bottom:60px}
}
.popright__box{
position:relative;
}
.popright__close{
position:absolute;
top:-22px;
right:0;
background-color:#C75050;
border:1px solid #CCCCCC;
color:#FFFFFF;
cursor:pointer;
display:block;
margin:0;
padding:0 7px}
.popright__pc img{
width: 300px;
height: auto;
}
.cl{
clear: both;
}
/*css chuyển đổi*/
.ppocta-ft-fix {
width: 40px;
position: fixed;
bottom: 100px;
left: 5px;
text-align: center;
z-index: 99999;
}
#messengerButton, #calltrap-ico,#zaloButton {
display: inline-block;
position: relative;
width: 40px;
height: 40px;
line-height:40px;
font-size:15px;
font-weight:600;
border-radius: 100%;
box-shadow: 0 0 10px -2px rgba(0, 0, 0, .7);
background: #1cb2ed;
margin-bottom: 10px;
outline: 0;
}
#registerNowButton{
display:block!important;
position:relative;
height:83px;
width:40px;
box-shadow:0 0 10px -2px rgba(0,0,0,.7);
background:#cc1818 url(../images/popup/m-sms.jpg) top no-repeat
}
#registerNowButton span{
color:#fff;
z-index:10;
display:block;
padding-top:27px;
font-size:12px;
font-weight:600;
line-height: 17px;
}
a#messengerButton span, a#zaloButton span, #calltrap-ico span {
z-index: 10;
display: none;
padding: 10px;
left: 40px;
width: 40px;
line-height: 16px;
border-radius: 4px;
font-weight: 600;
margin-top:2px;
color: red;
}
a#messengerButton:hover span, a#zaloButton:hover span, #calltrap-ico:hover span {
display: inline;
position: absolute;
border: 1px solid #dca;
background: #fffaf0;
width: 150px;
}
/*hết css chuyển đổi*/
.linkdieuhuong ul li a{
color: #0275d8;
}
.iDoiTac .owl-theme{
width: 100%;
}
.iDoiTac .owl-theme img{
margin-right: 0px;
}
blockquote {
font-style: italic;
padding: 0 0 0 25px;
margin: 0 0 1.5rem;
border-left: 5px solid #5bc8e3;
line-height: 1.5;
}
.nut_ta{
width: 60%;
}
.nut_ta_title{
padding: 10px;
text-align: center;
background: #f3f3f3;
}
.nut_ta_title .name{
font-size: 20px;
font-weight: bold;
color: #ff0000;
text-align: center;
}
.nut_ta_title .hotline{
font-size: 18px;
color: #111111;
text-align: center;
}
.nut_ta_title .hotline a{
font-size: 18px;
color: #0037ff;
text-align: center;
}
.nut_ta_title img{
width: 177px;
height: 45px;
margin-top: -20px;
margin-bottom: -20px;
}
.video_fr{
margin:0 auto;
width:80%;
}
.video_fr iframe{
width: 100%;
height: 430px;
}
.cate_box{
color: #333;
text-align: center;
background-color: #efefef;
border: 1px dotted #ccc;
display: inline-flex;
margin: 10px;
width: 22%;
}
.cate_box h2{
margin: 0 auto;
padding: 0px;
width: 100%;
}
.cate_box:hover{
color: #ffffff;
background-color: #333;
}
.cate_box a {
font-size: 16px;
text-align: center;
line-height: 1.4;
display: block;
font-weight: 600;
padding: 5px 10px;
width: 100%;
}
.cate_box:hover a{
color: #ffffff;
background-color: #333;
}
@media(max-width: 480px){
.cate_box{
width: 45%;
margin: 5px;
}
.cate_box a {
font-size: 13px;
font-weight: 400;
}
}
.cate_chill{
display:flex;
flex-wrap: wrap;
}
.cate_chill a{
font-size:12pt;
background-color:#efefef;
text-align:center;
margin:8px;
padding: 8px 0;
width:22%;
}
.cate_chill a:hover {
color:#fff;
background-color:#88c23f
}
.bar_sp{
padding-bottom: 20px;
}
.bar_sp a{
display: flex;
font-size: 17px;
font-weight: 500;
padding: 5px 10px;
color: #057acb;
}
.woocommerce-product-gallery__image{
display: inline-block;
padding-top: 10px;
padding-right: 10px;
}
.fixed{
left:0;
overflow:visible;
position:fixed!important;
top:0;
width:100%;
z-index:1000
}
.pop_fr1{
padding:0 20px 10px;
text-align: center;
margin: 0 auto;
}
.pop_fr1>div{
width: 46%;
float: left;
padding: 15px 15px;
}
.pop_fr1 input,.pop_fr1 textarea{
box-sizing: border-box;
border: 1px solid #ddd;
padding: 0 0.75em;
height: 2.507em;
font-size: .97em;
border-radius: 0;
max-width: 100%;
width: 100%;
vertical-align: middle;
background-color: #fff;
color: #333;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
-webkit-transition: color .3s,border .3s,background .3s,opacity .3s;
-o-transition: color .3s,border .3s,background .3s,opacity .3s;
transition: color .3s,border .3s,background .3s,opacity .3s;
}
.pop_fr1 #pop_sent{
width: 150px;
margin: 0 auto;
background-color: #004157 !important;
color: #fff;
}
.tab_ly_do{
width: 100%;
height: auto;
text-align: center;
margin: 0 auto;
}
.tab_ly_do div{
width: 18%;
display: inline-block;
}
.tab_ly_do p{
font-size:15px;
color: #017399;
font-weight: 600;
}
.text_ly_do{
border:2px dotted #017399;
border-radius: 10px;
padding: 20px;
}
.text_ly_do p{
font-size: 17px;
}
/* css xem thêm rút gọn cate*/
.intro_category .sapo {
text-align:justify;
}
.intro_category .sapo {
text-align: justify;
padding-bottom: 40px;
font-size: 1rem;
line-height: 1.6;
font-weight: 400;
overflow: hidden;
max-height: 299px;
position: relative;
}
.intro_category .sapo:after {
display: block;
content: "";
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), to(#fff));
background-image: linear-gradient(
180deg
, rgba(255, 255, 255, 0) 0, #fff);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.intro_category .sapo.on {
max-height: 100% !important;
}
.text-center{
text-align: center;
cursor: pointer;
z-index: 9999;
bottom: 0;
margin-top: 20px;
width: 100%;
background: #fff;
}
.btn_view_more {
color: #09a7f1;
display: inline-block;
border: 1px solid;
padding: 5px 10px;
border-radius: 5px;
width: 150px;
margin: 0 auto;
}
.intro_category .sapo h2{
font-size:20px;
font-weight:500;
text-align:left;
color:#0872ba
}
.intro_category .sapo a{
color:red;
text-decoration:none
}
.intro_category .sapo h3{
font-size: 18px;
color:#ff7600;
font-weight:500;
text-align:left
}
.intro_category .sapo h4{
color:#65b500;
font-weight:500;
font-size:12pt;
text-align:left
}
/* hết css xem thêm rút gọn*/
/* css table post mới + table xem thêm rút gọn*/
.postDetail table,.intro_category .sapo table{
width: 100%;
border-collapse: collapse;
font-size: 12pt;
}
.postDetail table,.intro_category .sapo table, table td {
border: 1px solid #333;
}
.postDetail table td,.intro_category .sapo table td{
padding: 5px 10px;
border: 1px solid #dddddd;
width: 25%;
text-align:center;
height: auto;
}
.postDetail table img,.intro_category .sapo table img{
width: 100%;
height: auto;
}
.postDetail table p,.intro_category .sapo table p {
text-align:center;
}
/* HẾT css table post*/