html{
box-sizing:border-box
}
*,:after,:before{
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:-.25em
}
sup{
top:-.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:700
}
button,input{
overflow:visible
}
button,select{
text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
-webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
border-style:none;
padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
outline:1px dotted ButtonText
}
fieldset{
border:1px solid silver;
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:.54
}
::-webkit-file-upload-button{
-webkit-appearance:button;
font:inherit
}
body,html{
font-family:Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
font-size:12pt;
line-height:28px;
color:#333;
}
html{
overflow-x:hidden
}
a{
text-decoration:none;
color:#333
}
h1{
font-size:28px
}
h2{
font-size:25px
}
h3{
font-size:23px
}
h4{
font-size:20px
}
h5{
font-size:18px
}
h6{
font-size:12pt
}
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:0
}
.table{
width:100%;
margin-bottom:1rem;
background-color:transparent;
border-collapse:collapse;
border-spacing:0
}
.table th{
text-align:left
}
.table td,.table th{
padding:.5rem;
vertical-align:top;
border-top:1px solid #dee2e6
}
.table-bordered{
border:1px solid #dee2e6
}
.table-bordered td,.table-bordered th{
border:1px solid #dee2e6
}
.table-striped tr:nth-of-type(even){
background-color:rgba(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:.01em 15px;
margin-top:15px;
margin-bottom:15px;
background:#eee
}
.thumbPic{
margin:0
}
.thumbPic:hover img{
transition:.3s;
opacity:.8
}
.thumbPic img{
line-height:1;
max-width:100%
}
.thumbPic__title{
padding-top:10px
}
.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:.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:.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:.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:0 0;
border:1px solid #183c30;
color:#183c30;
margin:0 4px 7px;
display:block;
float:left;
padding:6px 15px!important;
transition:.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:.6s;
color:#fff
}
.pages span.pages{
background:0 0;
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:1450px){
.container{
width:1280px
}
}
@media (min-width:1644px){
.container{
width:1400px
}
}
.prodPost__info{
margin-left:30px
}
.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,.button,.registButton{
border:none;
display:inline-block;
padding:8px 16px;
vertical-align:middle;
overflow:hidden;
text-decoration:none;
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,.2),0 6px 20px 0 rgba(0,0,0,.19)
}
.media{
display:-ms-flexbox;
display:flex;
-ms-flex-align:start;
align-items:flex-start
}
.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 embed,.embed-responsive iframe,.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
}
.siteMain .row .col-lg-3{
padding-right:0;
padding-left:15px
}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-4,.col-md-5,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.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-auto{
position:relative;
width:100%;
min-height:1px;
padding-right:15px;
padding-left:15px
}
.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{
flex: 0 0 20%;
max-width: 20%;
padding-bottom: 5px;
border: 1px solid #fff;
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 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 25%;
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 100%;
flex:0 0 100%;
max-width:100%
}
.col-lg-9_post{
-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-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
}
@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,.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:0 0;
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:after,.modal-video-close-btn:before{
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)
}
.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
}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
display:none
}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{
cursor:pointer;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{
background:0 0;
color:inherit;
border:none;
padding:0;
font:inherit;
outline:0
}
.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%
}
.owl-theme .owl-dots,.owl-theme .owl-nav{
text-align:center;
-webkit-tap-highlight-color:transparent
}
.owl-theme .owl-nav{
margin-top:10px
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
font-size:18px;
border-radius:3px;
padding:0 10px;
background:#ccc;
color:#fff;
cursor:pointer;
margin:5px
}
.owl-theme .owl-nav [class*=owl-]:hover{
background:#e3a261;
color:#fff;
text-decoration:none
}
.owl-theme .owl-nav .disabled{
opacity:.5;
cursor:default
}
.owl-theme .owl-nav.disabled+.owl-dots{
margin-top:10px
}
.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
}
}
.slider{
padding-bottom:40px
}
.slider .owl-carousel{
position:relative
}
.slider .owl-theme .owl-nav{
margin-top:-40px;
z-index:6
}
.slider .owl-theme .owl-next,.slider .owl-theme .owl-prev{
position:absolute;
top:0;
height:100%
}
.slider .owl-theme .owl-prev{
left:0
}
.slider .owl-theme .owl-next{
right:0
}
.slider .owl-theme .owl-dots,.slider .owl-theme .owl-theme .owl-nav{
z-index:5;
position:relative
}
.slider .owl-carousel .owl-nav button.owl-next,.slider .owl-carousel .owl-nav button.owl-prev{
background:0 0;
font-size:48px
}
.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:0;
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:0 0;
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{
50%,from,to{
opacity:1
}
25%,75%{
opacity:0
}
}
@keyframes flash{
50%,from,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 .8s
}
@keyframes opac{
from{
opacity:0
}
to{
opacity:1
}
}
.animate-top{
position:relative;
animation:animatetop .4s
}
@keyframes animatetop{
from{
top:-300px;
opacity:0
}
to{
top:0;
opacity:1
}
}
.animate-left{
position:relative;
animation:animateleft .4s
}
@keyframes animateleft{
from{
left:-300px;
opacity:0
}
to{
left:0;
opacity:1
}
}
.animate-right{
position:relative;
animation:animateright .4s
}
@keyframes animateright{
from{
right:-300px;
opacity:0
}
to{
right:0;
opacity:1
}
}
.animate-bottom{
position:relative;
animation:animatebottom .4s
}
@keyframes animatebottom{
from{
bottom:-300px;
opacity:0
}
to{
bottom:0;
opacity:1
}
}
.animate-zoom{
animation:animatezoom .6s
}
@keyframes animatezoom{
from{
transform:scale(0)
}
to{
transform:scale(1)
}
}
.animate-input{
transition:width .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,.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:700;
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:12pt;
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,.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:.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:#fff;
color:#b70101;
font-weight:600
}
@media (max-width:414px){
.modal-closePic{
background:rgba(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:.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:.8;
transition:opacity .15s linear
}
ul.tab-nav,ul.tabs{
margin:0;
padding:0;
list-style:none;
color:#057acb
}
.tab-nav{
display: flex;
width: 100%;
height: 45px;
line-height: 45px;
background-color: #fff;
border-bottom: 1px solid #dfdfdf;
}
.tab-nav .tab-nav_h2{
margin-top: 9px;
align-items: center;
width:20%;
height: 50px;
line-height: 50px;
display: flex;
background-color: #bbdfed;
margin: 0;
}
.tab-nav .tab-nav_h2 a{
color:#333;
font-weight: 600;
text-transform:uppercase;
padding: 10px 10px;
font-size:12pt;
width: 100%;
}
.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:600
}
.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:600;
text-align:left;
color:#0872ba
}
body,html{
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-current,.sp-thumbs a:active{
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,.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-next,#sp-prev{
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 #fff;
position:absolute;
top:16px;
left:18px
}
#sp-next:hover,#sp-prev:hover{
background:#444
}
@media screen and (max-width:400px){
.sp-wrap{
margin:0 0 15px 0
}
#sp-next,#sp-prev{
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{
padding-left:28px;
position:relative
}
.headerAdd a{
color:#fff
}
.headerAdd:before{
content:'';
display:block;
width:21px;
height:100%;
position:absolute;
left:0;
top:0
}
.headerLink{
display:flex;
align-items:flex-end;
justify-content:flex-end;
line-height: 50px;
}
.headerLink__icon{
display:inline-block;
color:#000;
padding:0 15px
}
.headerMain{
display:flex;
height:130px;
align-items:center
}
.headerLogo{
width:20%;
text-align:center
}
.headerCart{
width:auto;
}
.headerCart__item{
width:40px;
height: 40px;
color:#333;
border-radius:100%
}
@media (max-width:812px){
.headerCart__item{
padding:3px 0;
font-size:11px
}
}
.headerCart__item i{
font-size:15px;
margin-left: -12px;
}
.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
}
.homeTitle{
text-transform:uppercase;
font-size:26px;
font-weight:700;
line-height:38px;
text-align:center;
color:#f26649
}
@media (max-width:1024px){
.homeTitle{
font-size:22px
}
}
@media (max-width:414px){
.homeTitle{
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:12pt;
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:0 0;
color:#f3bb86;
border:1px solid #f3bb86;
border-radius:4px
}
.registButtonSE2{
background:0 0;
color:#057acb;
border-radius:34px;
border:1px solid transparent;
transition:.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%;
border-radius: 5px;
background-color: #fff;
box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%), 0px 1px 5px 0px rgb(0 0 0 / 20%);
}
.introNav>li{
border-bottom:1px solid #dfdfdf;
}
.introNav>li>a{
display:block;
color:#333;
border-bottom:1px solid #fff;
font-size: 11pt;
padding:5px 15px;
line-height: 30px;
}
@media (min-width:1650px){
.introNav>li>a{
padding:5px 15px;
}
}
@media (max-width:1600px){
.introNav>li>a{
padding:5px 15px;
}
}
@media (max-width:1440px){
.introNav>li>a{
padding:5px 10px;
}
}
@media (max-width:1366px){
.introNav>li>a{
padding:4px 15px;
}
}
@media (max-width:1280px){
.introNav>li>a{
padding:4px 15px
}
}
@media (max-width:1024px){
.introNav>li>a{
padding:4px 10px;
font-size:10pt
}
}
@media (max-width:812px){
.introNav>li>a{
padding:4px 10px 4px;
font-size:12px
}
}
.introNav>li:hover{
transition:.6s
}
.introNav>li:hover>a{
background:#dfdfdf
}
.introNav>li:hover .introNavBox{
top:0;
transition:.3s;
transform:translateY(0);
opacity:1;
visibility:visible;
height: 400px;
box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 3px 1px -2px rgb(0 0 0 / 12%), 0px 1px 5px 0px rgb(0 0 0 / 20%);
}
.introNav li:last-child a{
border-bottom:none
}
.introNavBox{
position:absolute;
left:100%;
top:0;
visibility:hidden;
transform:translateY(50px);
z-index:10;
width:1026px;
height:100%;
padding:10px 15px 0;
background:#fff;
opacity:0;
transition:.3s
}
@media (max-width:1600px){
.introNavBox{
width:900px;
padding:10px 15px 0
}
}
@media (max-width:1440px){
.introNavBox{
width:800px
}
}
@media (max-width:1280px){
.introNavBox{
width:720px
}
}
@media (max-width:1024px){
.introNavBox{
width:790px
}
}
@media (max-width:812px){
.introNavBox{
width:556px
}
}
.introNavBox ul{
list-style:none;
margin:0;
padding:0;
width: auto;
float:left;
padding-right: 30px;
}
@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{
line-height: 23px;
font-size: 10pt;
}
@media (max-width:1280px){
.introNavBox ul li a{
font-size:9pt;
}
}
.introNavBox ul li a:hover{
text-decoration:underline;
color:#057acb
}
.introNavBoxTitle a{
font-weight:700
}
.intro .slider{
padding:0 10px 6px;
}
.introAdv img{
display:block;
max-width:100%;
margin-bottom:10px
}
.introAdv iframe{
max-width: 100%;
}
@media (max-width:812px){
.introAdv img{
margin:10px 6px;
max-width:44%;
display:inline-block
}
}
.menu-wrapper {
position: relative;
padding-right: 10px;
}
.menu-toggle {
background-color: #fff;
cursor: pointer;
height: 45px;
line-height: 45px;
position: relative;
z-index: 2; /* Đảm bảo nút menu nằm trên mũi tên */
border: 1px solid #e0e0e0;
border-radius: 4px;
cursor: pointer;
}
.menu-content {
display: none; /* Ẩn menu */
position: absolute; /* Đặt menu con nằm ngay dưới nút menu */
top: 100%; /* Hiển thị menu ngay dưới phần tử cha */
left: 0; /* Căn trái theo menu cha */
width: 850px;
max-width: 850px; /* Độ rộng menu */
background-color: #f9f9f9;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
border-radius: 5px;
z-index:999; /* Nằm dưới nút menu */;
margin-top: 10px;
}
.menu-content.show {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding: 8px;
}
.menu-content::before {
content: ""; /* Tạo mũi tên */
position: absolute;
top: -10px; /* Đặt mũi tên trên đỉnh menu */
left: 40px; /* Căn chỉnh mũi tên theo vị trí */
width: 0;
height: 0;
border-left: 10px solid transparent; /* Tạo tam giác mũi tên */
border-right: 10px solid transparent;
border-bottom: 10px solid #dfdfdf; /* Màu của menu */
z-index: 2;
}
.menu-item {
background: #f3f4f6;
border: 1px solid #e5e7eb;
border-radius: 10px;
text-align: center;
width: calc(33% - 10px);
line-height: 32px;
height: 32px;
margin: 5px;
}
.menu-item-brand-chill {
top: 100%; /* Hiển thị menu ngay dưới phần tử cha */
left: 0; /* Căn trái theo menu cha */
z-index:999; /* Nằm dưới nút menu */;
}
.menu-item-brand-chill {
background: #dfdfdf;
border: 1px solid #e5e7eb;
border-radius: 10px;
text-align: center;
margin: 5px;
padding: 5px 5px;
display: inline-block;
}
.menu-item-brand-chill:hover {
background: #339dc7;
color: #fff;
}
.iProBg{
background:#fff;
margin:0 0 10px 0
}
.iProBox{
position:relative
}
.iProBox .youtube{
width:40%;
height:auto;
margin-right:10px;
display:inline-block;
vertical-align:top;
}
.iProBox .youtube iframe{
width:100%;
height:281px;
}
@media(max-width: 1440px){
.iProBox .youtube iframe{
width:100%;
height:270px;
}
}
@media(max-width: 1024px){
.iProBox .youtube iframe{
width:100%;
height:217px;
}
}
.iProBox .introdesc{
width:60%;
height:auto;
font-size:12pt;
text-align:justify;
}
@media(max-width: 1440px){
.iProBox .introdesc{
font-size:11pt;
}
}
@media(max-width: 1280px){
.iProBox .introdesc{
font-size:10pt;
}
}
.iProBox .introdesc a{
color: #62B946;
font-weight:bold;
font-size:15px;
float:right;
}
.iProBoxRight{
margin:0
}
@media (max-width:812px){
.iProBoxRight{
margin:0;
display:flex
}
}
.iProBoxRight img{
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
display: block;
max-width: 100%;
}
.iProBoxLogo{
display:flex;
flex-wrap:wrap;
width:100%;
background:#dfdfdf;
}
.iProBoxLogo__item{
width:100%;
line-height:35px;
display:flex;
height:35px;
border-bottom:1px solid #bdbdbd;
transition:.6s;
text-align:left;
padding-left:10px
}
.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;
display:block;
transition:.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: 0px;
top: 0;
background-color: #b70101;
width: 45px;
height: 25px;
text-align: center;
line-height: 25px;
color: #fff;
font-size: 14px;
border-radius: 5px;
}
.iProBox__name{
font-size:12pt;
margin: 0;
}
@media (max-width:1024px){
.iProBox__name{
font-size:14px
}
}
.iProBox__price{
color:#666;
font-size:13px;
text-decoration-line:line-through
}
.iProBox__sale{
color:#b70101;
font-size:18px;
@exted %font1;
}
@media (max-width:1024px){
.iProBox__sale{
font-size:13px
}
}
.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 img{
max-width:100%;
display:block
}
.iProBox1 .tab-link{
text-transform:uppercase
}
.iProBox1 .owl-carousel button.owl-next,.iProBox1 .owl-carousel button.owl-prev{
padding:6px 10px;
font-size:30px
}
.iProBox1 .owl-carousel button.owl-next:hover,.iProBox1 .owl-carousel button.owl-prev:hover{
background:#057acb
}
.iProBox1 .owl-next,.iProBox1 .owl-prev{
position:absolute;
top:34%
}
.iProBox1 .owl-prev{
left:0
}
.iProBox1 .owl-next{
right:0
}
.iNew{
padding-bottom:10px
}
.iNewBox{
background:#fff
}
.iNew a{
color:#222;
}
.iNew__more{
position:absolute;
right:0;
bottom:0;
color:#057acb
}
.iNew__more-right{
right:90px
}
.iNew__more a:hover{
transition:.3s;
color:#88c23f
}
.iNewTitle{
display:table;
width:100%;
background:#dfdfdf;
margin:0 0 14px 0
}
.iNewTitle-tab{
color:#333;
padding-left:15px;
font-size:12pt;
font-weight: 600;
}
.iNewDuAn,.iNewEvent{
position:relative;
height:96%;
padding-bottom:80px
}
@media (max-width:1440px){
.iNewDuAn,.iNewEvent{
padding-bottom:40px
}
}
.iNewDuAn{
margin-right:40px
}
@media (max-width:1440px){
.iNewDuAn{
margin-right:10px
}
}
@media (max-width:1024px){
.iNewDuAn{
margin-right:0
}
}
.iNewDuAn figure{
margin:0 0 0 20px
}
.iNewDuAn__pic{
text-align:center
}
.iNewDuAn__pic img{
width:100%;
display:block;
height:165px;
}
.iNewDuAn__tt{
margin:10px 0;
display:block
}
@media (max-width:812px){
.iNewDuAn__tt{
font-size:13px
}
}
.iNewEvent{
margin-left:40px
}
@media (max-width:1440px){
.iNewEvent{
margin-left:10px
}
}
@media (max-width:1024px){
.iNewEvent{
margin-left:0
}
}
.iNewEvent ul{
padding:0 0 10px;
margin:0;
margin-right:90px
}
@media (max-width:1440px){
.iNewEvent ul{
margin-right:50px
}
}
@media (max-width:812px){
.iNewEvent ul{
padding:0 0 1px;
margin-right:15px
}
}
.iNewEvent ul li{
list-style:none;
display:table;
width:100%;
margin-bottom:20px
}
.iNewEvent__pic{
width:120px;
height:120px;
overflow:hidden;
display:table-cell;
vertical-align:top
}
@media (max-width:1024px){
.iNewEvent__pic{
width:80px;
height:80px
}
}
.iNewEvent__pic img{
width:100%;
height:80px
}
.iNewEvent__ct{
display:table-cell;
padding-left:20px
}
.iNewEvent__tt{
padding:10px 0 5px;
display:block;
}
@media (max-width:1024px){
.iNewEvent__tt{
font-size:12px;
padding:0
}
}
.iNewEvent__time{
font-size:14px
}
.iDoiTac{
background:#f4f3f3
}
.iDoiTacTitle{
background:#065c96;
color:#fff;
padding:8px 10px;
font-size:18px
}
.top{
position:fixed;
display:block;
width:50px;
height:50px;
background-color: #dfdfdf;
border-radius:100%;
bottom:80px;
right:10px;
z-index:2;
text-align: center;
font-size: 30px;
}
.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,.7);
-webkit-animation:won 1.25s infinite cubic-bezier(.66,0,0,1);
-moz-animation:won 1.25s infinite cubic-bezier(.66,0,0,1);
-ms-animation:won 1.25s infinite cubic-bezier(.66,0,0,1);
animation:won 1.25s infinite cubic-bezier(.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:#333;
}
@media (max-width:414px){
.siteTitle{
font-size:18px
}
}
.siteTitle__tab{
padding:10px 35px;
display:table;
background:#dfdfdf;
color:#333;
}
.siteTitle-cate{
border-bottom:1px solid #ccc
}
.siteTitle-pro{
color:#333;
margin:0
}
.siteTitle-post{
margin:0;
padding:0 0 10px;
font-size:20px;
padding-bottom:10px;
text-align:left;
color:#333;
font-weight:600;
line-height:26px;
border-bottom:1px solid #dfdfdf;
margin-bottom: 20px;
}
.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:150px;
overflow:hidden
}
@media (max-width:414px){
.cateMain .media-pic{
width:130px;
height:90px
}
}
@media (max-width:320px){
.cateMain .media-pic{
width:110px;
height:80px
}
}
.cateMain .media-pic img{
width:100%
}
.cateMain .media-title{
font-weight:600;
color:#057acb;
font-size:17px
}
@media (max-width:414px){
.cateMain .media-title{
font-size:13px;
font-weight:400
}
}
.cateMain .media-desc{
font-size:12pt;
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%;
height: auto;
}
.postDetail p{
text-align:justify
}
.wp-caption-text{
text-align:center !important;
font-style:italic;
}
.postDetail h2{
font-size:25px;
font-weight:500;
text-align:left;
color:#000;
}
.postDetail p a{
color:#b70101;
text-decoration:none
}
.postDetail h3{
font-size: 22px;
color:#000;
font-weight:500;
text-align:left
}
.postDetail h4{
color:#000;
font-weight:500;
font-size:18px;
text-align:left
}
@media (max-width:414px){
.postDetail ul{
padding-left:25px;
font-size:15px;
line-height:24px
}
}
.postDetail table{
width:100%;
border:4px solid #ececec;
text-align:left;
font-size:15px;
border-collapse:collapse;
margin-bottom: 20px;
}
.postDetailtable tbody th{
width:auto;
height:auto;
background:#1c617b none repeat scroll 0 0
}
.postDetailtable tbody th td{
padding:4px 6px;
border:1px solid #ddd;
font-weight:700;
text-align:center;
width:auto;
height:auto;
background:#1c617b none repeat scroll 0 0
}
.postDetailtable tbody tr{
width:auto;
height:auto
}
.postDetailtable tbody tr td{
border:.1px solid #ddd;
text-align:center;
width:auto;
height:auto
}
.postOtherTitle{
display:block;
background:#fff;
margin:30px -10px;
border-bottom: 1px solid #dfdfdf;
}
@media (max-width:812px){
.postOtherTitle{
margin:30px -20px
}
}
.postOtherTitle__tab{
display:table;
padding:10px 60px 10px 33px;
background:#bbdfed;
color:#333;
font-weight: 600;
font-size:18px
}
.postOtherNew{
max-width:290px;
margin:0 auto;
display:block
}
.postOtherNew img{
width:100%;
height:150px
}
.postOtherNew__tt{
color:#057acb
}
aside{
margin-left:0
}
@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:#333;
text-transform:uppercase;
padding:6px 20px;
font-size:20px;
background:#dfdfdf;
position:relative
}
@media (max-width:812px){
.sidebarTitle{
font-size:15px
}
}
.sidebarTitle-pro{
text-transform:none;
margin:0 0 10px;
padding-left:15px
}
.sidebarList{
margin:10px 0
}
.sidebarList li{
padding:5px 0;
border-bottom:1px solid #dcdcdc
}
.sidebarList li a{
position:relative;
transition:.3s;
padding-left:15px
}
.sidebarList li a:hover{
color:#88c23f
}
.sidebarList li a:before{
content:'\e895';
display:block;
position:absolute;
left:-5px;
top:2px
}
.sidebarListPro{
margin:0
}
.sidebarListPro a{
padding:5px 10px;
display:block
}
.sidebarListPro a:hover{
background-color:#eee
}
.sidebarPro{
margin: 10px 0;
padding: 0 20px;
width: 100%;
display: inline-block;
}
.sidebarPro__item{
margin:5px;
font-size:14px
}
@media (max-width:1024px){
.sidebarPro__item{
font-size:12px
}
}
.sidebarPro__item input{
display: none;
}
.sidebarPro__item a{
display: block !important;
padding:4px 10px;
border-radius: 5px;
border: 1px solid #efefef;
color: #333;
background-color: #fbfbfb;
text-align: center;
}
.sidebarPro__item a:hover{
background-color: #e3e3e3;
}
.sidebarPro__tt{
font-weight:600;
padding:5px 0
}
.select2-container--default .select2-selection--single{
border: 1px solid #000 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
color: #000 !important;
}
/* Đảm bảo các phần tử con có không gian đều nhau */
.sidebarThumb{
margin:20px 10px 0
}
.sidebarThumb .media{
padding-bottom:10px
}
@media (max-width:414px){
.sidebarThumb .media{
flex-wrap:wrap
}
}
.sidebarThumb .media-pic{
width:90px;
height: 89px;
}
@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:16px;
align-self:center
}
.sidebarThumb .media-title{
font-size:15px;
height:90px;
line-height: 1.5;
overflow:hidden;
border-bottom: 1px solid #dfdfdf;
}
@media (max-width:1024px){
.sidebarThumb .media-title{
font-size:12px;
height:57px
}
}
.sidebarThumb .media-title a{
color:#333;
transition:.3s
}
.sidebarThumb .media-title a:hover, .sidebarThumb .media-title:hover{
color:#b70101;
}
.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,.1);
color:#333
}
.sidebarSlide .owl-theme .owl-nav [class*=owl-]{
position:absolute;
top:40%;
font-size:28px;
outline:0;
line-height:20px;
padding:4px 7px
}
.sidebarSlide .owl-theme .owl-nav .owl-prev{
left:0
}
.sidebarSlide .owl-theme .owl-nav .owl-next{
right:0
}
.sidebarSlide .owl-theme .owl-nav [class*=owl-]:hover{
background:rgba(0,0,0,.3);
color:#333
}
.sidebarSlide .owl-theme .owl-nav [class*=owl-]{
background:rgba(0,0,0,.3);
color:#fff
}
.breadcrumb{
width:100%;
height:auto;
background:#dfdfdf;
padding-left:10px;
font-size:14px;
line-height:40px
}
@media (max-width:414px){
.breadcrumb{
display:none
}
}
.breadcrumb a, .breadcrumb span{
color:#333
}
.breadcrumb a:active{
color:#e9b582
}
.archive-description .sapo{
padding:10px;
text-align:justify;
color:#292b2c;
}
.archive-description .sapo h2{
font-size: 20px;
font-weight: 500;
text-align: left;
color: #0872ba;
}
.archive-description .sapo h3{
font-size: 18px;
color: #b55400;
font-weight: 500;
text-align: left;
}
.archive-description .sapo h4{
color:#65b500;
font-weight:500;
font-size:12pt;
text-align:left
}
.archive-description .sapo p a{
color:#b70101;
}
.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:.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:.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:#333;
font-weight:600
}
.prodPostTab .tab-link.current{
color:#006d99
}
.prodPostTab .tab-content{
padding:10px 0;
text-align:justify;
}
.prodPostTab .tab-content a{
color:#b70101;
font-weight: 600;
}
.prodPostTab .tab-contenth2{
font-size:18px;
font-weight:500;
text-align:left;
color:#0872ba
}
.prodPostTab .tab-contenth3{
color:#b55400;
font-size:12pt;
font-weight:500;
text-align:left
}
.prodPostTab .tab-contenth4{
color:#65b500;
font-weight:500;
font-size:15px;
text-align:left
}
@media (max-width:414px){
.prodPostTab .tab-contentul{
padding-left:25px;
font-size:14px;
line-height:24px
}
}
.prodPostTab .tab-contenttable{
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 0 0
}
.prodPostTab .tab-content table tbody th td{
padding:4px 6px;
border:1px solid #ddd;
font-weight:700;
text-align:center;
width:auto;
height:auto;
background:#1c617b none repeat scroll 0 0
}
.prodPostTab .tab-content table tbody tr{
width:auto;
height:auto
}
.prodPostTab .tab-content table tbody tr td{
border:.1px solid #ddd;
text-align:center;
width:auto;
height:auto
}
.prodPost__ct{
margin:30px 20px;
text-align:justify;
font-size:18px;
color:#333
}
.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 #ddd;
height:30px;
border-collapse:collapse;
width:auto;
text-align:left;
padding-left:10px
}
.prodPost__note{
font-style:italic;
font-weight:700;
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:0 0;
border-radius:6px;
color:#fff;
padding:8px 5px 8px 5px;
text-align:center;
width:100%;
cursor:pointer;
background:#006d99;
transition:.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:0 0
}
.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:.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:#339dc7;
height:50px;
margin-bottom:10px
}
@media (max-width:812px){
.toolBar{
height:42px
}
}
.toolBar .container{
display:flex;
}
.toolBarNav{
display:block;
width:20%;
background:#fff;
height:50px;
font-size:12pt;
border-top: 2px solid #339dc7;
border-bottom: 2px solid #339dc7;
border-radius: 5px;
}
@media (max-width:1024px){
.toolBarNav{
font-size:11pt
}
}
@media (max-width:812px){
.toolBarNav{
font-size:11pt;
height:42px;
display:flex;
align-items:center
}
}
.toolBarNav>a{
color:#333;
line-height: 50px;
padding-left: 10px;
}
.toolBarNav i{
font-size:15px;
padding-right: 5px;
line-height: 50px;
}
@media (max-width:812px){
.toolBarNav i{
display:none
}
}
.toolBarNav__box{
position:absolute;
top:50px;
display:none;
z-index:9;
width: 20%;
padding-right:6px;
color:#333;
font-weight:400
}
.toolBarNav-show:hover .toolBarNav__box{
display:block
}
.toolBarSearch{
margin:6px 15px;
width:545px;
position:relative;
background: #fff;
border: 1px solid #dfdfdf;
border-radius: 10px;
height: 40px;
}
@media (max-width:1440px){
.toolBarSearch{
width:385px
}
}
@media (max-width:1024px){
.toolBarSearch{
width:390px
}
}
@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:#dfdfdf;
color:#656565;
font-size:22px
}
@media (max-width:812px){
.toolBarSearch button{
font-size:12pt
}
}
.toolBarContact{
position:absolute;
right:17px;
max-width:390px;
text-align:center;
}
.toolBarSocial{
font-size:19px;
display:block;
float:left;
}
@media (max-width:812px){
.toolBarSocial{
margin-top:-44px;
float:right;
font-size:12pt;
padding-right:0
}
}
.toolBarSocial a{
float:right
}
.toolBarSocial i{
background:#dfdfdf;
width:40px;
height:40px;
border-radius:100%;
color:#0872ba;
padding:9px 7px;
margin-right:15px;
transition:.3s
}
@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:8px 15px 7px 70px;
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:hover{
background-color:#da251c
}
.toolBarCall span{
display:block;
font-size:12pt;
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 a,footer span{
color:#333;
transition:.3s
}
footer .link,footer span{
font-size:14px;
font-weight:600
}
footer .infoBox{
background:#bbdfed;
padding:30px 0;
font-size:12pt
}
@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:700;
font-size:18px;
color:#333;
}
footer .infoBox__title a{
font-size:14px
}
@media (max-width:1440px){
footer .infoBox__title{
font-size:17px
}
}
@media (max-width:1024px){
footer .infoBox__title{
font-size:15px
}
}
footer .ft2{
padding:40px 0;
color:#fff;
}
footer .ft2 a{
color:#ff9900;
}
footer .ft2 .logoft{
margin-bottom:20px;
text-align:center
}
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:#fff;
font-size:18px;
margin-bottom:20px
}
footer .ft2 .more{
margin:10px 0 20px
}
footer .ft2 .more a{
color:#ff9900;
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:5px
}
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:12pt
}
footer .ft3 .social{
position:absolute;
top:0;
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:.3s
}
.sendOK{
text-align:center;
font-size:12pt;
padding-bottom:100px
}
.sendOK__icon{
font-size:200px;
color:#057acb;
line-height:240px;
margin-right:80px
}
.sendOK__tt{
font-size:28px;
font-weight:700;
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:#fff;
font-weight:500
}
.pcm{
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__tabname,.pcm__title{
position:absolute
}
.pcm__title{
left:20px;
top:0;
color:#00597d;
text-transform:uppercase;
font-weight:600;
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:#cc1818;
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--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:#444;
}
.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,.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,.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:0 0
}
.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,.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,.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:0 0
}
.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
}
.fix{
left:0;
overflow:visible;
position:fixed!important;
top:0;
width:100%;
z-index:1000
}
.fix_sitebar{
background:#fff;
overflow:visible;
position:fixed!important;
top:50px;
width:326px;
display:block
}
@media (min-width:1921px){
.fix_sitebar{
width:326px
}
}
@media (max-width:1920px){
.fix_sitebar{
width:295px
}
}
@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:#fff;
overflow:visible;
position:fixed!important;
top:50px;
width:935px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
text-align:center;
-webkit-box-shadow:0 12px 10px -10px #000;
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:12pt;
color:#fff;
padding:5px;
background-color:#f4a700;
border-radius:3px;
margin-left:3px
}
.author-box{
display: none;
}
.custom-author-box, .faq_singer{
background:#fff;
color: #333;
font-size: 12pt;
text-align: justify;
margin: 15px 0;
padding:15px;
border:1px solid #4ac1f0;
margin-bottom: 30px;
}
.custom-author-box{
display: flex;
}
.author-avatar{
margin-right: 30px;
float: left;
width: 20%;
}
.author-info > div{
padding-left:30px;
}
.author-info a{
color: red;
}
.author-name{
font-size:14pt;
font-weight:600;
color: #00679b;
}
.author-social-media{
display: flex;
flex-wrap: wrap;
padding-bottom: 30px;
}
.author-social-media > div{
padding: 0 20px;
}
.author-social-media > div a{
font-weight: 600;
color: #00679b;
}
.cl{
clear:both
}
.faq_singer h6{
font-size: 20px;
font-weight: 600;
}
/*css chuyển đổi*/
.ppocta-ft-fix{
width:40px;
position:fixed;
bottom:80px;
left:8px;
text-align:center;
z-index:99999
}
#messengerButton{
display:inline-block;
position:relative;
width:50px;
height:50px;
line-height:50px;
border-radius:100%;
box-shadow:0 0 10px -2px rgba(0,0,0,.7);
background:#1cb2ed url(../images/popup/m-fb.svg) center center no-repeat;
margin-bottom:10px;
outline:0
}
a#messengerButton span{
z-index:10;
display:none;
padding:10px;
left:50px;
width:50px;
line-height:16px;
border-radius:4px;
box-shadow:5px 5px 8px #ccc;
font-weight:600
}
a#messengerButton:hover span{
display:inline;
position:absolute;
color:#111;
border:1px solid #dca;
background:#fffaf0;
width:150px
}
#zaloButton{
display:inline-block;
position:relative;
width:40px;
height:40px;
line-height:40px;
border-radius:100%;
box-shadow:0 0 10px -2px rgba(0,0,0,.7);
background:#1cb2ed url(../images/popup/m-zalo.svg) center center no-repeat;
}
a#zaloButton span{
z-index:10;
display:none;
padding:10px;
left:40px;
width:40px;
line-height:16px;
border-radius:4px;
box-shadow:5px 5px 8px #ccc;
font-weight:600
}
a#zaloButton:hover span{
display:inline;
position:absolute;
color:#111;
border:1px solid #dca;
background:#fffaf0;
width:150px
}
#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;
margin-top:20px
}
#calltrap-ico{
width:40px;
height:40px;
line-height:50px;
border:0;
background:#cc1818 url(../images/popup/pro-call.svg) center center no-repeat;
-webkit-border-radius:50%!important;
border-radius:50%!important
}
#calltrap-ico span{
z-index:10;
padding:10px;
left:40px;
width:40px;
font-size:15px;
color:#b70101;
line-height:13px;
border-radius:4px;
font-weight:600;
display:inline;
position:absolute;
background:#fffaf0;
width:110px;
margin-top:2px
}
/*hết css chuyển đổi*/
.linkdieuhuong ul li a{
color:#0275d8
}
.iDoiTac .owl-theme{
width:100%
}
.iDoiTac .owl-theme img{
margin-right:0
}
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:700;
color:#b70101;
text-align:center
}
.nut_ta_title .hotline{
font-size:18px;
color:#111;
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{
text-align:center;
max-width:80%;
width:80%;
margin:0 auto;
}
.video_fr iframe{
width:100%;
height:430px
}
.calltrap{
padding-bottom:15px
}
.head_cate{
display: flex;
margin-top: 10px;
}
.sidebarPro_loc {
position: relative;
font-size: 0;
padding: 0;
margin-right: 10px;
}
.count{
display: none;
}
.is-filter {
background: url(../images/filter_active.png) no-repeat center top;
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
background-size: 200%;
background-position: -12px -7px;
}
.sidebarPro_loc p{
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 4px;
cursor: pointer;
padding: 8px 5px;
}
.sidebarPro_loc p {
font-size: 14px; /* Kích thước chữ lớn hơn */
color: #333; /* Màu chữ */
margin: 0; /* Xóa khoảng cách mặc định */
width: 90px;
}
.sidebarPro_loc p:hover {
color: #333; /* Màu chữ khi hover */
background-color:#efefef ;
}
.loc-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7); /* Màu nền mờ */
display: flex;
justify-content: center;
align-items: center;
z-index: 1000; /* Đảm bảo popup ở trên cùng */
}
.form-loc{
background-color: #fff;
width: 80%;
height: 85%;
overflow: auto;
border-radius: 8px;
position: relative;
}
.loc-form{
display: flex;
}
.show-total-txt {
font-size: 14px;
font-weight: bold;
line-height: 18px;
margin-bottom: 5px;
}
.loc-popup p{
padding: 20px;
}
.loc-popup ul{
border-bottom: 1px solid #efefef;
}
.loc-popup ul li{
list-style-type: none;
display: inline-block;
text-align: center;
margin-bottom: 10px;
}
.loc-popup ul li a{
align-items: center;
background: #f3f4f6;
border: 1px solid #e5e7eb;
border-radius: 10px;
font-size: 14px;
margin: 10px;
padding: 5px 7px;
text-align: center;
width: 20%;
}
.button_loc{
bottom: 0px;
position: sticky;
background-color: #fff;
text-align: center;
width: 100%;
height: 40px;
}
.button_loc .loc_1{
padding: 8px 15px;
border-radius: 5px;
border: 1px solid #b70101;
cursor: pointer;
color: #b70101;
font-weight: 600;
margin-right: 20px;
}
.button_loc .loc_2{
padding: 8px 31px;
border-radius: 5px;
border: 1px solid #1cb2ed;
cursor: pointer;
color: #1cb2ed;
font-weight: 600;
}
.close-popup {
position: fixed;
border: 1px solid #1cb2ed;
border-radius: 4px;
z-index: 9999;
padding: 5px 10px;
cursor: pointer;
font-size: 14px;
right: 12%;
margin-top: 5px;
}
.filter-link.selected{
border: 1px solid #1cb2ed ;
}
.bar_sp{
padding-bottom:10px;
list-style-type:none;
}
.bar_sp a{
font-size:18px;
font-weight:500;
line-height:30px;
color:#057acb;
display:block
}
.bar_sp .bar_cate a{
font-size:12pt;
padding-left:20px;
color:#dd9c0a;
font-weight:100
}
.woocommerce-product-gallery__image{
display:inline-block;
padding-top:10px;
padding-right:10px
}
#xem-them {
border: solid 1px #88c23f;
padding: 5px;
background: #88c23f;
color: white;
font-weight: bold;
margin-left: 454px;
text-decoration: none;
}
#text{
display:none;
}
.mucluc{
border: 1px solid #aaa;
padding: 5px;
margin-bottom: 15px;
width: 70%;
background: #f9f9f9;
}
.tomtat{
text-align: center;
font-weight: bold;
color: #000;
}
.mucluc ol{
color: #0275d8;
}
.mucluc ul{
list-style-type: square;
padding-left: 18px;
}
#large-image-slider .item img {
width: 100%;
height: auto;
}
#thumbnail-image-slider .item img {
width: 100%;
height: auto;
cursor: pointer;
}
.nav-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 18px;
color: #333;
}
.prev-slide {
left: -25px;
}
.next-slide {
right: -25px;
}
#thumbnail-image-slider .owl-item.current .item {
border: 2px solid #007bff; /* Highlight current thumbnail */
}
/* 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: #333;
display: inline-block;
border: 1px solid;
padding: 5px 10px;
border-radius: 5px;
width: 150px;
margin: 0 auto;
}
.intro_category .sapo h2{
font-size:24px;
font-weight:500;
text-align:left;
color:#000;
}
.intro_category .sapo a{
color:#b70101;
text-decoration:none
}
.intro_category .sapo h3{
font-size: 18px;
color:#000;
font-weight:500;
text-align:left
}
.intro_category .sapo h4{
color:#000;
font-weight:600;
font-size:14pt;
text-align:left
}
/* hết css xem thêm rút gọn*/
/* css table post sản phẩm + table sản phẩm xem thêm rút gọn*/
.postDetail .san_pham,.intro_category .sapo .san_pham{
width: 100%;
border-collapse: collapse;
font-size: 12pt;
}
.postDetail .san_pham,.intro_category .sapo .san_pham, .san_pham td {
border: 1px solid #333;
}
.postDetail .san_pham td,.intro_category .sapo .san_pham td{
padding: 5px 10px;
border: 1px solid #dddddd;
width: 25%;
text-align:center;
height: auto;
}
.postDetail .san_pham img,.intro_category .sapo .san_pham img{
width: 100%;
height: auto;
}
.postDetail .san_pham p,.intro_category .sapo .san_pham p {
text-align:center;
}
/* HẾT css table post*/
/* css xem nhanh sản phẩm*/
.quick-view-popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
/* Popup Content */
.quick-view-content {
top: 100px;
margin: 0 auto;
position: relative;
padding: 20px;
border: 2px solid #000;
border-radius: 7px;
background-color: #fefefe;
width: 910px;
}
/* The Close Button */
.quick-view-close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
/* Product Details Container */
.product-details {
display: flex;
font-size: 18px;
font-weight: 500;
position: relative;
margin: 10px 0 20px;
color: #3D8DC9;
}
/* Product Image Container */
.product-image-container {
width: 40%;
}
/* Product Image */
.product-image {
max-width: 100%;
height: auto;
}
/* Product Info Container */
.product-info {
width: 60%;
padding-left: 20px;
}
.quick-view-close:hover,
.quick-view-close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.quick-view-btn {
padding: 2px 0px;
cursor: pointer;
text-align: center;
color: #333;
width: 150px;
margin: 7px auto;
text-transform: uppercase;
border-radius: 15px;
box-shadow: -4px 0px 23px -4px #c9c9c9;
}
.quick-view-btn:hover {
background-color: #efefef;
}
/* HẾT css xem nhanh sản phẩm*/
/*css sản phẩm trong bài post*/
.columns-4{
display: flex;
flex-wrap:wrap;
width: 100%;
padding: 20px 0;
}
.columns-4 .col-md-3{
max-width: 25%;
width: 25%;
flex: 0 0 25%;
}
.columns-4 .col-md-3 h3{
color: #000;
text-align: center;
font-size: 12pt;
}
/*hết css sản phẩm trong bài post*/