body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span {
margin:0;
padding:0;
font-family: Arial,sans-serif;
/*margin-top:5px;*/
}
h1, h2, h3, h4, h5, h6, p {
margin-top: 0.7em;
margin-bottom: 0.7em;
}
h1, h2, h3, h4, h5, h6{
color:red;
font-size:120%;
font-weight:bold;
}
#module_product_detail li {
margin-left:15px;
}
html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}
.tblMaster {
text-align:justify; float:none; margin: 0 auto;clear:both;
overflow:hidden;
}
h1{font-size:22px; font-weight:bold;}
h2{font-size:18px;font-weight:bold; font-style:italic;}
h3{font-size:16px;font-style:italic;}
select{ height:30px;}
option {
color: black;
}
span, div {
color:#333;
line-height:25px;
}
.divmarginpadding0{margin:0;padding:0;}
@media (max-width:768px)
{
.Col42 img {
max-width: 100% !important;
height: auto !important;
}
}
@media (min-width:768px)
{
h1{font-size:26px;}
h2{font-size:24px;}
h3{font-size:22px;}
}
b, strong{color:#e57408;}
i{}
@media screen and (max-width: 600px) {
.divleftheader{display:none;visibility: hidden;}
}
.divTop .fa-phone {color:#c7e7f2}
.fa-home, .fa-phone, .fa-globe, .fa-envelope-o,.fa-fax{color:#171e27;}
.Col6 .fa-home, .Col6 .fa-phone, .Col6 .fa-globe, .Col6 .fa-envelope-o, .Col6 .fa-fax {
color: #ffffff;
}
.fa-angle-down {
margin-left: 5px;
}
.tdpadding{padding:5px;}
a:link, a {text-decoration:none;/*color:red;*/ font-weight: bold;}
a:hover{color:#C4221A;}
a:visited{/*color:red;*/}
.Col1{padding:0px 0px;margin:0;width:auto;border-bottom:solid 0px #eee; background-color:#C4221A; }
.Col2{ padding:0px 10px;margin:0;width:100%;}
.Col6{padding:30px 10px;line-height:25px; overflow:auto; background: linear-gradient(3deg, rgba(9,9,121,1) 0%, rgba(16,75,144,1) 35%, rgba(40,213,249,1) 100%);
clear:both;text-align:justify;
color:#eee;
vertical-align:bottom;
}
.Col6 a:link,.Col6 a:visited, .Col6 b{color:#fff;}
.Col6 div,.Col6 span{color:#eee;}
.Col7{padding:20px 10px 70px; height:80px; background:#171e27;border-top:dotted 1px #4c4c4c;text-align:center;display:none;}
.Col7 a:link,.Col7 a:visited,.Col7 span{color:#171e27; text-decoration:none;}
.Col7 span{float:left;}
.Col3{padding:0px;}
.Row4,.Row5,.Row6{width:100%;}
.Col41{padding:0px;width:0px; display:none; }
.Col42, .Col5{margin:0;padding:0px 10px; text-align:justify;}
.Col1, .Col2, .Col3, .Col5, .Col6, .Col7{clear:both;width:100%;}
.Col42{}
.navbar-fixed-top { padding:0px 10px 0px 10px !important;
}
@media only screen and (min-width: 1199px) {
.Col1{padding:0px 87px;}
.Col2{ padding:0px 72px 0px 67px;margin:0;width:100%;}
.navbar-fixed-top { padding:0px 87px 0px 67px !important;
}
.Col6 {
padding: 30px 87px 30px 87px;
line-height: 25px;
background: linear-gradient(3deg, rgba(9,9,121,1) 0%, rgba(16,75,144,1) 35%, rgba(40,213,249,1) 100%);
}
.Col7{padding:20px 87px 70px 87px; }
.Col7 a:link,.Col7 a:visited,.Col7 span{ text-decoration:none;}
.Col3{padding:0px 0px 0px 0px;}
.Row4,.Row5,.Row6,.Row1, .Row2, .Row3, .Row7{width:100%;}
.Col41{padding:0px;width:0px; display:none;}
.Col42{margin:0 77px; }
.Col5{margin:0 0px; }
.imglogo
{
height:64px !important;
/*margin-top:-10px;*/
}
.imglogofix
{
height:73px !important;
margin-top:0px;
}
}
/* -------------------------------Dropdownmenu-----------------------*/
.logo{text-align:center}
.button{
background: #000;
color:#fff;
text-decoration:none;
position: relative;
height: 22px;
overflow: hidden;
padding: 5px 10px;
line-height: 0.75em;
font-size:1.1em;
cursor: pointer;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-border-radius: 2px;
}
.button:link, .button:visited{color:#fff;}
.button:hover{
background: red;
color: #eee;
}
.border-bottom {border-bottom:solid 1px #ccc;}
.sitemap{width:100%;line-height:20px; text-align:justify;padding-right:2%; }
.sitemap:link{color:#ffffff;}
.sitemap2{ width:100%;line-height:20px; text-align:justify;padding-right:10px; }
.sitemap2:link{color:#ffffff;}
.sitemap_end{width:100%;line-height:20px; text-align:left; padding-right:10px; }
.sitemap_end:link{color:#ffffff;}
.FooterLine{/*border-top:solid 1px #fff;*/padding-top:20px;margin-top:13px;margin-bottom:30px;}
.sitemap H4, .sitemap2 H4,.sitemap_end H4{display:inline;font-size:16px;font-weight:400;color:#ffffff;border-bottom:solid 2px #e5f6fc;padding:0 0 16px 0;line-height:16px; white-space:nowrap;}
.ModuleTitle:link,.ModuleTitle:visited {
color: #C4221A;
}
.cap1Product,.cap1Product a:link,.cap1Product a:visited{color:#ffffff; text-decoration:none;}
.sitemaptitle{height:30px;}
.sitemaptitle:link{text-decoration:none;}
@media (min-width: 768px)
{
.FooterLine{margin-bottom:0px;}
.sitemap{float:left; width:48%;line-height:20px; text-align:justify; }
.sitemap:link{color:#333333;}
.sitemap2{float:left; width:50%;line-height:20px; text-align:justify;}
.sitemap2:link{color:#333333;}
.sitemap_end{float:left; width:50%;line-height:20px; text-align:left; }
.sitemap_end:link{color:#333333;}
}
@media (min-width: 1000px)
{
.FooterLine{margin-bottom:0px;}
.sitemap{float:left; width: 33%;line-height:20px; text-align:justify; position:relative; }
.sitemap:link{color:#ddd;}
.sitemap2{float:left; width:33%;line-height:20px; text-align:justify;}
.sitemap2:link{color:#ddd;}
.sitemap_end{float:left; width:33%;line-height:20px; text-align:left; }
.sitemap_end:link{color:#ddd;}
}
.email{color:White;}
.divHeader {
padding: 5px 0 5px 0;
background-color: red;
color: white;
width:100%;
}
.divHeader a:link, .divHeader span{color: white; font-weight:bold;padding-left:5px;}
.divHeader2 {
padding: 5px 0 5px 0;
background-color: #eee;
color: #061f41;
width:100%;
border-radius:3px;
}
.divHeader2 a:link{color: #061f41; font-weight:bold;padding-left:5px;}
.tdHeader {
color:#666666;
width:100%;
left: 0;
right: 0;
/*position:absolute; */
z-index:1;
background-color: #fbfbfb;
border-top:solid 3px #e7e7e7;
border-bottom:dotted 1px #e7e7e7;
height:60px;
padding:15px 10px 15px 13px;
clear:both;
}
.row{clear:both;padding:0;margin:0;}
.margin-left-right-15 {
margin-right: -15px !important;
margin-left: -15px !important;
}
.content{padding:0;margin:0;}
@media only screen and (min-width: 768px)
{
.tdHeader{padding:15px 10px 15px 33px;}
}
@media only screen and (min-width: 1199px)
{
.tdHeader{padding:15px 87px 15px 90px;}
}
.tdHeader a:link, .tdHeader a:visited{color:#171e27; font-size:12px;}
.tdHeader span{color:#171e27; font-size:14px;font-weight:bold;}
.ParentType {
}
.ParentType span{}
.imgHeader{width:100%;}
.dlstNgonngu td {}
.share, .language{float:right;}
.divLang{border-right:solid 1px #eee;float:right;padding:10px 10px;}
.addthis{float:left;padding-top:3px;}
.addthislabel{float:left;padding-top:3px;margin-left:20px;margin-right:3px;}
.basket{background: url(../Images/companies/tekcast/images/basket.jpg) no-repeat;background-position:0px center; padding-left:42px;padding-right:5px;}
.giohanglabel{color:#17469e;font-weight:bold;}
/*--------------------------------*/
.slogan{padding-top:5px;}
.tdHotrotructuyen{padding:5px;}
.tdHotrotructuyen div{color:#333;}
.tblHeaderOnlineSupport{background: #0D5995;border-radius:3px;margin-bottom:5px;color:#E0F0FD}
.tblHeaderOnlineSupport div, .tblHeaderOnlineSupport h2, .tblHeaderOnlineSupport b, .tblHeaderOnlineSupport span, .tblHeaderOnlineSupport td{color:#E0F0FD}
/* light content scroll*/
.banner { position: relative; overflow:auto;color:#4FBF3E;font-size:18px; font-weight:bold; line-height:25px; font-style:italic;}
.banner li { list-style: none; }
.banner ul li { float: left;}
/* End light content scroll*/
.flag{border-radius:3px;}
.chitiet:link,.chitiet:visited{color:red;}
#myList li{ display:none;list-style:none;padding:5px;
}
#loadMore{
background: #4EC03A;
color:#fff;
text-decoration:none;
position: relative;
height: 20px;
overflow: hidden;
padding: 3px 10px 3px 10px;
font-size:1.1em;
cursor: pointer;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-border-radius: 2px;
width:50px;
margin-bottom:2px;
}
#loadMore:hover {
background: green;
}
#loadMore:visited {
background: green;
color:#fff;
}
#showLess {
color:red;
cursor:pointer;
display:none;
}
#showLess:hover {
color:black;
}
/*-----------------------------------------------------------------*/
#go_top{
display:block;
width:31px;
height:31px;
position:fixed;
background-color:#f5c692;
bottom:40px;
right:15px;
display:none;
padding-top:3px;
margin-top:20px;
}
#go_top:hover{background-color:#f8e898}
#go_top:before{
position:Absolute;
width:0;
height:0;
border:11px solid transparent;
border-bottom:11px solid white;
left:5px;
top:-8px;
}
#go_top:after{
position:Absolute;
width:10px;
height:17px;
background-color:white;
left:11px;
top:14px;
}
.imgstyle{text-align:left;float:left;}
.pagebutton
{
border:solid 1px #777;
padding:1px 2px 1px 2px;
font-weight:bold;
margin:3 3 3 3;
}
.pagebutton_current
{
border:solid 1px red;
padding:1px 2px 1px 2px;
font-weight:bold;
margin:3 3 3 3;
}
.PagerStyle_news{padding:10px 0px 0px 0px}
.PagerStyle_news span{padding:0px 2px 0px 2px; border:solid 1px #1A417A}
.menu1{text-align:left; margin:0;float:right;padding:0; display:inline-block;}
.menu1 a,.menu1 a:visited{
float: left;
padding:8px 5px;
text-decoration: none;
color: #171e27;
font-size:12px;
white-space:nowrap;
height:40px;
margin:0;
border-right:solid 1px #eee;
}
@media (min-width: 500px) {
.menu1 a,.menu1 a:visited{
padding: 8px 10px 8px 10px;
}
}
.FirstItem{background-image:none;}
.menu1 a:hover, .menu1 .current{
text-decoration:none;
color:red;
}
.ddlArrange{float:right;}
/*
.NewsImage{float:left;width:100px; padding:0px 10px 10px 0px;}
.divcontent{ margin-top:6px;margin-left:0px;padding:0;}
.divcontent2{ overflow:hidden;height:100px;margin-left:0px;text-align:justify;padding-right:10px;}Chứa content*/
.ItemStyle{width:33%;margin:0;padding:0; border:solid 1px #ccc;}
.ItemStyle_mobi{width:100%;}
.giohang{ margin-top:10px;}
.p0 {background-color:#fffcfc; }
.p1 {background-color:#ea4b35; }
.p2 {background-color:#008ff8; }
.p3 {background-color:#03b003; }
.g0 {background-color:#eded0d; }
.g1 {background-color:#019d9a; }
.g2 {background-color:#8101d4; }
.g3 {background-color:#ececec; }
.imageHolder {position: relative; width: 100%;padding-bottom:100%; z-index:1; border:solid 0px #ccc; float:left; text-align:center; float:left;margin-bottom:70px; }
.imageHolder a:link{position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.imageHolder .caption { position: absolute; width: 100%; height: 70px; bottom: -70px; left: 0px; color: #ffffff; background: black; line-height:20px;text-align:left;
opacity:0.6;overflow:hidden; z-index:0;cursor: pointer; padding:5px 10px !important; }
.imageHolder:hover {
opacity: 0.8;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.heading{background-color:#767676; color:White; text-align:center;padding:10px;font-size:1.2em;border:solid 1px #767676;margin-top:30px;clear:both;}
.heading span{ color:White;font-size:1.2em; }
.caption span{ color:White; }
.caption br {height:8px;line-height:8px;}
@media (min-width: 500px) {
.imageHolder {width:50%;padding-bottom:50%;}
}
@media (min-width: 998px) {
.imageHolder {width:25%;padding-bottom:25%;}
}
/* =Navigation
-------------------------------------------------------------- */
.divsearch {
float:right;
margin-top:23px;
margin-right:10px;
}
.txtsearch {
padding:3px;
}
@media (min-width: 950px) {
.divsearch {
display:none;
}
#sections_panel2 {
display:none;
}
}
.navbar-fixed-top {
background-color:rgba(250, 250, 250, 0.9) !important;
/*border-bottom:solid 1px #eee !important;*/
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.DisplayNews .navbar { border-left:3px solid red;}
.divlinktitle{ margin:15px 0px;}
.boldlink2{font-size:20px;line-height: 30px;font-weight:bold;}
.mainsubject{ height:80px; overflow:hidden;}
.navbar {
border-radius:0;
border:0;
background-color:#fff;
font-size:14px;
font-weight:400;
margin:0;padding:0;
z-index:9;
width:100%;
}
.navbar-nav {
/*margin-top:18px;*/
}
.container{width:100%;}
.logo{margin-top:5px;}
.imglogo { height: 67px;
overflow: hidden;
}
.navbar-toggle .icon-bar {
background-color:#C4221A;
height:1px;
}
.navbar-toggle:hover .icon-bar {
background-color:#fff;
}
.navbar-toggle {
border:1px solid #C4221A;
border-radius:2px;
margin-top:25px;
float:left;
}
.navbar-toggle:hover {
border:1px solid #C4221A;
background-color:#C4221A;
-webkit-transition:color 0.3s ease;
-moz-transition:color 0.3s ease;
-o-transition:color 0.3s ease;
transition:color 0.3s ease;
}
.navbar ul.nav a {
background:transparent;
padding: 10px 10px;
}
.navbar ul.nav a:hover {
color: #fff;
background-color: #C4221A;
-webkit-transition: color 0.1s ease;
-moz-transition: color 0.1s ease;
-o-transition: color 0.1s ease;
transition: color 0.1s ease;
}
.navbar .nav li.active a {
color: #fff;
background-color: #C4221A;
}
.navbar .navbar-nav li a {
padding-top:0px;
line-height:80px;
padding-bottom:0;
font-size:17px !important;
font-weight:normal;
color:#C4221A;
}
.navbar .dropdown-menu > li > a {
line-height:2.66 !important;
border-bottom:1px solid #f0f0f0;
text-align:left;
}
.dropdown-arrow {
font-size:10px;
padding-left:7px;
}
.navbar .navbar-nav .open .dropdown-menu>li>a,.navbar .navbar-nav .open .dropdown-menu {
background-color:#fff;
color:#666666;
outline:none;
}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover {
background-color: #C4221A;
color: #fff;
}
.navbar .dropdown-menu {
border-top:1px solid #C4221A;
border-bottom:2px solid #C4221A;
border-radius:0;
box-shadow:none;
font-size:12px;
min-width:255px;
box-shadow:0px 2px 8px rgba(0, 0, 0, 0.1);
border-left:0;
}
.navbar .dropdown-menu > li:last-child > a {
border:0;
}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin:0;}
.dropdown-submenu:active>.dropdown-menu{display:block;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;}
.dropdown-submenu{position:relative; width:auto;}
.dropdown-submenu>.sub-menu{top:0;left:100%;margin:0;}
.dropdown-submenu:active>.sub-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:3px 0 3px 3px;border-left-color:#cccccc;margin-top:13px;margin-right:-5px;}
.dropdown-submenu>a:hover:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.sub-menu{left:-100%;margin-left:10px;}
.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
min-width: 310px;
height: auto;
}
.dropdown-menu li:hover .sub-menu {
visibility: visible; display: block;
}
.navbar .sub-menu:before {
border-bottom: 7px solid transparent;
border-left: none;
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-top: 7px solid transparent;
left: -7px;
top: 10px;
}
.navbar .sub-menu:after {
border-top: 6px solid transparent;
border-left: none;
border-right: 6px solid #fff;
border-bottom: 6px solid transparent;
left: 10px;
top: 11px;
left: -6px;
}
.btn-danger, .btn-danger .fa {
color: #fff !important;
}
.submenu-arrow { padding-top:10px; }
.trigger { cursor:pointer; }
.dropdown-form {
min-width:250px;
}
.navbar .btn-primary { margin-top:-1px; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color:#C4221A!important;
color:#fff !important;
}
/*Active*/
ul.nav > li:hover,ul.nav > li.active {
background:#C4221A;
}
ul.nav > li.dropdown:hover a.dropdown-toggle {
color: #fff;
background: #C4221A;
}
/*Active*/
ul.nav > li a.active,ul.nav > li.dropdown a.active {
color:#fff; background:#C4221A!important;
}
@media (max-width:767px) {
.navbar .navbar-nav li a { line-height:3.4; text-align:left;}
.navbar-collapse {padding-left:30px; -webkit-box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08); -moz-box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08); box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08); }
.navbar-header {height:80px;border-bottom:1px solid #e0e0e0; }
}
/* Responsive menu*/
@media (max-width: 950px)
{
/*Copy max-width 767*/
.navbar .navbar-nav li a { line-height:3.4; text-align:left;}
.navbar-collapse {padding-left:0px; -webkit-box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08); -moz-box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08); box-shadow:0px 3px 0px 0px rgba(0,0,0,0.08); }
.navbar-header {height:70px; }
/*Copy max-width 767*/
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin: 7.5px 0px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-text {
float: none;
margin: 15px 0;
}
/* since 3.1.0 */
.navbar-collapse.collapse.in {
display: block!important;
}
.collapsing {
overflow: hidden!important;
}
}
/* End ----------------------------------------------------------*/
.sitemap2 .btn {color:#fff;width:45px; height:45px; margin-bottom:10px; }
.sitemap2 .fa,.btn-social-icon a:link,.btn-social-icon a:visited{color:White !important;}
.btn-twitter {
background-color:#55acee;
}
.btn-twitter:hover{
background-color:#309aea;
}
.btn-instagram {
background-color:#3f729b;
}
.btn-instagram:hover {
background-color:#335d7e;
}
.btn-facebook {
background-color:#3b5998;
}
.btn-facebook:hover {
background-color:#30487b;
}
.btn-vimeo {
background-color:#1ab7ea;
}
.btn-vimeo:hover {
background-color:#129cc9;
}
.btn-linkedin {
background-color:#007bb6;
}
.btn-linkedin:hover{
background-color:#005f8d;
}
.btn-google-plus {
background-color:#dd4b39;margin-right:1px;
}
.btn-google-plus:hover {
background-color:#ca3523;
}
.btn-adn {
background-color:#ff3333;
}
.btn-adn:hover {
background-color:#d05d48;
}
.btn-bitbucket {
background-color:#205081;
}
.btn-bitbucket:hover {
background-color:#183c60;
}
.btn-tumblr {
background-color:#2c4762;
}
.btn-tumblr:hover {
background-color:#1f3346;
}
.btn-flickr {
background-color:#ff0084;
}
.btn-flickr:hover {
background-color:#d6006f;
}
/*Search---------------------*/
#sections_btn_holder{
width:100%;
/*height:30px;*/
}
#sections_btn_holder > button{ background:#F90;}
#sections_panel, #sections_panel2{
position:absolute;
width:100%;
/*top:70px;*/
right:0px;
overflow:hidden;
z-index:10000;
transition: height 0.3s linear 0s;
background:rgba(0,0,0,0.6);
height:0px;
display:none;
padding-top:10px;
}
#sections_panel > ul{
background:#333;
padding:20px;
/*height:70px;*/
margin:10px;
color:#FC0;
}
.input-group{}
.search-btn{background-color:#818181 !important;height:35px !important; width:35px;position:relative;z-index:99;}
.fa-search-blue{color:white;margin-top:0px;}
.input-group .fa-search {
color: #fefefe;
}
.input-group .fa-search:hover {
color: #fff;
}
.search-btn2 span{margin-top:0px; padding:0;}
.search-btn2 {padding:6.5px 15px !important;}
.boxtt_text2 {
font-weight:bold;
color:red;
}
.search-btn2, #btnSearch {
max-height:35px !important;line-height:25px !important;
}
.input-group-btn{padding-top:0px !important;}
@media (min-width:767px)
{
#sections_btn_holder{
width:40px;
height:80px !important;
}
#sections_panel, #sections_panel2{
width:250px;
margin-left:-210px;
border-top:1px solid #818181;
border-bottom:2px solid #818181;
z-index:99;
}
}
.btn-primary, .btn-lg, .btn{}
.btn-default, .btn-warning {position:relative !important;}
/*End Search--------------------------------------*/
/*Video & about----------------------*/
.videocontainer{background-color:#fafafa;border-bottom:dotted 1px #ccc;line-height:25px; margin-bottom:30px;}
.videomargining{margin:0px;}
.titleheader{text-align:justify;padding-top:10px; }
.titleline{border-top:dotted 1px #ccc;padding-top:15px;}
.videocontainer h1{color:#171e27; border-bottom:solid 2px #171e27;text-align:left;display:inline;padding-top:10px; padding-bottom:3px; }
.homenewscontent,.homenewscontent div{max-height:200px;overflow:hidden;color:#333 !important;font-size:14px; line-height:25px;}
.col-sm-6-video{padding:0px;}
.btn-xemthem{color:#353f46 !important;border:solid 2px #353f46; border-radius:0;font-family:'Segoe UI';background-color:#fafafa; font-weight:bold; padding:12px 29px !important; font-size:14px;margin-bottom:0px !important;margin-top:15px;
}
.btn-xemthem2{color:#ffffff !important;border:solid 2px #ffffff; border-radius:0;font-family:'Segoe UI';background-color:#0078d7; font-weight:bold; padding:10px 20px !important; font-size:14px !important;margin-bottom:0px !important;margin-top:15px;
}
.xemthem { margin-top:-15px;
}
.pnlProductTypeName {
margin-top:15px;
}
@media only screen and (min-width: 1199px)
{
.videomargining{margin:0px 87px 0px 97px;}
}
/*End Video & about----------------------*/
/*Partner Adv_Scroll -0----------------*/
.Adv_Scroll{margin:30px 0px 30px 0px;z-index:0;clear:both;}
.imgAdv_Scroll{height:75px; border:solid 1px #CCC;margin-left:30px;z-index:1;}
/*Partner Adv_Scroll -0----------------*/
/* Contact----------------------------------*/
.centered{
margin:auto;
width: 100%;
text-align:center;
padding: 10px;
}
@media (min-width:1280px)
{
.centered{
margin:auto;
width: 90%;
padding: 10px;
z-index:10;
}
}
.col-centered{text-align:center; float:none; margin: 0 auto;clear:both;}
.col-md-8{}
.titleheader h2{font: normal 14px;color:#171e27; border-bottom:solid 2px #171e27;text-align:left;display:inline;}
@media (min-width:768px)
{
.titleheader h2{font: normal 18px;}
}
.bottomline{border-bottom:dotted 1px #ccc;padding-top:15px;padding-bottom:15px;text-align: left;}
.contentcontact{padding:30px 0px;line-height:25px;}
.content{padding:20px 0px;line-height:25px;}
#div_id{padding:0; margin:0; left:0; right:0;position:absolute; width:100%; height:360px;clear:both;} /*google map*/
.googlemap{clear:both;height:360px;}
.btn-primary,.btn-primary:visited{background:#31a4ff;color:White !important;border:0px; border-bottom:solid 2px #348589;padding:8px 20px;}
/* END Contact----------------------------------*/
/*News-----------------------------------------------*/
.TitleHeader{}
.newstitle:link{font-size:22px; font-weight:normal;}
.NewsItem{clear:both;}
.ItemPading{padding-bottom:15px; padding-top:15px;}
.divPadding{padding-top:10px;}
.nguoidang{font-size:12px;}
@media (min-width:768px)
{
.ItemPading{ padding-bottom:15px; padding-top:0px;}
}
.divHeader{background-color:#fafafa; border-top:solid 1px #ccc; border-right:solid 1px #ccc; border-left:solid 3px #C4221A; padding:8px; font-size:16px;color:#171e27;}
.divMainContent{border:solid 1px #ccc; border-top:0px; padding-top:0px;margin:0px;margin-bottom:30px;}
.divMainContent span{margin:0; padding:0;}
.ItemTinDaDangStyle{margin:0; padding:0;}
.divcontent{padding:15px 15px 0px 20px;margin:0px; }
.NewsImage{width:100px;float:left;padding:0px 10px 10px 0px;}
.divcontent2{ overflow:hidden;height:100px;margin:0px;}
.date{font-size:11px;}
.detailtitle{font-size:24px;color:#171e27;padding-bottom:6px;}
.utility{background-color:#f9f9f9;height:72px;border-bottom:solid 1px #e5e5e5;margin:30px 0px;font-size:14px; padding:5px;}
.divdetailcss{font-size:16px;}
.detailcontent img{max-width: 100% !important;height: auto !important;}
@media (min-width:768px)
{
.detailcontent img, #tab1 img
{
display: block;
margin-left: auto;
margin-right: auto;
width: 70%;
height:auto;
}
}
.col-1 {
margin: 0;
padding: 0;
}
.col-2 {
margin: 10px 0px 0px 0px;
padding: 0;
}
.col-binhluan1 {
float: left;
width: 100%;
padding: 24px 15px;
background-color: #fcfcfc;
}
.col-binhluan2 {
float: left;
width: 100%;
padding: 24px 15px;
background-color: #fcfcfc;
}
.btn-gui {
padding: 7px 15px !important;
}
@media (min-width:768px) {
.col-1 {
}
.col-2 {
margin: 0;
}
.utility {
height: 36px;
}
.binhluan {
clear: both;
}
.col-binhluan1 {
float: left;
width: 66.66667%;
}
.col-binhluan2 {
float: left;
width: 33.3333%;
}
.divmodulecontainer {
margin: 0;
}
}
/* Bai viet moi */
.divmodulecontainer {
width: 100%;
clear: both;
}
.divmodulecontainer span {
margin: 0;
padding: 0;
}
.divHeader2 {
margin-bottom: 30px;
background-color: #fafafa;
border-top: dotted 1px #ccc;
border-right: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
border-left: solid 3px #0078d7;
padding: 8px;
font-size: 16px;
color: #171e27;
}
.baivietmoititle {
font-size: 14px;
font-weight: bold;
}
.baivietmoiitem {
padding: 15px 0px;
border-top: solid 1px #ccc;
}
.baivietmoisubject {
font-size: 14px;
height: 75px;
overflow: hidden;
}
/*-----------------------------------*/
.sanphamthamkhaoitem {
border: solid 1px #ccc;
width: 100%;
padding: 10px;
height:100px;
overflow:hidden;
position:relative;
}
.sanphamthamkhaoimage {
float: left;
width: 150px;
padding: 0px 10px 10px 0px;
position: absolute;
}
.divimage {
float: left;
}
.divimage img {
width: 110px;
}
.price {
color: #e40613;
font-size: 20px;
}
.conhang {
color: #0078d7;
font-size: 13px;
margin-bottom: 15px;
white-space: nowrap;
}
.giohang a:link, .giohang a:visited {
color: #fff;
font-size: 12px;
/*background:#0078d7;*/
}
.divcontentsanpham {
float: right;
width: 100%;
padding-left: 120px;
text-align: left;
vertical-align: top;
height: 130px;
overflow: hidden;
}
.divpagination {
clear: both;
}
.pagination {
border-radius: 0px;
clear: both;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 10px 16px;
color: Gray;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #fff;
background-color: #0078d7;
border-color: #0078d7;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #0078d7;
border-color: #0078d7;
}
/*END News-----------------------------------------------*/
/*Solution-----------------------------------------------*/
.contentpadding {
margin-bottom: 70px;
}
.col-md-3-solution {
width: 100%;
z-index: 1;
float: left;
text-align: left;
margin-bottom: 0px;
padding: 15px;
overflow: hidden;
}
.divsolutionpading {
z-index: 1;
position: relative;
padding-bottom: 45%;
margin-bottom: 70px;
}
.divsolutionpading a:link {
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.divsolutionpading .caption {
position: absolute;
width: 100%;
height: 60px;
bottom: -90px;
left: 0;
color: #ffffff;
background: #0078d7;
line-height: 20px;
text-align: left;
opacity: 0.6;
overflow: hidden;
z-index: 0;
cursor: pointer;
padding: 5px 10px 10px 10px;
}
.brandname, .DisplayProductLink:link, .DisplayProductLink:visited {
font-weight: normal !important;
padding: 5px 5px 0px 5px;
font-size: 1.10em;
position: relative;
color: #fff;
line-height: 22px;
}
.DisplayProductLink:hover {
color: #fff;
}
.brandname {
font-size: 1.30em;
}
.divsolutionpading:hover {
opacity: 0.8;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
/*.gp0 {background-color:#e6e6e6; }
.gp1 {background-color:#8101d4; }
.gp2 {background-color:#f11f7a; }
.gp3 {background-color:#008ff8; }
.gp4 {background-color:#019d9a;}
.gp5 {background-color:#f2f200; }
.gp6 {background-color:#8101d4; }
.gp7 {background-color:#f11f7a; }*/
.paginationmargin {
margin-right: 0px;
}
.marginrow {
margin-top: 30px;
}
@media (min-width: 768px) {
.col-md-3-solution {
width: 50%;
}
}
@media (min-width: 1000px) {
.col-md-3-solution {
width: 25%;
}
}
@media (min-width: 1199px) {
.DisplayProductLink:link, .DisplayProductLink:visited {
font-size: 1.2em;
}
}
.Image {
width: 100%;
border: 0;
}
/*Solution-----------------------------------------------*/
/*Product-----------------------------------------------*/
.divproducttype {
background-color: #0078d7;
color: white;
padding: 5px 0px;
}
.divproducttype a:link, .divproducttype a:visited, .divproducttype a:hover {
color: white;
}
.row-relatedpro {
margin-left: -10px;
margin-right: -10px;
}
@media only screen and (min-width: 1199px) {
.row-relatedpro {
margin-left: -15px;
margin-right: -15px;
}
}
.productitem {
background-color: #fefefe;
text-align: center;
margin-bottom: 30px;
padding-bottom: 30px;
-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.28);
box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.28);
margin: 0px 0px 30px;
padding: 0px 0px 15px;
}
.productrow {
margin: 0px -15px;
}
.price1 {
height: 25px;
}
.divproductname {
height: 50px;
margin-top: 10px;
}
.imagecontainer {
padding: 10px 0px;
min-height: 200px;
overflow: hidden;
height: 300px;
}
.productname {
height: 30px;
overflow: hidden;
margin-top: 20px; /*margin-bottom:10px;*/
padding-top: 5px;
}
.imgProduct {
max-width: 230px;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
@media (max-width: 767px) {
.productcol1 {
display: none;
visibility: hidden;
}
.float-left {
float: left;
width: 100%;
}
}
@media (min-width: 768px) {
.productcol3 {
display: none;
visibility: hidden;
}
}
.bold {
font-weight: bold;
}
.divManufacturer {
margin: 10px 0px;
clear: both;
}
.divCol {
width: 50%;
float: left;
}
.divItem {
margin: 10px 20px;
font-size: 14px;
color: #666666;
}
@media (min-width: 992px) {
.divCol {
width: auto;
display: inline-block;
}
}
/*End Product-----------------------------------------------
/*Register--------------------------------------------------*/
.panel-marging {
margin-top: 100px;
}
.panel-heading {
background: #fafafa !important;
text-align: left;
font-weight: bold;
}
.panel-heading h3 {
font-weight: bold;
color: #666666;
}
.panel-heading h2 {
font-weight: bold;
color: #666666;
}
.fa-envelope-size {
font-size: 10px;
}
.fa-lock-size {
font-size: 12px;
}
.input-group-addon {
background: #fff !important;
}
.panel-body {
padding: 10px !important;
text-align: left;
}
.input-group {
padding: 10px !important;
}
.checkbox {
padding-left: 10px;
padding-right: 0px;
}
.label {
padding: 10px;
margin-left: 5px;
}
.raido label {
padding: 0px;
margin-left: 5px;
font-weight: normal;
}
.chkDieuKhoan label {
margin-left: -20px;
color: #171e27;
text-align: left;
white-space: nowrap;
font-size: 14px;
}
.topbottomline {
border-bottom: dotted 1px #ccc;
border-top: dotted 1px #ccc;
padding: 20px 0px 5px 0px;
margin-left: 10px;
margin-right: 10px;
}
.btn-register {
margin-top: 10px;
}
.validatesumary {
margin-left: 25px;
}
@media (min-width: 768px) {
.panel-marging {
margin-top: 150px;
}
}
/*End Register--------------------------------------------------*/
/*Login--------------------------------------------------------------*/
.lostpassword {
font-size: 12px;
color: #0078d9;
padding-left: 15px;
margin-top: 18px;
white-space: nowrap;
}
.lostpassword:link {
}
/*Login-------------------------------------------------------------*/
.bottomlinelogin {
border-bottom: dotted 1px #ccc;
padding: 0px 0px 5px 0px;
margin-left: 10px;
margin-right: 10px;
}
.divmoduleheader {
font-size: 15px;
background-color: #999;
width: 100%;
position: relative;
overflow: auto;
}
.floatleft {
float: left;
padding: 5px 10px;
color: #fff;
}
.floatright {
float: right;
color: #fff;
padding: 5px 10px;
}
.divLeftMenu {
clear: both;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
width: 100%;
margin-bottom: 20px;
}
.divLeftMenuPrice {
clear: both;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding: 30px 20px 20px 20px;
width: 100%;
text-align: center;
}
.divLeftMenuItem {
clear: both;
border-bottom: solid 1px #ccc;
padding: 5px 10px;
width: 100%;
}
input[type="checkbox"] {
}
/*Hình ảnh hoạt động------------------------------------------------------------------------*/
.divContainer {
background: #ccc;
margin-bottom: 20px;
border: 0 !important;
}
.pgwSlideshow img {
}
.pgwSlideshow {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #fafafa;
}
/*------------------------------------------------------------------------*/
/*---Product Detail tabs--------------------------------------------------*/
.panel-tab {
border-radius: 0;
padding: 0px;
border: 0;
}
.nav-tabs {
background-color: #e5e5e5;
height: 37px;
padding: 0;
margin: 0px;
}
.tab-content {
padding: 0px;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.nav-tabs > li > a {
border: medium none;
height: 37px;
margin: 0;
border: 0;
}
.nav-tabs > li > a:hover, .nav-tabs > li.active > a {
background-color: #0078d7 !important;
border: medium none;
border-radius: 0;
color: #fff !important;
margin: 0;
border: 0;
}
.tab-pane {
padding: 10px;
}
.tab-pane table {
width: 100% !important;
}
.MsoNormalTable {
width: 100% !important;
}
.tab-pane img {
max-width: 100% !important;
}
.productdescriptionframe {
border: solid 1px #f5f5f5;
height: 100%;
}
.dacdiemnoibat {
font-size: 18px;
font-weight: bold;
}
.Descriptionproduct {
clear: both;
}
.productnamedetail {
font-size: 20px;
color: #454545;
margin-bottom: 10px;
}
.new {
background: #fe1a0f;
color: #fff;
width: 48px;
padding: 0px 5px;
margin-left: -16px;
font-size: 16px;
}
.line {
width: 100%;
border: solid 1px #dddddd;
margin-bottom: 10px;
}
.onlinesupport {
padding: 20px 0;
text-align: left;
}
.onlinesupportspan {
color: #ff3300;
font-size: 22px;
}
.txtSoLuong {
margin: 0 20px 0 3px;
text-align: right;
}
.font-soluong {
font-size: 16px;
color: #171e27;
}
.divConHang {
clear: both;
}
.row-relatedpro {
margin-top: 20px;
}
.relatedprotitle {
margin: 0px 17px;
}
/*---End Product Detail tabs--------------------------------------------------*/
.addthis_button_share {
margin: 0;
padding: 0;
}
/* Cart---------------------------------------------------------------------*/
.cart:link {
background: #fff;
margin: 0;
padding: 0;
margin: 20px;
}
.cart:hover {
background-color: #fff !important;
}
.divitemnumber {
background: #E40A18;
padding: 0px 8px;
float: right;
margin-top: 10px;
color: #fff;
border-radius: 3px;
}
.alignRight {
text-align: right;
height: 25px;
}
.grdHeaderStyle {
font-weight: bold;
color: #171e27;
background-color: #fafafa;
}
.ValidationSummary {
padding-left: 20px;
}
@media (min-width:950px) {
.cart:link {
background: #fff;
margin: 0;
padding: 0;
margin-right: -10px;
margin-top: 0px;
}
.cart:hover {
background-color: #fff !important;
}
.divitemnumber {
background: #E40A18;
padding: 0px 8px;
float: right;
margin-top: 28px;
color: #fff;
border-radius: 3px;
}
}
.manufactureractive {
color: #0078d7 !important;
}
/*--------------------------------------------------------------------------*/
/* Tư liệu-----------------------------------------------------------------------------*/
.tulieuheader {
border-bottom: solid 2px #ccc;
padding: 0px 0px 10px 0px;
position: relative;
height: 35px;
clear: both;
}
.carousel {
margin-bottom: 20px;
}
.arrow-control {
width: 75px;
height: 35px;
text-align: right;
}
.left-carousel-control:link, .right-carousel-control:link, .left-carousel-control:visited, .right-carousel-control:visited {
padding: 2px 10px 2px 10px;
background-color: #999999;
color: white;
font-size: 26px;
position: relative;
display: inline-block;
}
.right-carousel-control:link {
}
.tulieucol {
width: 33.3333% !important;
float: left;
margin: 0 10px;
}
.docpic {
overflow: hidden;
}
#aniimated-thumbnials {
margin-bottom: 20px;
}
.list-unstyled {
text-align: center;
float: none;
margin: 0 auto;
clear: both;
}
.entry:link, .entry:visited {
float: left;
border: solid 1px #fff;
}
.demo-gallery-poster {
position: absolute;
}
/*.thumb-cont .thumb-inner {
margin-left: auto !important;
margin-right: auto !important;
}*/
.lg-thumb {
text-align: center;
float: none;
margin: 0 auto !important;
clear: both;
}
/* End Tư liệu-----------------------------------------------------------------------------*/
.carouselTicker {
overflow: hidden;
float: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.carouselTicker__list {
margin: 10px 0;
padding: 0;
list-style-type: none;
overflow: hidden;
width: 100%;
}
.carouselTicker__item {
margin: 0;
float: left;
}
.tablehome {
color: #171e27;
font-weight: bold;
}
.topbanner {
max-height: 70px;
max-width: 100%;
}
/*
@media (min-width:320px)
{
.topbanner {
width:160px;
}
}
@media (min-width:375px)
{
.topbanner {
width:175px;
}
}
@media (min-width:768px)
{
.topbanner {
width:400px;
}
}
@media (min-width:1024px)
{
.topbanner {
width:300px;
}
}
@media (min-width:1366px)
{
.topbanner {
width:500px;
}
}
@media (min-width:1366px)
{
.topbanner {
width:500px;
}
}
@media (min-width:1440px)
{
.topbanner {
width:550px;
}
}
@media (min-width:1680px)
{
.topbanner {
width:700px;
}
}
@media (min-width:1920px)
{
.topbanner {
width:800px;
}
}*/
.outerdiv {
position: relative;
float: right;
height: 70px;
text-align: center;
overflow: hidden;
}
.innerdiv {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
}
.border {
border: dashed 2px white;
}
/*.navbar li a {
font-size: 14px;
color: #2d3a4b;
font-weight: normal;
padding: 15px 0px;
letter-spacing: 3px;
}
.navbar li a:before {
width: 0px;
margin: 0px auto;
position: absolute;
content: "";
height: 2px;
top: 70%;
z-index: 999;
background: #ce0000;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
.navbar li a:hover:before {
width: 80%;
}
.navbar li.active a:before {
width: 100%;
margin: 0px auto;
position: absolute;
content: "";
height: 6px;
top: 45%;
z-index: 999;
background: #ce0000;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}*/
/*NewTypeVerticalScroll*-------------------------------------*/
#NewTypeVerticalScroll {
margin: 0px -15px;
}
#TypicalProductVerticalScroll {
margin: 0px -15px;
}
.carousel-control.left, .carousel-control.right {
background: none;
width: 80px;
}
.img-responsive {
width: 100%;
height: auto;
}
@media (min-width: 992px ) {
.carousel-inner .active.left {
left: -25%;
}
.carousel-inner .next {
left: 25%;
}
.carousel-inner .prev {
left: -25%;
}
}
@media (min-width: 768px) and (max-width: 991px ) {
.carousel-inner .active.left {
left: -33.3%;
}
.carousel-inner .next {
left: 33.3%;
}
.carousel-inner .prev {
left: -33.3%;
}
.active > div:first-child {
display: block;
}
.active > div:first-child + div {
display: block;
}
.active > div:last-child {
display: block;
}
}
@media (max-width: 767px) {
.carousel-inner .active.left {
left: -100%;
}
.carousel-inner .next {
left: 100%;
}
.carousel-inner .prev {
left: -100%;
}
.active > div:first-child {
display: block;
}
}
article {
padding-bottom: 20px;
}
.article-caption {
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
background-color: rgba(250,250,250,0.8);
z-index: 11 !important;
height: 60px;
}
.article-img {
width: 100%;
max-height: 400px;
/*object-fit: cover;*/
}
@media screen and (max-width: 768px) {
.article-title {
font-size: 28px;
}
}
@media screen and (max-width: 500px) {
.article-title {
font-size: 20px;
}
}
.article-caption a {
/*
color:#e20000;*/
}
.article-caption h2 {
font-size: 18px;
}
/* END NewTypeVerticalScroll*-------------------------------------*/
.navbar-fixed-bottom {
height: 40px !important;
background-color: #fefefe;
opacity: 0.9;
border-top: solid 1px #ccc;
}
@media (min-width: 950px) {
.hotline {
font-size: 18px;
font-weight: bold;
}
}
.wpf-demo-2 {
/*background:rgba(0,0,0,0.3);*/
display: block;
overflow: hidden;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding-bottom: 100%;
width: 100%;
/*display:none;*/
}
.wpf-demo-2 img {
height: auto;
width: 100%;
min-width: 100%;
min-height: 100%;
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: absolute;
top: 0;
left: 0;
}
.wpf-demo-2:hover img {
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.wpf-demo-2:hover .view-caption {
-moz-transform: translateY(0%);
-o-transform: translateY(-0%);
-ms-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.wpf-demo-2:hover .view-caption p {
-moz-transform: translateX(0%);
-o-transform: translateX(0%);
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.wpf-demo-2 .view-caption {
-moz-transform: translateY(0%);
-o-transform: translateY(0%);
-ms-transform: translateY(0%);
-webkit-transform: translateY(0%);
transform: translateY(0%);
background: rgba(0,0,0,0.5);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding: 10px;
height: 65px;
color: white;
position: absolute;
bottom: 0px;
width: 100%;
}
.wpf-demo-2 .view-caption h4 {
color: #555;
font-size: 18px;
font-weight: normal;
margin-bottom: 15px;
margin-top: 5px;
}
.wpf-demo-2 .view-caption p {
font-size: 14px;
display: inline-block;
-moz-transform: translateX(-500%);
-o-transform: translateX(-500%);
-ms-transform: translateX(-500%);
-webkit-transform: translateX(-500%);
transform: translateX(-500%);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
color: white;
}
.wpf-demo-5 {
background-color: #FFF;
display: block;
width: 100%;
padding-bottom: 58%;
height: auto;
overflow: hidden;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
text-align: center;
}
@media (max-width:768px) {
.wpf-demo-5 {
margin-top: 15px;
}
}
.wpf-demo-5 span {
color: white;
}
.wpf-demo-5 img {
height: auto;
width: 100%;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
position: absolute;
top: 0;
left: 0;
}
.wpf-demo-5:hover .view-caption {
top: 0;
background-color: rgba(5,68, 110, 0.8);
-moz-transform: rotate(0deg) scale(1) translateY(0);
-o-transform: rotate(0deg) scale(1) translateY(0);
-ms-transform: rotate(0deg) scale(1) translateY(0);
-webkit-transform: rotate(0deg) scale(1) translateY(0);
transform: rotate(0deg) scale(1) translateY(0);
}
.wpf-demo-5:hover .view-caption:hover h4 {
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.wpf-demo-5:hover .view-caption:hover a {
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.wpf-demo-5 .view-caption {
background-color: rgba(0, 0, 0, 0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding: 10% 0;
position: absolute;
left: 0;
top: -100%;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
-moz-transform: rotate(36deg) scale(0.5) translateY(-100%);
-o-transform: rotate(36deg) scale(0.5) translateY(-100%);
-ms-transform: rotate(36deg) scale(0.5) translateY(-100%);
-webkit-transform: rotate(36deg) scale(0.5) translateY(-100%);
transform: rotate(36deg) scale(0.5) translateY(-100%);
color: white;
}
.wpf-demo-5 .view-caption h4 {
color: #fff;
font-size: 16px;
font-weight: normal;
margin-top: 0px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-moz-transform: scale(0.4);
-o-transform: scale(0.4);
-ms-transform: scale(0.4);
-webkit-transform: scale(0.4);
transform: scale(0.4);
text-align: center;
}
.wpf-demo-5 .view-caption a {
color: #fff;
font-size: 18px;
margin-top: 10px;
display: inline-block;
border: 2px solid #fff;
padding: 7px 10px;
line-height: 15px;
border-radius: 4px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-moz-transform: scale(0.4);
-o-transform: scale(0.4);
-ms-transform: scale(0.4);
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
.wpf-demo-5 .view-caption a:hover {
color: #fff;
border-color: #0154A6;
}
.divonlinesuport {
padding: 15px;
border: solid 1px #ccc;
}
.margin-15 {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.buttonbottomright {
position: fixed;
bottom: 5px;
right: 15px;
}
.red {
background-color: red;
display: block !important;
z-index: 99999;
}
.btn-warning:link, .btn-warning:visited {
color: white;
}
.imageHolder {
position: relative;
width: 100%;
padding-bottom: 100%;
z-index: 1;
border: solid 0px #ccc;
overflow: hidden;
}
.title_center {
text-align: center;
font-size: 16px;
margin-top: 30px;
}
/*TopHeader*/
.divtranslate {
height: 37px;
overflow: hidden;
background-color: #C4221A;
color: #000000;
}
.divtranslate select {
color: #050404;
background-color: #edf8fc;
border-color: #050404;
border-radius: 5px;
}
.divtranslate select:focus {
outline: none;
}
.divTop {
padding: 8px;
color: #FFFFFF;
font-size: 10px;
}
.divTop a {
color: #FFFFFF;
border-left: solid #f3acac 1px;
padding: 0px 8px;
font-weight: normal;
}
.divTop .FirstItem:link {
border: none;
}
.divTop .LastItem a {
padding-left: 12px;
padding-right:0px;
}
/*End TopHeader*/
.fl-separator {
border-image: linear-gradient(to right, #FBB03F 33%,#C4221A 33%, #C4221A 66%, #9ECB3B 66%, #9ECB3B 100%) 5;
border-top: 4px solid #cccccc;
max-width: 20%;
margin: auto;
margin-bottom: 15px;
margin-top: 15px;
}
.fa-check {
color: #46865a;
}
h3.section-title.title_center a:link {
border: 0;
background: #fff;
bottom: -13px;
position: relative;
padding: 0 10px;
text-align: left;
}
h3.section-title.title_center a {
border: 0;
background: #FFF;
/* bottom: -23px; */
position: relative;
/* padding: 0 30px; */
text-align: center;
}
h3.section-title {
/*margin: 0 auto 30px;*/
border-bottom: 2px solid #ccc;
}
.div4 {
border: dotted 1px #eee;
}
.lblConfig:link, .ConfigStyle {
z-index: 999999;
color: white;
}
.ConfigStyle {
z-index: 999999;
}
@media (max-width: 1025px) {
.navbar .navbar-nav li a {
font-size: 14px !important;
}
}
@media (min-width: 375px) {
.divTop {
font-size: 9px;
margin-left: auto;
font-size: 12px;
}
}
@media (min-width: 375px) {
.title_center {
font-size: 19px;
}
}
@media (min-width: 414px) {
.divTop {
margin-left: auto;
font-size: 14px;
}
}
@media (min-width: 414px) {
.title_center {
font-size: 21px;
}
}
@media (min-width: 768px) {
.divTop {
margin-left: auto;
font-size: 15px;
}
}
@media (min-width: 1024px) {
.divTop {
margin-left: auto;
font-size: 16px;
}
}
@media (min-width: 1024px) {
.title_center {
font-size: 35px;
}
}
@media (min-width:1299px) {
.giohang {
margin-top: 10px;
}
}
/*Adv-scroll*/
.clearout {
clear: both;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
}
.nbs-flexisel-container {
position: relative;
width: 100%;
}
.nbs-flexisel-ul {
position: relative;
width: 99999px;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}
.nbs-flexisel-inner {
overflow: hidden;
float: left;
width: 100%;
}
.nbs-flexisel-item {
float: left;
margin: 0px;
padding: 0px;
cursor: pointer;
position: relative;
line-height: 0px;
width: 100%;
overflow:hidden;
}
.nbs-flexisel-item img {
width:auto;
cursor: pointer;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
height:100%;
}
/*End Adv-scroll*/
/* Styling icons */
.icon-list {
position: fixed;
bottom: 0px;
right: 15px;
transform: translateY(-50%);
}
.icon-list a {
display: block;
text-align: center;
float: right;
border-radius: 5px;
margin-right: 15px;
bottom: 0px;
}
.icon-list a img {
border-radius: 5px;
width: 50px;
}
/*resize*/
.pgwSlideshow .ps-current {
overflow: hidden;
max-height: 250px;
}
.pgwSlideshow .ps-caption {
bottom: auto;
background: none !important;
}
.MITExd {
font-size: 1.2rem;
color: #fff;
background: #ee4d2d;
border-radius: 2px;
padding: 5px 5px;
font-weight: 600;
line-height: 1;
}
.mobile-hotline{display:none}
.hotline {position: fixed;
right: 10px;
bottom: 10px;
z-index: 9000;
display: block;
background: #e01a04;
color: white;
padding-top: 5px;padding-bottom:5px; padding-left:12px; padding-right: 12px;
border-radius: 99px;}
.hotline .hotline-number{font-size:20px; color: #fff; font-weight: bold; stroke:white;}
@media (max-width: 767px) {
.hotline{
display :none;
}
.mobile-hotline{display: block; bottom: 0; width: 100%; background:rgba(0,0,0,0.3); height: 60px; position: fixed; z-index:9999999}
.mobile-hotline .mobile-hotline-left{width: 45%; float: left; text-align: center; background: #0071AB; margin-left: 10px; margin-right:5px; margin-top: 7px; height: 45px; border-radius: 4px}
.mobile-hotline .mobile-hotline-left a{color: white; line-height: 46px; font-size:16px; font-weight: bold}
.mobile-hotline .mobile-hotline-right{width: 45%; float: right; text-align: center; background: green; margin-left: 5px; margin-right: 10px; margin-top: 7px; height: 45px; border-radius: 4px}
.mobile-hotline .mobile-hotline-right a{color: #fff; line-height: 46px; font-size: 16px; font-weight: bold}
}
#home-block-add-on-2 {
position: relative;
background-color: #fcfcfc;
}
.fl-row, .fl-row-content {
margin-left: auto;
margin-right: auto;
}
#home-block-add-on-2:before {
content: '';
position: absolute;
z-index: 1;
background: url(https://phutin.biz/images/companies/phutin/banner/bg-line.png) no-repeat;
background-position: center;
background-size: cover;
bottom: 120px;
left: 0;
width: 100%;
height: 218px;
}
.fl-row:before, .fl-row:after, .fl-row-content:before, .fl-row-content:after, .fl-col-group:before, .fl-col-group:after, .fl-col:before, .fl-col:after, .fl-module:before, .fl-module:after, .fl-module-content:before, .fl-module-content:after {
display: table;
content: " ";
}
#home-block-add-on-2:after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 30%;
background: #0380C2;
bottom: 0;
}
#home-block-add-on-2 .fl-row-content-wrap {
position: relative;
z-index: 2;
}
.fl-node-5da133925874b>.fl-row-content-wrap {
padding-top: 90px;
padding-bottom: 0;
}
.fl-row-content-wrap {
padding: 0;
}
.fl-row-content-wrap {
margin: 0;
}
.fl-row-content-wrap {
position: relative;
}
.fl-builder-content *, .fl-builder-content *:before, .fl-builder-content *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.fl-row-fixed-width {
max-width: 1140px;
}
.fl-row, .fl-row-content {
margin-left: auto;
margin-right: auto;
}
.fl-row, .fl-row-content, .fl-col-group, .fl-col, .fl-module, .fl-module-content {
zoom: 1;
}
.fl-row:after, .fl-row-content:after, .fl-col-group:after, .fl-col:after, .fl-module:after, .fl-module-content:after {
clear: both;
}
.fl-col {
float: left;
min-height: 1px;
}
.choose-head {
margin-bottom: 30px;
}
.fl-node-5da1339258747 {
width: 100%;
}
.fl-node-5da1339258747>.fl-module-content {
margin-bottom: 20px;
}
.fl-node-5da1339258747 .infobox-center {
text-align: center;
}
.fl-builder-content .fl-node-5da1339258747 .uabb-infobox-title {
margin-top: px;
margin-bottom: 10px;
}
.fl-node-5da1339258747 h3.uabb-infobox-title, .fl-node-5da1339258747 h3.uabb-infobox-title span a, .fl-node-5da1339258747 h3.uabb-infobox-title * {
color: #C4221A;
}
.choose-head .uabb-infobox-title {
margin: 0;
font-size: 36px;
font-weight: 100;
color: #333;
}
.uabb-infobox-title-wrap {
text-align:center;
margin: 0;
font-size: 36px;
font-weight:bold;
color: #333;
font-family: Roboto;
}
.fl-node-5da1339c3bb99>.fl-row-content-wrap {
padding-top: 0;
padding-bottom: 65px;
}
.fl-node-5da1339c3bb99>.fl-row-content-wrap {
background-color: #0380C2;
/*background-color: rgba(255,97,0,1);*/
}
.fl-row-content-wrap {
padding: 0;
}
.fl-row-content-wrap {
margin: 0;
}
.fl-row-content-wrap {
position: relative;
}
.fl-col {
float: left;
min-height: 1px;
}
.fl-node-5da1339c3bb96>.fl-module-content {
margin-right: 20px;
margin-left: 20px;
}
.uabb-info-list .uabb-info-list-left, .uabb-info-list .uabb-info-list-right {
float: none;
}
.uabb-info-list .uabb-info-list-wrapper {
margin: 0;
padding: 0;
}
.fl-node-5da1339c3bb96 .uabb-info-list-wrapper .uabb-info-list-item {
padding-bottom: 50px;
}
.uabb-info-list .uabb-info-list-wrapper>li {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.fl-node-5da1339c3bb96 .uabb-info-list-content .uabb-info-list-title {
font-weight: 700;
color: #fff;
margin-bottom: 6px;
}
.fl-node-5da1339c3bb96 .uabb-info-list-content .uabb-info-list-description {
color: #fff;
}
.fl-node-5da1339c3bb96 .uabb-info-list-wrapper .uabb-info-list-item:last-child {
padding-bottom: 0;
}
.fl-node-5da1339c3bb98>.fl-module-content {
margin-right: 20px;
margin-left: 20px;
}
.fl-module-content {
margin: 0;
}
.uabb-info-list .uabb-info-list-left, .uabb-info-list .uabb-info-list-right {
float: none;
}
.uabb-info-list .uabb-info-list-wrapper {
margin: 0;
padding: 0;
}
.fl-node-5da1339c3bb98 .uabb-info-list-wrapper .uabb-info-list-item {
padding-bottom: 50px;
}
.uabb-info-list .uabb-info-list-wrapper>li {
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.uabb-info-list-title {
font-weight: 700;
color: #fff;
margin-bottom: 6px;
}
.uabb-info-list-description {
font-weight: 700;
color: #fff;
margin-bottom: 6px;
}
.fl-node-5da141fba1b90>.fl-module-content {
margin-top: 40px;
text-align:center;
}
.fl-node-5da141fba1b90 .uabb-creative-button-wrap a, .fl-node-5da141fba1b90 .uabb-creative-button-wrap a *, .fl-node-5da141fba1b90 .uabb-creative-button-wrap a:visited, .fl-node-5da141fba1b90 .uabb-creative-button-wrap a:visited * {
color: #fff;
}
.fl-node-5da141fba1b90 .uabb-creative-button-wrap a, .fl-node-5da141fba1b90 .uabb-creative-button-wrap a:visited {
padding: 12px 24px;
border-radius: 36px;
-moz-border-radius: 36px;
-webkit-border-radius: 36px;
background: #FF6100;
border: 1px solid #FF6100;
}
.uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited {
font-size: 16px;
line-height: 20px;
text-transform: none;
}
.uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited {
background: #fafafa;
border: 1px solid #ccc;
color: #333;
display: inline-block;
vertical-align: middle;
text-align: center;
overflow: hidden;
text-decoration: none;
text-shadow: none;
box-shadow: none;
position: relative;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-ms-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}
@media (max-width: 1140px) {
#home-block-add-on-2 .fl-row-content-wrap {
padding-top: 50px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 20px;
background-color: #0380c2;
margin-bottom: -1px;
color: #eee;
}
}
@media (max-width: 1140px) {
.choose-head .uabb-infobox-title {
margin: 0;
font-size: 36px;
font-weight: 100;
color: #fff !important;
}
}
.khung-nen {
padding-top:30px;
height:600px;
clear:both;
}
.chu-html {
margin-top:50px;
}
.mau-nen {
background:#0380C2;
clear:both;
}
.section-content {
height:700px;
background:#C4221A;
}
.khung-html2 {
margin-top:30px;
}
/*html 1 hinh ne dong*/
.nen-dong {
background: linear-gradient(-45deg, #010f16, #04324b, #06527a, #0380C2);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
height:650px;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.anh-dong {
background: #007bff;
height:100%;
}
/*HTML dau tien*/
.hit .h1 {
height:auto;
display:table;
width: 80%;
text-align:center;
overflow: auto;
margin: auto;
position: absolute;
top: 0;left: 0;bottom: 0;right: 0;
color: white;
font-family: 'Raleway', sans-serif;
font-weight:300;
font-size:3em;
}
.het .h2 {
position: fixed;
text-align:center;
top:10px;
right:20px;
color:white;
font-size: 20px;
font-family: Roboto;
font-weight: normal;
z-index:999;
}
.tieu-de {
padding-top:5px;
}
.tieu-de a{
color: white;
}
.chu-html b .h3 {
color: white;
}
.chu-html {
padding-left:50px;
}
.noidung {
padding-top:30px;
margin-left:100px;
margin-right:100px;
}
.row2 {
padding-top:30px;
}
@media (max-width: 1140px) {
.lpl {
padding-top:30px;
}
}
@media (max-width: 500px) {
.noidung {
margin-left:0;
margin-right:0;
}
.lpl {
margin-top:10px;
}
}
/*HTML con lai*/
.khung {
padding-top:70px;
margin-bottom:470px;
}
.chu {
margin-left:40px;
margin-right:75px;
margin-top:50px;
font-size:16px;
}
@media (max-width: 1300px) {
.anh-html {
margin-top: 20px;
}
.chu {
margin-top: 0px;
}
.khung {
padding-top: 40px;
margin-bottom: 300px;
}
.title_center {
padding-top:0px;
}
}
@media (max-width: 800px) {
.anh-html {
margin-top: 20px;
}
.chu {
margin-top: 50px;
margin-left:85px;
font-size:16px;
}
.khung {
padding-top: 0px;
margin-bottom: 0px;
}
.title_center {
padding-top: -10px;
font-size:45px;
}
}
@media (max-width: 500px) {
.anh-html {
margin-top: 20px;
}
.chu {
margin-top: 50px;
margin-left:20px;
font-size:14px;
margin-right:20px;
}
.khung {
padding-top: 0px;
margin-bottom: 40px;
}
.title_center {
padding-top: -10px;
font-size:30px;
}
}
.title_center1 {
text-align: center;
font-size: 35px;
padding-top: 40px;
color:white;
}
.title_center1 a {
color:white;
}
@media (max-width: 800px) {
.nen-dong {
background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation: gradient 15s ease infinite;
height:900px;
}
}
@media (max-width: 500px) {
.nen-dong {
height:750px;
}
.title_center1 {
font-size:30px;
}
}
/*HTML doi mau anh ben phai*/
@media (max-width: 800px) {
.chu {
margin-left:0px;
}
}
.mce-toc ul{ list-style-type:none;}
.anchor a {
position: absolute;
left: 0px;
top: -148px;
}
.pgwSlideshow .ps-current {
min-height: 250px !important;
}
@media (min-width: 950px) {
.pgwSlideshow .ps-current {
min-height: 450px !important;
}
}
.bottom-contact {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 99999;
list-style: none;
margin-top: 50px;
}
.bottom-contact li { list-style: none;}