html, body {
font-family: 'Exo', sans-serif;
font-size: 14px;
padding: 0px;
margin: 0px;
color: #515151;
line-height:20px;
}
h1, h2, h3, h4, h5, h6 {
line-height: normal;
margin:0px;
}
a {
text-decoration: none;
}
.text-center
{
text-align:center;
}
.mr-auto
{
margin:auto;
}
.left-page{
}
.right-page{
}
.page-one
{
padding-top:50px !important;
}
strong, b{
font-weight:700;
}
img {
border: none;
max-width: 100%;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
#page {
overflow:hidden;
width:100%;
margin:0 auto;
position:relative;
}
.c, .c5, .c10, .c15, .c20, .c30, .c3, .c2, .c80,.c40 {
clear: both;
}
.c {
height: 0px;
}
.c2 {
height: 2px;
}
.c3 {
height: 3px;
}
.c5 {
height: 5px;
}
.c10 {
height: 10px;
}
.c15 {
height: 15px;
}
.c20 {
height: 20px;
}
.c30 {
height: 30px;
}
.c35 {
height: 35px;
}
.c40 {
height: 40px;
}
.c80 {
height: 80px;
}
/* Bounce In */
.hvr-bounce-in {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.hvr-wobble-horizontal {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.hvr-bob {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
.hvr-grow {
display:block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/* Float */
.hvr-float {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
/* Forward */
.hvr-forward {
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
.hvr-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.img-page
{
position:relative;
width:100%;
display:block;
overflow:hidden;
}
.img-page img
{
display:inline-block;
}
a{
text-decoration:none;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.header-mobile{
display:none;
background:#fff;
padding:0px 10px;
padding-top:3px;
}
.item-menu{
color:#fff;
display:none
}
.header-mobile .item-menu{
color:#333;
width:40px;
height:40px;
text-align:center;
line-height:40px;
border:solid 1px #666;
margin-top:7px;
margin-right:10px;
}
.overlay{
background:#000;
opacity:.7;
display:none;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:99999;
}
.text-line-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text-line-4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.text-line-3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.text-line-5 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.text-line-6 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.box-slide{
}
.toppage{
height:47px;
background-color:#2b368d;
opacity:0.9
}
.header{
width:100%;
color:#FFF;
background-color:#fff;
top:0px;
left:0px;
z-index:999;
height:84px;
}
.topmenu
{
margin:0;
padding:0;
}
.topmenu li
{
display:block;
float:left;
}
.topmenu li a
{
color:#fff;
font-weight:600;
font-size:15px;
line-height:48px;
display:inline-block;
padding-left:10px;
padding-right:10px;
}
.topmenu li a:hover
{
color:#ffbc77
}
.topmenu li:last-child span
{
display:none;
}
.logo{
padding-top:13px;
}
.hd-cart{
width:132px;
align-self:center;
}
.hd-cart a{
color:#FFF;
}
.hd-slogan{
width:290px;
align-self:center;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-style:italic;
}
.hd-search{
width:calc(100% - 572px);
align-self:center;
}
.menubar{
height:88px;
position:relative;
width:auto;
float:right;
}
.hotline
{
background-color:#ffbc77;
color:#2b368d;
font-weight:700;
display:block;
padding:10px 15px;
float:right;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-left:10px;
margin-top:21px;
}
.nav{
margin:0px;
padding:0px;
height:87px;
}
.nav > li{
list-style:none;
position:relative;
font-size:15px;
display:inline-block;
}
.nav > li > a{
color:#484848;
display:block;
padding:0px 15px;
line-height:84px;
font-size:16px;
font-weight:600;
}
.nav>li:hover a,.nav>li.active > a{
color:#132f83;
}
.nav > li > ul{
margin:0px;
padding:0px;
position:absolute;
top:100%;
left:0px;
display:none;
width:300px;
z-index:9999;
background:#132f83;
opacity:0.8;
text-align:left;
}
.nav li ul li{
width:100%;
display:inline-block;
border-top:solid 1px #244198;
transition:background 0.2s;
position:relative;
}
.nav li ul li:first-child{
border-top:none;
}
.nav li:hover ul li a{
color:#fff;
font-weight:600;
}
.nav li ul li a{
text-transform:none;
display:block;
color:#fff ;
padding:12px 15px;
}
.nav li ul li:hover{
background:#f35244;
}
.nav li ul li:hover a{
color:#FFF;
}
.nav li ul li > ul{
position:absolute;
left:100%;
top:0;
background:#132f83;
opacity:0.8;
display:none;
margin:0;
padding:0;
width:280px;
z-index:99999999;
}
.nav li ul li ul li{
display:block;
}
.nav li ul li ul li a{
color:#fff !important;
}
.nav li ul li ul li:hover a{
color:#FFF !important;
}
.nav-left
{
float:left;
width:auto;
}
.nav-right
{
float:right;
width:auto;
}
.box-about-home{
background-color:#f2f2f2;
}
.box-about-home .inner-box-about-home{
background-image:url(../images/2.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}
.box-about-home .swiper-container
{
height:430px;
}
.box-about-home .swiper-slide
{
height:430px;
background-position:center center;
}
.video-wc
{
width:700px;
float:left;
position:relative;
min-height:430px;
}
.title-video-wc
{
position: absolute;
left: 20px;
bottom: 20px;
color: #fff;
font-size: 18px;
font-weight: 700;
z-index: 99;
width: 100%;
padding-left:50px;
}
.text-about-home1
{
width:600px;
float:right;
padding-top:40px;
padding-bottom:30px;
}
.text-about-home{
line-height:23px;
}
.about-name-home{
font-size:35px;
color:#1b7fce;
display:block;
margin:0px;
padding:0px;
position:relative;
}
.about-name-home a{
font-size:35px;
color:#1b7fce;
display:block;
margin:0px;
padding:0px;
position:relative;
}
.next1
{
position:absolute;
right:60px;
bottom:20px;
display:block;
width:38px;
height:38px;
background-image:url(../images/np_if.png);
background-position:0 0;
z-index:999;
}
.prev1
{
position:absolute;
right:15px;
bottom:20px;
display:block;
width:38px;
height:38px;
background-image:url(../images/np_if.png);
background-position:-38px 0;
z-index:999;
}
.btn-view-detail-about-home
{
background-color:#2b368d;
display:inline-block;
padding:12px 40px;
color:#fff;
-webkit-border-radius: 5px;
border-radius: 5px;
font-weight:700;
}
.box-video-about{
width:100%;
height:80%;
position:absolute;
top:15%;
left:14%;
overflow:hidden;
z-index:4;
transform:skewX(-30deg);
max-width:610px;
}
.box-video-about .content{
transform:skewX(30deg);
width:100%;
height:100%;
left:-19%;
position:absolute;
}
.box-video-about .content .btn-play{
width:57px;
height:57px;
background:url(../images/btn-play.png) no-repeat;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:99;
}
.btn-detail-about{
background:#ee2a3b;
transform:skew(-20deg);
color:#FFF;
display:inline-block;
padding:10px 30px;
-webkit-border-radius:15px 15px 15px 15px;
border-radius:15px 15px 15px 15px;
}
.btn-detail-about span{
transform:skew(20deg);
display:inline-block;
}
.tabhome
{
margin:0;
padding:0;
text-align:center;
}
.tabhome li
{
display:inline-block;
margin-left:4px;
margin-right:4px;
margin-bottom:10px;
}
.tabhome li a
{
display:block;
padding:14px 30px;
border:solid 2px #2b368d;
color:#4c4c4c;
-webkit-border-radius: 4px;
border-radius: 4px;
font-weight:700;
font-size:18px;
}
.tabhome li a:hover
{
background-color:#2b368d;
color:#fff;
}
.product-code{
color:#838383;
font-size:13px;
padding-bottom:15px;
text-transform:uppercase;
}
.title-home{
color:#4c4c4c;
font-size:40px;
position:relative;
margin:0px;
font-weight:600;
}
.title-home a{
color:#474747;
display:inline-block;
position:relative;
}
.title-home a:hover
{
color:#2b368d;
}
.title-home1{
color:#515151;
font-size:26px;
position:relative;
margin:0px;
font-weight:800;
text-transform:uppercase;
padding-top:20px;
}
.title-home1 a{
color:#515151;
}
.title-home-w a{
color:#fff;
}
.title-home-w a:hover
{
color:#1b7fce;
}
.swiper-pagination2{
text-align:center;
}
.swiper-pagination2 .swiper-pagination-bullet{
margin:2px;
}
.swiper-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{
background:#8a8a8a;
}
.bnt-sl
{
position:absolute;
top:50%;
margin-top:-27px;
background-image:url(../images/np.png);
width:48px;
height:54px;
display:block;
text-indent:-99999em;
}
.swiper-button-next1
{
background-position:0 0;
left:-70px;
}
.swiper-button-prev1
{
background-position:-48px 0;
right:-70px;
}
.product-home
{
padding-top:40px;
padding-bottom:40px;
}
.intro-home
{
width:60%;
margin:auto;
}
.btn-cat
{
background-color:#2b368d;
}
.catname-home a
{
color:#fff;
}
.catname-home a:hover
{
color:#9adcf8;
}
.catname-home-small
{
position:absolute;
left:20px;
bottom:10px;
z-index:999;
}
.project-home
{
background-image:url(../images/bg_duan.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
padding-top:40px;
padding-bottom:40px;
}
.title-home-duan{
color:#fff;
font-size:35px;
position:relative;
margin:0px;
font-weight:800;
text-transform:uppercase;
}
.title-home-duan a:before {
width:21px;
height:3px;
top:10px;
right:105%;
background-color:#fff;
content:"";
position:absolute;
}
.title-home-duan a:after {
width:100px;
height:3px;
bottom:10px;
left:105%;
background-color:#fff;
content:"";
position:absolute;
}
.title-home-duan a{
color:#fff;
display:inline-block;
position:relative;
}
.title-home-duan a:hover
{
color:#2b368d;
}
.news-home
{
background-color:#f3f3f3;
padding-top:40px;
padding-bottom:40px;
}
.footer{
padding-top:50px;
padding-bottom:50px;
background-image:url(../images/bg_trust.jpg);
}
.bg-news-project{
background: rgb(241,241,241);
background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 );
}
.slogan
{
color:#fff;
line-height:48px;
}
.slogan strong
{
text-transform:uppercase;
font-family:Exo-B, Tahoma, Geneva, sans-serif;
}
.rev-name-home
{
font-family:Exo-B, Tahoma, Geneva, sans-serif;
font-size:18px;
font-weight:normal;
color:#3c3c3c;
margin:0px;
padding:5px 0px;
margin-top:15px;
}
.rev-name-home a
{
color:#2b2b2b;
}
.rev-name-home a:hover
{
color:#06519a
}
.intro-rev
{
margin-top:10px;
font-style:italic;
}
.item-news-home
{
overflow:hidden;
padding-bottom:40px;
position:relative;
margin-bottom:20px;
padding-top:10px;
}
.item-news
{
}
.inner-news
{
padding:10px 0;
}
.news-name-home{
font-size:18px;
font-weight:700;
color:#535353;
margin:0px;
padding:5px 0px;
padding-top:10px
}
.item-news-home img{
display:block;
}
.news-name-home a{
color:#535353;
}
.news-name-home a:hover{
color:#1b7fce
}
.intro-news-home
{
line-height:24px;
color:#515151;
font-size:15px;
margin-top:4px;
}
.title-page{
color:#474747;
font-size:35px;
font-weight:800;
position:relative;
text-transform:uppercase;
margin-top:-5px;
}
.news-detail-name{
color:#4d4d4d;
font-size:40px;
position:relative;
font-weight: normal;
margin-bottom:20px;
}
.intro-detail{
margin-bottom:20px;
font-weight:600;
font-size:18px;
line-height:24px;
}
.news-name-right{
font-size:15px;
color:#565656;
}
.news-name-right a{
color:#565656;
}
.hd-box
{
color:#5a5a5a;
border-bottom:solid 2px #eb1c24;
padding-bottom:10px;
margin:0;
font-size:24px;
position:relative;
font-weight:700;
}
.hd-box span
{
}
.box-news
{
margin-top:30px;
}
.box-news .item-news-col
{
overflow:hidden;
margin-bottom:30px;
}
.box-news .item-news-col a
{
color:#4c4c4c;
line-height:24px;
font-size:16px;
}
.box-news .item-news-col a:hover
{
color:#06519a
}
.box-news .item-news-col img
{
width:40%;
float:left;
margin-right:10px;
}
.image-service-list{
background-repeat:no-repeat;
background-size:cover;
transform:skew(30deg);
position:absolute;
width:120%;
height:100%;
right:-15%;
top:0px;
min-height:200px;
}
.flex-reverse .image-service-list{
background-repeat:no-repeat;
background-size:cover;
transform:skew(-30deg);
position:absolute;
width:120%;
height:100%;
left:-15%;
top:0px;
}
.text-service-list{
padding:50px 0px;
max-width:600px;
}
.flex-reverse .text-service-list{
padding:50px 0px;
max-width:600px;
float:right
}
.b-image-service-list{
min-height:250px;
}
.b-skew{
transform:skew(-30deg); width:100%; height:100%; overflow:hidden;
width:120%;
position:absolute;
-webkit-border-radius:0px 50px 50px 0px;
border-radius:0px 50px 70px 0px;
left:-35%;
}
.flex-reverse .b-skew{
transform:skew(30deg); width:100%; height:100%; overflow:hidden;
width:120%;
position:absolute;
left:12% !important;
-webkit-border-radius:50px 0px 0px 50px;
border-radius:50px 0px 0px 70px;
}
.service-name{
color:#565656;
font-family:UTM-B, Tahoma, Geneva, sans-serif;
font-size:24px;
}
.service-name a{
color:#565656;
}
.service-intro{
line-height:20px;
}
.swiper-notification
{
display:none !important
}
.slide-child
{
position:relative;
}
.slide-child img
{
display:block;
width:100%;
}
.name-catroot
{
font-size:45px;
color:#fff;
font-weight:700;
text-transform:uppercase;
position:absolute;
width:100%;
text-align:center;
left:0;
top:50%;
margin-top:-20px;
}
.crumb{
color:#3e3e3e;
width:100%;
left:0;
bottom:0;
z-index:999;
background-color:#f4f4f4;
}
.crumb .grid{
text-align:left;
}
.crumb a{
display:inline-block;
padding:10px 8px;
color:#3e3e3e;
position:relative;
font-size:15px;
}
.crumb a:first-child{
}
.crumb a:last-child:before,.crumb a:last-child:after{
display:none;
}
.crumb a:last-child{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
}
.service-name-right{
font-family:Roboto-M, Tahoma, Geneva, sans-serif;
font-size:15px;
color:#434343;
text-transform:uppercase;
text-align:center;
}
.service-name-right a{
color:#434343;
}
.service-detail-name{
font-family:UTM-B, Tahoma, Geneva, sans-serif;
font-size:40px;
color:#565656;
text-transform:uppercase;
}
.service-intro-detail{
color:#565656;
font-size:15px;
font-family:Roboto-M, Tahoma, Geneva, sans-serif;
}
.frm-contact-service{
background:#f3f3f3;
padding:40px;
}
.frm-contact-service .title{
font-size:24px;
font-family:UTM-B, Tahoma, Geneva, sans-serif;
text-transform:uppercase;
font-weight:normal;
letter-spacing:3px;
color:#565656;
margin:0px;
}
.frm-contact-service input{
width:100%;
height:40px;
border:solid 2px #b9b9b9;
padding:0px 5px;
background:none;
outline:none;
}
.frm-contact-service textarea{
width:100%;
height:90px;
border:solid 2px #b9b9b9;
padding:5px 5px;
font-family:Roboto, Tahoma, Geneva, sans-serif;
background:none;
outline:none;
}
.frm-contact-service input:focus,.frm-contact-service textarea:focus{
background:#FFF;
}
.margin-bottom-10{
margin-bottom:10px;
}
.margin-bottom-20{
margin-bottom:20px;
}
.margin-bottom-40{
margin-bottom:40px;
}
.btn-send-request{
display:block;
width:100%;
height:40px;
background:#ee2a3b;
color:#FFF;
text-align:center;
line-height:40px;
font-family:Roboto-M, Tahoma, Geneva, sans-serif;
font-size:15px;
}
.txt-contact{
width:100%;
height:40px;
border:solid 1px #b9b9b9;
padding:0px 5px;
}
.line-frm{
margin-bottom:15px;
}
#imgCaptcha{
height:40px;
}
.btn-send{
margin-left:20px;
height:40px;
padding:0px 30px;
background:#EE2A3B;
color:#FFF;
border:none;
}
.form_error{
color:#FF0000;
}
.news-name{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:16px;
margin:0px;
padding:5px 0px;
color:#4d4d4f;
font-weight:normal;
}
.news-name a{
color:#565656;
}
.text-info-list{
padding:0px 0px;
}
.flex-reverse .text-info-list{
float:right;
padding-left:0px;
}
.info-list-name{
font-family:Play-B, Tahoma, Geneva, sans-serif;
font-size:24px;
color:#4c4c4c;
font-weight:normal;
}
.info-list-name a{
color:#4c4c4c;
}
.info-list-name a:hover{
color:#06519a
}
.album-name{
font-family:Roboto-M, Tahoma, Geneva, sans-serif;
font-size:16px;
color:#565656;
}
.album-name a{
color:#565656;
}
.cell-pro
{
background-color:#f3f3f3;
}
.content-item-pro
{
padding-left:20px;
padding-right:20px;
}
.product-name{
color:#3c3c3c;
font-size:15px;
margin:0;
padding:0;
font-weight:normal;
padding-bottom:10px;
padding-top:10px;
text-transform:uppercase;
}
.product-name a{
color:#4d4d4d;
}
.product-name a:hover
{
color:#132f83
}
.pricekm
{
float:right;
width:50%;
color:#434343;
font-size:15px;
text-align:right;
}
.price
{
color:#1b7fce;
font-size:20px;
font-weight:700;
width:50%;
float:left;
}
.pro-price{
margin-top:20px;
overflow:hidden
}
.btn-item
{
}
.btn-item
{
display:block;
padding:14px 0;
width:100%;
color:#4f4f4f;
font-size:15px;
font-weight:700;
text-align:center;
background-color:#b9b9b9;
}
.cell-pro:hover .btn-item
{
background-color:#2b368d;
color:#e8b888;
}
.btn-cart span
{
background-image:url(../images/bg_btn_cart.png);
background-repeat:no-repeat;
display:inline-block;
padding-left:30px;
background-position:center left;
}
.menu-left{
padding:0px;
margin:0px;
position:relative;
}
.menu-left:after{
box-shadow:0px 0px 10px #ccc;
position:absolute;
top:10px;
left:0px;
content:"";
width:100%;
height:100%;
z-index:-1;
}
.menu-left li{
list-style:none;
}
.menu-left li.title{
background:#ee2a3b;
color:#FFF;
margin-bottom:8px;
}
.menu-left li a{
display:block;
padding:8px 15px 8px 28px;
color:#494949;
font-family:Roboto-M, Tahoma, Geneva, sans-serif;
font-weight:normal;
text-transform:uppercase;
position:relative;
}
.menu-left li.active a{
color:#ee2a3b;
}
.menu-left li.active a:before{
width:23px;
height:2px;
background:#ee2a3b;
left:0px;
top:18px;
content:"";
position:absolute;
}
.menu-left li.title a{
padding:10px 15px 10px 28px;
display:block;
color:#FFF;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:16px;
text-transform:uppercase;
font-weight:normal;
}
.btn-contact-tv{
background:#ee2a3b;
padding:12px 20px;
display:block;
color:#FFF;
text-align:center;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:16px;
text-transform:uppercase;
font-weight:normal;
}
.ct-topdetail
{
padding-top:50px;
-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
padding-bottom:50px;
}
.ct-detail
{
padding-top:50px;
}
.product-code-detail{
color:#737373;
font-size:13px;
text-transform:uppercase;
border-bottom:solid 1px #dfdfdf;
padding-bottom:10px;
}
.product-detail-name{
color:#595959;
font-size:25px;
margin:0px;
font-weight:700;
padding:0px;
text-transform:uppercase;
padding-bottom:5px;
}
.box-general-product{
border:solid 1px #c9c9c9;
padding:20px;
}
.title-product-info{
color:#7a7a7a;
font-size:26px;
text-transform:uppercase;
overflow:hidden;
width:100%;
}
.title-product-info span{
position:relative;
display:inline-block;
}
.title-product-info span:after{
border-bottom:solid 1px #c9c9c9;
width:2000px;
position:absolute;
left:calc(100% + 10px);
content:"";
top:25px;
}
.title-table-detail{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:20px;
font-weight:normal;
color:#7a7a7a;
text-transform:uppercase;
text-align:center;
}
.table-bo-sp{
border-collapse:collapse;
background:#f8f8f8;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
}
.table-bo-sp th{
background:#5d5d5d;
border:solid 1px #FFF;
padding:10px 5px;
color:#FFF;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
text-transform:uppercase;
}
.table-bo-sp td{
border:solid 1px #FFF;
padding:5px;
}
.total-amount{
background:#e7e7e7;
}
.total-amount td{
border:none;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
padding:10px 5px;
}
.table-bo-sp td .drop-table{
width:100%;
height:30px;
border:none;
background:none;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
outline:none;
}
.table-bo-sp td .drop-table:focus,.table-bo-sp td .drop-table:hover{
background:#FFF;
border:solid 1px #CCC;
}
.box-reg
{
background-image:url(../images/bg_reg.jpg);
background-repeat:no-repeat;
background-position:top center;
}
.inner-box-reg
{
padding-top:40px;
padding-left:30px;
width:40%;
padding-bottom:30px;
}
.title-box-reg
{
color:#3c3c3c;
text-align:left;
font-weight:700;
font-size:24px;
margin-bottom:15px;
}
.box-newsl
{
background-image:url(../images/bg_newsl.jpg);
background-repeat:no-repeat;
background-position:center center;
padding-top:50px;
padding-bottom:50px;
}
.inner-box-newsl
{
width:700px;
float:right;
}
.inner-box-newsl1
{
width:40%;
margin:auto;
}
.title-box-newsl
{
color:#fff;
text-align:center;
font-weight:700;
font-size:24px;
margin-bottom:15px;
}
.txt-newsleter{
width:100%;
background:#FFF;
border:none;
padding:10px;
-webkit-border-radius:3px;
border-radius:3px;
}
.btn-newsletter{
background:#2b368d;
color:#f1b378;
padding:10px 0px;
display:block;
text-align:center;
width:100%;
margin-top:10px;
-webkit-border-radius:3px;
border-radius:3px;
font-weight:600;
}
.copyright{
background:#353535;
color:#b9b9b9;
text-align:center;
font-size:12px;
text-transform:uppercase
}
.copyright a{
color:#fff;
}
.copyright .grid{
}
.linksmo{
}
.linksmo a{
display:inline-block;
width:38px;
height:38px;
text-align:center;
line-height:38px;
color:#2a358b;
background:#ffbc77;
-webkit-border-radius:100px;
border-radius:100px;
margin-right:3px;
font-size:18px;
}
.linksmo a.fa-facebook:hover{
background:#9adcf8;
}
.linksmo a.fa-twitter:hover{
background:#9adcf8;
}
.linksmo a.fa-youtube:hover{
background:#9adcf8;
}
.linksmo a.fa-pinterest:hover{
background:#9adcf8;
}
.linksmo a.fa-google-plus:hover{
background:#9adcf8;
}
.box-menu
{
width:50%;
float:left;
}
.menufooter{
margin:0px;
padding:0;
padding-top:15px;
}
.menufooter li{
list-style:none;
padding-bottom:10px;
}
.menufooter li i.fa{
display:none;
}
.menufooter li a{
color:#fff;
}
.menufooter li a:hover{
color:#ffbc77;
}
.menufooter.menufooter2{
padding-left:15px;
}
.menufooter2 li{
list-style:disc;
}
.pop-dangky{
width:500px;
height:550px;
background:#FFF;
position:fixed;
top:50%;
left:50%;
z-index:99999999;
box-shadow:0px 0px 10px #333;
transform:translate(-50%,-50%);
max-width:95%;
max-height:95%;
-webkit-border-radius:5px;
border-radius:5px;
overflow:hidden;
display:none;
}
.pop-dangky .title{
background:#ee2a3b;
color:#FFF;
text-align:center;
text-transform:uppercase;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:18px;
height:50px;
font-weight:normal;
line-height:50px;
}
.pop-dangky .title .fa{
font-size:24px;
}
.content-popup{
height:calc(100% - 50px);
overflow:auto;
padding:20px 10px;
}
.content-popup .frmdangky{
max-width:380px;
margin:0 auto;
}
.content-popup .frmdangky .item{
margin-bottom:15px;
}
.content-popup .frmdangky .item input{
width:100%;
-webkit-border-radius:4px;
border-radius:4px;
border:solid 1px #CCC;
height:40px;
padding:0px 10px;
}
.content-popup .frmdangky .item textarea{
width:100%;
-webkit-border-radius:4px;
border-radius:4px;
border:solid 1px #CCC;
height:90px;
font-family:Arial, Helvetica, sans-serif;
padding:10px 10px;
}
.content-popup .frmdangky .item .btn{
background:#ee2a3b;
color:#FFF;
text-align:center;
text-transform:uppercase;
font-family:Roboto-M, Tahoma, Geneva, sans-serif;
font-size:18px;
height:50px;
line-height:50px;
-webkit-border-radius:4px;
border-radius:4px;
font-weight:normal;
display:block;
}
.error{
border:solid 1px #FF0000 !important;
}
.paging{
text-align:center;
padding-top:10px;
}
.page{
min-width:44px;
min-height:44px;
border:solid 1px #fff;
display:inline-block;
margin:2px;
background:#FFF;
text-align:center;
line-height:40px;
color:#fff;
-webkit-border-radius: 4px;
border-radius: 4px;
font-weight:700;
}
.paging1 .page{
background:#132f83;
border:solid 1px #132f83;
}
.page:hover{
border:solid 1px #2b368d;
color:#fff;
}
.clicked{
background:#132f83;
border:solid 1px #132f83;
color:#FFF;
}
.paging1 .clicked{
background:#ffbc77;
border:solid 1px #ffbc77;
color:#464646;
}
.box-search-pc{
width:230px;
background:#fff;
border:solid 1px #2b368d;
float:right;
margin-top:22px;
display:none
}
.box-search-pc input{
width:calc(100% - 20px);
background:#FFF;
border:none;
padding:10px;
}
.box-search-pc a{
width:30px;
height:25px;
text-align:center;
line-height:25px;
color:#333;
}
.box-search-mobile{
position:absolute;
top:100%;
left:0px;
width:100%;
z-index:9000999;
background:#EEE;
padding:3px;
display:none;
}
.box-search-mobile a{
width:35px;
height:35px;
text-align:center;
line-height:35px;
color:#333;
}
.box-search-mobile input{
width:calc(100% - 35px);
height:35px;
padding:0px 5px;
}
.b-hd-search{
-webkit-border-radius:3px;
border-radius:3px;
overflow:hidden;
}
.b-hd-search input{
width:calc(100% - 100px);
height:40px;
border:none;
color:#333;
padding:0px 5px;
background:#FFF;
}
.b-hd-search a{
width:100px;
line-height:40px;
text-align:center;
font
height:40px;
background:#4c4c4c;
color:#FFF;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
}
.countcart{
min-height:21px;
min-width:21px;
-webkit-border-radius:50%;
border-radius:50%;
text-align:center;
line-height:21px;
font-size:12px;
position:absolute;
top:-15px;
right:-17px;
background:#4c4c4c;
}
.main-menu-drop{
width:257px;
background:#4c4c4c;
line-height:44px;
color:#FFF;
padding:0px 15px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:15px;
position:relative;
font-weight:normal;
}
.main-menu-drop .flex-container{
cursor:pointer;
}
.menu-drop-sub.subpage{
display:none;
}
.menu-drop-sub.scroll{
display:none;
}
.menu-drop-sub::-webkit-scrollbar {
width: 6px;
}
.menu-drop-sub::-webkit-scrollbar-track {
background: #f1f1f1;
}
.menu-drop-sub::-webkit-scrollbar-thumb {
background: #4c4c4c;
}
.menu-drop-sub::-webkit-scrollbar-thumb:hover {
background: #555;
}
.main-menu-drop .submenu{
width:257px;
background:#FFF;
top:100%;
left:100%;
height:424px;
position:absolute;
z-index:4;
display:none;
box-shadow:5px 5px 5px #ccc;
}
.main-menu-drop .submenu ul{
width:100%;
height:100%;
padding:0px;
margin:0px;
}
.main-menu-drop .submenu ul li{
list-style:none;
border-bottom:dashed 1px #E1E1E1;
}
.main-menu-drop .submenu ul li a{
display:block;
padding:8px 15px;
}
.menu-drop-sub{
width:257px;
position:absolute;
box-shadow:0px 5px 5px #ccc;
top:100%;
left:0px;
z-index:4;
background:#FFF;
height:424px;
padding:8px 0px;
margin:0px;
font-family:Roboto, Tahoma, Geneva, sans-serif;
}
.menu-drop-sub li{
list-style:none;
border-top:dashed 1px #e1e1e1;
line-height:normal;
}
.menu-drop-sub li:first-child{
border-top:none;
}
.menu-drop-sub > li > a:after{
position:absolute;
content:'\f105';
right:15px;
font-family:'FontAwesome';
top:10px;
color:#999;
z-index:3
}
.menu-drop-sub li a{
padding:8px 25px 8px 15px;
display:block;
color:#414042;
position:relative;
}
.menu-drop-sub li:hover li a{
color:#333;
}
.menu-drop-sub li:hover a,.menu-drop-sub li a.active,.menu-drop-sub li:hover:after{
color:#4c4c4c;
}
.menu-drop-sub li:hover li:hover a{
color:#4c4c4c;
}
.menu-drop-sub li ul{
padding:8px 0px;
margin:0px;
position:absolute;
top:0px;
left:100%;
width:257px;
height:100%;
z-index:99;
display:none;
background:#FFF;
box-shadow:0px 5px 5px #ccc;
}
.main-menu-bars{
width:calc(100% - 389px);
height:44px;
}
.main-hotline{
width:132px;
background:#4c4c4c;
height:44px;
background-image:url(../images/icon-phone-white.png);
background-repeat:no-repeat;
background-position:10px 13px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:14px;
color:#FFF;
padding-left:35px;
line-height:44px;
}
#slide_home{
}
#slide_home .swiper-slide{
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
#slide_home .swiper-slide img{
display:block;
}
.trust-home
{
background-color:#112b77;
background-image:url(../images/bg_trust.jpg);
overflow:hidden;
}
.trust-hd
{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d39d5e+0,ddaa72+50,e8b888+100 */
background: #d39d5e; /* Old browsers */
background: -moz-linear-gradient(45deg, #d39d5e 0%, #ddaa72 50%, #e8b888 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #d39d5e 0%,#ddaa72 50%,#e8b888 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #d39d5e 0%,#ddaa72 50%,#e8b888 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d39d5e', endColorstr='#e8b888',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
position:relative;
display:table;
}
.trust-hd:before
{
position:absolute;
background-color:#d39d5e;
top:0;
height:100%;
content:"";
width:1000px;
left:-1000px;
}
.inner-trust-hd1
{
background-image:url(../images/bg_hd_trust.png);
height:237px;
background-repeat:no-repeat;
background-position:right center;
display:table-cell;
vertical-align:middle;
}
.inner-trust-hd
{
font-size:35px;
color:#4c4c4c;
text-transform:uppercase;
font-weight:700;
line-height:40px;
}
.trust-item{
color:#fff;
text-align:center;
padding-top:50px;
}
.trust-item a{
color:#fff;
font-size:20px;
font-weight:700;
text-transform:uppercase;
}
.trust-item .trust-image{
}
.trust-name
{
margin-bottom:5px;
padding-top:15px;
}
.trust-title
{
padding-top:10px;
}
.trust-item .trust-image img{
max-width:100%;
margin:auto;
}
.article-next,.article-prev{
width:49px;
height:49px;
position:absolute;
top:35%;
z-index:2;
outline:none;
}
.article-next{
background:url(../images/arrow-right-article.png) no-repeat;
right:-54px;
}
.article-prev{
background:url(../images/arrow-left-article.png) no-repeat;
left:-54px;
}
.flex-pro{
border-top:solid 1px #d7d7d7;
border-left:solid 1px #d7d7d7;
}
.cell-border-pro{
border-right:solid 1px #d7d7d7;
border-bottom:solid 1px #d7d7d7;
position:relative;
}
.cell-border-pro:hover{
box-shadow:0px 0px 5px #CCC;
z-index:1
}
.item-pro{
background:#f3f3f3;
margin-bottom:30px;
}
.item-pro:hover{
background-color:#fff;
-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
}
.inner-item-pro
{
padding-left:40px;
padding-right:40px;
padding-top:10px;
padding-bottom:30px;
}
.item-pro .image-pro{
overflow:hidden;
}
.item-pro .image-pro img{
transition:transform .4s
}
.item-pro:hover .image-pro img{
transform:scale(1.4);
}
.cattitle {
margin:0px;
padding:0px;
font-weight:normal;
height:43px;
background:#4c4c4c;
}
.cattitle .space,.tab-pro .space{
width:0px;
height:43px;
}
.cattitle a{
display:block;
color:#FFF;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:16px;
font-weight:normal;
margin:0px;
align-self:center;
padding:0px 15px;
}
.tab-pro a, .tab-pro span{
align-self:center;
color:#767676;
}
.tab-pro a{
padding:0px 10px;
}
.tab-pro a:hover{
color:#4c4c4c;
}
.video-home
{
background-image:url(../images/bg_video.jpg);
background-repeat:no-repeat;
background-position:center top;
padding-top:40px;
padding-bottom:40px;
}
.item-video-home
{
position:relative;
}
.item-video-home img
{
display:block;
width:100%;
}
.play-lage
{
display:block;
position:absolute;
top:50%;
left:50%;
margin-left:-50px;
margin-top:-56px;
width:100px;
height:113px;
}
.play-small
{
display:block;
position:absolute;
top:50%;
left:50%;
margin-left:-27px;
margin-top:-31px;
width:55px;
height:62px;
}
.item-video-home-small
{
margin-bottom:13px;
}
.popup-video-home{
max-width:95%;
max-height:95%;
width:800px;
height:480px;
position:fixed;
top:50%;
z-index:999998;
left:50%;
transform:translate(-50%,-50%);
background:#FFF;
box-shadow:0px 0px 10px #333;
display:none;
}
.image-pro img{
display:block;
}
.popup-video-home .close{
width:30px;
height:30px;
background:#FF0000;
-webkit-border-radius:50%;
border-radius:50%;
top:-12px;
right:-12px;
z-index:999999;
position:absolute;
text-align:center;
line-height:30px;
font-weight:bold;
color:#fff;
}
.title-video
{
display:block;
position:absolute;
padding:20px;
color:#fff;
font-size:20px;
font-weight:700;
left:0;
top:0;
}
.title-video:hover
{
color:#1b7fce
}
.title-video-small
{
bottom:0;
left:0;
width:100%;
padding:10px 15px;
font-size:15px;
color:#fff;
position:absolute;
font-weight:700;
}
.title-video-small:hover
{
color:#1b7fce
}
#popupvideo
{
max-width:800px;
padding:0;
}
.pic-cat-cell{
background-repeat:no-repeat;
background-position:center;
background-size:cover;
}
.btn-view-addcart{
position:absolute;
bottom:0px;
left:0px;
background:#d7d7d7;
width:100%;
opacity:.0;
transition:opacity 0.2s;
}
.btn-view-addcart div.item-btn{
width:50%;
height:53px;
color:#333;
position:relative;
text-align:center;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.btn-view-addcart div.item-btn a{
color:#4d4d4f;
}
.btn-view-addcart div.btn-addcart{
background:#4c4c4c;
color:#4d4d4f;
}
.btn-view-addcart div.item-btn .flex-container span.space{
height:53px;
width:0px;
}
.btn-view-addcart div.item-btn .flex-container span:last-child{
width:100%;
align-self:center;
padding:10px;
}
.btn-view-addcart div.item-btn.btn-addcart .flex-container span:last-child{
color:#fFF;
}
.item-pro:hover .btn-view-addcart{
opacity:1;
}
.break-line-pc{
background:#f3f4f4;
height:30px;
width:100%;
border-bottom:solid 1px #d7d7d7;
position:relative;
}
.break-line-pc:before{
position:absolute;
background:#f3f4f4;
top:0px;
left:-1px;
width:2px;
height:100%;
content:"";
z-index:1;
}
.box-image-pro-detail{
border:solid 1px #d7d7d7;
}
.box-uudiem{
background:#ffefdd;
}
.box-uudiem .title{
background:#db3832;
padding:8px 15px;
font-family:Muli-B, Tahoma, Geneva, sans-serif;
font-size:16px;
color:#FFf;
}
.box-uudiem .content{
padding:15px;
}
.box-uudiem .content ul{
padding:0px;
margin:0px;
}
.box-uudiem .content ul li{
list-style:none;
position:relative;
padding-left:15px;
}
.box-uudiem .content ul li:after{
font-family:FontAwesome;
content:"\f111";
font-size:8px;
position:absolute;
top:0px;
left:0px;
color:#db3832;
position:absolute;
}
.price-detail{
font-size:22px;
font-weight:normal;
color:#db3832;
padding-right:30px;
border-bottom:solid 1px #ececec;
padding-bottom:15px;
}
.price-detail strong{
color:#1b7fce;
font-weight:700;
font-size:26px;
display:block;
}
.price-detail del{
color:#595959;
font-size:16px;
display:block;
margin-bottom:5px;
}
.intro-detail-pro
{
margin-top:20px;
margin-bottom:20px;
line-height:22px;
}
.btn-call-center{
padding:10px;
background:#f3f3f3;
color:#404040;
padding:15px;
margin-bottom:15px;
margin-top:15px;
font-weight:700;
text-align:center;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.btn-call-center strong{
display:block;
font-weight:700;
color:#ffbc77;
font-size:18px;
}
.btn-addcart-detail{
padding:15px 0;
text-align:center;
background:#1b7fce;
display:block;
color:#fff;
font-weight:700;
font-size:18px;
text-transform:uppercase;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.btn-contact
{
background-color:#2b368d;
display:block;
text-align:center;
padding:14px 0;
color:#ffbc77;
font-size:18px;
font-weight:700;
text-transform:uppercase;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.btn-contact:hover
{
color:#fff;
}
.btn-download
{
color:#404040;
font-weight:700;
display:block;
text-align:center;
padding:14px 0;
}
.btn-download i.fa
{
font-size:20px;
}
.btn-download:hover
{
color:#ffbc77;
}
.btn-addcart-detail .fa{
margin-right:10px;
font-size:16px;
}
.btn-call-center .fa{
width:25px;
height:25px;
-webkit-border-radius:50%;
border-radius:50%;
border:solid 1px #f1b257;
text-align:center;
line-height:25px;
margin-right:10px;
}
.btn-seachdaily
{
font-weight:700;
color:#3e3e3e;
font-size:16px;
padding-top:5px;
display:inline-block;
}
.btn-seachdaily:hover
{
color:#1b7fce;
}
.btn-seachdaily .fa
{
font-size:30px;
line-height:40px;
color:#1b7fce;
float:left;
margin-right:10px;
}
.box-sale
{
background-color:#f3f3f3;
padding:20px;
margin-top:15px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.title-sale
{
background-image:url(../images/sale.png);
background-repeat:no-repeat;
background-position:left center;
line-height:21px;
padding-left:30px;
color:#4c4c4c;
font-weight:700;
margin-bottom:15px;
}
.attr-list
{
margin-top:0px;
}
.attr-list .item
{
background-position:center left;
background-repeat:no-repeat;
font-weight:700;
padding-bottom:10px;
font-weight: normal;
}
.sp-lab
{
display:inline-block;
width:30%;
}
.sp-val
{
font-weight:600;
display:inline-block;
width:70%;
}
.list-trust{
}
.list-trust .item{
padding:0px 15px;
}
.list-trust .item .name{
font-size:13px;
color:#414042;
}
.list-trust .item .intro{
font-family:Muli, Tahoma, Geneva, sans-serif;
font-size:13px;
color:#878787;
}
.list-trust .item .intro{
}
.tab-pro-detail{
position:relative;
height:42px;
background:#ebebeb;
}
.tab-pro-detail .space{
height:45px;
width:52px;
}
.tab-pro-detail:before{
position:absolute;
left:0px;
width:46px;
top:-5px;
height:47px;
background:url(../images/left-tab-pro.png);
content:"";
}
.tab-pro-detail a{
align-self:center;
padding:0px 10px;
color:#4d4d4f;
font-size:16px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
}
.tab-pro-detail a.active{
color:#4c4c4c;
}
.other-product-title{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:20px;
font-weight:normal;
color:#4c4c4c;
}
.title-right{
position:relative;
height:43px;
background:#ebebeb;
margin:0px;
padding:0px;
-webkit-border-radius:0px 5px 0px 0px;
border-radius:0px 5px 0px 0px;
}
.title-right:before{
position:absolute;
left:0px;
width:46px;
top:-5px;
height:47px;
background:url(../images/left-tab-pro.png);
content:"";
}
.title-right .space{
height:43px;
width:50px;
}
.title-right .text{
width:calc(100% - 50px);
align-self:center;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:18px;
color:#414042;
font-weight:normal;
}
.othernews{
padding:0px;
margin:0px;
}
.othernews li{
list-style:none;
position:relative;
}
.othernews li:before{
content:"\f0da";
font-family:FontAwesome;
position:absolute;
top:5px;
left:0px;
}
.othernews li a{
display:inline-block;
padding:5px 0px 0px 10px;
color:#414042;
}
.othernews li a:hover{
text-decoration:underline;
}
.item-video
{
margin-bottom:30px;
}
.video-photo{
overflow:hidden;
position:relative;
}
.video-name
{
margin-top:15px;
}
.video-name a
{
color:#5f5f5f;
line-height:22px;
}
.video-name a:hover
{
color:#eb1c24;
}
.video-photo img{
display:block;
width:100%;
}
.video-photo .btn-play{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:72px;
height:82px;
background:url(../images/play-video.png) no-repeat center;
z-index:1;
}
.search-bar{
width:47px;
height:47px;
background:#f2f2f2;
-webkit-border-radius:4px;
border-radius:4px;
text-align:center;
line-height:47px;
position:relative;
}
.search-bar .b-search{
width:250px;
height:47px;
top:0%;
right:0px;
background:#f2f2f2;
position:absolute;
padding:5px;
line-height:none;
z-index:9999;
display:none;
}
.search-bar .b-search input{
width:calc(100% - 52px);
height:35px;
border:solid 1px #CCC;
padding:0px 5px;
}
.search-bar .b-search a{
width:47px;
height:47px;
text-align:center;
line-height:37px;
}
.search-bar .fa, .hotline-bar .fa{
color:#1774c4;
padding-right:10px;
}
.lang
{
float:right;
color:#fff;
font-weight:normal;
margin-top:10px;
}
.lang a
{
width:26px;
height:26px;
background-position:center center;
background-repeat:no-repeat;
display:inline-block;
background-image:url(../images/flag.png);
float:left;
margin-left:5px;
}
.lang span
{
display:inline-block;
height:26px;
float:left;
line-height:26px;
margin-right:10px;
}
.lang a.vi
{
background-position:0 0;
float:left;
}
.lang a.en
{
background-position:-26px 0;
float:left;
}
.hotline-bar{
line-height:49px;
color:#fff;
font-size:14px;
margin-right:20px;
float:right;
}
.hotline-bar:hover{
color:#ffbc77
}
.hotline-bar .fa
{
color:#ffbc77
}
.smo-top .fa{
width:26px;
height:26px;
-webkit-border-radius:50%;
border-radius:50%;
background:#b6b5b5;
text-align:center;
line-height:26px;
color:#404040;
}
.box-customer{
background-image:url(../images/bg-customer.png);
background-repeat:no-repeat;
background-size:cover;
background-position:center;
padding-top:50px;
padding-bottom:50px;
}
.content-customer{
margin:0px 50px;
}
.item-article{
text-align:center;
}
.item-article .image{
max-width:200px;
margin:0 auto;
-webkit-border-radius:50%;
border-radius:50%;
overflow:hidden;
border:solid 5px #FFF;
box-shadow:0px 0px 5px #CCC;
}
.item-article .image img{
display:block;
}
.item-duan .info-text{
display:none;
}
.duan .item-duan{
padding-top:30px;
}
.project-home .swiper-slide-active{
border:solid 10px #FFF;
box-shadow:0px 0px 20px #666;
padding-bottom:10px;
background:#FFF;
}
.project-home .swiper-slide-active .btn-arrow{
background:#f3f3f3;
text-align:center;
font-size:20px;
line-height:87px;
color:#9c9c9c;
width:91px;
}
.project-home .swiper-slide-active .info-text{
display:block;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.project-home .item-duan.swiper-slide-active{
padding-top:0px;
}
.swiper-slide-active .info-text
{
display:block;
}
.slide-description{
position:absolute;
top:50%;
left:0%;
transform:translate(-50%,50%);
color:#FFF;
z-index:4;
transition:left 2s ease-out, opacity 2s;
opacity:0;
max-width:90%;
}
#slide_home .swiper-slide-active .slide-description{
left:50%;
transition:left 2s ease-in,opacity 2s;
opacity:1;
}
.slide-description .description{
width:600px;
max-width:90%;
text-align:center;
margin-top:-50px;
}
.slide-description .title-slide{
font-family:Play-B, Tahoma, Geneva, sans-serif;
font-size:35px;
}
.slide-btn-detail{
display:inline-block;
padding:8px 25px;
background:#FFF;
-webkit-border-radius:6px;
border-radius:6px;
text-align:center;
color:#555555;
}
.slide-pagination{
position:absolute;
bottom:30px!important;
z-index:5;
width:100%;
max-width:1200px;
left:50%;
transform:translateX(-50%);
text-align: center;
}
.slide-pagination .swiper-pagination-bullet{
display:inline-block;
background:none;
color:#fff;
margin:0px 0px 0px 10px !important;
width:52px;
height:4px;
outline:none;
background-color:#ffbc77;
-webkit-border-radius: 0;
border-radius: 0;
opacity:1
}
.slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color:#fff;
}
.product-prev,.product-next{
width:48px;
height:54px;
outline:none;
background:#cacaca;
position:absolute;
top:45%;
z-index:3;
}
.product-prev{
left:-65px;
/*clip-path: polygon(100% 0, 0 50%, 100% 100%);*/
background:url(../images/arrow-product-prev.png) no-repeat;
}
.product-next{
/*clip-path: polygon(0 0, 0 100%, 100% 50%);*/
right:-65px;
background:url(../images/arrow-product-next.png) no-repeat;
}
.swiper-button-disabled.product-prev{
background:url(../images/arrow-product-prev-disable.png) no-repeat;
}
.swiper-button-disabled.product-next{
background:url(../images/arrow-product-next-disable.png) no-repeat;
}
#partner .swiper-notification
{
display:none
}
.pos-re
{
position:relative
}
#partner
{
}
.partner
{
background-color:#fff;
border-top:solid 2px #ebebeb;
padding-top:10px;
padding-bottom:10px;
}
.item-part
{
display:block;
}
.item-part .img-part
{
border:solid 2px #e8e8e8;
}
.item-part .img-part:hover
{
border:solid 2px #ffbc77;
}
.item-part img
{
display:block;
}
.item-part img:hover
{
filter: grayscale(100%);
opacity: 0.4;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.par-name
{
font-weight:700;
margin-top:20px;
margin-bottom:15px;
}
.par-name a
{
color:#424242;
font-size:20px;
}
.par-intro
{
line-height:24px;
font-size:15px;
}
.reg-newsl
{
background-image:url(../images/bg_newsl.jpg);
background-repeat:no-repeat;
background-position:right top;
background-size:cover;
padding-top:40px;
padding-bottom:40px;
}
.daily-footer
{
background-image:url(../images/bg_daily.jpg);
background-repeat:no-repeat;
background-size:cover;
background-position:left top;
padding-top:40px;
padding-bottom:40px;
}
.left-page-product
{
padding-top:45px;
}
.right-page-product
{
padding-top:35px;
}
.title-menu-left {
position: relative;
border-bottom: 2px solid #ffbc77;
font-size:20px;
font-weight:700;
padding-bottom:14px;
text-transform:uppercase;
margin-bottom:20px;
}
.title-menu-left:after, .title-menu-left:before {
top: 100%;
left: 10%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.title-menu-left:after {
border-color: rgba(241, 241, 241, 0);
border-top-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.title-menu-left:before {
border-color: rgba(0, 79, 156, 0);
border-top-color: #ffbc77;
border-width: 13px;
margin-left: -13px;
}
.title-menu-left a
{
color:#4a4a4a;
}
.title-menu-left a:hover
{
color:#102d82;
}
.title-menu-left .fa
{
display:none
}
.box-menu-left
{
}
.menuleft{
padding:0px;
margin:0px;
font-size:13px;
margin:0;
padding:0;
margin-bottom:20px;
}
.menuleft .fa{
position:absolute;
right:0;
top:14px;
display:none;
}
.menuleft ul{
list-style: none;
margin: 0px;
padding:0px 0px;
}
.menuleft > li{
list-style: none;
margin: 0px;
padding:0px;
position:relative;
}
.menuleft li:last-child{
}
.menuleft > li > a{
color: #535353;
padding: 12px 0px;
width: 100%;
display: block;
font-size: 15px;
background-image:url(../images/bl.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
font-weight:700;
}
.menuleft .active a{
}
.menuleft li ul .active{
list-style: disc;
color: #0b0b0b;
}
.menuleft li ul .active a{
color: #1a7ecd;
}
.menuleft li a:hover{
color: #1a7ecd;
background-image:url(../images/bl_hv.png);
}
.menulv3
{
margin:0;
padding:0;
padding-left:10px;
}
.menulv3 li
{
display:block;
padding-left:15px;
background-image:none;
}
.menuleft > li.active > a
{
color:#2b368d;
font-weight: 700;
background-image:url(../images/bl_hv.png);
}
.menulv3 li a
{
font-weight:normal !important;
color:#535353;
display:block;
padding:10px 0;
font-size:14px;
display:inline-block;
background-image:url(../images/bl3.jpg);
background-repeat:no-repeat;
background-position:left center;
}
.menulv3 li.li-logo .item-mn3
{
background-image:none;
display:table;
width:100%;
height:100%;
}
.menulv3 li.li-logo .div1
{
width:35%;
height:100%;
display:table-cell;
vertical-align:middle;
}
.menulv3 li.li-logo .div2
{
width:65%;
height:100%;
display:table-cell;
vertical-align:middle;
}
.menulv3 li a:hover
{
color:#0064b0;
}
.menulv3 li
{
}
.subtab
{
margin:0;
padding:0;
text-align:center;
position:relative;
margin:auto;
z-index:999;
background-color:#e7b786;
}
.subtab li
{
display:inline-block;
position:relative;
width:auto;
}
.subtab li a
{
display:block;
padding:15px 20px;
color:#414141;
font-weight:bold;
font-size:16px;
position:relative;
}
.subtab li a:hover
{
color:#414141;
background-color:#fff;
}
.subtab li a.act
{
color:#414141;
background-color:#fff;
}
.line
{
height:3px;
width:50px;
background-color:#ffbc77;
margin-top:5px;
}
.list-content
{
}
.list-content>div
{
padding-top:30px;
padding-bottom:30px;
}
.list-content > div:nth-child(2n)
{
background-color:#f3f3f3;
padding-top:30px;
padding-bottom:30px;
}
.title-footer
{
font-weight:700;
font-size:16px;
text-transform:uppercase;
color:#ffbc77;
padding-bottom:10px;
}
.title-footer a{
color:#ffbc77;
}
.title-footer a:hover
{
color:#ffae00;
}
.line-w
{
height:2px;
width:30px;
background-color:#fff;
}
.content-footer
{
color:#fff;
margin-top:15px;
line-height:22px;
margin-bottom:30px;
}
.logo-footer
{
margin-bottom:20px;
margin-top:30px;
}
.gallery-top {
width: 100%;
}
.gallery-thumbs {
box-sizing: border-box;
width:100%;
height:100%;
}
.gallery-top1 {
height:390px;
width: 100%;
}
.gallery-thumbs1 {
height:394px;
box-sizing: border-box;
width:100%;
}
#thumbg{
position:absolute;
width:100%;
height:100%;
}
.gallery-thumbs .swiper-slide {
height: 100%;
opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.tab-detail{
margin:0;
padding:0;
background-color:#f3f3f3;
overflow:hidden;
padding-left:20px;
}
.tab-detail li{
display:inline-block;
}
.tab-detail li a{
padding:12px 30px;
display:block;
font-family:Exo-B, Tahoma, Geneva, sans-serif;
color:#4c4c4c;
}
.tab-detail li a:hover,.tab-detail li a.active{
background-color:#fff;
}
.content-text
{
}
.content-text img
{
max-width:100% !important;
height:auto !important;
}
.content-text h2
{
color:#06519a;
font-size:26px;
font-family:Exo-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
}
.hd-pro-detail
{
background-color:#f9f9f9;
padding:20px 30px;
color:#656565;
font-weight:700;
font-size:24px;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
display:inline-block;
width:auto;
}
.content-text1
{
background-color:#f9f9f9;
padding:30px;
-webkit-border-radius: 0 10px 10px 10px;
border-radius: 0 10px 10px 10px;
}
.bor-rad-10
{
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}
.hd-box-orther-pro
{
color:#656565;
font-size:24px;
font-weight:700;
padding:12px 0;
margin-bottom:15px;
}
.box-orther-pro
{
}
.item-orther-pro
{
overflow:hidden;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:solid 1px #cdcdcd;
}
.item-orther-pro img
{
display:block;
width:100%;
}
#thumb_image {
}
.box-thumb-detail .swiper-container .swiper-slide{
}
.box-thumb-detail .swiper-container .swiper-slide.swiper-slide-thumb-active{
}
.box-thumb-detail .swiper-container .swiper-slide img{
display:block;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.grid-daily{
width:100%;
max-width:1100px;
margin:0 auto;
}
.flex-daily{
background:#f6f6f6;
}
.flex-daily .th,.flex-daily .lienhe.th{
background:#2b368d;
color:#FFF !important;
padding:15px 0;
font-size:15px;
text-align:center;
font-weight:700;
}
.flex-daily .line-daily{
border-bottom:solid 1px #FFF;
width:100%;
}
.flex-daily .line-col{
width:1px;
background:#FFF;
}
.flex-daily .stt{
width:60px;
text-align:center;
align-self:center;
padding:15px 0;
}
.flex-daily .image{
width:calc(33.33% - 65px);
text-align:center;
padding:10px;
}
.flex-daily .name{
width:33.33%;
align-self:center;
padding:15px 15px;
font-weight:700;
}
.flex-daily .name:hover{
color:#06519a;
}
.flex-daily .name a
{
color:#5f5f5f;
font-size:16px;
font-weight:700;
}
.flex-daily .name a:hover
{
color:#2b368d
}
.flex-daily .lienhe{
align-self:center;
width:33.33%;
font-family:Exo-M, Tahoma, Geneva, sans-serif;
padding:10px;
color:#636363;
}
.filter-daily{
width:100%;
max-width:600px;
margin:0 auto;
}
.filterform-input{
width:calc(50% - 65px);
}
.filterform-input select{
height:46px;
padding:0px 5px;
width:100%;
-webkit-border-radius:3px;
border-radius:3px;
border:solid 1px #d9d9d9;
}
.filter-daily a{
-webkit-border-radius:3px;
border-radius:3px;
width:110px;
background:#132f83;
height:46px;
text-align:center;
color:#FFF;
line-height:46px;
font-weight:700;
}
.page-faq{
background-image:url(../images/bg-faq.png);
background-repeat:no-repeat;
background-position:top left;
background-size:cover;
}
.faq-row{
background:#f3f3f3;
position:relative;
padding:30px;
-webkit-border-radius:5px;
border-radius:5px;
}
.faq-row .icon{
width:40px;
height:40px;
-webkit-border-radius:50%;
border-radius:50%;
background:#c2c2c2;
text-align:center;
font-size:30px;
line-height:40px;
font-family:Exo-B;
position:absolute;
top:-20px;
left:-20px;
z-index:1
}
.faqcontent{
display:none;
}
.name-faq{
font-family:Exo-B, Tahoma, Geneva, sans-serif;
font-size:15px;
}
.title-tl{
font-family:Exo-B, Tahoma, Geneva, sans-serif;
font-size:15px;
}
.hd-box-top-footer-w
{
color:#fff;
line-height:34px;
}
.frm-reg
{
}
.line-frm1
{
margin-bottom:10px;
}
.frm-reg .frm-control
{
width:100%;
font-size:18px;
font-weight:600;
padding:15px;
-webkit-border-radius: 100px;
border-radius: 100px;
border:none;
background-color:#fff;
}
.cell-1-3-f
{
width:32%;
}
.cell-2-3-f
{
width:66%;
}
.btn-reg
{
display:block;
background-color:#1b7fce;
color:#fff;
-webkit-border-radius: 100px;
border-radius: 100px;
width:100%;
text-align:center;
padding:15px 0;
font-weight:700;
font-size:16px;
}
.bg-f4f4f4
{
background-color:#f4f4f4
}
.video-slide
{
padding-top:30px;
padding-bottom:30px;
}
.khachhang
{
background-image:url(../images/bg_logo.jpg);
background-repeat:no-repeat;
background-position:center top;
padding-top:60px;
padding-bottom:60px;
color:#fff;
}
.khachhang .title-page
{
color:#fff;
}
.khachhang .intro-cat
{
text-align:center;
font-weight:700;
width:50%;
margin:auto;
margin-top:20px;
margin-bottom:30px;
}
.list-logo
{
}
.item-logo
{
margin-bottom:15px;
padding-left:5px;
padding-right:5px;
overflow:hidden
}
.item-logo img
{
display:block;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.img-pro
{
position:relative;
}
.logo-pro
{
position:absolute;
top:20px;
right:20px;
z-index:999;
}
.icon-sale
{
background-image:url(../images/icon_sale.png);
width:47px;
height:60px;
position:absolute;
top:20px;
right:20px;
z-index:999;
}
.box-icon-right
{
position:fixed;
top:30%;
right:20px;
z-index:1
}
.box-icon-right a
{
width:47px;
height:60px;
display:block;
margin-bottom:15px;
background-image:url(../images/icon.png);
text-align:center;
color:#fff;
font-size:20px;
padding-top:28px;
}
.hd-par
{
width:194px;
float:left;
margin-right:10px;
background-color:#1b7fce;
font-size:18px;
font-weight:600;
color:#fff;
-webkit-border-radius: 8px;
border-radius: 8px;
line-height:68px;
text-align:center;
}
.inner-partner
{
height:68px;
background-color:#f4f4f4;
-webkit-border-radius: 8px;
border-radius: 8px;
float:left;
width: calc(100% - 205px);
padding:12px 20px;
}
.inner-partner img
{
height:50px;
}
.stic{
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 9999999;
height: 60px;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
}
.stic .hotline
{
margin-top:10px;
}
.stic .nav > li > a
{
line-height: 60px;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.stic .logo {
width: 100px;
transition: all 0.15s ease-in-out;
-webkit-perspective: 1000;
}
.blocker
{
z-index: 9999 !important;
}
.line-home
{
padding-top:40px;
padding-bottom:40px;
}
.box-menu-footer
{
background-image:url(../images/bg_box_menu.jpg);
padding-top:40px;
padding-bottom:40px;
}
.item-download
{
margin-bottom:25px;
}
.item-download img
{
display:block;
width:100%;
}
.dl-title
{
font-weight:600;
font-size:18px;
margin-top:10px;
margin-bottom:10px;
}
.dl-title a
{
color:#474747;
}
.dl-title a:hover
{
color:#2b368d;
}
.img-dl
{
position:relative;
}
.mask-dl
{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:#000;
opacity:0.8;
display:none
}
.inner-mask-dl
{
display:table;
width:100%;
height:100%;
}
.inner-mask-dl1
{
display:table-cell;
vertical-align:middle;
text-align:center;
}
.btn-dl
{
background-color:#2b368d;
color:#fff;
font-weight:700;
display:inline-block;
padding:12px 0px;
text-align:center;
min-width:80%;
}
.item-download:hover .mask-dl
{
}
.item-cat-pro
{
background-color:#f4f4f4;
margin-bottom:30px;
}
.item-cat-pro:hover
{
-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
}
.item-cat-pro img
{
display:block;
width:100%;
}
.content-inner-cat
{
padding:15px;
}
.cat-name-page
{
margin:0;
padding:0;
font-size:18px;
font-weight:800;
text-transform:uppercase;
margin-top:5px;
margin-bottom:10px;
}
.cat-name-page a
{
color:#505050;
}
.cat-name-page a:hover
{
color:#2b368d;
}
.intro-cat-page
{
line-height:22px;
}
.title-more
{
border-bottom:solid 1px #dfdfdf;
position:relative;
height:30px;
font-weight:800;
text-transform:uppercase;
font-size:20px;
}
.title-more span
{
display:inline-block;
background-color:#fff;
padding-right:20px;
bottom:-11px;
padding-bottom:5px;
position:absolute;
left:0;
}
.video-detail
{
padding-top:60px;
padding-bottom:60px;
background-image:url(../images/bg_video_detail.jpg);
margin-bottom:30px;
}
.video-detail .media-detail-name
{
color:#fff;
font-size:26px;
}
.media-content-detail
{
color:#fff;
margin-top:20px;
line-height:24px;
}
.nav-m
{
display:none;
float:right;
margin-top:14px;
margin-left:15px;
}
.btn-fix-right
{
}
.item-btn-right
{
background-color:#fff;
position:fixed;
width:215px;
height:45px;
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
margin-bottom:10px;
color:#2b368d;
top:30%;
z-index:999;
display:block;
right:-170px;
-moz-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
-webkit-box-shadow: 1px 8px 29px -9px rgba(0,0,0,0.4);
box-shadow: 1px 8px 29px -9px
rgba(0,0,0,0.4);
}
.inner-item-btn-right
{
position:relative;
}
.arr-fix
{
position:absolute;
width:45px;
height:45px;
top:0;
right:0;
background-image:url(../images/arr1.png);
}
.linksmo-fix
{
float:left;
}
.linksmo-fix a
{
display:inline-block;
float:left;
padding-left:5px;
padding-right:5px;
}
.item-btn-right:nth-child(2)
{
margin-top:60px;
}
.item-btn-right:nth-child(3)
{
margin-top:120px;
}
.item-btn-right a
{
display:block;
line-height:45px;
color:#686868;
}
.item-btn-right span
{
width:45px;
height:45px;
display:block;
margin-right:10px;
line-height:45px;
text-align:center;
float:left;
}
.poster-page
{
max-width:1920px;
margin:auto;
}
.poster-page img
{
display:block;
width:100%;
}
.box-slide
{
max-width:1920px;
margin:auto;
}
.box-slide img
{
display:block;
width:100%;
}
.slide-child
{
max-width:1920px;
margin:auto;
}
.slide-child img
{
display:block;
width:100%;
}
.list-page
{
overflow:hidden;
}
.list-page img
{
display:block;
}
.list-page:nth-child(2n+1)
{
background-color:#f8f8f8;
}
.left-50
{
width:49%;
float:left;
}
.right-50
{
width:49%;
float:right;
}
.list-page:nth-child(2n+1) .left-50
{
float:right;
}
.list-page:nth-child(2n+1) .right-50
{
float:left;
}
.content-item
{
padding-top:20px;
padding-left:20px;
padding-right:20px;
}
.content-item h3
{
font-size:24px;
text-transform:uppercase;
font-weight:700;
margin-bottom:15px;
}
.content-item
{
}
.intro-content-item
{
line-height:24px;
}