html, body {
font-family: Roboto, Arial, sans-serif;
font-size: 14px;
padding: 0px;
margin: 0px;
color: #414042;/*
line-height:20px;
*/
}
.row{width: 100%;
height: auto;
overflow: hidden;}
.offset20 ul {
list-style: none;
margin:0;
padding-left: 30px;
}
.offset20 ul li {
list-style: none;
background: 0 0;
padding-left: 0;
}
.offset20.col-xs-4 {
width: 320px;
float: left;
font-size: 16px;
}
.push-right-20 {
margin-right: 20px;
}
h1, h2, h3, h4, h5, h6 {
line-height: normal;
}
a {
text-decoration: none;
}
strong, b{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
img {
border: none;
max-width: 100%;
}
#page {
background: #FFF;
width:100%;
overflow:hidden;
max-width:1600px;
margin:0 auto;
}
.c, .c5, .c10, .c15, .c20, .c30, .c3, .c2, .c80 {
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;
}
.c80 {
height: 80px;
}
.logo {
width:120px;
}
.logo-scroll {
width:120px;
height:66px;
}
.logo-scroll img{
height:100%;
}
.right-header{
width:calc(100% - 120px);
height:120px;
}
.header{
height:120px;
position:relative;
}
.header:after{
position:absolute;
bottom:-4px;
left:0px;
height:4px;
width:100%;
content:"";
background:url(../images/bg-bottom-banner.png) repeat-x;
z-index:9
}
.toppage{
height:54px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
color:#e30615;
font-weight:normal;
}
.toppage span{
font-family:Roboto, Tahoma, Geneva, sans-serif;
font-weight:normal;
}
.menubar {
background: url(../images/bg-menubar.png) repeat-x;
width: 100%;
height: 66px;
font-family: Roboto-B, Tahoma, Geneva, sans-serif;
font-size: 14px;
position:relative;
}
.menubar:before {
position:absolute;
top:0px;
left:0px;
background:url(../images/left-menu-bar.png) no-repeat;
height:66px;
width:39px;
content:"";
}
.menubar:after{
width:600px;
background:url(../images/bg-menubar.png) repeat-x;
position:absolute;
top:0px;
right:-600px;
height:66px;
content:"";
}
.menumobile {
background: #0059bd;
height: 42px;
}
.nav {
padding: 0px;
margin: 0px;
padding-left:50px;
font-weight: normal;
font-family: Arial;
position: relative;
width: 100%;
}
.nav > li {
list-style: none;
display: inline-block;
position: relative;
float: left;
font-size: 14px;
font-weight: bold;
line-height:66px;
}
.nav li a {
text-decoration: none;
color: #fff;
display: inherit;
padding: 0px;
padding: 0px 14px;
}
.nav li.active a {
color:#e30615;
}
.nav li ul {
position: absolute;
top: 100%;
left: 0;
width: 220px;
text-align: left;
display: none;
background: #1f1c3d;
padding: 0px;
opacity: .95;
z-index: 999999;
font-weight: normal;
}
.nav li ul > li {
width: 100%;
list-style: none;
border: none !important;
text-transform: none;
line-height: normal;
position: relative;
}
.nav li ul > li a {
padding: 10px 10px;
display: block;
color: #FFF !important;
line-height: 18px;
border-bottom: solid 1px #2f2965 !important;
}
.nav li ul > li a:hover {
background: #E30713 !important;
}
.nav li ul ul {
left: 100%;
top: -1px;
}
.trust-item{
border:solid 1px #d7d7d7;
padding:15px 20px;
background:#f1f2f2;
color:#414042;
font-family:Roboto, Tahoma, Geneva, sans-serif;
}
.trust-image{
width:55px;
align-self:center;
}
.trust-text{
width:calc(100% - 55px);
align-self:center;
}
.trust-text .trust-name{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
color:#414042;
text-transform:uppercase;
}
.menubar-mobile .nav {
text-align: left;
}
.menubar-mobile .nav li {
border-left: solid 1px #6dc2ef;
font-size: 18px;
}
.menubar-mobile .nav li a {
padding: 0px 10px;
}
.lang {
float: right;
border: none;
margin-top: 5px;
margin-left: 20px;
}
.lang .vi {
background: url(../images/flag-vi.png) no-repeat;
width: 33px;
height: 22px;
display: block;
margin-right: 5px;
float: left;
}
.lang .en {
background: url(../images/flag-en.png) no-repeat;
width: 33px;
height: 22px;
display: block;
margin-right: 5px;
float: left;
}
.flag-vi {
float: right;
background: url(../images/flag-vi.png) no-repeat;
width: 33px;
height: 22px;
margin-right: 10px !important;
}
.flag-en {
float: right;
background: url(../images/flag-en.png) no-repeat;
width: 33px;
height: 22px;
margin-right: 10px !important;
}
.news-name {
font-size: 15px;
padding: 0px;
margin: 0px;
color: #6a6a6a;
font-weight: bold;
}
.news-name a {
color: #6a6a6a;
text-decoration: none;
}
.createdate {
margin: 5px 0px;
font-size: 13px;
color: #999;
}
.viewmore {
margin-top: 10px;
float: left;
background: #355595;
color: #FFF;
padding: 7px 30px;
border-radius: 3px;
text-transform: uppercase;
}
.intro-detail {
font-size: 14px;
}
.image-border {
border: solid 2px #515151;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.image-news-name {
width: 170px;
float: left;
margin-right: 10px;
overflow: hidden;
}
.item-news-home {
border-top: dashed 1px #e1e1e1;
}
.box-news-shadow .item-news-home:first-child {
border-top: none;
}
.footer {
background: #1f1c3d;
color: #fff;
}
.footer-menu {
font-size: 14px;
background: #1f1c3d;
color: #FFF;
}
.footer-menu a {
color: #FFF !important;
}
.keyword {
width: 1001%;
}
.news-name-other {
margin: 0px;
margin: 0px;
}
.news-name-other a {
text-decoration: none;
color: #333;
font-weight: normal;
}
.title-other-news {
font-family: Lato-L;
font-weight: normal;
font-size: 24px;
color: #333;
margin: 0px;
padding: 0px;
float: left;
/* padding: 10px 30px; */
border-bottom: solid 2px #ef5994;
margin-bottom: -1px;
}
.other-article-title {
text-transform: uppercase;
}
.other-article {
padding: 0px;
margin: 0px;
}
.other-article li {
list-style: none;
padding: 3px 0px;
}
.other-article li a {
color: #333;
text-decoration: none;
}
.other-article li a i.fa {
margin-right: 5px;
color: #ec3539;
font-size: 16px;
}
.other-article li a:hover {
text-decoration: underline;
}
.crumb {
padding: 10px 0px 10px 0px;
}
.crumb a {
color: #414042;
text-decoration: none;
}
.crumb a:hover {
text-decoration: underline;
}
.crumb a:last-child {
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.paging1 {
display: block;
padding: 20px 10px;
background: #ececec;
}
.clicked {
padding: 5px;
color: #FFF;
background: #29a7e1;
border: solid 1px #999;
margin-right: 10px;
border-radius: 3px;
}
.page {
padding: 2px 4px;
text-decoration: none;
color: #333;
}
.page:hover {
color: #FFF;
background: #13203b;
}
.page.active {
color: #FFF;
background: #13203b !important;
}
.paging a {
padding: 10px 10px;
color: #333;
border: solid 1px #999;
margin-right: 10px;
border-radius: 3px;
background: #FFF;
}
.clicked {
background: #13203b !important;
color: #FFF !important;
}
.paging a:first-child {
}
.content-detail img {
max-width: 100%;
}
.error {
border: #FF0000 solid 1px;
}
.info-home {
/*background: url(../uploaded/gioi-thieu/bg-gioi-thieu.png) #f6f6f6 right center no-repeat;*/
color: #696969;
line-height: 22px;
padding: 40px 0px;
}
.info-home-title {
margin: 0px;
padding: 0px;
font-size: 30px;
font-family: Lato;
font-weight: normal;
text-align: left;
margin-left: 39px;
position: relative;
}
.info-home-title::before {
content: '';
position: absolute;
left: -40px;
top: 0px;
background: url(../images/flower.png) no-repeat left center;
height: 36px;
width: 36px;
color: #2d2d2d;
}
.info-home-title a {
color: #ef5994;
}
.info-home-title a b {
font-family: Lato;
font-weight: normal;
color: #2d2d2d;
}
.info-home-content {
padding: 20px;
padding-right: 30px;
text-align: justify;
}
.menu-footer {
}
.menu-footer a {
padding:3px 0px;
display:block;
position:relative;
padding-left:15px;
}
.menu-footer a:hover {
text-decoration:underline;
}
.menu-footer a:after {
content:"\f105";
position:absolute;
left:0px;
top:6px;
font-family:FontAwesome;
}
.linksmo {
width: 100%;
}
.linksmo a {
display: block;
margin-bottom:5px;
}
.linksmo a i.fa{
width:32px;
height:32px;
border:solid 2px #FFF;
background:#FFF;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
text-align:center;
line-height:30px;
font-size:18px;
color:#1f1c3d;
margin-right:5px;
}
.title-left {
margin: 0px;
padding: 0px 10px 0px 30px;
font-family: Roboto-B, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size:16px;
background-image:url(../images/bg-left-title-left.png);
background-position:left top;
background-repeat:no-repeat;
background-color:#1f1c3d;
height:48px;
width:100%;
overflow:hidden;
line-height:48px;
color: #FFF;
text-transform:uppercase;
}
.title-left a {
text-transform: uppercase;
color: #FFF;
}
.menuleft {
padding: 0px;
margin: 0px;
padding-bottom: 10px;
background:#efeff0;
border:solid 1px #efeff0;
}
.menuleft .fa {
color: #414042;
float: right;
margin-right:8px;
}
.menuleft ul {
list-style: none;
margin: 0px;
padding: 0px;
background:#FFF;
}
.menuleft li {
list-style: none;
margin: 0px;
padding: 0px;
border-top:solid 1px #FFF;
}
.menuleft li:last-child {
border-bottom: none;
}
.menuleft li a {
color: #4b4b4b;
padding: 10px 10px;
width: 100%;
display: block;
font-size: 15px;
}
.menuleft li.actived{
color:#e30614;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.menuleft .actived a {
color: #e30614;
}
.menuleft .actived a .fa {
color: #e30614;
}
.menuleft li ul {
margin: 0px;
padding: 0px;
}
.menuleft li ul li {
padding-left: 0px;
color:#666;
}
.menuleft li ul li .fa{
float:none;
}
.menuleft li.actived ul li a .fa{
color:#959595;
}
.menuleft li ul li a,.menuleft li.actived ul li a {
border-bottom: none;
padding: 5px 10px;
color:#414042;
font-family:Roboto, Tahoma, Geneva, sans-serif;
}
.menuleft li ul li.actived a{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
color:#1f1c3d;
}
.menuleft li ul li.actived a .fa{
color:#1f1c3d;
}
.menu-top {
float: right;
padding: 0px;
text-align: right;
margin-top: 10px;
font-size: 13px;
}
.menu-top a {
color: #616161;
font-family: Lato;
}
.partner-prev {
position: absolute;
left: 0px;
top: 50%;
z-index: 9;
font-size: 20px;
color: #999;
margin-top: -10px;
}
.partner-next {
position: absolute;
right: 0px;
top: 50%;
z-index: 9;
font-size: 20px;
color: #999;
margin-top: -10px;
}
.menufooter {
padding: 0px;
margin: 0px;
}
.menufooter li {
list-style: none;
padding-bottom: 10px;
font-family: Arial;
}
.menufooter li a {
color: #DDD;
}
.menufooter li .fa {
color: #FFF;
font-weight: bold;
}
.cathome-title {
font-size: 30px;
text-transform: uppercase;
font-family: Lato-L;
font-weight: normal;
text-align: center;
/* float: none; */
display: table;
margin: 0 auto;
position: relative;
}
.cathome-title b {
font-family: Lato-B;
font-weight: normal;
}
.cathome-title::before {
content: '';
position: absolute;
left: -40px;
top: 2px;
background: url(../images/flower.png) no-repeat left center;
height: 36px;
width: 36px;
}
.cat-home-name {
margin: 0px;
padding: 10px;
background: rgba(0,0,0,0.5);
font-size: 16px;
text-transform: uppercase;
position: absolute;
width: 100%;
bottom: 0px;
font-family: Lato;
font-weight: normal;
}
.cat-home-name a {
color: #FFF;
}
.news-name-home {
margin: 0px;
padding: 0px;
font-size: 16px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight: normal;
color: #1f1c3d;
}
.news-name-home a {
color: #1f1c3d;
}
.intro-news-home {
text-align:justify;
}
#button-btt {
position: fixed;
right: 10px;
bottom: 20px;
color: #0059bd;
background: #1b2f57;
padding: 10px;
}
#button-btt a {
color: #FFF;
}
.view-detail {
display: block;
background: url(../images/flower-ico.png) no-repeat left center;
padding-left: 30px;
color: #ef5994;
}
.newsletter{
background:#FFF;
padding:5px;
-webkit-border-radius:20px;
border-radius:20px;
}
.newsletter-input {
position: relative;
width: 100%;
}
.news-other {
padding: 0px;
margin: 0px;
}
.news-other li {
padding: 5px 0px;
list-style: none;
}
.news-other li .fa {
color: #ef5994;
}
.news-other li a {
color: #333;
}
.error {
border: solid 1px #FF0000 !important;
}
.frm {
padding: 10px 240px;
}
.line-title {
float: left;
width: 100%;
line-height: 30px;
}
.line-title span {
color: #FF0000;
}
.line-frm {
float: left;
width: 100%;
margin-bottom: 10px;
}
.txt-contact {
width: 100%;
height: 35px;
border: solid 1px #ccc;
padding:0px 5px;
}
.btn-send {
margin-top: 10px;
float: left;
width: 100%;
background: #1f1c3d;
color: #FFF;
padding: 11px 30px;
border-radius: 5px;
text-transform: uppercase;
border: none;
}
.contact-title {
font-family: Lato-B;
font-weight: bold;
font-size: 17px;
position: relative;
text-transform: uppercase;
margin-left: 40px;
line-height: 35px;
margin-bottom: 10px;
}
.contact-title::before {
content: '';
position: absolute;
left: -40px;
top: 0px;
background: url(../images/flower.png) no-repeat left center;
height: 36px;
width: 36px;
}
.logo-mobile {
float: left;
width: 50%;
}
.menu-mobile {
float: right;
margin-top: 10px;
margin-right: 20px;
padding: 10px 12px;
background: #3b5b9b;
color: #FFF;
}
.search-mobile {
width: 100%;
position: relative;
display: none;
}
.search-mobile input {
width: 100%;
height: 30px;
}
.m-search-icon {
position: absolute;
right: 10px;
top: 6px;
color: #ef5994;
}
.news-home-wrapper {
background: #f2f2f2;
padding: 20px 0px;
}
.title-news-detail {
margin: 0px;
padding: 0px;
font-family: Arial;
font-weight: bold;
font-size: 20px;
color: #333;
}
.homeslide-prev, .homeslide-next {
position: absolute;
top: 50%;
z-index: 9;
margin-top: -30px;
cursor:pointer;
}
.homeslide-next {
right: 0px;
background: url(../images/arrow-slide-right.png) no-repeat;
width: 49px;
height: 49px;
}
.homeslide-prev {
left: 0px;
background: url(../images/arrow-slide-left.png) no-repeat;
width: 49px;
height: 49px;
}
.homeslide-next.swiper-button-disabled {
background: url(../images/arrow-slide-right-1.png) no-repeat;
}
.homeslide-prev.swiper-button-disabled {
background: url(../images/arrow-slide-left-1.png) no-repeat;
}
.title-frm-reg span {
color: #FF0000;
}
.detail-cathome{
border:solid 2px #18b7ca;
display:inline-block;
position:absolute;
bottom:20px;
height:44px;
line-height:40px;
padding:0px 25px;
-webkit-border-radius:40px;
border-radius:40px;
color:#18b7ca;
font-weight:bold;
}
.info-cat-home{
padding:20px;
color:#515151;
}
.text-line-3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.text-line-4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 4;
-webkit-box-orient: vertical;
}
.box-cell-cat-home .name{
font-size:20px;
color:#515151;
margin:0px;
padding-bottom:5px;
font-family:Hel-B; font-weight:normal;
}
.box-cell-cat-home .name a{
color:#515151;
}
.title-cat-home{
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:30px;
text-transform:uppercase;
font-weight:bold;
color:#FFF;
text-align:center;
margin:0px;
padding:0px;
}
.title-cat-home a{
color:#FFF;
}
.title-info-home{
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:30px;
color:#18b7ca;
margin:0px;
padding:0px;
}
.title-info-home a{
color:#18b7ca;
}
.intro-info-home{
line-height:22px;
text-align:justify;
}
.box-why{
background:#18b7ca;
min-height:200px;
color:#FFF;
padding:20px 30px;
}
.title-why-home{
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:30px;
margin:0px;
padding:0px;
text-align:center;
padding-bottom:10px;
color:#FFF;
}
.line-title-why{
border-bottom:solid 1px #5ecdda;
margin:0px 50px;
}
.why-icon{
text-align:center;
}
.why-name{
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:20px;
text-align:center;
font-weight:bold;
}
.ul-why{
margin:0px;
padding:10px 0px 10px 20px;
list-style-image:url(../images/icon-check.png);
}
.ul-why li{
padding-bottom:8px;
}
.box-article-home{
background-image:url(../images/bg-article-home.png);
background-repeat:no-repeat;
background-position:top center;
background-size:cover;
min-height:200px;
padding:40px 0px;
color:#FFF;
text-align:center;
}
.box-article-home a{
color:#FFF;
}
.image-article-home{
width:154px;
height:154px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
border-radius:50%;
overflow:hidden;
margin:0 auto;
background:#FFF;
}
.copyright{
background:#131127;
padding:10px 0px;
color:#FFF;
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2;
margin: 0px 2px;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.title-footer{
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#FFF;
text-transform:uppercase;
}
.hotline-email-top{
color:#FFF;
line-height:40px;
}
.hotline-email-top a{
color:#FFF;
}
.topmnu{
text-align:right;
}
.topmnu a{
color:#FFF;
}
.about-name{
color:#18b7ca ;
font-size:35px;
padding:0px;
margin:0px;
}
.title-nhan-su{
border-bottom:solid 2px #f25453;
font-size:24px;
height:17px;
color:#f25453;
}
.title-nhan-su span{
background:#FFF;
padding-right:10px;
}
.title-nhan-su2{
border-bottom:solid 2px #18b7ca;
font-size:24px;
height:17px;
color:#18b7ca;
}
.title-nhan-su2 span{
background:#FFF;
padding-right:10px;
}
.margin-bottom-20{
margin-bottom:20px;
}
.nhan-su-name{
color:#333;
font-size:26px;
padding:0px;
margin:0px;
}
.menutab{
border:solid 2px #18b7ca;
display:inline-block;
-webkit-border-radius:20px;
border-radius:20px;
height:45px;
font-weight:bold;
}
.menutab div.menu-tab-item {
float:left;
-webkit-border-radius:18px;
border-radius:18px;
line-height:41px;
}
.menutab div.menu-tab-item a{
color:#616161;
padding:0px 20px;
}
.menutab div.actived {
background:#18b7ca;
}
.menutab div.actived a{
color:#FFF;
}
.box-hp{
border:solid 1px #e7e7e7;
text-align:center;
}
.box-hp .title-box{
background:#18b7ca;
color:#FFF;
padding:15px 5px;
text-align:center;
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:16px;
margin:0px;
width:calc(100% + 2px);
margin-left:-1px;
}
.arrow-right-home,.arrow-left-home{
width:21px;
height:40px;
position:absolute;
top:20%;
z-index:9;
cursor:pointer;
}
.arrow-right-home{
background:url(../images/arrow-right-home.png) no-repeat;
right:-30px;
}
.arrow-left-home{
background:url(../images/arrow-left-home.png) no-repeat;
left:-30px;
}
.mnu-mobile{
color:#F7A527;
display:none;
text-align:right;
}
.mnu-mobile .fa-bars{
display:inline-block;
width:40px;
height:40px;
color:#F7A527;
line-height:50px;
font-size:28px;
margin-right:20px;
}
.intro-detail img,.content-detail img{
max-width:100%;
}
.slide-description{
position:absolute;
bottom:20%;
max-width:1200px;
width:100%;
left:50%;
transform:translate(-50%,0);
z-index:9;
color:#FFF;
font-family:Hel-B, Arial, Helvetica, sans-serif;
font-size:18px;
}
.slide-description .description{
max-width:494px;
}
.title-product-home{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:24px;
color:#1f1c3d;
text-transform:uppercase;
text-align:center;
margin:0px;
}
.title-product-home a{
color:#1f1c3d;
position:relative;
}
.title-product-home a:before{
background:url(../images/line-title-product-home.png) no-repeat;
height:3px;
width:101px;
position:absolute;
bottom:-10px;
left:50%;
transform:translate(-50%,0%);
content:"";
}
.btn-nhanbaogia{
-webkit-border-radius:20px;
border-radius:20px;
background:#1f1c3d;
padding:10px 25px;
display:inline-block;
color:#FFF;
}
.title-home{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:24px;
color:#1f1c3d;
text-transform:uppercase;
margin:0px;
}
.title-home a{
color:#1f1c3d;
position:relative;
}
.title-home span{
position:relative;
}
.title-home span:before{
width:50px;
height:3px;
background:#c2c2c2;
position:absolute;
bottom:-10px;
left:0px;
content:"";
}
.title-page{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:24px;
color:#1f1c3d;
text-transform:uppercase;
margin:0px;
text-align:center;
}
.title-page span{
position:relative;
}
.title-page span:before{
width:50px;
height:3px;
background:#c2c2c2;
position:absolute;
bottom:-10px;
left:50%;
content:"";
transform:translate(-50%,-50%);
}
.title-service-home{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:24px;
color:#fff;
text-transform:uppercase;
margin:0px;
text-align:center;
}
.title-service-home a{
color:#fff;
position:relative;
}
.title-service-home a:before{
background:#fff;
height:3px;
width:50px;
bottom:-10px;
left:50%;
transform:translate(-50%,0%);
content:"";
position:absolute;
}
.btn-detail-news-home{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:14px;
color:#1f1c3d;
}
.product-name-home{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:14px;
color:#414042;
margin:0px;
}
.product-name-home a{
color:#414042;
}
.bigvideo-name{
background:#ebebeb;
color:#414042;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:14px;
border-bottom:solid 1px #b7b7b7;
}
.bigvideo-name a{
display:block;
padding:8px 20px;
color:#414042;
}
.b-video-home-name{
border:solid 1px #b7b7b7;
border-top:none;
}
.smallvideo-home-name{
border-top:solid 1px #b7b7b7;
}
.b-video-home-name div .smallvideo-home-name:first-child{
border-top:none;
}
.smallvideo-home-name a{
padding:7px 20px;
display:block;
color:#414042;
}
.box-info-home{
background-image:url(../images/bg-service-home.png);
background-position:left;
background-size:cover;
background-repeat:no-repeat;
min-height:365px;
}
.info-text-home{
width:370px;
max-width:100%;
}
.b-service-home{
background-image:url(../images/bg-service-home1.png);
background-position:left;
background-size:cover;
background-repeat:no-repeat;
color:#FFF;
}
.b-service{
background:#FFF;
color:#1f1c3d;
}
.b-service .text{
padding:20px;
}
.btn-detail-service{
border:solid 1px #c2c2c2;
-webkit-border-radius:20px;
border-radius:20px;
padding:8px 20px;
color:#414042;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.service-name-home{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:18px;
color:#1f1c3d;
margin:0px;
border-bottom:solid 1px #b7b7b7;
padding-bottom:5px;
}
.service-name-home a{
color:#1f1c3d;
}
.cathome-hover{
position:absolute;
width:100%;
height:100%;
background:url(../images/bg-hover.png);
top:0px;
padding:0px;
display:none;
}
.cathome-hover:before{
position:absolute;
top:10px;
left:10px;
width:calc(100% - 22px);
height:calc(100% - 22px);
content:"";
border:solid 2px #f7941d;
}
.text-cat-home{
width:calc(100% - 1px);
align-self:center;
text-align:center;
color:#FFF;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
text-transform:uppercase;
font-size:16px;
}
.cathome:hover .cathome-hover{
display:block;
}
.btn-nhan-bao-gia{
background: rgb(227,6,22);
background: -moz-linear-gradient(top, rgba(227,6,22,1) 0%, rgba(190,2,16,1) 52%, rgba(157,0,12,1) 100%);
background: -webkit-linear-gradient(top, rgba(227,6,22,1) 0%,rgba(190,2,16,1) 52%,rgba(157,0,12,1) 100%);
background: linear-gradient(to bottom, rgba(227,6,22,1) 0%,rgba(190,2,16,1) 52%,rgba(157,0,12,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e30616', endColorstr='#9d000c',GradientType=0 );
height:36px;
width:130px;
-webkit-border-radius:20px;
border-radius:20px;
color:#FFF;
display:inline-block;
line-height:36px;
text-align:center;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.btn-search{
width:36px;
height:36px;
-webkit-border-radius:50%;
border-radius:50%;
background:#ebebeb;
color:#888888;
display:inline-block;
line-height:36px;
text-align:center;
margin-right:10px;
position:relative;
cursor:pointer;
}
.item-news-list{
border-bottom:dashed 1px #b7b7b7;
}
.news-detail-name{
font-size:26px;
color:#1f1c3d;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
margin:0px;
}
.title-other{
color:#111b49;
font-size:24px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
margin:0px;
width:100%;
overflow:hidden;
}
.title-other span{
position:relative;
}
.title-other span:before{
background:url(../images/line-other-news.png) no-repeat left bottom;
position:absolute;
bottom:5px;
right:-1010px;
width:1000px;
height:11px;
content:"";
}
.item-other-news{
padding:3px 0px;
}
.item-other-news a{
color:#333132;
}
.item-other-news a:hover{
text-decoration:underline;
}
.image-c-pro{
-webkit-border-radius:5px;
border-radius:5px;
}
.service-detail-name{
color:#414042;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:26px;
margin:0px;
padding:0px;
}
.service-detail-name span{
position:relative;
}
.service-detail-name span:after{
position:absolute;
height:3px;
background:#CCC;
width:50px;
left:0px;
bottom:-10px;
content:"";
}
.frm-book-service{
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,240,246,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(235,240,246,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(235,240,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf0f6',GradientType=0 );
}
.frm-book-service .title{
color:#FFF;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
text-transform:uppercase;
text-align:center;
background:#111b49;
line-height:40px;
}
.frm-box-content{
border:solid 1px #e1e1e1;
padding:20px;
}
.frm-box-content label{
display:block;
margin-bottom:3px;
}
.frm-box-content .txt{
width:100%;
height:38px;
-webkit-border-radius:4px;
border-radius:4px;
border:solid 1px #d7d7d7;
padding:0px 5px;
}
.btn-submit-book{
background:#e30614 ;
height:38px;
display:inline-block;
margin-left:10px;
padding:0px 40px;
line-height:38px;
color:#FFF;
font-family:Roboto, Tahoma, Geneva, sans-serif;
text-align:center;
font-weight:normal;
-webkit-border-radius:4px;
border-radius:4px;
font-size:16px;
}
.product-name-detail{
color:#414042;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:24px;
margin:0px;
}
.thumb-image-pro-detail-prev,.thumb-image-pro-detail-next{
position:absolute;
top:20%;
z-index:9;
outline:none;
}
.thumb-image-pro-detail-prev{
background:url(../images/pro-detail-arrow-left.png) no-repeat right;
width:38px;
height:41px;
left:-36px;
}
.thumb-image-pro-detail-next{
background:url(../images/pro-detail-arrow-right.png) no-repeat right;
width:38px;
height:41px;
right:-36px;
}
.color-product{
border:solid 1px #c2c2c2;
width:24px;
height:13px;
display:inline-block;
}
.attr-item .attr-name{
float:left;
margin-right:7px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.attr-item .attr-value{
float:left;
}
.attr-item:after{
clear:both;
content:"";
display:block;
height:8px
}
.box-promotion-detail{
background:#ebebeb;
padding:20px 10px 10px 10px;
}
.box-promotion-detail .title{
color:#e20612;
font-size:16px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.box-promotion-detail .title span{
position:relative;
}
.box-promotion-detail .title span:after{
background:url(../images/icon-promotion-detail.png) no-repeat;
width:27px;
height:25px;
position:absolute;
content:"";
right:-32px;
bottom:0px;
}
.tab-detail-pro{
background:#f1f2f2;
border:solid 1px #CCC;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
}
.tab-detail-pro:after{
clear:both;
content:"";
display:block;
}
.tab-detail-pro a{
float:left;
display:block;
height:40px;
padding:0px 20px;
line-height:40px;
color:#414042;
}
.tab-detail-pro a.active{
color:#FFF;
background:#1f1c3d;
height:42px;
margin-left:-1px;
margin-top:-1px;
}
.box-promotion-detail ul{
margin:0px;
padding:0px;
}
.box-promotion-detail ul li{
list-style:none;
position:relative;
padding-left:15px;
}
.box-promotion-detail ul li:before{
font-family:'FontAwesome';
content:"\f111";
position:absolute;
left:0px;
color:#e30614;
top:5px;
font-size:10px;
}
.title-content-pro{
margin:0px;
font-size:26px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
color:#414042;
width:100%;
overflow:hidden;
padding:0px;
}
.title-content-pro span{
position:relative;
padding-left:28px;
}
.title-content-pro span:before{
width:23px;
border-bottom:solid 3px #e30614;
position:absolute;
bottom:7px;
left:0px;
content:"";
}
.title-content-pro span:after{
position:absolute;
width:1500px;
border-bottom:solid 1px #c2c2c2;
content:"";
right:-1510px;
bottom:7px;
}
.phone-tuvan a{
padding:15px 10px;
text-align:center;
background:#e20612;
-webkit-border-radius:5px;
border-radius:5px;
color:#FFF;
}
.phone-tuvan a:nth-child(2){
background:#f7941d;
}
.phone-tuvan a:last-child{
background:#1f1c3d;
}
.phone-tuvan a span{
position:relative;
padding-left:28px;
display:inline-block;
text-align:left;
}
.phone-tuvan a span strong{
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-weight:normal;
}
.phone-tuvan a span:before{
background:url(../images/icon-phone.png) no-repeat;
width:23px;
height:23px;
position:absolute;
left:0px;
top:8px;
content:"";
}
.b-pro{
border:solid 1px #d7d7d7;
padding-bottom:20px;
}
.b-pro:hover .btn-nhanbaogia{
background:#e30614;
}
.b-image-pro{
width:calc(100% + 2px);
margin:-1px 0px 0px -1px;
}
.baogia-label{
width:120px;
text-align:right;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
align-self:center;
}
.baogia-input{
width:calc(100% - 130px);
}
.baogia-input input{
width:100%;
height:35px;
border:solid 1px #CCC;
padding:0px 5px;
}
.btn-send-baogia{
background: rgb(228,6,19);
background: -moz-linear-gradient(top, rgba(228,6,19,1) 0%, rgba(228,6,19,1) 50%, rgba(228,6,19,1) 100%);
background: -webkit-linear-gradient(top, rgba(228,6,19,1) 0%,rgba(228,6,19,1) 50%,rgba(228,6,19,1) 100%);
background: linear-gradient(to bottom, rgba(228,6,19,1) 0%,rgba(228,6,19,1) 50%,rgba(228,6,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e40613', endColorstr='#e40613',GradientType=0 );
color:#FFF;
height:36px;
line-height:36px;
text-align:center;
display:block;
-webkit-border-radius:5px;
border-radius:5px;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
text-transform:uppercase;
}
.box-message-result{
padding:20px;
text-align:center;
font-family:Roboto-B, Tahoma, Geneva, sans-serif;
font-size:16px;
border:solid 1px #090;
margin-bottom:20px;
-webkit-border-radius:5px;
border-radius:5px;
}
.box-message-result.mess-success{
color:#468847;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #dff0d8;
border: 1px solid #d6e9c6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.box-message-result.mess-error{
color:#b94a48;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #f2dede;
border: 1px solid #eed3d7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.b-search{
position:absolute;
top:0%;
right:0px;
width:250px;
background:#EBEBEB;
height:36px;
overflow:hidden;
-webkit-border-radius:5px;
border-radius:5px;
display:none;
}
.b-search input{
width:calc(100% - 36px);
height:36px;
border:none;
border:solid 2px #EBEBEB;
padding:0px 5px;
outline:none;
}
.b-search a{
width:36px;
height:36px;
color:#333;
}
.header-mobile{
height:80px;
background:#FFF;
position:relative;
display:none;
}
.header-mobile:after{
position:absolute;
bottom:-4px;
left:0px;
height:4px;
width:100%;
content:"";
background:url(../images/bg-bottom-banner.png) repeat-x;
z-index:9
}
.logo-mobile{
height:80px;
width:100px;
}
.logo-mobile img{
width:auto;
height:100%;
}
.mnu-header-mobile{
width:calc(100% - 100px);
text-align:right;
font-size:24px;
}
.mnu-header-mobile .item-mnu{
display:inline-block;
}
.mnu-header-mobile .item-mnu a{
color:#1F1C3D;
border:solid 1px #CCC;
width:40px;
height:40px;
text-align:center;
line-height:36px;
margin-top:20px;
color:#1F1C3D;
-webkit-border-radius:3px;
border-radius:3px;
}
.b-search-mobile{
background:#EBEBEB;
padding:5px;
display:none;
}
.b-search-mobile input{
width:calc(100% - 35px);
height:30px;
padding:0px 5px;
border:solid 1px #CCC;
}
.b-search-mobile a{
width:35px;
height:30px;
text-align:center;
line-height:30px;
background:#1f1c3d;
color:#FFF;
}
.icon-home-bar{
width:36px;
padding:0px !important;
margin-top:15px;
height:36px;
text-align:center;
line-height:36px;
background:#FFF;
-webkit-border-radius:50%;
border-radius:50%;
color:#e30613 !important;
font-size:18px;
}
.scroll-fix-top{
position:fixed;
width:100%;
background:#FFF;
top:0px;
display:none;
left:0px;
z-index:9999;
}
.scroll-fix-top:after{
position:absolute;
bottom:-4px;
left:0px;
height:4px;
width:100%;
content:"";
background:url(../images/bg-bottom-banner.png) repeat-x;
z-index:9
}
.right-header-scroll{
height:66px;
width:calc(100% - 120px);
}
.box-login{
background:#efeff0;
padding:15px;
margin-bottom:20px;
}
.box-login input{
width:100%;
border:solid 1px #CCC;
height:30px;
padding:0px 5px;
}
.btn-login{
background:#1f1c3d;
display:inline-block;
padding:8px 20px;
text-align:center;
color:#FFF;
}
/* HOTLINE */
.phonering-alo-phone {position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;
cursor:pointer;z-index:200000!important;right:150px;bottom:20%;left:-65px;display:block;
-webkit-backface-visibility:hidden;
-webkit-transform:translateZ(0);
transition:visibility .5s;
}
.phonering-alo-phone.phonering-alo-show {visibility:visible}
.phonering-alo-phone.phonering-alo-static {opacity:.6}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {opacity:1}
.phonering-alo-ph-circle {width:160px;height:160px;top:20px;left:20px;position:absolute;
background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);
opacity:.1;
-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
transition:all .5s;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
-webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
-webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
border-color:#00aff2;
opacity:.5
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
border-color:#272d6b;
opacity:.5
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
border-color:#00aff2;
opacity:.5
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
border-color:#ccc;
opacity:.5
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
border-color:#75eb50;
opacity:.5
}
.phonering-alo-ph-circle-fill {width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;
border-radius:100%;border:2px solid transparent;
-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
transition:all .5s;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
-webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
opacity:0!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
background-color:rgba(39,45,107,0.5);
opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
background-color:rgba(39,45,107,0.5);
opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
background-color:rgba(0,175,242,0.5);
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
background-color:rgba(204,204,204,0.5);
opacity:.75!important
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
background-color:rgba(117,235,80,0.5);
opacity:.75!important
}
.phonering-alo-ph-img-circle {
width:60px;
height:60px;
top:70px;
left:70px;
position:absolute;
background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
border-radius:100%;
border:2px solid transparent;
-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
-webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
background-color:#00aff2;
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
background-color:#272d6b;
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
background-color: #85b15f;
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
background-color:#ccc;
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
background-color:#75eb50
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform:rotate(0) scale(.5) skew(1deg);
-webkit-opacity:.1
}
30% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
-webkit-opacity:.5
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
-webkit-opacity:.1
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
opacity:.2
}
100% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform:rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg)
}
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform:rotate(0) scale(.5) skew(1deg);
transform:rotate(0) scale(.5) skew(1deg);
opacity:.1
}
30% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.5
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.1
}
}
@keyframes phonering-alo-circle-anim {
0% {
-webkit-transform:rotate(0) scale(.5) skew(1deg);
transform:rotate(0) scale(.5) skew(1deg);
opacity:.1
}
30% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.5
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.1
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.2
}
100% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
}
@keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg);
opacity:.2
}
100% {
-webkit-transform:rotate(0) scale(.7) skew(1deg);
transform:rotate(0) scale(.7) skew(1deg);
opacity:.2
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
}
@keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
10% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
20% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
30% {
-webkit-transform:rotate(-25deg) scale(1) skew(1deg);
transform:rotate(-25deg) scale(1) skew(1deg)
}
40% {
-webkit-transform:rotate(25deg) scale(1) skew(1deg);
transform:rotate(25deg) scale(1) skew(1deg)
}
50% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
100% {
-webkit-transform:rotate(0) scale(1) skew(1deg);
transform:rotate(0) scale(1) skew(1deg)
}
}
.title-news-cat{
background:#EEE;
color:#333;
padding:0px;
margin:0px;
}
.title-news-cat a{
color:#c70312;
display:block;
padding:8px 15px;
text-transform:uppercase;
font-size:15px;
}
.news-name-nb a{
color:#333;
}
.news-name-nb a:hover{
text-decoration:underline;
}
.border-cat{
border:solid 1px #CCC;
}
.border-cat .content-info{
padding:10px;
padding-top:0px;
}
.play-video{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:100px;
}
.longPageTOC {
font-size: 20px;
background: #fff;
font-weight: 700;
text-transform: uppercase;
}
.TOCShowHide.hideTOC {
position: absolute;
right: 15px;
top: 5px;
color: #00b8ce;
}
.longPageNavigationDiv {
padding: 10px;
padding-right: 20px;
width: 100%;
}
.longPageNavigationDiv a {
color: #0a0a0a;
}
.longPageNavigationDiv ul {
margin:0;
padding:0;
padding-left: 10px;
}
.longPageNavigationDiv ul li {
padding: 2px 0px;
}
.longPageNavigationDiv ul .toc-heading3 {
padding-left: 20px;
}