/* 
Ad 1.0
Design by Webdesignerbh - Phone: +84 915 050 892 - Hoang Tuan Hung
Website: http://tid.asia
*/


body {font-family:Roboto, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; line-height:140%}


.mini-row .col-xs-1, .mini-row .col-sm-1, .mini-row .col-md-1, .mini-row .col-lg-1, .mini-row .col-xs-2, .mini-row .col-sm-2, .mini-row .col-md-2, .mini-row .col-lg-2, .mini-row .col-xs-3, .mini-row .col-sm-3, .mini-row .col-md-3, .mini-row .col-lg-3, .mini-row .col-xs-4, .mini-row .col-sm-4, .mini-row .col-md-4, .mini-row .col-lg-4, .mini-row .col-xs-5, .mini-row .col-sm-5, .mini-row .col-md-5, .mini-row .col-lg-5, .mini-row .col-xs-6, .mini-row .col-sm-6, .mini-row .col-md-6, .mini-row .col-lg-6, .mini-row .col-xs-7, .mini-row .col-sm-7, .mini-row .col-md-7, .mini-row .col-lg-7, .mini-row .col-xs-8, .mini-row .col-sm-8, .mini-row .col-md-8, .mini-row .col-lg-8, .mini-row .col-xs-9, .mini-row .col-sm-9, .mini-row .col-md-9, .mini-row .col-lg-9, .mini-row .col-xs-10, .mini-row .col-sm-10, .mini-row .col-md-10, .mini-row .col-lg-10, .mini-row .col-xs-11, .mini-row .col-sm-11, .mini-row .col-md-11, .mini-row .col-lg-11, .mini-row .col-xs-12, .mini-row .col-sm-12, .mini-row .col-md-12, .mini-row .col-lg-12{padding-left:5px; padding-right:5px;}
.mini-row {margin-left:-5px; margin-right:-5px;}
.mini-row:before, .mini-row:after {display:table; content: " "}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left:10px; padding-right:10px}
.row {margin-right:-10px; margin-left:-10px}
.container .container {max-width:100%}

.width-100 {width:100%}
.margin-top {margin-top:10px}
.margin-bottom {margin-bottom:10px}
.margin-left {margin-left:10px}
.margin-right {margin-right:10px}
.padding-top {padding-top:10px}
.padding-bottom {padding-bottom:10px}
.padding-left {padding-left:10px}
.padding-right {padding-right:10px}
.clear {clear:both}
a:hover {text-decoration:none}
h1 , h2 , h3 , h4 , h5 , h6 {margin:0px; padding:0px}


.banner-website a {display:block}
.banner-website a img {width:100%}



.navbar {min-height:40px}
.navbar-default {border:0px; border-radius:0px; box-shadow:0px; margin-bottom:0px; background: rgba(73,155,234,1);
background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 );}
.navbar-default .navbar-nav>li>a {color:#FFF; font-size:16px; padding-top:15px; padding-bottom:15px}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus  {color:#FFF; background:#2063aa}
.dropdown-menu {min-width:230px; max-width:100%; box-shadow:none; border-radius:0px; padding:0px}
.dropdown-menu li a {line-height:32px; padding-left:10px}
.dropdown-menu li a:hover {background:#2063aa; color:#FFF}
.dropdown-menu li a i {margin-right:10px; font-size:16px; margin-right:5px}
.navbar-right {padding-right:20px}
.search-website { position:relative; padding:0px}
.search-website input {border:0px; box-shadow:none; border-radius:0px; min-width:270px !important; max-width:100%}
.search-website button {position:absolute; top:0px; right:0px; bottom:0px; background:none; color:#473423; border-radius:0px; border:0px}
.search-website button:hover {background:#453221; color:#FFF}

.theme-default .nivo-controlNav {display:none}
.theme-default .nivo-directionNav a {width:32px; height:34px}


.panel {border:0px; border-radius:0px; box-shadow:none}
.panel-tid {border:1px solid #247FE6; margin-top:10px}
.title-website {position:relative; font-size: 18px; background:#2580E5; color:#FFF; padding-left: 10px;line-height: 40px; display:block}
a.title-website {color:#FFF}
.title-website:before {position:absolute; display:inline-block; content:" "; background:url(../img/bg-title.png) no-repeat; width:4px; height:48px; left:-4px;top: -4px;}
.panel-heading {padding:10px 0px 0px 0px}
.panel-left-website {padding:0px}




.list-left-website {padding-left:0px; list-style:none; margin:0px}
.list-left-website li{border-bottom:1px solid #CCC; padding:0px 10px}
.list-left-website li:last-child {border-bottom:none}
.list-left-website li a , .list-left-website li {line-height:35px; color:#333; transition:350ms; display:block}
.list-left-website li a:hover {color:#247FE6; font-weight:bold}
.list-left-website li a i {font-size:16px; margin-right:8px}




.box-product-website {padding:10px; border:1px solid #CCC; border-radius:5px; margin-bottom:15px}
.box-product-website h1 a, .box-product-website h2 a {font-size:14px; color:#247FE6; display:block; margin:8px 0px; text-align:center}
.box-product-website span.price-product-website {font-size:14px; font-weight:bold; color:#F00; display:block; text-align:center}



.footer {background: rgba(73,155,234,1);
background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 );overflow:hidden; padding:10px; color:#FFF}
.footer .title-footer {text-transform:uppercase; font-size:18px; border-bottom:1px solid #CCC; display:block; padding-bottom:8px; margin-bottom:10px}
.follow-us a {display:inline-block;; margin:0px 5px 8px 0px}
.follow-us a i {width:30px; height:30px; text-align:center; line-height:30px; font-size:20px; color:#FFF; transition: all 350ms}
.follow-us a i.fa-skype {background:#29c5f6}
.follow-us a i.fa-twitter{background:#24b4f0}
.follow-us a i.fa-facebook {background:#6788ce}
.follow-us a i.fa-youtube {background:#e74c3c}
.follow-us a i.fa-google-plus {background:#e75c3c}
.follow-us a i.fa-yahoo {background:#4101AF}
.follow-us a i.fa:hover {background:#FFF}
.follow-us a i.fa-skype:hover {color:#29c5f6}
.follow-us a i.fa-twitter:hover {color:#24b4f0}
.follow-us a i.fa-facebook:hover {color:#6788ce}
.follow-us a i.fa-youtube:hover {color:#e74c3c}
.follow-us a i.fa-google-plus:hover {color:#e75c3c}
.follow-us a i.fa-yahoo:hover {color:#4101AF}

ul.list-footer-website {padding-left:0px; list-style:none; margin:0px; padding:0px;}
ul.list-footer-website li {line-height:35px}
ul.list-footer-website li a {color:#FFF; font-size:15px; display:block}
ul.list-footer-website li a i {margin-right:7px}
ul.list-footer-website li a:hover {text-decoration:none;}

.content-footer div {margin-bottom:5px}
.content-footer i.fa-map-marker {font-size:18px;}
.content-footer i.fa-mobile {font-size:20px}
.content-footer i {width:30px; font-size:14px; height:20px} 

.end-footer a {color:#CCC}




.box-news-website {margin:0px;}
.box-news-website a {color:#333; transition:color 0.1s}
.box-news-website a:hover {color:#015F95; text-decoration:underline}
.box-news-website h1 {font-size:16px; line-height:24px}
.box-news-website ul {list-style:none; padding-left:0px}
.box-news-website ul li {display:block; line-height:30px; border-bottom:1px dashed #37A344; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.box-news-website ul li i { font-size:16px; color:#37A344; margin-right:7px !important}
.box-news-website ul li a {color:#333; transition:margin-left 0.5s}
.box-news-website ul li a:hover {margin-left:10px; color:#015F95; text-decoration:none}


.share-content-social {margin-bottom:10px; padding:0px 10px}
.share-content-social span {font-weight:bold; font-size:14px}
.share-content-social i {width:35px; height:35px; border-radius:10px; line-height:35px; text-align:center; font-size:20px; transition: color 0.2s, background 0.3s; margin-top:15px}
.share-content-social i.fa-facebook {color:#3A5795; border:2px solid #3A5795}
.share-content-social i.fa-twitter {color:#55ACEE; border:2px solid #55ACEE}
.share-content-social i.fa-google-plus {color:#D73D32; border:2px solid #D73D32}
.share-content-social i:hover {color:#FFF;}
.share-content-social i.fa-facebook:hover {background:#3A5795}
.share-content-social i.fa-twitter:hover {background:#55ACEE}
.share-content-social i.fa-google-plus:hover {background:#D73D32}


.title-content-product {text-align:center; display:inline-block; background:#016682; color:#FFF; font-size:24px; font-weight:bold; padding:0px 20px; line-height:40px; margin:15px 0px}




.content-item-container {margin-bottom:10px; padding-bottom:8px; border-bottom:1px solid #523D2A; color: #666;font-size: 12px;}
.content-item-container:last-child {border:none}
.content-item-container h2 a {font-size:16px; color: #333; margin-bottom:10px; display:block}
.content-item-container h3 {font-size: 13px; font-weight:normal;font-style: italic;}
.content-item-container h4 img {box-shadow:1px 2px 3px #CCC}
.more-list-cotent {margin-top:15px}
.more-list-cotent a {color:#0CC}
.more-list-cotent span {float:right}
h2.content-summary {font-size:16px; font-style:italic; font-weight:normal; margin-bottom:10px}
.content-image {text-align:center}
.content-image a img {margin:auto; display:block; margin-bottom:10px;width: 100%;}
.content-image a{display:block; margin-bottom:10px; color:#CCC; font-weight:normal; font-size:13px;}




.mini-title{display:block; margin-bottom:10px; color:#0076a3; font-weight:normal; text-transform:uppercase; font-size:16px; position:relative; z-index:9; line-height:25px;}
.mini-title span{display:inline-block; line-height:25px; z-index:9; position:relative; background:#FFF; padding-right:10px;}
.mini-title p{display:block; height:50%; width:100%; position:absolute; top:0px; left:0px; z-index:8; padding:0px; margin:0px; border-bottom:1px solid #CCC}
.tid-form label{font-weight:normal; clear:both; line-height:34px; text-align:right}
.tid-form label, .tid-form input, .tid-form textarea.form-control{margin-bottom:10px;}
.tid-form .sex *{float:left; margin-bottom:10px; display:inline-block; clear:inherit}
.tid-form .sex label{margin-right:25px;}
.error{color:#F00;}
.tid-form .error{margin-bottom:10px;}
.tid-form .sex input{margin:10px 5px 0px 0px}

.login-user-container, .login-user-container-2{border:1px solid #CCC; background:#FFF; padding-top:25px; padding-bottom:10px; position:relative}
.login-user-container .title-login, .login-user-container-2 .title-login{position:absolute; top:-15px; left:15px; background:#FFF; line-height:30px; padding:0px 15px; color:#0076a3; text-transform:uppercase; font-size:16px; white-space:nowrap}
.login-user-container-2 a{border-bottom:0px; display:inline-block; padding-right:15px;}
.login-user-container a{display:inline-block; line-height:20px; margin:6px 0px; color:#000; margin-right:10px; padding-right:10px; border-right:1px solid #CCC}
.login-user-container a:last-child{border:none;}
img.refresh{display:inline-block; height:30px; margin-left:10px; cursor:pointer; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; transition: all .2s ease;}
img.refresh:hover{-webkit-transform: scaleX(-1); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1);}




.news-website {overflow:hidden; border:1px solid #CCC; border-radius:3px; padding:10px}
.news-website .title-news-index {display:block; text-align:center; color:#F88C00; margin:10px 0px; font-size:18px; font-weight:bold}
.news-website img {width:100%; border: 1px solid #CCC;display:block; box-shadow:3px 4px 5px #CCC;padding: 1px;}
.news-website a {color: #2c71ba;font-weight: bold;}
.box-news {margin-bottom:17px; overflow:hidden}
.time-news-website {display:inline-block; font-weight:bold; color:#F00; margin-top:10px; margin-left:5px}
.new {display:inline-block; padding:5px}



.breadcrumb {margin-bottom:0px}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background:#2c71ba}
.navbar-default .navbar-toggle {border-color:#FFF}
.navbar-default .navbar-toggle .icon-bar {background-color:#FFF}



.form-item-margin label{margin-bottom:8px; text-align:right; line-height:34px; font-weight:normal;}
.form-item-margin input{margin-bottom:8px;}
.form-item-margin em{display:inline-block; margin-right:5px; font-weight:bold; color:#F00;}


.support-website {position:fixed; right:0px; top:50%; width:40px; transform: translate(0,-50%); background:#CCC; padding-top:5px}
.support-website a {display:block; width:30px; line-height:30px; margin:0px auto 5px; text-align:center; font-size:20px; border-radius:3px}
.support-website a i {color:#FFF; display:block; line-height:30px}
i.fa-facebook {background:#6D8DD0}
i.fa-google-plus {background:#E75D3D}
i.fa-skype {background:#24B4F0}
i.fa-yahoo {background:#4101AF}
i.fa-twitter {background:#24B4F0}
i.fa-youtube {background:#E74C3C}

#skypedetectionswf {display:none}

.support-item{display:block; padding:5px 0px; margin-bottom:15px;}
.support-item > *{display:inline-block; float:left; margin-right:8px;}
.support-item .fa-yahoo{display:block; width:30px; height:30px; line-height:30px; text-align:center; background-color:#4101AF; color:#FFF; font-weight:normal; font-size:20px;}
.support-item .fa-skype{display:block; width:30px; height:30px; line-height:30px; text-align:center; background-color:#24B4F0; color:#FFF; font-weight:normal; font-size:20px;}
.support-item b{line-height:30px; font-weight:normal; color:#F00; font-size:18px;}

.ads-item{display:block;}
.ads-item img{display:block; width:100%; margin-bottom:15px;}


.hotline-left{display:block; text-align:center; font-weight:bold; font-size:14px; line-height:25px}
.hotline-left b{font-weight:bold; font-size:23px; line-height:25px; display:inline-block; color:#F00;}

@media (min-width: 768px) {

}
@media (max-width: 1005px) {
	
}
@media (max-width: 1200px) {
	.navbar-default .navbar-nav>li>a {font-size:12px !important}
}
@media screen and (max-width: 767px) {
}
@media (max-width: 480px) and (orientation: landscape) {
}
@media (max-width: 767px) {
	.banner-website img{margin-bottom:15px}
}
@media (max-width: 991px) {
	.navbar-default .navbar-nav>li>a {padding-left:6px; padding-right:6px; font-size:12px !important}
}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (max-width: 1099px){
}
@media (max-width: 360px){
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
@media screen and (max-width: 767px) {
	
}
@media (min-width: 481px){
}
@media (max-width: 480px){
}
@media (max-width: 767px) {

}
@media (max-width: 991px) {
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (max-width: 1099px){
}
@media (max-width: 360px){
}




.hotlinemp {
  display: none; }
  @media (max-width: 767px) {
    .hotlinemp {
      display: block; } }

.mypage-alo-phone {
  position: fixed;
  left: 0px;
  bottom: 0px;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 110px;
  cursor: pointer;
  z-index: 200000 !important; }

.mypage-alo-ph-circle {
  width: 90px;
  height: 90px;
  top: 12px;
  left: 12px;
  position: absolute;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid rgba(30, 30, 30, 0.4);
  opacity: .1;
  border-color: #0089B9;
  opacity: .5; }

.mypage-alo-ph-circle-fill {
  width: 60px;
  height: 60px;
  top: 28px;
  left: 28px;
  position: absolute;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px
 solid transparent;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-color: rgba(0, 175, 242, 0.5);
  opacity: .75 !important; }

.mypage-alo-ph-img-circle {
  width: 30px;
  height: 30px;
  top: 43px;
  left: 43px;
  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;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px
 solid transparent;
  opacity: .7;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background-color: #0089B9;
  background-size: 70%; }