html{
box-sizing:border-box
}
*,:after,:before{
box-sizing:inherit
}
body,html{
font-family:'Roboto', Arial, Helvetica, sans-serif;
font-size:12pt;
line-height:28px;
color:#333;
}
html{
overflow-x:hidden
}
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
}

a{
text-decoration:none;
color:#333
}
h1{
font-size:36px
}
h2{
font-size:30px
}
h3{
font-size:24px
}
h4{
font-size:20px
}
h5{
font-size:18px
}
h6{
font-size: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:#005BAA;
transition:.6s;
color:#fff
}
.pages span.pages{
background:0 0;
color:#000
}
.container-full{
width:100%;
margin-right:auto;
margin-left:auto
}
.container{
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:0px
}
.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;
color:inherit;
background-color:inherit;
text-align:center;
cursor:pointer;
white-space:nowrap;
background:#eee
}
.registButton:hover{
box-shadow:0 8px 16px 0 rgba(0,0,0,.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%
}
.header-center{
	margin-top: -25px;
	max-width: 100%;
}
.header-center img{
	width: 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 25%;
max-width: 25%;
position: relative;
overflow: hidden;
height: 100%;
text-align: center;
padding: 8px;
position: relative;
overflow: hidden;
height: 100%;
text-align: center;
border: none;
}

.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 40%;
flex:0 0 40%;
max-width:40%;
margin-bottom: 30px;
}
.col-md-6{
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-md-6-slide{
-ms-flex:0 0 60%;
flex:0 0 60%;
max-width:60%
}
.col-md-7{
-ms-flex:0 0 60%;
flex:0 0 60%;
max-width:60%
}
.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-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-loaded{
display:block;
}
.owl-carousel.owl-loading{
opacity:0;
display:block
}
.owl-carousel.owl-hidden{
opacity:0
}
.owl-carousel.owl-refresh .owl-item{
visibility:hidden
}
.owl-carousel.owl-drag .owl-item{
-ms-touch-action:pan-y;
touch-action:pan-y;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.owl-grab{
cursor:move;
cursor:grab
}
.owl-carousel.owl-rtl{
direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
float:right
}
.no-js .owl-carousel{
display:block
}
.owl-carousel .animated{
animation-duration:1s;
animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
z-index:0
}
.owl-carousel .owl-animated-out{
z-index:1
}
.owl-carousel .fadeOut{
animation-name:fadeOut
}
@keyframes fadeOut{
0%{
opacity:1
}
100%{
opacity:0
}

}
.owl-height{
transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy{
opacity:0;
transition:opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{
max-height:0
}
.owl-carousel .owl-item img.owl-lazy{
transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
position:relative;
height:100%;
background:#000
}
.owl-carousel .owl-video-play-icon{
position:absolute;
height:80px;
width:80px;
left:50%;
top:50%;
margin-left:-40px;
margin-top:-40px;
background:url(owl.video.play.png) no-repeat;
cursor:pointer;
z-index:1;
-webkit-backface-visibility:hidden;
transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover{
-ms-transform:scale(1.3,1.3);
transform:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
display:none
}
.owl-carousel .owl-video-tn{
opacity:0;
height:100%;
background-position:center center;
background-repeat:no-repeat;
background-size:contain;
transition:opacity .4s ease
}
.owl-carousel .owl-video-frame{
position:relative;
z-index:1;
height:100%;
width:100%
}
/*mũi tên slider 2 bên*/

.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    pointer-events: none;
}

.owl-nav .owl-prev,.owl-nav .owl-next {
    background: rgb(0 0 0 / 20%);
    border: none;
    color: #fff;
    padding: 10px 10px;
    pointer-events: auto;
    display: none;
    cursor: pointer;
    font-size: 30px;
    line-height: 30px;
}

.iProBox:hover .owl-prev,.iProBox:hover .owl-next {
    display: block;
}
/* HẾT mũi tên slider 2 bên*/
.owl-theme .owl-dots .owl-dot{
display:inline-block;
zoom:1
}
.owl-theme .owl-dots .owl-dot span{
width:10px;
height:10px;
margin:5px 7px;
background:#d6d6d6;
display:block;
-webkit-backface-visibility:visible;
transition:opacity .2s ease;
border-radius:30px
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
background:#e3a261
}
.animated{
-webkit-animation-duration:1000 ms;
animation-duration:1000 ms;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.owl-animated-out{
z-index:1
}
.owl-animated-in{
z-index:0
}
.fadeOut{
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
@-webkit-keyframes fadeOut{
0%{
opacity:1
}
100%{
opacity:0
}

}
@keyframes fadeOut{
0%{
opacity:1
}
100%{
opacity:0
}

}
.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:red;
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{
list-style: none;
border-bottom: 2px solid #eee;
background: #eee;
padding: 0;
margin-top: 0;
}
.tab-nav .tab-nav_h2{
padding: 25px 0;
background: #005BAA;
color: #FFF;
margin-bottom: 10px;
width: 100%;
margin: 0 auto;
text-align: center;
position: relative;
}
.tab-nav .tab-nav_h2 a{
color:#fff;
font-size:16pt;
}
.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
}
.tab-content h4{
color:#f26e0e
}
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;
background:url(../images/home/head-add.png) 0 center no-repeat;
width:21px;
height:100%;
position:absolute;
left:0;
top:0
}
.headerLink{
display:flex;
align-items:center;
justify-content:flex-end
}
.headerLink__icon{
display:inline-block;
color:#fff;
transition:.6s;
padding:0 10px
}
.headerLink__icon:hover{
background:#8bc63f
}
.headerLink__icon:before{
content:'';
display:inline-block;
background-position:right center;
background-repeat:no-repeat;
vertical-align:middle;
margin-right:6px;
margin-bottom:4px
}
.headerLink__icon-1:before{
background-image:url(../images/home/head-link-icon-1.png);
width:21px;
height:24px
}
.headerLink__icon-2:before{
background-image:url(../images/home/head-link-icon-2.png);
width:19px;
height:19px
}
.headerLink__icon-3:before{
background-image:url(../images/home/head-link-icon-3.png);
width:11px;
height:26px
}
.headerLink__icon-4:before{
background-image:url(../images/home/head-link-icon-4.png);
width:30px;
height:19px
}
@media (max-width:812px){
.headerLink__icon-4:before{
display:none
}

}
.headerMain{
display:flex;
height:100%;
max-width: 100%;
align-items:center
}
.headerLogo img{
max-width: 100%;
width:100%;
text-align:center;
height: auto;
}
.headerCamKet{
width:75%;
display:flex;
padding:0 40px
}
@media (max-width:1440px){
.headerCamKet{
padding:0
}

}
.headerCamKet__item{
align-items:center;
display:flex;
width:25%;
background-position:0;
font-weight:600;
color:#005BAA;
text-transform:uppercase;
background-repeat:no-repeat;
font-size: 14px;
}
@media (max-width:1366px){
.headerCamKet__item{
background-size:auto 30px;
font-size:13px
}

}
.headerCamKet__item-1{
background-image:url(../images/home/head-cam-ket-1.jpg);
padding-left:40px
}
.headerCamKet__item-2{
background-image:url(../images/home/head-cam-ket-2.jpg);
padding-left:78px
}
.headerCamKet__item-3{
background-image:url(../images/home/head-cam-ket-3.jpg);
padding-left:51px
}
.headerCamKet__item-4{
background-image:url(../images/home/head-cam-ket-4.jpg);
padding-left:55px
}
.headerCamKet__item-5{
background-image:url(../images/home/head-cam-ket-5.jpg);
padding-left:43px
}
@media (max-width:1024px){
.headerCamKet__item{
font-size:11px;
background-position:center 0;
padding-left:0;
padding-top:45px;
justify-content:center
}

}
.headerCart{
width:12%
}
@media (max-width:1024px){
.headerCart{
width:16%
}

}
.headerCart__item{
width:100%;
margin:5px 0;
background:#005BAA;
color:#fff;
border-radius:4px
}
@media (max-width:812px){
.headerCart__item{
padding:3px 0;
font-size:11px
}

}
.headerCart__item i{
margin-right:5px;
font-size:18px
}
.loaded{
animation:opac 1,5s
}
@media (max-width:1024px){
.pc{
display:none!important
}

}
.mb{
display:none!important
}
@media (max-width:414px){
.mb{
display:block!important
}

}
.tab{
display:none!important
}
@media (max-width:1024px){
.tab{
display:block!important
}

}
.slider{
padding-bottom:0;
position:relative
}
.slider .owl-theme .owl-nav{
margin-top:-25px
}
.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:#005BAA;
border-radius:34px;
border:1px solid transparent;
transition:.6s
}
.registButtonSE2:hover{
border:1px solid #005BAA
}
@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
}

/* Base styles for the menu */
.toolBarNav__box{
z-index:9;
width: auto;
color:#333;
font-weight:400;

}

.toolBar .container {
    display: flex;
    justify-content: center;
}
.toolBarNav__box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

/* Level 1 - Horizontal menu */
.introNav > li {
    position: relative;
    padding: 11px 50px;
}
.introNav > li:hover {
    background-color:#333 ;
}
.introNav > li > a {
font-weight: normal;
text-transform: uppercase;
font-size: 16px;
color: #fff;
padding: 0 15px;
display: block;
position: relative;
vertical-align: middle;
text-align: center;
}

/* Level 2 - Vertical dropdown */
.introNav > li .introNavBox {
display: none;
position: absolute;
width: 100%;
top: 100%;
left: 0;
background: rgba(43, 43, 43, 0.92);
padding: 10px 0;
z-index: 1000;
}
.introNav > li:hover .introNavBox {
    display: block;
}
.introNav > li .introNavBox > ul {
    display: block;
}
.introNav > li .introNavBox > ul > li {
    padding: 10px 30px;
}
.introNav > li .introNavBox > ul > li > a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

/* Level 3 - Horizontal dropdown from level 2 */
.introNav > li .introNavBox > ul > li > ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background: #555;
    padding: 10px 0;
}
.introNav > li .introNavBox > ul > li:hover > ul {
    display: block;
}
.introNav > li .introNavBox > ul > li > ul > li {
    padding: 10px 20px;
}
.introNav > li .introNavBox > ul > li > ul > li > a {
    color: #fff;
    text-decoration: none;
}

/* Additional hover effects */
.introNav > li:hover > a,
.introNav > li .introNavBox > ul > li:hover > a,
.introNav > li .introNavBox > ul > li > ul > li:hover > a {
    color: #ff0;
}


.intro .slider{
padding:0 10px 6px;
}
.introAdv img{
display:block;
max-width:100%;
margin-bottom:10px
}
@media (max-width:812px){
.introAdv img{
margin:10px 6px;
max-width:44%;
display:inline-block
}

}
.iPro .tab-nav{
background:#fff;
border-bottom:1px solid #e3e3e3;
display:flex;

}
@media (max-width:812px){
.iPro .tab-nav{
flex-wrap:wrap
}

}
.iPro .tab-content{
margin: 0px;
}
.iPro .tab-link{
background-color:#fff;
color:#005BAA;
font-size:12pt
}
.iPro .tab-link:hover{
text-decoration-line:underline
}
.iPro .tab-link.current h2{
font-size:20px;
line-height:0;
font-weight:600;
margin-top:12px
}
.iPro .tab-link.current h2 a{
text-decoration-line:none
}
.iProBg{
background:#fff;
margin:0 0 10px 0
}
.iProBg .item{

}
.iProBox{
position:relative;
background-color: #fff;
}
.iProBoxRight{
margin:0
}
@media (max-width:812px){
.iProBoxRight{
margin:0;
display:flex
}

}
.iProBoxRight img{
display:block;
max-width:100%
}
.iProBoxLogo{
display:flex;
flex-wrap:wrap;
width:100%;
background:#dce5eb
}
.iProBoxLogo__item{
width:100%;
line-height:35px;
display:flex;
height:35px;
border-bottom:1px solid #85bbe0;
transition:.6s;
text-align:left;
color:#005BAA;
padding-left:10px
}
.iProBoxLogo__item:hover{
background:#88c23f
}
.iProBoxLogo__item:nth-child(3n+1){
border-left:none
}
@media (max-width:1024px){
.iProBoxLogo__item img{
max-width:90%
}

}
.iProBox__more{
position:absolute;
top:30px;
right:20px;
color:#fff;
display:block;
transition:.6s
}

.iProBox__more:hover{
text-decoration-line:underline
}
.iProBox__item{
position:relative;
display:block;
text-align:center;
box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
background: #f4f4f4;
border-top: 1px solid #eaeaea;
}
.iProBox__off{
position: absolute;
right: 0px;
top: 0;
background-color: red;
width: 45px;
height: 25px;
text-align: center;
line-height: 25px;
color: #fff;
font-size: 14px;
border-radius: 5px;
}

.iProBox__name{
color: #333;
line-height: 22px;
padding: 10px 7px;
font-weight: 600;
font-size: 16px;
min-height: 70px;
}
.iProBox__name:hover{
	color: #dd4420;
}
.product-sku{
color: #005BAA;
margin-bottom: 5px;
}
.iProBox__price{
color:#666;
font-size:13px;
text-decoration-line:line-through
}
.iProBox__sale{
font-weight: normal;
color: #c50000;
padding: 0 2px;
font-size: 15pt;
line-height: 22px;
display: inline-block;
vertical-align: middle;
font-weight: 600;
}
.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{
width: 100%;
max-width:100%;
display:block
}
.iProBox__pic:hover img{
transform: scale(1.2);
transition:.5s
}
.iProBox .pic_about{
width: 35%;
height:auto;
margin-right:40px;
display:inline-block;
vertical-align:top;
}
.iProBox .pic_about img{
float: left;
height: 338px;
margin: 10px;
width: 450px;
}
.iProBox .introdesc{
width: 65%;
text-align: justify;
}
.iProBox .introdesc a{
float: right;
background: #005BAA;
border-radius: 3px;
padding: 5px 15px;
font-size: 14px;
color: #FFF;
cursor: pointer;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
}

.iNew{
padding-bottom:10px
}
.iNewBox{
background:#fff
}
.iNew a{
color:#2c8cdf;

}
.iNew__more{
position:absolute;
right:0;
bottom:30px;
color:#005BAA
}
.iNew__more-right{
right:90px
}
.iNew__more a:hover{
transition:.3s;
color:#88c23f
}
.iNewTitle{
display:table;
width:100%;
background:#005BAA;
margin:0 0 14px 0
}
.iNewTitle-tab{
color:#fff;
padding-left:15px;
font-size:12pt
}
.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:183px
}
.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{
color:#797979;
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;
border-radius:100%;
bottom:280px;
right:10px;
z-index:2;
background:#88c23f url(../images/home/top.jpg) center center no-repeat
}
@media (max-width:1600px){
.top{
right:40px
}

}
@media (max-width:1440px){
.top{
right:10px;
width:40px;
height:40px
}

}
.playIcon{
display:table;
margin:0 auto;
max-width:550px;
position:relative;
cursor:pointer;
background:#000
}
.playIcon:before{
content:'';
display:block;
position:absolute;
z-index:1;
background:url(../images/clip-icon.png) center no-repeat;
transition:.3s ease-out;
background-size:100%;
width:50px;
height:50px;
left:calc(50% - 23px);
top:calc(50% - 23px);
transition:.3s;
opacity:1
}
.playIcon-sm::before{
width:35px;
height:35px;
left:calc(50% - 20px);
top:calc(50% - 16px)
}
.playIcon:hover img{
opacity:.8
}
.playIcon img{
position:relative;
opacity:.6;
transition:.6s
}
.modal{
text-align:left
}
.modal-title{
text-transform:uppercase;
font-size:18px
}
.modal-body{
font-size:14px
}
.thiSinhPostNum{
margin-bottom:-23px;
position:relative;
z-index:8;
padding:1px 10px;
background:#196e52;
display:table;
font-size:14px;
color:#fff;
border-radius:0 0 40px
}
.pulse_regist{
box-shadow:0 0 0 0 rgba(255,255,255,.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-weight: bold;
margin-bottom: 15px;
border-bottom: 1px solid #eee;
font-size: 22px;
line-height: 35px;
text-transform: uppercase;
}
.siteTitle__tab{
text-align: left;
font-weight: bold;
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
color: #333;
}
.siteTitle-cate{
border-bottom:1px solid #ccc
}
.siteTitle-pro{
border-bottom: 1px solid #ccc;
text-align: left;
font-weight: bold;
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
color: #333;

}
.siteTitle-post{
margin:0;
padding:0 0 10px;
font-size:20px;
padding-bottom:10px;
text-align:left;
color:#0872ba;
font-weight:600;
text-transform:uppercase;
line-height:26px;
border-bottom:1px solid #0872ba
}
.site-bg{
background:#fff;
border-radius:4px
}
@media (max-width:812px){
.site-bg{
border-radius:0
}

}
main{
padding:0;
}
@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:#005BAA;
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:20px;
font-weight:500;
text-align:left;
color:#0872ba
}
.postDetail a{
color:red;
text-decoration:none
}
.postDetail h3{
font-size: 18px;
color:#ff7600;
font-weight:500;
text-align:left
}
.postDetail h4{
color:#65b500;
font-weight:500;
font-size:12pt;
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
}
.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{
text-align: left;
border-bottom: 1px solid #ccc;
font-weight: bold;
text-transform: uppercase;
font-size: 20px;
line-height: 30px;
margin-bottom: 10px;
}
.postOtherTitle__tab{

color:#333;
font-size:20px
}
.postOtherNew{
max-width:290px;
margin:0 auto;
display:block
}
.postOtherNew img{
width:100%;
height:150px
}
.postOtherNew__tt{
color:#005BAA
}
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{
border: 1px solid #eee;
list-style: none;

}
.sidebarTitle h3{
background: #eee;
padding: 5px 10px;
text-transform: uppercase;
font-weight: normal;
font-size: 18px;
margin-top: 0;
}

.sidebarList{
margin:10px 0
}
.sidebarList li{
padding:5px 0;
border-bottom:1px dashed #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
}

.sidebarList{
margin:10px 0
}
.sidebarList li{
padding:5px 0;
border-bottom:1px dashed #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:10px
}

.sidebarPro__item{
padding:6px 0;
font-size:14px
}
@media (max-width:1024px){
.sidebarPro__item{
font-size:12px
}

}
.sidebarPro__tt{
font-weight:600;
padding:5px 0
}
.sidebarPro_loc {
display: flex;
flex-direction: row; /* Sắp xếp các phần tử theo hàng ngang */
box-shadow: -4px 8px 10px -4px #c9c9c9;
text-align: center;
}
.sidebarPro_loc > div {
flex: 0 1 18%;
flex-wrap: wrap;    /* Chiều rộng của mỗi form là 20% */
margin: 0 auto;      
box-sizing: border-box; /* Đảm bảo padding và border không ảnh hưởng đến chiều rộng */
}

.sidebarPro_loc form {
width: 100%;            /* Đảm bảo form chiếm toàn bộ chiều rộng của div chứa nó */
}
.fix_loc{
overflow:visible;
position:fixed!important;
top:50px;
z-index:9;
width: 81%;
background-color: #fff;
}
.fix_loc > div {
flex: 0 1 18%;
flex-wrap: wrap;    /* Chiều rộng của mỗi form là 20% */
margin: 0 auto;      
box-sizing: border-box; /* Đảm bảo padding và border không ảnh hưởng đến chiều rộng */
}

.fix_loc form {
width: 100%;            /* Đảm bảo form chiếm toàn bộ chiều rộng của div chứa nó */
}
.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:0px
}
.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;
color:#005BAA;
overflow:hidden
}
@media (max-width:1024px){
.sidebarThumb .media-title{
font-size:12px;
height:57px
}

}
.sidebarThumb .media-title a{
color:#005BAA;
transition:.3s
}
.sidebarThumb .media-title a:hover{
color:#88c23f
}
.sidebarThumb .media-title:hover{
color:#88c23f
}
.sidebarPhoto{
margin:20px 0
}
.sidebarPhoto img{
width:100%
}
.sidebarSlide{
margin:20px 0
}
.sidebarSlide figure{
position:relative
}
@media (max-width:1024px){
.sidebarSlide figure{
margin:0
}

}
.sidebarSlide figcaption{
left:0;
bottom:0;
padding:5px 0;
text-align:center;
width:100%;
background:rgba(0,0,0,.1);
color:#333
}

.breadcrumb{
margin-top: 10px;
width: 100%;
}
.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: #ff7600;
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:red
}
.binhChon{
text-align:center;
margin-top:15px
}
@media (max-width:812px){
.binhChon{
display:flex
}

}
@media (max-width:414px){
.binhChon{
flex-wrap:wrap;
margin:10px -8px 5px
}

}
@media (max-width:812px){
.binhChon__item{
width:33%;
padding:5px
}

}
@media (max-width:414px){
.binhChon__item{
width:50%
}

}
.binhChon__thumb{
background:#fff;
padding:7px;
border-radius:4px;
margin-bottom:15px
}
@media (max-width:812px){
.binhChon__thumb{
padding:5px
}

}
@media (max-width:414px){
.binhChon__thumb{
margin-bottom:2px
}

}
.binhChon__thumb:hover img:nth-child(1){
left:-100px
}
.binhChon__thumb:hover img:nth-child(2){
left:0
}
.binhChon__pic{
position:relative;
height:242px;
width:100%;
margin:0 auto;
overflow:hidden;
display:block;
border-radius:0 4px 4px 4px
}
@media (max-width:1024px){
.binhChon__pic{
height:189px
}

}
@media (max-width:812px){
.binhChon__pic{
height:218px
}

}
@media (max-width:414px){
.binhChon__pic{
height:166px
}

}
@media (max-width:375px){
.binhChon__pic{
height:146px
}

}
@media (max-width:320px){
.binhChon__pic{
height:126px
}

}
.binhChon__pic img{
position:absolute;
top:0;
transition:.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
}
.prodPostcontent{
display: flex;
}
.prodPostTab{
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%;
border: 1px solid #eee;
}
.prodPostTab .tab-link{
display: block;
padding: 10px 15px;
font-size: 16px;
text-transform: uppercase;
cursor: pointer;
color: #333;
background: #eee;
position: relative;
}
.prodPostTab .tab-link.current{
color:#333;
background-color: #fff;
border-bottom: 2px solid #005BAA;
float: left;
}
.prodPostTab .tab-content{
padding:10px 10px;
text-align:justify;
}

.prodPostTab .tab-content a{
color:red
}
.prodPostTab .tab-contenth2{
font-size:18px;
font-weight:500;
text-align:left;
color:#0872ba
}
.prodPostTab .tab-contenth3{
color:#ff7600;
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:#000
}
.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:#88c23f;
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:#005BAA
}
.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:#005BAA
}
.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:#005BAA
}
.topBrand__item-more::before{
border-right:none
}
.toolBar{
background:#fff;
height:50px;
}
.toolBar .container{
display:flex;
background-color:#005BAA;
}
.toolBarNav{
display:block;
width:20%;
background:#8bc63f;
color:#fff;
height:50px;
font-size:12pt;
padding:8px 12px
}
@media (max-width:1024px){
.toolBarNav{
font-size:15px
}

}
@media (max-width:812px){
.toolBarNav{
font-size:12px;
height:42px;
display:flex;
align-items:center
}

}
.toolBarNav>a{
color:#fff
}
.toolBarNav i{
font-size:25px;
vertical-align:sub;
padding-right: 5px;
}
@media (max-width:812px){
.toolBarNav i{
display:none
}

}


.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:#005BAA;
padding-right:20px
}
.cartPopData__del{
color:#c5c5c5
}
.cartPopData__sale{
font-weight:700;
color:#005BAA
}
.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:#005BAA;
border-radius:4px;
border:none;
color:#fff;
padding:5px 15px;
cursor:pointer;
transition:.6s
}
.cartPopSend__bt button:hover{
background:#88c23f
}
footer{
padding:0;
background:#ededed;
color:#333;
display:table;
width:100%;
font-size:13px
}
@media (max-width:414px){
footer{
padding-bottom:40px
}

}
footer a,footer span{
color:#fff;
transition:.3s
}
footer a:hover,footer span:hover{
text-decoration:none;
color:#7bc2ff
}
footer .link,footer span{
font-size:14px;
font-weight:600
}
footer .infoBox{
background:#005BAA;
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:600;
font-size:16px;
color:#fff;
}
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:#000
}
footer .ft2 a{
color:#d1d1d1
}
footer .ft2 .logoft{
margin-bottom:20px;
text-align:center
}
footer .ft2 .logoft img{
	width: 200px;
}
footer .ft2 .link{
display:flex;
align-items:center
}
footer .ft2 .link img{
margin-right:10px;
max-width:90%
}
footer .ft2 .tt{
text-transform:uppercase;
font-weight:600;
color:#88c23f;
font-size:20px;
margin-bottom:20px
}
footer .ft2 .more{
margin:10px 0 20px
}
footer .ft2 .more a{
color:#88c23f;
font-weight:500;
text-decoration:underline
}
footer .ft2 .ct{
line-height:22px;
font-size: 14px;
}
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:#005BAA;
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:#005BAA
}
.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:#f26649;
color:#fff;
text-transform:uppercase;
border-radius:4px;
font-size:15px;
font-weight:600;
border:none;
padding:10px 45px;
display:table;
margin:10px auto;
cursor:pointer
}
.pcm__quickask button:hover{
background:#e2492a
}
.pcm__quickask--run textarea{
border:1px solid #ccc
}
.pcm__quickask--run button{
margin:0;
float:right;
padding:8px 20px;
font-size:14px
}
.pcm__main .loadMoreAll,.pcm__main .showLessAll{
position:relative
}
.pcm__main .loadMoreAll::after,.pcm__main .showLessAll::after{
content:"";
position:absolute;
top:16px;
left:0;
display:block;
width:100%;
border-bottom:1px solid #ddd;
z-index:0
}
@media (max-width:414px){
.pcm__main .loadMoreAll::after,.pcm__main .showLessAll::after{
top:25px
}

}
.pcm__main .loadMoreAll span,.pcm__main .showLessAll span{
display:table;
padding:5px 20px;
background:#ddd;
color:#888;
margin:20px auto;
position:relative;
z-index:1;
cursor:pointer
}
@media (max-width:414px){
.pcm__main .loadMoreAll span,.pcm__main .showLessAll span{
margin:10px 0 0;
float:right
}

}
.pcm__main .showLessAll{
display:none
}
.pcm__main article{
display:table;
padding:10px 20px;
display:none
}
@media (max-width:414px){
.pcm__main article{
padding:10px
}

}
.pcm__main article:nth-child(even){
background:#f8f8f8
}
.pcm__main article:nth-child(1){
display:block
}
.pcm__main article ul{
padding:0;
margin:0
}
.pcm__main article ul li{
list-style:none;
display:table;
width:100%
}
.pcm__main article ul li ul{
padding-left:60px;
margin:10px 0
}
.pcm__main article ul li ul li{
border-top:1px solid #ddd;
padding:15px 0
}
.pcm__c2{
padding-left:60px
}
@media (max-width:414px){
.pcm__c2{
padding-left:15px
}

}
.pcm__c3{
padding-left:120px
}
.pcm__c1{
padding-bottom:20px
}
.pcm__c2,.pcm__c3{
border-top:1px dotted #ddd;
padding-top:10px;
padding-bottom:20px
}
.pcm__more{
text-align:right;
text-decoration:underline;
color:#00597d;
font-size:13px;
margin:20px 0
}
.pcm__load{
position:relative
}
.pcm__load .loadMore,.pcm__load .showLess{
position:absolute;
right:0;
top:0;
width:30px;
height:20px
}
.pcm__load .loadMore svg,.pcm__load .showLess svg{
width:20px;
height:20px;
float:right;
fill:#ccc;
stroke:#ccc;
stroke-width:1;
cursor:pointer
}
.pcm__load .loadMore svg:hover,.pcm__load .showLess svg:hover{
fill:#00597d;
stroke:#00597d
}
.pcm__load .showLess{
display:none
}
.pcm__content p{
display:none;
text-align:justify
}
.pcm__content p:nth-child(1){
display:block
}
@media (max-width:320px){
.pcm__user .user_pic{
display:none
}

}
.pcm__user .user_pic img{
float:left;
width:48px;
height:48px;
border-radius:100%
}
@media (max-width:414px){
.pcm__user .user_pic img{
width:38px;
height:38px
}

}
.pcm__user .user_ct{
padding-left:65px
}
@media (max-width:414px){
.pcm__user .user_ct{
padding-left:50px
}

}
@media (max-width:320px){
.pcm__user .user_ct{
padding-left:0
}

}
.pcm__user .user_name{
color:#00597d;
font-weight:600
}
.pcm__user .user_time{
color:#999
}
.pcm__info{
position:relative
}
.pcm__info .info_hd{
position:absolute;
top:-20px;
right:0;
color:#00597d;
font-weight:500;
font-size:12px
}
.pcm__info .info_hd a{
color:#00597d;
cursor:pointer
}
.pcm__info .info_hd a:hover{
color:#f26649
}
.pcm__info .info_hd span{
padding-left:5px;
padding-right:5px
}
.pcm__info .info_ct{
display:none
}
.cm_pop{
font-size:14px
}
.cm_pop input,.cm_pop textarea{
box-sizing:border-box;
-moz-box-sizing:border-box
}
.cm_pop .background_overlay{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
z-index:10;
background:rgba(0,0,0,.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:297px;
display:block
}
@media (min-width:1921px){
.fix_sitebar{
width:400px
}

}
@media (max-width:1440px){
.fix_sitebar{
width:312px
}

}
@media (max-width:1366px){
.fix_sitebar{
width:312px
}

}
@media (max-width:1024px){
.fix_sitebar{
width:228px
}

}
.post_content{
display:none
}
.fix_post{
display:block;
height:auto;
margin-left:-10px;
background:#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;
}
.author_bio_section{
background:#fff;
color: #333;
font-size: 12pt;
text-align: justify;
margin: 30px 0;
padding:15px;
border:1px solid #ccc;
}
.custom-author-box{
display: flex;
}
.author-avatar{
margin-right: 30px;
float: left;
width: 20%;
}

.author-info > div{
padding-left:30px;
}

.author-info h4{
font-size:14pt;
font-weight:600;

}
.author-social-media{
display: flex;
flex-wrap: wrap;
}
.author-social-media > div{
padding: 0 20px;
}
.author-social-media > div a{
font-weight: 600;
color: #005BAA;
}
.cl{
clear:both
}
.ppocta-ft-fix{
width:40px;
position:fixed;
bottom:100px;
left:8px;
text-align:center;
z-index:99999
}
#messengerButton{
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-fb.svg) center center no-repeat;
margin-bottom:10px;
outline:0
}
#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;
}
#registerNowButton {
display: block!important;
position: relative;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 100%;
box-shadow: 0 0 10px -2px rgba(0, 0, 0, .7);
background: #1cb2ed url(../images/popup/m-sms.svg) center center no-repeat;
}
#calltrap-ico{
width:40px;
height:40px;
line-height:40px;
border:0;
background:#1cb2ed 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 5px;
left: 40px;
width: 40px;
font-size: 15px;
color: #000;
line-height: 13px;
border-radius: 4px;
font-weight: 600;
display: inline;
position: absolute;
background: #fffaf0;
width: 110px;
margin-top: 4px;
}
#messengerButton span, #zaloButton span, #registerNowButton span{
z-index:10;
display:none;
padding:5px 10px;
left:40px;
width:40px;
line-height:16px;
border-radius:4px;
box-shadow:5px 5px 8px #ccc;
font-weight:600
}
#messengerButton:hover span, #zaloButton:hover span, #registerNowButton:hover span{
z-index: 10;
padding: 10px 5px;
left: 40px;
width: 40px;
font-size: 15px;
color: #000;
line-height: 13px;
border-radius: 4px;
font-weight: 600;
display: inline;
position: absolute;
background: #fffaf0;
width: 110px;
margin-top: 4px;
}

.linkdieuhuong ul li a{
color:#1cb2ed;
}
.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:red;
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
}
.cate_box{
text-align:center;
background-color:#efefef;
display:inline-block;
margin:3px;
width:22%
}
.cate_box p{
margin:0 auto;
padding:0;
width:100%
}
.cate_box:hover{
color:#fff;
background-color:#88c23f
}
.cate_box a{
font-size:12pt;
text-align:center;
line-height:1;
display:block;
font-weight:500;
padding:10px 0px;
width:100%;
color:#000 !important;

}
@media(max-width:480px){
.cate_box{
width:45%;
margin:5px
}
.cate_box a{
font-size:13px;
font-weight:400
}

}
.bar_sp{
padding-bottom:10px;
list-style-type:disc
}
.bar_sp a{
font-size:18px;
font-weight:500;
line-height:40px;
color:#005BAA;
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;
    padding-top: 20px;
}

.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 h2{
font-size:19px;
color:#0872ba;
font-weight:600;

}
.intro_category .sapo h3{
color:#ff7600;
font-weight:600;

}
h4{
font-size:12pt;
color:#288a00;
font-weight:600;

}
.intro_category .sapo p a{
color:red
}
.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;
width: 100%;
background: #fff;
}
.btn_view_more {
color: #09a7f1;
display: inline-block;
border: 1px solid;
padding: 5px 10px;
border-radius: 5px;
width: 150px;
margin: 0 auto;
}
/* hết css xem thêm rút gọn*/
/* 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: #3D8DC9;
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 table post*/
.postDetail table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12pt;
}
.postDetail table,table td {
    border: 1px solid #333;
}
.postDetail table td {
    padding: 5px 10px;
    border: 1px solid #dddddd;
    width: 25%; 
    text-align:center; 
    height: auto;
}
.postDetail table img{
    width: 100%;
    height: auto;
}
.postDetail table p {
    text-align:center; 

}
/* HẾT css table post*/