@font-face {

    font-family: 'RobotoCondensed-Regular';

    src: url('images/fonts/RobotoCondensed-Regular.eot');

    src: url('images/fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('images/fonts/RobotoCondensed-Regular.ttf');

}

@font-face {

    font-family: 'UTMWeddingK_T';

    src: url('images/fonts/UTMWeddingK_T.eot');

    src: url('images/fonts/UTMWeddingK_T.eot') format('embedded-opentype'),

         url('images/fonts/UTMWeddingK_T.woff2') format('woff2'),

         url('images/fonts/UTMWeddingK_T.woff') format('woff'),

         url('images/fonts/UTMWeddingK_T.ttf') format('truetype'),

         url('images/fonts/UTMWeddingK_T.svg#UTMWeddingK_T') format('svg');

}

@font-face {

    font-family: 'UVFCiderScript';

    src: url('images/fonts/UVFCiderScript.eot');

    src: url('images/fonts/UVFCiderScript.eot') format('embedded-opentype'),

         url('images/fonts/UVFCiderScript.woff2') format('woff2'),

         url('images/fonts/UVFCiderScript.woff') format('woff'),

         url('images/fonts/UVFCiderScript.ttf') format('truetype'),

         url('images/fonts/UVFCiderScript.svg#UVFCiderScript') format('svg');

}



@font-face {

    font-family: 'RobotoBoldCondensed';

    src: url('images/fonts/RobotoBoldCondensed.eot');

    src: url('images/fonts/RobotoBoldCondensed.eot?#iefix') format('embedded-opentype'), url('images/fonts/RobotoBoldCondensed.ttf');

}



@font-face {

    font-family: 'OpenSansBold';

    src: url('images/fonts/OpenSansBold.eot');

    src: url('images/fonts/OpenSansBold.eot') format('embedded-opentype'), url('') format('woff2'), url('images/fonts/OpenSansBold.woff') format('woff'), url('images/fonts/OpenSansBold.ttf') format('truetype'), url('images/fonts/OpenSansBold.svg#OpenSansBold') format('svg');

}



@font-face {

    font-family: 'OpenSansExtraBold';

    src: url('images/fonts/OpenSansExtraBold.eot');

    src: url('images/fonts/OpenSansExtraBold.eot') format('embedded-opentype'), url('images/fonts/OpenSansExtraBold.woff2') format('woff2'), url('images/fonts/OpenSansExtraBold.woff') format('woff'), url('images/fonts/OpenSansExtraBold.ttf') format('truetype'), url('images/fonts/OpenSansExtraBold.svg#OpenSansExtraBold') format('svg');

}



@font-face {

    font-family: 'OpenSansRegular';

    src: url('images/fonts/OpenSansRegular.eot');

    src: url('images/fonts/OpenSansRegular.eot') format('embedded-opentype'), url('images/fonts/OpenSansRegular.woff2') format('woff2'), url('images/fonts/OpenSansRegular.woff') format('woff'), url('images/fonts/OpenSansRegular.ttf') format('truetype'), url('images/fonts/OpenSansRegular.svg#OpenSansRegular') format('svg');

}



@font-face {

    font-family: 'SFUMachineRegular';

    src: url('images/fonts/SFUMachineRegular.eot');

    src: url('images/fonts/SFUMachineRegular.eot') format('embedded-opentype'), url('images/fonts/SFUMachineRegular.woff2') format('woff2'), url('images/fonts/SFUMachineRegular.woff') format('woff'), url('images/fonts/SFUMachineRegular.ttf') format('truetype'), url('images/fonts/SFUMachineRegular.svg#SFUMachineRegular') format('svg');

}



@font-face {

    font-family: 'RobotoBold';

    src: url('images/fonts/RobotoBold.eot');

    src: url('images/fonts/RobotoBold.eot') format('embedded-opentype'), url('images/fonts/RobotoBold.woff2') format('woff2'), url('images/fonts/RobotoBold.woff') format('woff'), url('images/fonts/RobotoBold.ttf') format('truetype'), url('images/fonts/RobotoBold.svg#RobotoBold') format('svg');

}



@font-face {

    font-family: 'RobotoRegular';

    src: url('images/fonts/RobotoRegular.eot');

    src: url('images/fonts/RobotoRegular.eot') format('embedded-opentype'), url('images/fonts/RobotoRegular.woff2') format('woff2'), url('images/fonts/RobotoRegular.woff') format('woff'), url('images/fonts/RobotoRegular.ttf') format('truetype'), url('images/fonts/RobotoRegular.svg#RobotoRegular') format('svg');

}



@font-face {

    font-family: 'RobotoLight';

    src: url('images/fonts/RobotoLight.eot');

    src: url('images/fonts/RobotoLight.eot') format('embedded-opentype'), url('images/fonts/RobotoLight.woff2') format('woff2'), url('images/fonts/RobotoLight.woff') format('woff'), url('images/fonts/RobotoLight.ttf') format('truetype'), url('images/fonts/RobotoLight.svg#RobotoLight') format('svg');

}



@font-face {

    font-family: 'RobotoMedium';

    src: url('images/fonts/RobotoMedium.eot');

    src: url('images/fonts/RobotoMedium.eot') format('embedded-opentype'), url('images/fonts/RobotoMedium.woff2') format('woff2'), url('images/fonts/RobotoMedium.woff') format('woff'), url('images/fonts/RobotoMedium.ttf') format('truetype'), url('images/fonts/RobotoMedium.svg#RobotoMedium') format('svg');

}



@font-face {

    font-family: 'RobotoSlabBold';

    src: url('images/fonts/RobotoSlabBold.eot');

    src: url('images/fonts/RobotoSlabBold.eot') format('embedded-opentype'), url('images/fonts/RobotoSlabBold.woff2') format('woff2'), url('images/fonts/RobotoSlabBold.woff') format('woff'), url('images/fonts/RobotoSlabBold.ttf') format('truetype'), url('images/fonts/RobotoSlabBold.svg#RobotoSlabBold') format('svg');

}



@font-face {

    font-family: 'UTMAvo';

    src: url('images/fonts/UTMAvo.eot');

    src: url('images/fonts/UTMAvo.eot') format('embedded-opentype'), url('images/fonts/UTMAvo.woff2') format('woff2'), url('images/fonts/UTMAvo.woff') format('woff'), url('images/fonts/UTMAvo.ttf') format('truetype'), url('images/fonts/UTMAvo.svg#UTMAvo') format('svg');

}



@font-face {

    font-family: 'SFUHelveticaLight';

    src: url('images/fonts/SFUHelveticaLight.eot');

    src: url('images/fonts/SFUHelveticaLight.eot') format('embedded-opentype'), url('images/fonts/SFUHelveticaLight.woff2') format('woff2'), url('images/fonts/SFUHelveticaLight.woff') format('woff'), url('images/fonts/SFUHelveticaLight.ttf') format('truetype'), url('images/fonts/SFUHelveticaLight.svg#SFUHelveticaLight') format('svg');

}



@font-face {

    font-family: 'UTMHelvetIns';

    src: url('images/fonts/UTMHelvetIns.eot');

    src: url('images/fonts/UTMHelvetIns.eot') format('embedded-opentype'), url('images/fonts/UTMHelvetIns.woff2') format('woff2'), url('images/fonts/UTMHelvetIns.woff') format('woff'), url('images/fonts/UTMHelvetIns.ttf') format('truetype'), url('images/fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');

}



@font-face {

    font-family: 'RobotoSlabRegular';

    src: url('images/fonts/RobotoSlabRegular.eot');

    src: url('images/fonts/RobotoSlabRegular.eot') format('embedded-opentype'), url('images/fonts/RobotoSlabRegular.woff2') format('woff2'), url('images/fonts/RobotoSlabRegular.woff') format('woff'), url('images/fonts/RobotoSlabRegular.ttf') format('truetype'), url('images/fonts/RobotoSlabRegular.svg#RobotoSlabRegular') format('svg');

}



@font-face {

    font-family: 'SFUFuturaBook';

    src: url('images/fonts/SFUFuturaBook.eot');

    src: url('images/fonts/SFUFuturaBook.eot') format('embedded-opentype'), url('images/fonts/SFUFuturaBook.woff2') format('woff2'), url('images/fonts/SFUFuturaBook.woff') format('woff'), url('images/fonts/SFUFuturaBook.ttf') format('truetype'), url('images/fonts/SFUFuturaBook.svg#SFUFuturaBook') format('svg');

}



@font-face {

    font-family: 'SFUAGBuchStencilBQMedium';

    src: url('images/fonts/SFUAGBuchStencilBQMedium.eot');

    src: url('images/fonts/SFUAGBuchStencilBQMedium.eot') format('embedded-opentype'), url('images/fonts/SFUAGBuchStencilBQMedium.woff2') format('woff2'), url('images/fonts/SFUAGBuchStencilBQMedium.woff') format('woff'), url('images/fonts/SFUAGBuchStencilBQMedium.ttf') format('truetype'), url('images/fonts/SFUAGBuchStencilBQMedium.svg#SFUAGBuchStencilBQMedium') format('svg');

}



@font-face {

    font-family: 'SFUHoneymoonRegular';

    src: url('images/fonts/SFUHoneymoonRegular.eot');

    src: url('images/fonts/SFUHoneymoonRegular.eot') format('embedded-opentype'), url('images/fonts/SFUHoneymoonRegular.woff2') format('woff2'), url('images/fonts/SFUHoneymoonRegular.woff') format('woff'), url('images/fonts/SFUHoneymoonRegular.ttf') format('truetype'), url('images/fonts/SFUHoneymoonRegular.svg#SFUHoneymoonRegular') format('svg');

}



@font-face {

    font-family: 'SFUHelveticaLight';

    src: url('images/fonts/SFUHelveticaLight.eot');

    src: url('images/fonts/SFUHelveticaLight.eot') format('embedded-opentype'), url('images/fonts/SFUHelveticaLight.woff2') format('woff2'), url('images/fonts/SFUHelveticaLight.woff') format('woff'), url('images/fonts/SFUHelveticaLight.ttf') format('truetype'), url('images/fonts/SFUHelveticaLight.svg#SFUHelveticaLight') format('svg');

}



@font-face {

    font-family: 'SFUSalzburgMedium';

    src: url('images/fonts/SFUSalzburgMedium.eot');

    src: url('images/fonts/SFUSalzburgMedium.eot') format('embedded-opentype'), url('images/fonts/SFUSalzburgMedium.woff2') format('woff2'), url('images/fonts/SFUSalzburgMedium.woff') format('woff'), url('images/fonts/SFUSalzburgMedium.ttf') format('truetype'), url('images/fonts/SFUSalzburgMedium.svg#SFUSalzburgMedium') format('svg');

}



/*

*  html5 doctor css reset | https://html5doctor.com/html-5-reset-stylesheet

*/

html,

body,

div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

abbr,

address,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

samp,

small,

strong,

sub,

sup,

var,

b,

i,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    background: transparent

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block;

}



nav ul {

    list-style: none;

}



blockquote,

q {

    quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: none;

}



a {

    margin: 0;

    padding: 0;

    font-size: 100%;

    background: transparent;

    text-decoration: none;

}



ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}



mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold;

}



del {

    text-decoration: line-through;

}



abbr[title],

dfn[title] {

    border-bottom: 1px dotted;

    cursor: help;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #CCC;

    margin: 10px 0;

    padding: 0;

}



input,

select {

    vertical-align: middle;

}



.f-nav {

    z-index: 1001;

    position: fixed;

    left: 0px;

    top: 0px;

    background: #1159BB;

    width: 100%;

}

* {

    margin: 0;

    padding: 0;

    outline: none;

}

html{

    overflow-x: hidden;

}

body {

    font-size: 13px;

    color: #333;

    font-family: Arial;

}

.container1{

    max-width: 1012px;

    padding: 0px 6px;

    margin: 0 auto;

    box-sizing: border-box;

}

.container {

    max-width: 1212px;

    padding: 0px 6px;

    margin: 0 auto;

    box-sizing: border-box;

}



.clear {

    clear: both;

    overflow: hidden;

}



.row10 {

    padding: 10px 0px;

}



.row15 {

    padding: 15px 0px;

}



.col10 {

    padding: 0px 10px;

}



.col15 {

    padding: 0px 15px;

}



.tt-col-left {

    float: left;

}



.tt-col-right {

    float: right;

}



.mr_4 {

    margin-right: 4px !important;

}



.mr37 {

    margin-right: 37px !important;

}



.mt0 {

    margin-top: 0px !important;

}



.pt0 {

    padding-top: 0px !important;

}



.m17px {

    margin-right: 17px !important;

}



.mr0 {

    margin-right: 0px !important;

}



.pr0 {

    padding-right: 0px !important;

}



.mb0 {

    margin-bottom: 0px !important;

}



.pb0 {

    padding-bottom: 0px !important;

}



.ml0 {

    margin-left: 0px !important;

}



.pl0 {

    padding-left: 0px !important;

}



.mt1 {

    margin-top: 10px;

}



.pt1 {

    padding-top: 10px;

}



.mr1 {

    margin-right: 10px;

}



.pr1 {

    padding-right: 10px;

}



.mb1 {

    margin-bottom: 10px;

}



.pb1 {

    padding-bottom: 10px;

}



.ml1 {

    margin-left: 10px;

}



.pl1 {

    padding-left: 10px;

}



.mt2 {

    margin-top: 20px;

}



.pt2 {

    padding-top: 20px;

}



.mr2 {

    margin-right: 20px;

}



.pr2 {

    padding-right: 20px;

}



.mb2 {

    margin-bottom: 20px;

}



.pb2 {

    padding-bottom: 20px;

}



.ml2 {

    margin-left: 20px;

}



.pl2 {

    padding-left: 20px;

}



.mt3 {

    margin-top: 30px;

}



.pt3 {

    padding-top: 30px;

}



.mr3 {

    margin-right: 30px;

}



.pr3 {

    padding-right: 30px;

}



.mb3 {

    margin-bottom: 30px;

}



.pb3 {

    padding-bottom: 30px;

}



.ml3 {

    margin-left: 30px;

}



.pl3 {

    padding-left: 30px;

}



.mt4 {

    margin-top: 40px;

}



.pt4 {

    padding-top: 40px;

}



.mr4 {

    margin-right: 40px;

}



.pr4 {

    padding-right: 40px;

}



.mb4 {

    margin-bottom: 40px;

}



.pb4 {

    padding-bottom: 40px;

}



.ml4 {

    margin-left: 40px;

}



.pl4 {

    padding-left: 40px;

}



.mt5 {

    margin-top: 50px;

}



.pt5 {

    padding-top: 50px;

}



.mr5 {

    margin-right: 40px;

}



.pr5 {

    padding-right: 50px;

}



.mb5 {

    margin-bottom: 40px;

}



.pb5 {

    padding-bottom: 50px;

}



.ml5 {

    margin-left: 40px;

}



.pl5 {

    padding-left: 50px;

}



h1.the {

    font-size: 0px;

    height: 0px;

    width: 0px;

    overflow: hidden;

    visibility: hidden;

    text-indent: -99999999px;

}



div#description {

    font-size: 0px;

    height: 0px;

    width: 0px;

    overflow: hidden;

    visibility: hidden;

    text-indent: -99999999px;

}



div#tt-full {

    max-width: 1366px;

    margin: 0 auto;/* overflow-x: hidden;*/

}



div#tt-wrapper {

    width: 100%;

    float: left;

    overflow-x: hidden;

    background: #52452a;

}



div.ftleft {

    width: 100%;

    float: left;

}



section#tt-header-top {

    width: 100%;

    float: left;

}



div.marquee {

    width: 100%;

    float: left;

}



div.marquee p {

    line-height: 40px;

    font-size: 15px;

    color: #333333;

}



div.marquee p span {

    padding: 0px 100px;

}



.bgwhite {

    background: #FFF;

}



div.menutop {

    width: 100%;

    float: left;

}



div.menutop ul {

    list-style: none;

    width: 100%;

    float: left;

}



div.menutop ul li {

    line-height: 43px;

}



div.menutop ul li {

    width: 20%;

    float: left;

    position: relative;

}



div.menutop ul li p {

    color: #FFF;

}



div.menutop ul li:first-child {

    width: 50%;

}



div.menutop ul li:last-child {

    width: 50%;

    float: right;

    text-align: right;

}



div.menutop ul li a {

    line-height: 43px;

    display: inline-block;

    color: #FFF;

    vertical-align: middle;

    border-left: 1px solid #FFF;

    border-right: 1px solid #FFF;

    margin-left: -5px;

    text-align: center;

}



div.menutop ul li a img {

    vertical-align: middle;

    padding: 0px 5px;

}



.text-left {

    text-align: left;

}



.text-right {

    text-align: right;

}



.text-center {

    text-align: center;

}



section#tt-header {

    width: 100%;

    float: left;

}



section#tt-top {

    width: 100%;

    float: left;

    height: 40px;

    background: #c5bc6a;

}

ul.top {

    list-style: none;

    width: 100%;

    float: left;

}



ul.top li {

    float: left;

    color: #FFF;

    font-size: 12px;

    margin-right: 30px;

}

ul.top li:last-child{

    float: right;

    margin-right: 0px;

}

ul.top li h2 {

    color: #818181;

    display: inline-block;

    font-family: 'Arial';

    font-weight: 400;

    font-size: 14px;

    line-height: 40px;

}



ul.top li p {

    color: #FFF;

    display: inline-block;

    font-family: 'Arial';

    font-weight: 400;

    font-size: 14px;

    line-height: 40px;

}

ul.top li p a{

    float: left;

}

ul.top li p span {

    color: #FFF;

}



ul.top li ul {

    width: 100%;

    float: right;

    list-style: none;

}



ul.top li ul li {

    display: inline-block;

    line-height: 35px;

    margin-left: 25px;

}



ul.top li ul li a {

    color: #79acd7;

    display: block;

    position: relative;

}



ul.top li ul li a:after {

    position: absolute;

    width: 5px;

    height: 5px;

    content: '';

    left: -10px;

    top: 14px;

    background: #6a6a6a;

    border-radius: 50%;

}



ul.top li img {

    padding-left: 10px;

}



ul.top li:last-child {

    float: right;

}



div#tt-banner {

    float: left;

    width: 100%;

    position: relative;

    z-index: 100;

    box-sizing: border-box;

}

div#tt-banner a{

    display: block;

    float: left;

}

div#banner-logo {

    width: 172px;

    float: left;

}



div#tt-banner img {

    max-width: 100%;

    float: left;

}



div#banner-right {

    width: calc(100% - 172px);

    float: left;

}



div#banner-cn {

    float: left;

    width: 100%;

}



div#banner-cn a {

    display: block;

    text-align: center;

    width: 100%;

}



div#banner-cn img {

    max-width: 100%;

    margin: 0 auto;

    float: left;

}



div.hotline {

    width: 100%;

    float: left;

    position: relative;

    z-index: 9;

}

div.hotline:before{

    width: 191px;

    height: 57px;

    position: absolute;

    content: '';

    top: 0px;

    left: 0px;

    background: url('images/bg-hotline.png') no-repeat top center;

    z-index: 0;

}

div.hotline span {

    font-weight: bold;

    color: #2579b6;

    font-family: 'RobotoBold';

    font-size: 20px;

    line-height: 15px;

    /* font-style: italic; */

    padding-right: 10px;

    display: inline-block;

    position: absolute;

    z-index: 999999;

    bottom: 5px;

    left: 30%;

    top: 26px;

}



div.hotline img {

}



div.hotline p {

    font-size: 21px;

    color: #FF0;

    text-align: center;

    display: block;

    height: 30px;

    font-family: 'RobotoBold';

    display: flex;

    align-items: center;

}



div.support {

    position: absolute;

    top: 60px;

    right: 0px;

}



div.email {

    width: 100%;

    float: left;

    margin-top: 10px;

}



div.email p {

    font-size: 13px;

    color: #FF0000;

}



div.social_top {

    width: 100%;

    margin-top: 10px;

    margin-bottom: 0px;

    float: left;

    text-align: right;

}

div.boxmenu{

    width: 100%;

    float: left;

    position: relative;

}

div.tt-search {

    position: absolute;

    right: 0px;

    top: 40px;

    width: 234px;

    height: 34px;

    background: #FFF;

    border-radius: 30px;

}

div.clickicon{

    width: 45px;

    height: 45px;

    float: right;

    background: url('images/icon-search.png') no-repeat center;

    cursor: pointer;

}

div#search-form {

    width: 100%;

    float: left;

}

.id_list{

    width: 90px;

    height: 32px;

    border: none;

    border-right: 1px solid #d2d2d2;

    float: left;

}

div#search-form input.element-search {

    background: none;

    width: 80%;

    height: 34px;

    color: #d2d2d2;

    background: none;

    box-sizing: border-box;

    border: none;

    padding: 0px 10px;

    outline: none;

    border-radius: 40px;

}



div#btn {

    float:right;

    width: calc(100% - 82%);

    font-size: 15px;

    line-height: 34px;

    cursor: pointer;

    z-index: 99;

    color: #333;

    top: 0px;

    text-transform:uppercase;

    background: transparent;

    text-align: center;

}



div.lang {

    position: absolute;

    top: -10px;

    right: 15px;

}

div.lang img{

    margin: 0px 5px;

}

section#banner_menu {

    width: 100%;

    float: left;

}



section#tt-menu {

    width: 100%;

    float: left;

    position: relative;

}

div.menu {

    width: 100%;

    float: left;

    position: relative;

}



div.menu-left {

    width: 240px;

    float: left;

    background: #0959a3;

}



div.menu-left div.menu_nav {

    width: 100%;

    float: left;

    position: relative;

}



div.menu-left p {

    display: inline-block;

    line-height: 45px;

    padding-left: 50px;

    color: #FF0;

    font-size: 15px;

    font-family: 'UTMAvo';

    text-transform: uppercase;

    position: relative;

}



div.menu-left p:after {

    position: absolute;

    content: '';

    width: 21px;

    height: 18px;

    background: url('images/menu_icon.png') no-repeat top center;

    top: 13px;

    left: 22px;

}



div.menu-right {

    width: 960px;

    float: right;

}



div#tt-nav {

    float: left;

    width: 100%;

    box-sizing: border-box;

    position: relative;

}



div#tt-nav ul {

    width: 100%;

    float: right;

    list-style: none;

    text-align: right;

}



div#tt-nav > ul > li {

    float: left;

}



div#tt-nav > ul > li {

    cursor: pointer;

    position: relative;

    text-align: center;

    margin-right: 32px;

}

div#tt-nav > ul > li:last-child{

    margin-right: 0px;

}

div#tt-nav > ul > li > h2 {

    font-family: 'Tahoma';

    text-transform: uppercase;

    font-size: 15px;

    line-height: 50px;

    z-index: 9999;

    font-weight: bold;

}



div#tt-nav > ul > li > h2 > a {

    color: #FFF;

    display: block;

}



div#tt-nav > ul > li:hover > h2 > a,

div#tt-nav > ul > li.active > h2 > a {

    color: #FF0;

}



div#tt-nav > ul > li:hover > ul {

    display: block;

}



div#tt-nav > ul > li > ul > li:hover > ul {

    display: block;

}



div#tt-nav > ul > li ul {

    list-style: none;

    position: absolute;

    top: 100%;

    left: 0px;

    display: none;

    width: 250px;

    z-index: 999999999;

}



div#tt-nav > ul > li ul ul {

    list-style: none;

    position: absolute;

    top: 0px;

    left: 100%;

    display: none;

    width: 250px;

    z-index: 999999999;

}



div#tt-nav > ul > li ul li {

    display: inline-block;

    float: left;

    width: 100%;

    background:#1159BB;

    text-align: left;

    transition: all 0.6s;

    position: relative;

    padding: 0px 0px !important;

}



div#tt-nav > ul > li ul li h2 {

    line-height: 35px;

    font-size: 14px;

    font-weight: 300;

    letter-spacing: 1px;

    color: #333;

    font-family: 'Arial';

}



div#tt-nav > ul > li ul li h2 a {

    color: #FFF;

    padding: 0px 20px;

    display: inline-block;

}



div#tt-nav > ul > li ul li ul li h2 a {

    color: #FFF;

}



div#tt-nav > ul > li ul li:hover > h2 > a {

    border-bottom: 0px solid transparent;

    color: #FFF;

}



div#tt-nav > ul > li ul li:hover {

    background: #df0000;

}



li.menu_mobile {

    display: none;

}



div#tt-menu-mobile {

    float: left;

}



div#tt-menu-mobile a {

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    width: 50px;

    height: 50px;

    background-size: 50% 50%;

}



section#tt-slider {

    width: 100%;

    float: left;

}



div#tt-slider {

    width: 100%;

    float: left;

    position: relative;

    box-sizing: border-box;

    border: 5px solid #c4be66;

    border-radius: 10px;

}

.gioithieu_left{

    width: 325px;

    float: right;

}

.gioithieu_right{

    width: calc(100% - 350px);

    float: left;

}

.giaykhen_left{

    width: 325px;

    float: left;

}

.giaykhen_right{

    width: calc(100% - 350px);

    float: right;

}

div.menuslider{

    width: 100%;

    float: left;

    position: absolute;

    bottom:  0px;

    left: 0px;

    text-align: center;

}

div.itemslider{

    display: inline-block;

    width: 33%;

    background: #034bb1;

    padding: 20px;

    box-sizing: border-box;

    float: left;

    margin-right: 0.5%;

    transition: all 0.6s;

}

div.itemslider:hover{

    padding-top: 50px;

    background: #ffcc00;

}

div.itemslider:last-child{

    margin-right: 0px;

}

div.itemslider div.img{

    width: 40%;

    float: left;

}

div.itemslider div.img img{

    max-width: 100%;

}

div.itemslider div.desc{

    width: calc(100% - 42%);

    float: right;

}

div.itemslider div.desc h3{

    text-align: left;

    font-family: 'OpenSansBold';

    font-size: 20px;

    text-transform: uppercase;

    color: #FFF;

}

div.itemslider div.desc p{

    text-align: left;

    font-family: 'OpenSansRegular';

    font-size: 13px;

    color: #FFF;

}

div.itemslider:hover div.desc h3{

    color: #634f00;

}

div.itemslider:hover div.desc p{

    color: #634f00;

}

div.itemslider:hover  div.desc p a{

    color: #634f00;

}

div.itemslider div.desc p a{

    display: inline-block;

    padding: 4px 10px;

    background: #ff8400;

    margin-top: 5px;

    text-transform: uppercase;

    color: #FFF;

}

div.olaslider{

    width: 100%;

    float: left;

    height: 350px;

    display: flex;

    align-items: flex-end;

}

div.boxslider{

    transition: all 0.6s;

    width: 100%;

    float: left;

}

div.fullsupport{

    width: 100%;

    float: left;

    margin-top: 40px;

}







div.img_quangcao{

    width: 25%;

    float: left;

}

div.img_quangcao div.img{

    width: 33%;

    float: left;

}

div.img_quangcao div.img:nth-child(3n){

    margin-right: 0px;

}

div.img_quangcao div.img img{

    max-width: 100%;

}

div.img_quangcao div.desc{

    width: 100%;

    float: right;

    min-height: 70px;

    box-sizing: border-box;

    padding-left: 80px;

}

.ship{

    background: url('images/ship.png') no-repeat left center;

    transition: all 0.6s;

}

.ship:hover{

    background: url('images/ship-hover.png') no-repeat left center;

}

.chatluong{

    background: url('images/chatluong.png') no-repeat left center;

    transition: all 0.6s;

}

.chatluong:hover{

    background: url('images/chatluong-hover.png') no-repeat left center;

}

.chinhsach{

    background: url('images/chinhsach.png') no-repeat left center;

    transition: all 0.6s;

}

.chinhsach:hover{

    background: url('images/chinhsach-hover.png') no-repeat left center;

}

.chuongtrinh{

    background: url('images/chuongtrinh.png') no-repeat left center;

    transition: all 0.6s;

}

.chuongtrinh:hover{

    background: url('images/chuongtrinh-hover.png') no-repeat left center;

}



div.img_quangcao div.desc h3{

    font-family: 'OpenSansBold';

    font-size: 13px;

    text-transform: uppercase;

    color: #333333;

    padding-bottom: 5px;

}

div.img_quangcao div.desc:hover h3{

    color: #084FB3;

}

div.img_quangcao div.desc p{

    font-family: 'OpenSansRegular';

    font-size: 13px;

    line-height: 20px;

    color: #333333;

}

div.slider_page {

    width: 1200px;

    margin-top: 4px;

    height: 436px;

    float: left;

}



div.slider {

    width: 100%;

    float: left;

}



div.item_gallery {

    width: 33.333333%;

    background: #FFF;

    transition: all 0.6s;

    float: left;

    box-sizing: border-box;

    border: 10px solid transparent;

}



div.item_gallery img {

    max-width: 100%;

    width: 100%;

    float: left;

    box-sizing: border-box;

    border: 4px solid #F1F1F1;

    transition: all 0.6s;

}



div.item_gallery h3 {

    font-weight: 300;

    width: 100%;

    float: left;

    font-family: 'RobotoCondensed-Regular';

    text-transform: uppercase;

    font-size: 15px;

    text-align: center;

    padding: 5px 0px 10px;

}



div.item_gallery h3 a {

    color: #333333;

}



section#tt-tintuc {

    width: 100%;

    float: left;

    padding-top: 15px;

    padding-bottom: 15px;

}

section#tt-doitac{

    width: 100%;

    float: left;

}

section#tt-content {

    width: 100%;

    float: left;

}



div.site-content {

    width: 100%;

    float: left;

}



div.site-content1 {

    width: 100%;

    float: left;

}



div#show_item {

    width: 100%;

    float: left;

    display: none;

}



div.tt-left {

    width: 270px;

    float: left;

    background: #FFF;

}



div.tt-right {

    width: calc(100% - 300px);

    float: right;

    box-sizing: border-box;

}



div.tt-leftsub {

    width: 100%;

    float: left;

    

}



div#an_qc {

    display: none;

}



div.sub-img {

    width: 43%;

    float: left;

    box-sizing: border-box;

    border: 1px solid #121212;

    background: #232222;

    margin: 0px 3.5% 10px 3.5%;

}



ul.tabs_lk{

    width: 100%;

    float: left;

    list-style: none;

}

ul.tabs_lk li{

    display: inline-block;

    float: left;

    margin-right: 5px;

}

ul.tabs_lk li span{

    display: inline-block;

    padding: 10px 20px;

    font-size: 15px;

    color: #FFF;

    font-family: 'OpenSansRegular';

    text-transform: uppercase;

    background: #FF0000;

    cursor: pointer;

}

ul.tabs_lk li span.active,ul.tabs_lk li span:hover{

    background: #0055a8;

}



div.mota_g{

    width: 100%;

    float: left;

}

div.mota_g p,div.mota_g span{

    font-family: 'OpenSansRegular';

    font-size: 14px;

    line-height: 22px;

}

section#tt-quangcao {

    width: 100%;

    float: left;

    margin: 20px 0px;

    position: relative;

}

div.quangcao-content{

    width: 100%;

    float: left;

}

.boxqc{

    box-sizing: border-box;

    overflow: hidden;

}

.box_img{

    width: 100%;

    float: left;

    position: relative;

    

}

.box_img img{

    max-width: 100%;

    float: left;

}

.item_n1{

    width: 40%;

    float: left;

    box-sizing: border-box;

    padding: 3px;

}

.item_n2{

    width: 20%;

    float: left;

    box-sizing: border-box;

    padding: 3px;

}

.item_n3{

    width: 40%;

    float: left;

    box-sizing: border-box;

    padding: 3px;

}

.item_n4{

    width: 40%;

    float: left;

    box-sizing: border-box;

    padding: 3px;

}

.item_n5{

    width: 60%;

    float: left;

    box-sizing: border-box;

    padding: 3px;

}

.item_n6{

    width: 40%;

    float: left;

    box-sizing: border-box;

    padding: 3px;

}

.item_n7{

    width: 25%;

    float: left;

    box-sizing: border-box;

    padding: 3px;

}

.item_n8{

    width: 35%;

    float: left;

    box-sizing: border-box;

    padding: 3px;

}



/* 1194 */

div.form_in {

    max-width: 360px;

    height: 100%;

    position: absolute;

    right: 0px;

    top: 0px;

    box-sizing: border-box;

    padding: 40px 20px;

    background: rgba(0, 0, 0, 0.5);

}

div.ite_input{

    width: 100%;

    float: left;

    margin-bottom: 10px;

}

div.form_in p {

    line-height: 30px;

    font-weight: 300;

    font-family: 'UTMAvo';

    color: #FFF;

    text-align: center;

    font-size: 20px;

}

div.ite_input input{

    width: 100%;

    float: left;

    background: #FFF;

    box-sizing: border-box;

    padding: 7px 10px;

    border: none;

    outline: none;

    font-family: 'UTMAvo';

}

div.ite_input textarea{

    width: 100%;

    float: left;

    height: 100px;

    background: #FFF;

    box-sizing: border-box;

    padding: 3px 10px;

    border: none;

    outline: none;

    font-family: 'UTMAvo';

}



div.ite_input ::-webkit-input-placeholder {

    color: #333;

    font-size: 14px;

    font-family: 'UTMAvo';

}



div.ite_input :-moz-placeholder {

    color: #333;

    font-size: 14px;

    font-family: 'UTMAvo';

}



div.ite_input ::-moz-placeholder {



    /* Firefox 19+ */

    color: #333;

    font-size: 14px;

    font-family: 'UTMAvo';

}



div.ite_input :-ms-input-placeholder {

    color: #333;

    font-size: 14px;

    font-family: 'UTMAvo';

}



div.btn_send{

    display: inline-block;

    padding: 6px 20px;

    background: #faa11b;

    color: #FFF;

    font-family: 'UTMAvo';

    border-radius: 5px;

    cursor: pointer;

}

.bg_dm {

    background: #f5f5f5;

}



div.brl {

    border: 0px solid transparent;

    border-left: 5px solid #339900;

}



ul.dm_sp {

    width: 100%;

    float: left;

    list-style: none;

}



ul.dm_sp > li {

    width: 100%;

    float: left;

    transition: all .6s;

    position: relative;

}



ul.dm_sp > li:after {

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 10px;

    background: url('images/bgli.png') no-repeat top center;

}



ul.dm_sp > li:first-child:after {

    background: none;

}



ul.dm_sp > li > a {

    display: block;

    padding: 12px 10px 12px 26px;

    transition: all 0.6s;

    font-family: 'OpenSansRegular';

    color: #7e7e7e;

    font-size: 15px;

    font-weight: 300;

    text-transform: uppercase;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

    background: url('images/arrow.png') no-repeat 9px 17px;

}



ul.dm_sp > li > a:hover,

ul.dm_sp > li > ul > li > a:hover {

    color: #FF0000;

}



ul.dm_sp > li > ul {

    list-style: none;

    width: 100%;

    float: left;

    display: none;

    position: absolute;

    top: 0px;

    left: 100%;

    width: 100%;

    z-index: 99999999999;

    background: #FFF;

    box-shadow: 0px 0px 10px #CCC;

}



ul.dm_sp > li:hover > ul {

    display: block;

}

ul.dm_sp > li > ul > li {

    width: 100%;

    float: left;

    transition: all .6s;

    position: relative;

}

ul.dm_sp > li > ul > li:after {

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 10px;

    background: url('images/bgli.png') no-repeat top center;

}



ul.dm_sp > li > ul > li:first-child:after {

    background: none;

}



ul.dm_sp > li > ul > li > a {

    display: block;

    padding: 12px 10px 12px 26px;

    transition: all 0.6s;

    font-family: 'OpenSansRegular';

    color: #7e7e7e;

    font-size: 15px;

    font-weight: 300;

    text-transform: uppercase;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

    background: url('images/arrow.png') no-repeat 9px 17px;

}



ul.dm_sp > li > ul > li > ul {

    list-style: none;

    width: 100%;

    float: left;

    display: none;

    position: absolute;

    top: 0px;

    left: 100%;

    width: 100%;

    z-index: 99999999999;

    background: #FFF;

    box-shadow: 0px 0px 10px #CCC;

}



ul.dm_sp > li > ul > li:hover > ul {

    display: block;

}



ul.dm_sp > li > ul > li > ul > li > ul > li {

    width: 100%;

    float: left;

    transition: all .6s;

    border-bottom: 1px dashed #f3f5f6;

}



ul.dm_sp > li > ul > li > ul > li:last-child {

    border-bottom: 0px dashed #f3f5f6;

}



ul.dm_sp > li > ul > li > ul > li > a {

    display: block;

    padding: 10px 10px 10px 25px;

    transition: all 0.6s;

    font-family: 'RobotoMedium';

    font-size: 14px;

    font-weight: 300;

    color: #303030;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

    background: url('images/arrow.png') no-repeat 10px 14px;

}







div.img_album {

    width: 100%;

    float: left;

    margin-bottom: 10px;

}



div.img_album img {

    max-width: 100%;

    float: left;

}



div.item_album {

    width: 100%;

    float: left;

}



div.scroll_giay {

    width: 450px;

    margin-left: 45px;

    float: left;

    box-sizing: border-box;

    padding: 45px 0px;

}



div.slide_giay {

    width: 100%;

    float: left;

}



div.item_giay {

    width: 204px;

    float: left;

}



div.item_giay img {

    width: 204px;

    height: 282px;

}



h3.tieude1 {

    text-transform: uppercase;

    font-size: 25px;

    font-family: 'OpenSansBold';

    text-align: center;

    line-height: 40px;

    font-weight: 300;

    color: #D90000;

    width: 100%;

    float: left;

}



div.img_gt {

    width: 382px;

    height: 236px;

    float: left;

    margin-right: 10px;

}



div.tieude4 {

    font-size: 13px;

    text-align: justify;

    line-height: 19px;

    color: #333;

    box-sizing: border-box;

    float: left;

    width: 100%;

}

div.tieude4 p{

    text-align: justify;

}

.bg_video {

    background: #eeeeee url('images/bong_dong.png') no-repeat top center;

    margin-bottom: 20px;

}



div.box_bf {

    width: 100%;

    float: left;

    box-sizing: border-box;

    padding: 30px 0px;

}



div.gt_item {

    width: 278px;

    float: left;

    height: 190px;

    background: #0099FF;

    margin-right: 24px;

    box-sizing: border-box;

    border: 3px solid #FFF;

    margin-top: 0px;

    transition: all 0.6s;

    position: relative;

    z-index: 9;

}



div.dr_tl_btr::after {

    width: 100%;

    content: '';

    height: 190px;

    position: absolute;

    bottom: -7px;

    left: 0px;

    z-index: -1;

    background: #94ceff;

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;

}



div.dr_tr_btl::after {

    width: 100%;

    content: '';

    height: 190px;

    position: absolute;

    bottom: -7px;

    left: 0px;

    z-index: -1;

    background: #94ceff;

    border-top-right-radius: 20px;

    border-bottom-left-radius: 20px;

}



div.gt_item:hover {

    margin-top: -40px;

}



div.gt_item:nth-child(4n) {

    margin-right: 0px;

}



div.gt_img {

    width: 100%;

    float: left;

    position: relative;

    overflow: hidden;

}



div.gt_img h3 {

    position: absolute;

    bottom: 2px;

    left: 0px;

    width: 100%;

    float: left;

    text-align: center;

    background: rgba(0, 0, 0, 0.5);

}



div.gt_img h3 a {

    display: inline-block;

    padding: 7px 0px;

    color: #FF0;

    line-height: 20px;

    font-family: Arial;

    font-weight: 300;

    text-transform: uppercase;

    transition: all 0.6s;

}



div.gt_img img {

    max-width: 100%;

}



div.gt_item:hover h3 a {

    color: #FFF;

}



div.dr_tl_btr {

    border-top-left-radius: 20px;

    border-bottom-right-radius: 20px;

}



div.dr_tr_btl {

    border-top-right-radius: 20px;

    border-bottom-left-radius: 20px;

}



div.bongslider {

    width: 100%;

    height: 26px;

    float: left;

    background: url('images/bongslider.png') no-repeat top center;

}



div.brtk {

    border-top: 0px solid transparent;

    box-sizing: border-box;

}



div.slick_tk {

    width: 100%;

    float: left;

}



div.slick_tk div.slick_tk_item {

    width: 100%;

    height: auto;

    background: #FF0009;

    float: left;

    text-align: center;

    margin-bottom: 10px;

    box-sizing: border-box;

    border: 5px solid transparent;

    background: url(images/bg_img.png) repeat top center;

}



div.slick_tk div.slick_tk_item img {

    max-width: 100%;

}



div.slick_album {

    width: 100%;

    float: left;

}



div.slick_album div.slick_album_item {

    width: 100%;

    height: auto;

    background: #FF0009;

    float: left;

    text-align: center;

    margin-bottom: 10px;

    box-sizing: border-box;

    border: 5px solid transparent;

    background: url(images/bg_img.png) repeat top center;

}



div.slick_album div.slick_album_item img {

    max-width: 100%;

}



ul.dichvu_nb {

    width: 100%;

    float: left;

    list-style: none;

}



ul.dichvu_nb li {

    width: 100%;

    float: left;

    padding: 7px 0px;

    box-sizing: border-box;

    border-bottom: 1px dashed #339900;

    transition: all 0.6s;

}



ul.dichvu_nb li:last-child {

    border-bottom: 0px;

}



ul.dichvu_nb li a {

    font-size: 15px;

    text-transform: uppercase;

    color: #333;

    display: block;

    padding-left: 20px;

    transition: all 0.6s;

    font-family: 'RobotoRegular';

}



ul.dichvu_nb li:hover {

    background: #99cc00;

}



ul.dichvu_nb li:hover a {

    font-size: 13px;

    color: #FF0;

}



div.icon1_hotro {

    width: 100%;

    float: left;

    text-align: center;

    position: relative;

    box-sizing: border-box;

    padding: 0px 10px;

}



div.icon1_hotro img {

    max-width: 100%;

    float: left;

}



div.icon1_hotro p.m1s {

    position: absolute;

    right: 20px;

    bottom: 22px;

    color: #cb1d00;

    font-weight: bold;

    text-transform: uppercase;

}



div.icon1_hotro p.m2s {

    position: absolute;

    right: 20px;

    bottom: 5px;

    color: #cb1d00;

    font-weight: bold;

    text-transform: uppercase;

}



div.icon2_hotro {

    width: 100%;

    float: left;

    text-align: left;

    margin-top: 10px;

    box-sizing: border-box;

    box-sizing: border-box;

    padding: 0px 10px;

}



div.icon2_hotro p {

    line-height: 25px;

    font-size: 15px;

    font-family: 'Arial';

}



.bg_social {

    padding: 30px 0px;

    background: url('images/tt-bgtintuc.png') repeat top center;

}

div.qc_cs{

    width: 100%;

    float: left;

}

div.qc_cs img{

    max-width: 100%;

}







div.video_id {

    width: 100%;

    float: left;

    position: relative;

    height: auto;

    margin-top: 15px;

}



div.video_id a {

    outline: none;

}



div.play {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    z-index: 9999;

    background: url('images/play.png') no-repeat center;

}



div.video_id img {

    width: 100%;

    float: left;

}



div.thumb_video {

    width: 115px;

    float: right;

}



div.thumb_video div.item_video {

    float: left;

    box-sizing: border-box;

    margin-bottom: 10px;

    position: relative;

}



div.thumb_video div.item_video a {

    outline: none;

}



div.thumb_video div.item_video img {

    max-width: 100%;

}



div.play1 {

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    z-index: 9999;

    background: url('images/play.png') no-repeat center;

}



div.left_dv {

    width: 694px;

    float: left;

    margin-right: 25px;

}



div.desc-but {

    width: 100%;

    float: left;

}



.video-container {

    position: relative;

    padding-bottom: 68.45%;

    padding-top: 78px;

    height: 0;

    overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



#video_load {

    width: 100%;

    float: left;

}



div.select_video {

    width: 100%;

    float: left;

}



div.select_video .bx-wrapper .bx-controls-direction a {

    position: absolute;

    top: 48%;

    margin-top: -10px;

    outline: 0;

    width: 11px !important;

    height: 21px !important;

    text-indent: -9999px;

    z-index: 1000;

}



div.select_video .bx-wrapper .bx-prev {

    left: -17px;

    background: url(images/prev1.png) no-repeat center;

}



div.select_video .bx-wrapper .bx-next {

    right: -17px;

    background: url(images/next1.png) no-repeat center;

}



#list_video {

    width: 100%;

    float: left;

    border: 1px solid #CCC;

    background: #FFF;

    position: relative;

    z-index: 9;

    height: 36px;

    outline: none;

    margin-top: 5px;

    box-sizing: border-box;

}



div.album_s .bx-wrapper .bx-controls-direction a {

    position: absolute;

    top: 44%;

    margin-top: -10px;

    outline: 0;

    width: 45px !important;

    height: 81px !important;

    text-indent: -9999px;

    z-index: 1000;

}



div.album_s .bx-wrapper .bx-prev {

    left: 20px;

    background: url(images/prev2.png) no-repeat center;

}



div.album_s .bx-wrapper .bx-next {

    right: 20px;

    background: url(images/next2.png) no-repeat center;

}



div.item_album {

    width: 100%;

    float: left;

    position: relative;

}



div.item_album h4 {

    background: rgba(0, 0, 0, 0.5);

    padding: 10px;

    box-sizing: border-box;

    color: #FFF;

    text-align: left;

    text-transform: uppercase;

    font-size: 15px;

    font-family: 'Arial';

    position: absolute;

    bottom: 0px;

    left: 0px;

    width: 100%;

}



div.item_thres {

    float: left;

    position: relative;

    margin-right: 30px;

}



div.item_thres:nth-child(1) {

    width: 254px;

}



div.item_thres:nth-child(2) {

    width: 558px;

}



div.item_thres:nth-child(3) {

    width: 328px;

    margin-right: 0px;

}



div.bg_ho {

    background: #efefef;

}



div.item_partner {

    width: 100%;

    float: left;

    margin-bottom: 5px;

}



div.item_partner img {

    float: left;

    width: 145px;

    height: 90px;

    box-sizing: border-box;

    border: 1px solid #CCC;

    margin-right: 10px;

}



div.item_partner h3 {

    font-size: 15px;

    color: #545454;

    padding-bottom: 5px;

    font-family: 'RobotoCondensed-Regular';

}



div.item_news {

    width: 100%;

    float: left;

    padding: 0px 0px;

    text-align: center;

    margin-bottom: 0px;

    box-sizing: border-box;

}



div.item_news img {

    max-width: 100%;

    box-sizing: border-box;

}



div.item_news a {

    font-size: 14px;

    color: #333;

    padding-bottom: 5px;

    font-family: 'Arial';

    padding-top: 5px;

}



div.item_news a {

    color: #333;

}



div.item_news:hover a {

    color: #D90000;

}



div.tt-titlepo {

    background: url('images/line_title.png') repeat-x top center;

    width: 100%;

    float: left;

    height: 44px;

    z-index: 9999;

    text-align: left;

}



div.tt-titlepo h3 {

    font-size: 20px;

    text-transform: uppercase;

    color: #0E357E;

    font-family: 'RobotoBold';

    line-height: 40px;

    position: relative;

    display: inline-block;

    padding-top: 10px;

}



div.tt-titlepo h3:after {

    content: '';

    position: absolute;

    top: 0px;

    height: 5px;

    width: 100%;

    left: 0px;

    background: #0E357E;

}



div.title_thres {

    left: 0px;

    width: 100%;

    height: 40px;

    background: #1060C5;

    text-align: left;

}



div.title_thres h3 {

    display: inline-block;

    padding: 0px 10px;

    line-height: 40px;

    text-transform: uppercase;

    color: #FFF;

    font-family: 'UVNBaiSau_B';

    font-size: 18px;

    position: relative;

}



div.item_thres_box {

    width: 100%;

    float: left;

    box-sizing: border-box;

}



div.item_thres_box table {

    width: 100%;

    border: 1px solid #FFF;

    padding: 5px 5px;

    font-size: 12px;

}



div.item_thres_box table th,

div.item_thres_box table td {

    border: 1px solid #FFF;

    padding: 5px 5px;

}



div.item_thres_box table tr td:first-child {

    font-weight: bold;

}



div.item_thres_box table tr.odd {

    background: #D3E5EA;

}



div.hotro_bg {

    width: 100%;

    float: left;

    height: 200px;

    position: relative;

    background: url('images/bghotro.png') no-repeat top center;

}



div.hotro1 {

    width: 134px;

    height: 36px;

    background: url('images/bg_dt1.png') no-repeat top center;

    position: absolute;

    left: 16px;

    font-size: 20px;

    color: #FFF;

    line-height: 36px;

    padding-left: 44px;

    top: 68px;

}



div.hotro2 {

    width: 134px;

    height: 36px;

    background: url('images/bg_dt1.png') no-repeat top center;

    position: absolute;

    left: 16px;

    font-size: 20px;

    color: #FFF;

    line-height: 36px;

    padding-left: 44px;

    top: 112px;

}



div.hotro3 {

    width: 298px;

    height: 20px;

    position: absolute;

    bottom: 17px;

    left: 16px;

}



div.hotro3 a {

    color: #333;

    font-size: 13px;

    padding-right: 10px;

}



div.hotro3 img {

    padding-right: 5px;

}



.pd5 {

    padding: 5px !important;

}



ul.dm_cskh {

    list-style: none;

    width: 100%;

    float: left;

}



ul.dm_cskh li {

    width: 100%;

    float: left;

    padding: 10px 0px;

}



ul.dm_cskh li a {

    font-size: 13px;

    font-family: 'Arial';

    color: #333;

    display: block;

}



ul.dm_cskh li:hover a {

    color: #D90000;

}



div.right_dv {

    width: 465px;

    float: right;

}



div.desc-hotro {

    width: 100%;

    float: left;

    margin-top: 10px;

}



div.box_top_ht {

    width: 100%;

    float: left;

    box-sizing: border-box;

    min-height: 264px;

    position: relative;

    background: url('images/bg_hotro.png') no-repeat top center;

}



div.pos_host {

    position: absolute;

    top: 44px;

    left: 125px;

    font-size: 25px;

    font-family: 'UTMHelvetIns';

    color: #FF0000;

}



div.hotrocent {

    width: 100%;

    float: left;

    box-sizing: border-box;

    border-top: 100px solid transparent;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

}



div.hotrocent > div.ha {

    width: 100%;

    text-align: center;

    float: left;

    margin-bottom: 10px;

    text-decoration: underline;

    color: #333;

    font-family: 'RobotoCondensed-Regular';

    font-size: 13px;

    font-size: 17px;

    font-weight: 300;

    font-style: italic;

}



div.ho_scrl {

    width: 100%;

    height: 120px;

    float: left;

}



div.hotrocent ul {

    list-style: none;

    float: left;

    width: 100%;

}



div.hotrocent ul li {

    width: 100%;

    padding: 10px 0px;

}



div.hotrocent ul li p {

    line-height: 40px;

    vertical-align: middle;

    font-family: 'RobotoBold';

}



div.hotrocent ul li p img {

    vertical-align: middle;

    padding-right: 20px;

}



div.hotrocent ul li p span {

    color: #140668;

}



section#tt-hinhanh {

    width: 100%;

    float: left;

}



div.hinhanh_item {

    width: 282px;

    margin-right: 24px;

    float: left;

    box-sizing: border-box;

    border: 1px solid #CCC;

    padding: 5px;

    background: #FFF;

    margin-bottom: 24px;

}



div.hinhanh_item img {

    max-width: 100%;

    float: left;

}



div.hinhanh_item:nth-child(4n) {

    margin-right: 0px;

}



section#tt-video {

    width: 100%;

    float: left;

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    height: 365px;

}







div.newshot {

    width: 100%;

    float: left;

}



div.newshot img {

    max-width: 100%;

    float: left;

    box-sizing: border-box;

    margin-bottom: 5px;

}



div.newshot h3 {

    font-size: 17px;

    font-family: 'Arial';

    color: #f26c4f;

    text-align: left;

    font-weight: 300;

}



div.newshot h3 a {

    color: #f26c4f;

}



div.newshot p {

    font-size: 13px;

    text-align: left;

    line-height: 22px;

    text-align: justify;

    padding-top: 5px;

}



div.newslq {

    width: 320px;

    float: right;

}



ul.news-left {

    width: 100%;

    float: left;

    list-style: none;

}



ul.news-left li {

    width: 100%;

    float: left;

}



ul.news-left li a {

    font-family: 'Arial';

    font-size: 14px;

    color: #333;

}



ul.news-left li a {

    float: right;

    width: 100%;

    display: inline-block;

    background: url(images/arrow.png) no-repeat 0px 10px;

    padding-left: 10px;

    color: #333333;

    line-height: 25px;

}



ul.news-left li:hover a {

    color: #D90000;

}



ul.news-left li:hover div.img-news img {

    transform: scale(0.8);

}



div.box_hotrotructuyen {

    width: 100%;

    float: left;

    background: #f5f5f5;

    position: relative;

    box-sizing: border-box;

    padding: 20px;

    min-height: 375px;

}



div.img_hotro {

    width: 100%;

    float: left;

    text-align: center;

}



div.desc_hotro {

    width: 100%;

    margin-top: 40px;

    float: left;

    text-align: center;

}



div.desc_hotro h4 {

    width: 100%;

    float: left;

    font-size: 24px;

    font-family: 'RobotoBold';

    color: #3a3a3a;

}



div.desc_hotro p {

    width: 100%;

    float: left;

    font-size: 15px;

    padding: 10px;

    box-sizing: border-box;

    font-family: 'RobotoBold';

    color: #6c6c6c;

}



div.desc_hotro h5 {

    width: 100%;

    float: left;

    font-size: 24px;

    font-family: 'RobotoBold';

    color: #373737;

}



div.desc_hotro h4 span {

    color: #FF0000;

}



div.video_left {

    width: 100%;

    float: left;

    position: relative;

    box-sizing: border-box;

}



div.video_left h3 {

    font-size: 15px;

    font-family: 'Arial';

    color: #333;

    font-weight: bold;

    width: 100%;

    float: left;

    padding: 10px 0px;

}



div.video_left p {

    font-size: 13px;

    font-family: 'Arial';

    color: #333;

    width: 100%;

    line-height: 20px;

    float: left;

}



div.video_right {

    width: 100%;

    float: right;

}



div.tt-item-content {

    width: 100%;

    float: left;

}



div.tt-index {

    width: 100%;

    float: left;

    margin-bottom: 20px;

    text-align: center;

    position: relative;

}



div.tt-index::after {

    content: '';

    width: 100%;

    height: 1px;

    background: #FFF;

    position: absolute;

    left: 0px;

    top: 50%;

}



div.tt-index h3 {

    position: relative;

    margin-top: 2px;

    font-size: 30px;

    color: #FFF;

    text-transform: uppercase;

    font-weight: 300;

    font-family: 'UTM HelvetIns';

    text-align: center;

    display: inline-block;

    padding-left: 30px;

    padding-right: 30px;

    position: relative;

    z-index: 99;

    background: url('images/bgsp.jpg');

}



div.tt-index h3::after {

    content: '';

    width: 6px;

    height: 6px;

    border-radius: 50%;

    position: absolute;

    left: -2px;

    top: 19px;

    background: #FFF;

    z-index:0

}



div.tt-index h3::before {

    content: '';

    width: 6px;

    height: 6px;

    border-radius: 50%;

    position: absolute;

    right: -2px;

    top: 19px;

    background: #FFF;

    z-index:0

}



div.tt-title {

    width: 100%;

    float: left;

    position: absolute;

    top: -35px;

    text-align: center;

    left: 0px;

}



div.tt-title h3,

div.tt-title h1,

div.tt-title h2 {

    font-size: 19px;

    font-family: 'OpenSansBold';

    display: inline-block;

    position: relative;

    z-index: 99;

    color: #FFF;

    text-transform: uppercase;

    font-weight: 300;

    line-height: 69px;

    padding: 5px 15px 0px;

    box-sizing: border-box;

    background: url('images/bgtitle_repeat.png') repeat-x top center;

}



div.tt-title h3:after,div.tt-title h1:after,div.tt-title h2:after {

    content: '';

    width: 103px;

    height: 62px;

    position: absolute;

    right: -86px;

    top: -1px;

    background: url('images/bg_after.png') no-repeat;

}



div.tt-title h3:before,div.tt-title h1:before,div.tt-title h2:before {

    content: '';

    width: 103px;

    height: 62px;

    position: absolute;

    left: -86px;

    top: 0px;

    background: url(images/bg_before.png) no-repeat;

}





div.tt-title  span {

    position: relative;

    z-index: 999;

}



div.tt-title p {

    font-size: 14px;

    line-height: 25px;

    font-weight: 300;

    font-family: 'Arial';

    display: inline-block;

    color: #383838;

}

div.tt-title:hover a {

    color: #D90000;

}



.red {

    color: #FF0000;

}



.trang {

    color: #FFF !important;

}

div.productcenter{

    width: calc(100% + 30px);

    float: left;

    margin-right: -15px;

    margin-left: -15px;

}



div.tt-title1 {

    width: 100%;

    float: left;

    position: relative;

    text-align: center;

    margin-bottom: 20px;

    border-bottom: 1px solid #373737;

}



div.tt-title1 h3,

div.tt-title1 h1,

div.tt-title1 h2 {

    font-size: 25px;

    font-family: 'RobotoBoldCondensed';

    display: inline-block;

    position: relative;

    z-index: 99;

    color: #FF0000;

    font-weight: 300;

    line-height: 48px;

    text-transform: uppercase;

    box-sizing: border-box;

    padding-left: 48px;

    padding-right: 48px;

    background: url('images/bg_title_after.png') no-repeat right center, url('images/bg_title_before.png') no-repeat left center;

}



div.tab_title{

    width: 100%;

    text-align: center;

    float: left;

    margin-top: 20px;

    margin-bottom: 20px;

}

div.tab_title span{

    display: inline-block;

    padding: 6px 15px;

    background: #c7346c;

    font-family: 'RobotoMedium';

    font-weight: 400;

    border-radius: 15px;

    cursor: pointer;

    text-transform: uppercase;

    color: #FFF;

    font-size: 15px;

}

div.tab_title span:hover,div.tab_title span.active{

    background: #Cf0000;

}

div.tabcon{

    display: none;

}

div.tabcon_active{

    display: block;

}

div.site_newa {

    width: 100%;

    float: left;

    padding: 10px 0px;

    line-height: 20px;

}



div.item_dichvu {

    width: 100%;

    box-sizing: border-box;

    float: left;

    padding: 0px 8px;

}



div.dichvu_img {

    width: 100%;

    float: left;

    text-align: center;

}



div.dichvu_img img {

    max-width: 100%;

    box-sizing: border-box;

}



div.dichvu_h {

    float: left;

    width: 100%;

    text-align: left;

}

div.dichvu_h h4{

    height: 46px;

    overflow: hidden;

}

div.dichvu_h h4 a {

    font-family: 'Tahoma';

    font-size: 15px;

    font-weight: 400;

    line-height: 18px;

    color: #333;

    padding-top: 5px;

    padding-bottom: 5px;

    display: block;

}



div.dichvu_h p {

    font-family: 'OpenSansRegular';

    color: #333;

    font-size: 13px;

    line-height: 20px;

}

div.dichvu_h p a{

    display: inline-block;

    padding: 5px 10px;

    color: #FFF;

    font-family:'OpenSansRegular';

    margin-top:10px;

    background: url('images/xemthem.png') repeat-x;

}



div.pad_lin {

    width: 100%;

    margin: 7px 0px;

    border-top: 1px dashed #e1e1e1;

    border-bottom: 1px dashed #FFF;

    float: left;

}



div.box_uimg {

    width: 100%;

    float: left;

    box-sizing: border-box;

    border: 1px solid #e5e5e5;

    padding: 4px;

    background: #FFF;

    margin-bottom: 10px;

}



div.box_uimg img {

    max-width: 100%;

}



div.item_duan {

    width: 100%;

    box-sizing: border-box;

    float: left;

    position: relative;

    overflow: hidden;

}



div.duan_img {

    width: 30%;

    float: left;

    text-align: center;

    box-sizing: border-box;

    background: #FFF;

}



div.duan_img img {

    max-width: 100%;

    float: left;

}



div.duan_h {

    width: 100%;

    float: right;

    text-align: left;

    padding-bottom: 15px;

    position: relative;

}

div.duan_h:after{

    position: absolute;

    bottom: 5px;

    width: 100%;

    border-top: 1px dashed #e6e6e6;

    left: 0px;

    content: '';

}

div.duan_h h4 a {

    font-family: 'OpenSansRegular';

    color: #333;

    font-size: 14px;

    font-weight: 500;

    display: block;

    padding-bottom: 5px;

}

div.duan_h p {

    font-family: 'OpenSansRegular';

    font-size: 15px;

    line-height: 20px;

    font-weight: 400;

    color: #a6a6a6;

    font-style: italic;

    padding: 0px 0px 0px;

}



div.desc-main{

    width: 100%;

    float: left;

}

div.desc-main div.img{

    width: 100%;

    float: left;

}

div.desc-main div.img img{

    max-width: 100%;

    float: left;

}



div.slickTintuc{

    width: calc(100% + 16px);

    float: left;

    margin-left: -8px;

    margin-right: -8px;

}

div.tt-desc {

    width: 100%;

    float: left;

    box-sizing: border-box;

    background: #FFF;

    position: relative;

    border: 2px solid #c4be66;

    padding: 38px 17px 17px;

}



div.bx-wrapper {

    max-width: 100% !important;

}

div.boxNews{

    width: calc(100% + 20px);

    float: left;

    margin-left: -10px;

    margin-right: -10px;

}

div.hien_sp {

    width: 100%;

    float: left;

    margin-bottom: 10px;

}



div.w212 {

    width: 212px !important;

}

div.box_cont{

    width: calc(100% + 36px);

    float: left;

    margin-left: -18px;

    margin-right: -18px;

}

div.tt-product-item {

    width: 25%;

    float: left;

    box-sizing: border-box;

    position: relative;

    margin-bottom: 2%;

    padding: 0px 15px;

}



div.tt-product {

    width: 100%;

    float: left;

    box-sizing: border-box;

    position: relative;

}



div.tt-product-img {

    width: 100%;

    float: left;

    box-sizing: border-box;

    text-align: center;

    position: relative;

    overflow: hidden;

    border-left: 1px solid #CCC;

    border-right: 1px solid #CCC;

    padding: 13px 5px 10px;

}

div.tt-product-img:after{

    position: absolute;

    content: '';

    width: calc(100% - 10px);

    border-bottom: 1px dashed #CCC;

    left: 0px;

    top: 5px;

    margin-left: 5px;

    margin-right: 5px;

}

div.tt-product-img:before{

    position: absolute;

    content: '';

    width: calc(100% - 10px);

    border-bottom: 1px dashed #CCC;

    left: 0px;

    top: 7px;

    margin-left: 5px;

    margin-right: 5px;

}

div.tt-product-img > a > img {

    max-width: 100%;

    transform: scale(1);

    transition: all 0.6s;

    box-sizing: border-box;

}



div.tt-product-item:hover div.tt-product-img > a > img {

    transform: scale(1.06);

}

div.tt-product-item:hover div.tt-product-title{

    background: #796742;

}





div.tt-product-title {

    width: 100%;

    float: left;

    position: relative;

    box-sizing: border-box;

    padding: 0px 15px;

    background: #c4be66;

}



div.tt-product-title h4 {

    display: inline-block;

    float: left;

    width: 100%;

    box-sizing: border-box;

    font-size: 16px;

    font-family: 'Tahoma';

    overflow: hidden;

    text-align: center;

    line-height: 20px;

    font-weight: 400;

    text-transform: uppercase;

    padding: 10px 0px 10px;

}



div.tt-product-title h4 a {

    color: #FFF;

}

div.pan{

    position: absolute;

    top: 15px;

    cursor: pointer;

    outline: none;

    right: 0px;

    display: inline-block;

    padding: 5px 10px;

    border: 1px solid #e6e6e6;

    color: #757575;

    font-size: 16px;

    font-family: 'RobotoCondensed-Regular';

}

div.tt-product-item:hover div.tt-product-title a {

    color: #c4be66;

}



div.tt-product-title p {

    text-align: left;

    line-height: 20px;

    font-family: 'OpenSansRegular';

    font-size: 13px;

    font-weight: 400;

    color: #343434;

}



p.maso {

    font-family: 'RobotoCondensed-Regular';

    font-size: 15px;

    color: #8d8d8d;

    font-style: italic;

}



p.maso span {

    color: #323232;

}



div.datng {

    display: inline-block;

    padding: 5px 10px;

    background: url(images/order.png) repeat-x;

    color: #FFF;

    border-radius: 4px;

    cursor: pointer;

    position: absolute;

    bottom: 20px;

    right: 0px;

}



div.datng:hover {

    background: url(images/order1.png) repeat-x;

}



div.tt-product-desc {

    width: 100%;

    float: left;

    box-sizing: border-box;

    text-align: justify;

    position: relative;

    overflow: hidden;

    border-left: 1px solid #CCC;

    border-right: 1px solid #CCC;

    border-bottom:  1px solid #CCC;

    padding: 0px 5px 10px;

    height: 105px;

}



div.tt-product-desc p {

    text-align: justify;

    font-family: 'Tahoma';

    line-height: 20px;

}

div.tt-product-desc p a{

    display: inline-block;

    background: url('images/xemthem1.png') repeat-x;

    padding: 3px 10px;

    color: #FFF;

    border-radius: 5px;

    float: right;

    margin-top: 5px;

}

div.tt-product-price {

    text-align: center;

    width: 100%;

    float: left;

    box-sizing: border-box;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

}



div.tt-product-price > p:first-child {

    font-size: 13px;

    font-family: Arial;

    font-weight: 300;

    line-height: 20px;

    height: 20px;

    overflow: hidden;

    text-align: center;

}



div.bongsp {

    width: 100%;

    background: url('images/bongsp.png') no-repeat top center;

    height: 14px;

    float: left;

    margin-top: 0px;

}



p.price {

    text-align: left !important;

    width: 100%;

    font-weight: bold;

    box-sizing: border-box;

    font-size: 15px !important;

}



p.price-old {

    text-align: center !important;

    font-size: 15px !important;

}



span.price {

    color: #FF0000;

}



span.price-old {

    color: #8d8d8d;

    text-decoration: line-through;

}



span.giamgia {

    padding: 2px 5px;

    background: #ff3300;

    color: #FFF;

}



div.tt-product-rating {

    width: 100%;

    float: left;

    text-align: center;

}



div.hot {

    position: absolute;

    top: 20px;

    right: 20px;

    width: 45px;

    height: 32px;

    background: url('images/hot.png') no-repeat top center;

    z-index: 9999999;

}



div.tt-mua {

    width: 100%;

    float: left;

    text-align: center;

}



div.tt-mua  a {

    display: inline-block;

    padding: 5px 10px;

    background: #FF0000;

    color: #FFF;

    cursor: pointer;

    border-radius: 5px;

}



section#tt-sanpham {

    width: 100%;

    float: left;

    min-height: auto;

    padding: 40px 0px 40px;

    background: url('images/bg_sanpham.png') no-repeat top center;

    background-attachment: fixed;

    background-size: 100%;

}



div.box_tabproduct {

    width: 100%;

    float: left;

    box-sizing: border-box;

    border: 1px solid #CCC;

    border-right: 0px solid #FFF;

}



div.hide {

    display: none;

}



div.show {

    display: block;

}



div.green {

    background: green;

}



div.red {

    background: red;

}



div.blue {

    background: blue;

}



div.yellow {

    background: yellow;

}





div.tt-product1-item {

    width: 100%;

    float: left;

    box-sizing: border-box;

    position: relative;

    padding: 15px 15px;

    margin-bottom: 1%;



}



div.tt-product1 {

    width: 100%;

    float: left;

    box-sizing: border-box;

    position: relative;

    border: 1px solid #dbdadb;

    padding: 10px;

    background: #FFF;

}



div.tt-product1-img {

    width: 100%;

    float: left;

    box-sizing: border-box;

    text-align: center;

    position: relative;

    overflow: hidden;

}



div.tt-product1-img > a > img {

    max-width: 100%;

    transform: scale(1);

    transition: all 0.6s;

    box-sizing: border-box;

}



div.tt-product1-item:hover div.tt-product1-img > a > img {

    transform: scale(1.06);

}



div.tt-product1-title {

    width: 100%;

    float: left;

    position: relative;

    box-sizing: border-box;

    margin-bottom: 10px;

    border-top: 1px solid #dbdadb;

    margin-top: 10px;

}



div.tt-product1-title h4 {

    display: inline-block;

    float: left;

    width: 100%;

    box-sizing: border-box;

    font-size: 16px;

    font-family: 'RobotoCondensed-Regular';

    overflow: hidden;

    text-align: center;

    line-height: 20px;

    font-weight: 300;

    position: relative;

    z-index: 999;

    padding: 10px 0px 0px;

}



div.tt-product1-title h4 a {

    color: #737373;

}



div.tt-product1-title h3 {

    display: inline-block;

    float: left;

    width: 100%;

    box-sizing: border-box;

    font-size: 15px;

    font-family: 'Arial';

    overflow: hidden;

    text-align: center;

    line-height: 20px;

    font-weight: 300;

    padding: 5px 10px;

    height: 46px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

}



div.tt-product1-title h3 a {

    color: #333;

}



div.tt-product1-item:hover div.tt-product1-title a {

    color: #FF0000;

}



div.tt-product1-title p {

    line-height: 20px;

    text-align: center;

    line-height: 24px;

    font-family: 'RobotoCondensed-Regular';

    font-size: 15px;

    color: #8d8d8d;

}







div.item_dm {

    width: 222px;

    float: left;

    margin-right: 0px;

    margin-bottom: 0px;

    min-height: 251px;

    position: relative;

}



div.item_dm:after {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 1px;

    height: 100%;

    background: #CCC;

    content: '';

    z-index: 999999;

}



div.item_dm_title {

    width: 100%;

    box-sizing: border-box;

    padding: 10px;

}



div.item_dm_title h3 {

    text-transform: uppercase;

    font-size: 13px;

    color: #0054a6;

    font-family: 'Arial';

    font-weight: 300;

    text-align: center;

    padding-bottom: 10px;

}



div.item_dm_img {

    width: 100%;

    float: left;

    position: relative;

    overflow: hidden;

}



div.item_dm_title h3 a {

    color: #0054a6;

}



div.item_dm_img img {

    float: left;

}



div.item_dm:hover h3 {

    color: #FF0;

}



p.itemprice {

    text-align: center;

}



p.itemprice span.price {

    font-size: 22px !important;

}



p.itemprice span.price-old {

    font-size: 13px !important;

    color: #717171 !important;

}



section#tt-provider {

    width: 100%;

    float: left;

    min-height: auto;

    padding: 30px 0px;

}



div.provider-slide {

    width: 100%;

    float: left;

}



div.provider {

    width: calc(100% + 30px);

    float: left;

    margin: 0px -15px;

    padding: 15px 0px;

    border-top: 1px solid #CCC;

    border-bottom: 1px solid #CCC;

}



div.provider .slick-slide {

    margin: 0 15px;

}

/* the parent */

div.provider .slick-list {

    margin: 0  -5px;

}



div.item_dt {

    width: 100%;

    float: left;

}



div.item_dts {

    width: 100%;

    float: left;

    text-align: center;

}



div.item_dts div.img {

    width: 100%;

    float: left;

    box-sizing: border-box;

    border: 4px solid #7d7d7d;

    border-radius: 5px;

    position: relative;

    overflow: hidden;

}

div.item_dts div.img img{

    max-width: 100%;

    float: left;



    -webkit-transition: all 0.6s;

    -o-transition: all 0.6s;

    transition: all 0.6s;

}

div.item_dts:hover img{

    transform: scale(1.05);

}

div.item_dts div.title {

    width: 100%;

    float: left;

    position: relative;

}

div.item_dts div.title h3{

    display: inline-block;

    float: left;

    width: 100%;

    box-sizing: border-box;

    font-size: 16px;

    font-family: 'RobotoBoldCondensed';

    overflow: hidden;

    text-align: left;

    line-height: 20px;

    font-weight: 400;

    padding: 10px 0px 0px;

}

div.item_dts div.title h3 a{

    color: #333;

}

div.item_dts div.title p {

    width: 100%;

    float: left;

    text-align: left;

    font-size: 13px;

    line-height: 19px;

    font-family: 'Arial';

}

div.item_dts div.title p span{

    color: #FF0000;

}

section#tt-mail {

    width: 100%;

    float: left;

    min-height: 300px;

    padding: 72px 0px;

    box-sizing: border-box;

    background: url('images/keyboard.png') no-repeat center;

    background-size: cover;

    position: relative;

}



div.left_news {

    width: calc(100% - 410px);

    float: left;

    box-sizing: border-box;

    margin-bottom: 20px;

}



div.left_news:nth-child(2) {

    width: 386px;

    float: right;

}



div.right_news {

    width: 430px;

    float: right;

}



div.left_item {

    width: 46%;

    float: left;

}



div.right_item {

    width: calc(100% - 48%);

    float: right;

}



select.selectvideo {

    width: 100%;

    padding: 5px 0px;

    border: 1px solid #CCCCCC;

    outline: none;

}



select.page {

    display: inline-block;

    width: 45px;

    height: 23px;

    margin-top: 3px;

    float: left;

    margin-right: 5px;

    cursor: pointer;

    outline: none;

    border: none;

}



.fanpage-w {

    max-width: 100%;

}



div.tt-copy {

    width: 100%;

    float: left;

    text-align: center;

}



div.tt-copy p:nth-child(1) {

    color: #333;

    display: inline-block;

    line-height: 40px;

    font-size: 13px;

    float: left;

    width: 100%;

    text-align: center;

    font-family: 'Arial';

}



div.tt-copy p span {

    color: #333;

}



div.tt-copy p a {

    color: #333;

}



div.tt-contact-left {

    width: 50%;

    float: left;

    box-sizing: border-box;

    border: 10px solid transparent;

}



div.tt-contact-right {

    width: 50%;

    float: right;

    box-sizing: border-box;

    border: 10px solid transparent;

}



table.tt-tablelienhe {

    width: 100%;

    color: #333333;

}



table.tt-tablelienhe tr {

    width: 100%;

    height: 30px;

    text-align: left;

}



table.tt-tablelienhe label {

    width: 100%;

    float: left;

    margin-bottom: 5px;

}



table.tt-tablelienhe label span {

    color: #FF0000;

}



table.tt-tablelienhe input.input {

    padding: 6px 10px;

    outline: none;

    width: 100%;

    box-sizing: border-box;

    border: 1px solid #e1e1e1;

    margin-bottom: 10px;

    background: #FFF;

}



table.tt-tablelienhe textarea.noidung {

    padding: 6px 10px;

    height: 100px;

    width: 100%;

    outline: none;

    box-sizing: border-box;

    border: 1px solid #e1e1e1;

    margin-bottom: 10px;

    background: #FFF;

}



table.tt-tablelienhe input.button {

    padding: 7px 20px;

    background: #093E94;

    color: #FFFFFF;

    border: none;

    width: 120px;

    display: inline-block;

    outline: none;

}



section#tt-gioithieu {

    width: 100%;

    float: left;

    padding-top: 20px;

    padding-bottom: 40px;

}

div.item_le {

    width: 175px;

    float: left;

}

div.item_le ul{

    list-style: none;

    width: 100%;

    float: left;

}

div.item_le ul li{

    width: 100%;

    float: left;

    transition: all 0.6s;

    cursor: pointer;

}

div.item_le ul li a{

    display: block;

    padding: 30px 0px 30px 30px;

    text-align: center;

    color: #888;

    font-family: 'Tahoma';

    font-size: 16px;

    font-weight: 400;

    text-align: left;

}

div.item_le ul li:nth-child(odd) {

    background: #f3f3f3;

}



div.item_le ul li:nth-child(even) {

    background: #e9e9e9;

}

div.item_le ul li:hover,div.item_le ul li.active{

    background: #FF0000 !important;

}

div.item_le ul li:hover a,div.item_le ul li.active a{

    color: #FFF;

}

div.item_chan {

    width: calc(100% - 175px);

    float: right;

    height: 316px;

    box-sizing: border-box;

    border: 1px solid #CCC;

    border-left: 0px solid transparent;

    overflow: hidden;

}

.tabgt{

    width: 100%;

    float: left;

    display: none;

    height: 316px;

    box-sizing: border-box;

    padding: 20px;

    font-family: 'Tahoma';

    font-size: 14px;

    font-weight: 400;

    line-height: 20px;

}

.tabgt p{

    padding-bottom: 10px;

}

.tabgt p a.xemthem {

    display: inline-block;

    background: url(images/xemthem1.png) repeat-x;

    padding: 3px 10px;

    color: #FFF;

    border-radius: 5px;

    float: right;

    margin-top: 5px;

}

.tabgt.active{

    display: block;

}



section#tt-dichvu {

    width: 100%;

    float: left;

    padding: 50px 0px;

    box-sizing: border-box;

    background: url('images/bg_dv.jpg') repeat top center;

}



section#tt-doitac {

    width: 100%;

    float: left;

    padding: 15px 0px;

}

div.item_doitac{

    width: calc(100% + 30px);

    float: left;

    margin-left: -15px;

    margin-right: -15px;

}

div.img_dts{

    width: 100%;

    float: left;

    background: transparent;

    box-sizing: border-box;

    border-left: 15px solid #52452a;

    border-right: 15px solid #52452a;

}

div.img_dts img{

    max-width: 100%;

    box-sizing: border-box;

    border: 3px solid #c4be66;

    border-radius: 5px;

    background: #FFF;

}

section.gray {

    background: #E9E9E9;

    padding: 10px 0px;

}



section#tt-footer-top {

    width: 100%;

    float: left;

    background: #178ef5;

}



footer#tt-footer {

    width: 100%;

    float: left;

    position: relative;

    background: #c3bf67;

}







div.maps_w{

   width: 100%;

   height: 180px; 

}

div.tt-sfooter {

    width: 100%;

    float: left;

}



div#header-mail {

    width: 100%;

    box-sizing: border-box;

    position: relative;

    padding: 30px 0px;

    margin: 0 auto;

}

div#header-mail h3{

    color: #FFF;

    text-align: center;

    font-size: 20px;

    text-transform: uppercase;

    font-family: 'Tahoma';

    width: 100%;

    float: left;

    margin-bottom: 10px;

    font-weight: 400;

}

div#header-mail p{

    color: #FFF;

    text-align: center;

    font-size: 16px;

    font-family: 'OpenSansRegular';

    width: 100%;

    float: left;

    margin-bottom: 30px;

}

div.btnsa{

    width: 107px;

    float: right;

}

div.inputa{

    width: calc(100% - 107px);

    float: left;

}

#nhanemail{

    width: 100%;

    float: left;

}

.bgemail{

    width: 32%;

    float: left;

    height: 40px;

    background: #afab5a;

    outline: none;

    color: #333;

    box-sizing: border-box;

    border: 1px solid #d2ce72;

    padding: 4px 10px;

    margin-right: 1%;

}

.btn1{

    width: 100%;

    float: left;

    height: 40px;

    background: #FF0000;

    outline: none;

    border: none;

    color: #FFF;

    cursor: pointer;

    text-transform: uppercase;

}

div.box_ft {

    width: 100%;

    float: left;

    margin-top: 5px;

}



div.box_ft p {

    padding: 5px 0px;

    color: #333;

    line-height:20px;

    font-family: 'OpenSansRegular';

}

div.box_ft b,div.box_ft strong{

    font-family: 'OpenSansBold';

}

div.box_ft h3 {

    font-size: 20px;

    color: #fff200;

    text-transform: uppercase;

    font-family: 'UTMHelvetIns';

    font-weight: 300;

}



div.box_ft p img {

    padding-right: 10px;

}

div.tagsft{

    width: 100%;

    float: left;

    margin-bottom: 10px;

}

div.tagsft a{

    color: #FFF;

    font-size: 14px;

    padding: 5px 10px;

    position: relative;

    display: inline-block !important;

    margin-right: 5px;

    background: #0099FF;

    border-radius: 3px;

    margin-bottom: 5px;

    font-family: 'OpenSansRegular';

}

div.tagsft1{

    width: 100%;

    float: left;

    margin-bottom: 10px;

}

div.tagsft1 a{

    color: #FFF;

    font-size: 14px;

    padding-bottom: 8px;

    position: relative;

    display: inline-block !important;

    margin-right: 20px;

    font-family: 'Roboto', sans-serif;

}



div.tags a {

    color: #727a88;

    padding-right: 10px;

    position: relative;

    display: inline-block;

    margin: 5px 0px;

}



div.tags a:after {

    position: absolute;

    top: 0px;

    right: 5px;

    width: 1px;

    height: 100%;

    content: '';

    background: #727a88;

}



div.danhmuc {

    float: left;

    width: 100%;

    box-sizing: border-box;

    margin-bottom: 10px;

}



div.danhmuc h5 {

    font-size: 15px;

    text-transform: uppercase;

    color: #FFF;

    font-family: 'Arial';

    width: 100%;

    float: left;

    position: relative;

    padding-bottom: 3px;

}

div.danhmuc h5:after{

    width: 40px;

    height: 1px;

    content: '';

    background: #d90000;

    bottom: 0px;

    left: 0px;

    position: absolute;

}

.dmft ul {

    list-style: none;

    width: 100%;

    float: left;

    padding: 20px 0px;

}



.dmft li {

    float: left;

    padding: 0px 0px;

}

.dmft a{

    font-size:  13px;

    color: #696969;

    font-family: 'OpenSansRegular';

    display: inline-block;

    position: relative;

    line-height: 30px;

}



div.item_ft {

    padding: 30px 0px;

    box-sizing: border-box;

}



div.item_ft:nth-child(1) {

    width: calc(100% - 710px);

    float: left;

}

div.item_ft:nth-child(2){

    width: 300px;

    float: left;

    margin-right: 35px;

    margin-left: 35px;

    

}

div.item_ft:nth-child(3){

    width: 340px;

    float: right;

}



div.box_img_t {

    width: 100%;

    float: left;

}



div.box_img_t img {

    max-width: 100%;

    float: left;

}





div.box_map {

    width: 100%;

    float: right;

    box-sizing: border-box;

    border: 1px solid #FF0000;

    padding: 3px;

}



div.thongke {

    width: 100%;

    float: left;

    min-height: 100px;

    box-sizing: border-box;

}

div.thongke p {

    line-height: 32px;

    color: #FFF;

}



.mail_p {

    font-size: 13px;

    line-height: 22px;

    color: #494949;

    font-family: 'Arial';

}



section#tt-pagefull {

    width: 100%;

    float: left;

}



div#load_sp {

    width: 100%;

    float: left;

    margin-top: 20px;

}



#share-buttons img {

    width: 35px;

    padding: 5px;

    border: 0;

    box-shadow: 0;

    display: inline;

}



section#tt-breadcumb {

    width: 100%;

    float: left;

    min-height: auto;

    margin-bottom: 10px;

    border: 1px solid #ebebeb;

    box-sizing: border-box;

    padding: 8px 5px 5px;

    border-radius: 5px;

}



#breadcrumb {

    list-style: none;

    display: inline-block;

}



#breadcrumb .icon {

    font-size: 14px;

}



#breadcrumb li {

    float: left;

}



#breadcrumb li a {

    color: #333;

    display: block;

    text-decoration: none;

    position: relative;

    height: 20px;

    line-height: 20px;

    padding: 0 10px 0 5px;

    text-align: center;

    margin-right: 9px;

}



#breadcrumb li:last-child a:after {

    content: "";

}



#breadcrumb li a:after {

    content: "/";

    position: absolute;

    top: 0;

    width: 0;

    height: 0;

    color: #333;

}



#breadcrumb li a:before {

    left: -20px;

    border-left-color: transparent;

}



#breadcrumb li a:after {

    left: 100%;

    border-color: transparent;

    border-left-color: #1A1A1A;

}



#breadcrumb li a:hover {

    color: #1abc9c;

}



#breadcrumb li a:active {

    color: #16a085;

}

div.title_left{

    width: 100%;

    float: left;

    position: relative;

}

div.title_left:after{

    width: 100%;

    height: 13px;

    background: url('images/bgdm.png') no-repeat top center;

    position: absolute;

    bottom: -13px;

    left: 0px;

    content: '';

}

div.title_left h3{

    font-size: 16px;

    color: #FFF;

    background: #0055a8;

    width: 100%;

    font-weight: 400;

    line-height: 45px;

    box-sizing: border-box;

    padding-left: 30px;

    text-transform: uppercase;

    font-family: 'OpenSansRegular';

}

div.desc_left{

    width: 100%;

    float: left;

    box-sizing: border-box;

    border: 1px solid #e1e1e1;

}

section#tt-footer {

    width: 100%;

    float: left;

    border-top: 1px solid #f5f5f5;

    min-height: 262px;

    margin-top: 30px;

    margin-bottom: 30px;

}



div.div_content1 {

    width: 100%;

    float: left;

    box-sizing: border-box;

}

div.div_content {

    width: 100%;

    float: left;

    box-sizing: border-box;

}

div.div_content img{

    max-width: 100% !important;

    height: auto !important;

}

div.div_content iframe{

    max-width: 100% !important;

    height: auto !important;

}

div.div_content table{

    width: 100%;

    max-width: 100% !important;

    height: auto !important;

    border-collapse: collapse !important;

    border: 1px solid #999;

} 

div.div_content table tr,div.div_content table td, div.div_content table th

{

    padding: 10px;

    border: 1px solid #999;

}

div.datcauhoi {

    display: inline-block;

    padding: 5px 20px;

    font-size: 15px;

    color: #FFF;

    font-weight: 300;

    font-family: Arial;

    cursor: pointer;

    background: #eba222;

}



div.class_padding {

    width: 100%;

    float: left;

    background: #E1E1E1;

    box-sizing: border-box;

    border: 10px solid #E1E1E1;

}



h3.ds_cauhoi {

    width: 100%;

    float: left;

    line-height: 30px;

    font-size: 14px;

    color: #333;

}



ul.ul_hoidap {

    list-style: none;

    width: 100%;

    float: left;

}



ul.ul_hoidap li {

    width: 50%;

    float: left;

    box-sizing: border-box;

    border-top: 5px solid transparent;

    border-bottom: 5px solid transparent;

    border-right: 10px solid transparent;

    border-left: 10px solid transparent;

}



div.cauhoi_item {

    width: 100%;

    float: left;

    cursor: pointer;

}



ul.ul_hoidap li img {

    width: 20px;

    float: left;

    margin-right: 10px;

}



ul.ul_hoidap li h4 {

    line-height: 20px;

    font-size: 15px;

    color: #333;

    font-weight: 300;

}



ul.ul_hoidap li h4:hover,

ul.ul_hoidap li h4.active {

    color: #0099FF;

}



div.cautraloi {

    width: 100%;

    float: left;

    margin-top: 10px;

    display: none;

}



div.cautraloi > p {

    color: #D90000;

}



div.contact {

    width: 100%;

    margin-top: 10px;

}



div.tintuc-desc {

    width: 100%;

    float: left;

    padding: 10px 0px;

}



div.tintuc-item {

    width: 50%;

    float: left;

    box-sizing: border-box;

    position: relative;

    height: auto;

    box-sizing: border-box;

    padding: 0px 10px;

    margin-bottom: 20px;

}



div.img_tin {

    width: 30%;

    float: left;

    position: relative;

    overflow: hidden;

    margin-right: 2%;

}



div.desc_tin {

    width: 68%;

    float: left;

}



div.tintuc-item img {

    width: 100%;

    float: left;

    box-sizing: border-box;

    transition: all 0.6s;

}



div.tintuc-item:hover img {

    transform: scale(1.05);

}



div.tintuc-item h3 {

    font-size: 14px;

    color: #333333;

    text-align: left;

    font-family: 'Tahoma';

    line-height: 21px;

    width: 100%;

    font-weight: bold;

    float: left;

    text-transform: uppercase;

    padding-bottom: 5px;

}



div.tintuc-item h3 a {

    color: #52452A;

}



div.tintuc-item:hover h3 a {

    color: #D90000;

}



div.tintuc-item:hover p a {

    color: #d90000;

}



div.tintuc-item p {

    font-size: 12px;

    color: #5b5b5b;

    width: 100%;

    float: left;

    text-align: justify;

    font-family: 'Tahoma';

    line-height: 20px;

}



div.tintuc-item p a {

    font-family: 'OpenSansExtraBold';

    text-transform: uppercase;

    color: #8c4718;

    font-size: 13px;

}



.tablelienhe span {

    color: #F00;

}



.tablelienhe tr {

    height: 40px;

}



.tablelienhe td {

    height: 30px;

}



.tablelienhe .input {

    width: 90%;

    height: 26px;

    outline: none;

    padding: 0px 7px;

    border: 1px solid #ccc;

    background: #FFF;

}



.tablelienhe .title {

    font-size: 14px;

    font-weight: bold;

    text-transform: uppercase;

}



.tablelienhe .noidung {

    width: 95.7%;

    height: 100px;

    padding: 10px 7px;

    outline: none;

    border: 1px solid #ccc;

    background: #FFF;

}



.button {

    display: inline-block;

    border: none;

    background: #990004;

    color: #FFFFFF;

    font-weight: bold !important;

    padding: 7px 20px;

    cursor: pointer;

    outline: none;

}



a.dathang {

    display: inline-block;

    padding: 7px 20px;

    background: #FF0000;

    color: #FFF;    /* border-bottom: 5px solid #336600; */

    font-size: 15px;

    border-radius: 5px;

    margin-left: 10px;

    float: left;

}



div.container_sp_left {

    width: 15%;

    float: left;

}



div.container_sp_right {

    width: 85%;

    float: left;

    box-sizing: border-box;

    border: 10px solid transparent;

    border-top: 0px solid transparent;

    border-right: 0px solid transparent;

}



div.tt-right-desc-detail-l {

    float: left;

    width: 100%;

    text-align: center;

}



.contain_number_giohang {

    display: inline-block;

    float: left;

}



.minus_giohang {

    display: inline-block;

    float: left;

    width: 20px;

    height: 28px;

    border: 1px solid #d0d0d0;

    border-right: none;

    line-height: 28px;

    text-align: center;

}



.plus_giohang {

    display: inline-block;

    float: left;

    width: 20px;

    height: 28px;

    border: 1px solid #d0d0d0;

    border-left: none;

    line-height: 28px;

    text-align: center;

}



.number_giohang {

    display: inline-block;

    float: left;

    text-align: center;

    height: 28px;

    outline: none;

    line-height: 28px;

    width: 36px;

    font-size: 12px;

    color: #000;

    font-weight: normal;

    box-shadow: 0px 0px 0px #0000;

    border-radius: 0px;

    -webkit-appearance: none;

    border: 1px solid #d0d0d0;

}



div.images_galley {

    width: 100%;

    float: left;

    border: 1px solid #CCC;

    padding: 10px;

    box-sizing: border-box;

}



div.images_list {

    width: 100%;

    float: left;

    margin-top: 10px;

    border: 1px solid #FFF;

    padding: 5px 0px;

    box-sizing: border-box;

}



div.images_list div.item_img {

    width: 100%;

    box-sizing: border-box;

    /* border: 5px solid transparent; */

    float: left;

}



div.tt-right-desc-detail-l img {

    max-width: 100%;

    box-sizing: border-box;

    padding: 4px;

    border: 1px solid #CCC;

}



div.box_padding {

    width: 100%;

    float: left;

}



div.padd {

    width: 100%;

    float: left;

}



h1.nameDetail {

    font-size: 25px;

    color: #0055A8;

    margin-bottom: 10px;

    font-family: 'RobotoBold';

}



div.tt-right-desc-detail-r {

    float: left;

    width: 100%;

    box-sizing: border-box;

    color: #333333;

    /* padding: 0px 10px; */

}



div.mota_bg {

    width: 100%;

    clear: both;

}



div.mota_bg p {

    width: 100%;

    float: left;

    box-sizing: border-box;

    border: 10px solid transparent;

    font-size: 13px;

    color: #FFF;

    text-align: center;

    background: #EBA222;

}



div.padd_thongtin {

    width: 100%;

    float: left;

    box-sizing: border-box;

    border: 1px solid #CCC;

    background: #DDD;

}



div.mota_bg h4 {

    font-size: 30px;

    text-align: center;

    font-weight: 300;

    color: #FFF;

    background: #EBA222;

}



div.mota span.price-old {

    font-size: 20px;

    color: #CCC;

    text-decoration: line-through;

}



div.mota span.price {

    font-size: 28px;

    color: #FF0000;

}



div.mota p a {

    font-size: 13px;

    color: #333;

}



div.dongThongTin {

    line-height: 25px;

}



ul.tabs_product {

    width: 100%;

    float: left;

    margin-top: 10px;

    list-style: none;

}



ul.tabs_product li {

    float: left;

    cursor: pointer;

    text-align: center;

    box-sizing: border-box;

    border: 1px solid #0055A8;

}



ul.tabs_product li span {

    display: block;

    padding: 10px 30px;

    color: #333333;

    font-size: 15px;

    text-transform: uppercase;

}



ul.tabs_product li.active {

    background: #0055A8;

}



ul.tabs_product li.active span,

ul.tabs_product li:hover span {

    color: #FFF;

    background: #0055A8;

}



div.tabs_pad {

    width: 100%;

    float: left;

    display: none;

    padding: 10px 10px;

    box-sizing: border-box;

    border: 1px solid #0055A8;

    margin-top: -1px;

}



div.tabs_pad.active {

    display: block;

}



div.tabs_pad img {

    max-width: 100%;

}



.h_frame {

    position: relative;

    text-align: center;

    max-width: 50%;

    margin: 0 auto;

}



.h_frame iframe {

    margin: 0 auto;

}



div.red {

    background: red;

}



div.blue {

    background: blue;

}



div.yellow {

    background: yellow;

}



div.pink {

    background: pink;

}



div.gray {

    background: gray;

}



div.green {

    background: green;

}



.button:hover {

    background: #D90000;

    color: #FFF;

}



div.pagination {

    width: 100%;

    float: left;

}



ul.pagination {

    text-align: center;

    color: #829994;

    padding: 10px 0px;

}



ul.pagination li {

    display: inline;

    padding: 0 3px;

}



ul.pagination a {

    font-size: 11px;

    color: #0d7963;

    display: inline-block;

    padding: 3px 6px;

    border: 1px solid #cde0dc;

    text-decoration: none;

}



ul.pagination a:hover,

ul.pagination a.current {

    background: #0d7963;

    color: #fff;

}



div.form_log {

    width: 40%;

    margin: 20px auto;

}



div.item_login {

    width: 100%;

    float: left;

    margin-bottom: 10px;

}



div.item_login label {

    float: left;

    width: 35%;

    line-height: 30px;

}



div.item_login a {

    color: #60C300;

}



div.item_login input.text {

    width: 60%;

    padding: 0px 10px;

    float: right;

    outline: none;

    height: 30px;

    box-sizing: border-box;

    border: 1px solid #CCC;

    border-radius: 4px;

    box-shadow: inset 0px 0px 10px #CCC;

}



select.select_sex {

    width: 60%;

    padding: 0px 10px;

    float: right;

    outline: none;

    height: 30px;

    box-sizing: border-box;

    border: 1px solid #CCC;

    border-radius: 4px;

    box-shadow: inset 0px 0px 10px #CCC;

}



.align-right {

    text-align: right;

}



input.button_log {

    padding: 5px 10px;

    color: #FFF;

    background: #60C300;

    border: 1px solid #438800;

    border-radius: 4px;

    cursor: pointer;

    transition: all 0.6s;

}



input.button_log:hover {

    background: #CC0000;

    border: 1px solid #D90000;

}



.fixed_table {

    width: 100%;

    float: left;

}



.fixed_table table {

    width: 100%;

    border-collapse: collapse;

    border: 1px solid #CCC;

}



.fixed_table table tr,

.fixed_table table th,

.fixed_table table td {

    border: 1px solid #CCC;

    box-sizing: border-box;

    padding: 5px 10px;

}



::-webkit-input-placeholder {

    color: #333;

    font-size: 14px;

    font-family: 'UTMAvo';

}



:-moz-placeholder {

    color: #333;

    font-size: 14px;

    font-family: 'UTMAvo';

}



::-moz-placeholder {



    /* Firefox 19+ */

    color: #333;

    font-size: 14px;

    font-family: 'UTMAvo';

}



:-ms-input-placeholder {

    color: #333;

    font-size: 14px;

    font-family: 'UTMAvo';

}



#top {

    color: #FFF;

    font-weight: 500;

    text-align: center;

    width: 39px;

    padding: 11px 0px;

    position: fixed;

    bottom: 24px;

    right: 24px;

    display: none;

    cursor: pointer;

    background-color: #000;

    -moz-transition: background-color 0.2s ease-in-out;

    -ms-transition: background-color 0.2s ease-in-out;

    -o-transition: background-color 0.2s ease-in-out;

    -webkit-transition: background-color 0.2s ease-in-out;

    transition: background-color 0.2s ease-in-out;

}



#top:hover {

    background: #990004;

    background: -webkit-linear-gradient(top, #D60004 0%, #990004 100%);

    background: -moz-linear-gradient(top, #D60004 0%, #990004 100%);

    background: -ms-linear-gradient(top, #D60004 0%, #990004 100%);

    background: -o-linear-gradient(top, #D60004 0%, #990004 100%);

}



/* Clock */

#clock {

    position: relative;

    width: 71px;

    height: 71px;

    background: url('images/clockface.jpg') no-repeat;

    list-style: none;

    background-size: 71px;

    float: left;

}



.clx {

    margin: 0 35px;

}



#sec,

#min,

#hour {

    position: absolute;

    width: 3px;

    height: 50px;

    top: 12px;

    left: 35px;

}



#sec {

    background: url('images/sechand.png');

    z-index: 3;

}



#min {

    background: url('images/minhand.png');

    z-index: 2;

}



#hour {

    background: url('images/hourhand.png');

    z-index: 1;

}

div.menu_mobile{

    width: 100%;

    float: left;

    min-height: 40px;

    box-sizing: border-box;

    padding: 0px 10px;

    position: relative;

    display: none;

    position: fixed;

    left: 0px;

    top: 0px;

    background: #000;

    padding: 10px 0px;

    z-index: 999999;

}

div.menu_mobile nav#mobile{

    display: inline-block;

    position: absolute;

    width: 40px;

    height: 30px;

    top: 5px;

    left: 10px;

    border: 1px solid #FFF;

    padding: 5px;

    content: '';

    box-sizing: border-box;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    background: #000;

}

nav#mobile:after{

    content: 'MENU';

    position: absolute;

    right: -50px;

    top: 0px;

    line-height: 30px;

    color: #FFF;

    z-index: 999999;

}

div.menu_mobile nav#mobile span{

    display: inline-block;

    width: 25px;

    height: 2px;

    background: #FFF;

    float: left;

    position: relative;

}

div.menu_mobile nav#mobile span:before{

    position: absolute;

    width: 25px;

    height: 2px;

    background: #FFF;

    content: '';

    top: 7px;

    left: 0px;

}

div.menu_mobile nav#mobile span:after{

    position: absolute;

    width: 25px;

    height: 2px;

    background: #FFF;

    content: '';

    bottom: 7px;

    left: 0px;

}

div.wmobile{

    width: 100%;

    position: absolute;

    top: 100%;

    background: #FFF;

    left: 0px;

    border-top: 1px solid #ff8cb4;

    box-sizing: border-box;

    padding: 10px;

    z-index: 99999;

    display: none;

}

div.wmobile ul, div.wmobile ul ul,  div.wmobile ul ul ul{

    list-style: none;

    width: 100%;

    float: left;

}

div.wmobile ul ul,  div.wmobile ul ul ul{

    /* display: none; */

    box-sizing: border-box;

    padding: 0px 10px;

    background: #f9f9f9;

}

 div.wmobile ul ul ul{

    /* display: none; */

    box-sizing: border-box;

    padding: 0px 10px;

    /* background: #f9f9f9; */

}

div.wmobile ul li{

    width: 100%;

    float: left;

    

    position: relative;

}

div.wmobile ul li span{

    position: absolute;

    top: 18px;

    right: 10px;

    width: 15px;

    height: 15px;

    content: '';

    z-index: 9999;

    cursor: pointer;

}

div.wmobile ul li span:before{

    position: absolute;

    top: 0px;

    right: 0px;

    width: 15px;

    height: 2px;

    background: #FFF;

    content: '';

    transition: all 0.6s;

}

div.wmobile ul li span:after{

    position: absolute;

    top: -6px;

    right: 6px;

    width: 2px;

    height: 15px;

    background: #FFF;

    content: '';

    transition: all 0.6s;

}

div.wmobile ul li span.active:after{

    background: transparent;

}



div.wmobile ul li h2{

    font-family: 'OpenSansRegular';

    font-size: 17px;

    position: relative;

    z-index: 9999;

    font-weight: 300;

    float: left;

    line-height: 30px;

    box-sizing: border-box;

    padding: 7px 00px;

    display: block;

    width: 100%;

}

div.wmobile ul li ul li h2{

    font-family: 'OpenSansRegular';

    font-size: 16px;

    width: 100%;

    position: relative;

    z-index: 9999;

    float: left;

    display: block;

    font-weight: 300;

    padding: 5px 10px;

}

div.wmobile ul li ul li ul li h2{

    font-family: 'OpenSansRegular';

    font-size: 16px;

    width: 100%;

    position: relative;

    z-index: 9999;

    float: left;

    display: block;

    font-weight: 300;

    padding: 5px 20px;

}

div.wmobile ul li h2 a{

    color: #333;

    display: block;

    width: 100%;

    box-sizing: border-box;

    padding: 0px 10px;

    float: left;

}

div.wmobile ul li h2 a:hover{

    color: #FF0000;

}

div.row2{

    width: 50%;

    float: left;

    box-sizing: border-box;

    padding: 0px 10px;

}

div.row2 label{

    width: 100%;

    float: left;

    font-family: 'OpenSansRegular';

    font-size: 16px;

    color: #333;

    padding-bottom: 5px;

}

input.ht_input{

    width: 100%;

    float: left;

    margin-bottom: 5px;

    height: 30px;

    box-sizing: border-box;

    padding: 5px 10px;

    border: 1px solid #DDD;

    outline: none;

    border-radius: 5px;

}

input.ht_input_error{

    border: 1px solid #FF0000;

}

textarea.ht_input{

    width: 100%;

    float: left;

    margin-bottom: 10px;

    height: 55px;

    box-sizing: border-box;

    padding: 5px 10px;

    border: 1px solid #DDD;

    outline: none;

    border-radius: 5px;

}

div.row1{

    width: 100%;

    float: left;

    box-sizing: border-box;

    padding: 0px 10px;

}

div.row1 label{

    width: 100%;

    float: left;

    font-family: 'OpenSansRegular';

    font-size: 16px;

    color: #333;

    padding-bottom: 10px;

}

.errmessage1,.errmessage2{

    display: inline-block;

    line-height: 38px;

    color: #FF0000;

    font-family: 'OpenSansRegular';

    font-size: 15px;

}

.btn_hotro,.btn_lienhe{

    display: inline-block;

    padding: 9px 10px;

    background: #D90000;

    color: #FFF;

    font-size: 15px;

    font-family: 'OpenSansRegular';

    cursor: pointer;

    float: right;

    border-radius: 5px;

}

div.mota_gb{

    width: 100%;

    float: left;

}

.showht{

    display: block;

}

.hideht{

    display: none;

}

.bglkw{

    width: 100%;

    float: left;

    background: #eeeeee;

    box-sizing: border-box;

    padding: 15px 15px 5px;

}

.qc_img{

    width: 100%;

    float: left;

    margin-bottom: 10px;

}

.qc_img img{

    max-width: 100%;

    float: left;

}

.itemnews:nth-child(1){

    width: 250px;

    float: left;

}

.itemnews:nth-child(2){

    width: calc(100% - 520px);

    float: left;

    box-sizing: border-box;

    padding: 0px 10px;

}

.itemnews:nth-child(3){

    width: 270px;

    float: left;

}

.owl-prev{

    position: absolute;

    width: 30px;

    height: 28px;

    background: url(images/prev.png) no-repeat center;

    top: 38%;

    left: -15px;

    text-indent: -99999px;

}

.owl-next{

    position: absolute;

    width: 30px;

    height: 28px;

    background: url(images/next.png) no-repeat center;

    top: 38%;

    right: -15px;

    text-indent: -99999px;

}

div.boxmail{

    max-width: 1062px;

    margin: 0 auto;

}

div.all-mail{

    width: 100%;

    float: left;

}

@media screen and (max-width:1262px) {

    div.form_in{

        max-width: 100% !important;

        position: relative;

        float: left;

    }

    div#tt-nav > ul > li{

        margin-right: 20px;

    }

}





@media screen and (max-width:1200px) {

    div.ctn_s ul li{

        margin-bottom: 13px;

    }

}

@media screen and (max-width:1148px) {

    div#tt-nav > ul > li > h2 > a{

        padding: 0px 8px;

    }

    ul.top li:first-child{

        display: none;

    }

    div#tt-nav > ul > li{

        margin-right: 0px;

    }

}

@media screen and (max-width:1120px) {

    div#tt-nav > ul > li{

        margin-right: 15px;

    }

    div#tt-nav > ul > li:last-child,div#tt-nav > ul > li:first-child{

        display: none;

    }

}

@media screen and (max-width:1048px) {

    div.tintuc-item{

        width: 100%;

    }

    div#tt-banner{

        padding: 0px 0px;

    }

    div.box_cont{

        width: calc(100% + 10px);

        margin-left: -5px;

        margin-right: -5px;

    }

    div.tt-product-item{

        padding: 0px 5px;

    }

    div.menuslider{

        position: relative;

    }

    div.olaslider{

        min-height: 204px;

        height: auto;

    }

    div#tt-nav > ul > li{

        margin-right: 10px;

    }

    div.item_ft:nth-child(1){

        width: calc(100% - 335px);

    }

    div.item_ft:nth-child(2){

        margin-right: 0px;

    }

    div.item_ft:nth-child(3){

        width: 100%;

        margin-top: 10px;

        padding-top: 0px;

    }

}

@media screen and (max-width:1024px) {

    div.slick_giaykhen{

        width: calc(100% + 16px);

        float: left;

        margin-left: -8px;

        margin-right: -8px;

    }

    div.slick_giaykhen div.img{

        padding: 0px 8px;

        box-sizing: border-box;

    }

    div.giaykhen_left{

        width: 100%;

        float: left;

    }

    div.giaykhen_right{

        width: 100%;

        float: left;

        margin-top: 50px;

    }



    div.gioithieu_left{

        width: 100%;

        float: left;

    }

    div.gioithieu_right{

        width: 100%;

        float: left;

        margin-top: 50px;

    }



    div#banner-right{

    }

    div#tt-menu{

        width: 25%;

    }

    div#tt-nav{

        display: none;

    }

    div.menu_mobile{

        display: block;

    }

    section#tt-menu{

        display: none;

    }

    div#banner-right{

        height: 166px;

        display: flex;

        align-items: center;

    }

    div.lang{

        position: fixed;

        top: 13px;

        font-size: 13px;

        color: #FFF;

    }

    section#tt-header{

        top: 40px;

    }

    div.ctn_s ul li{

        margin-bottom: 20px;

    }

    

    div.showgt,ul.tabs_lk{

        width: 100%;

        box-sizing: border-box;

        padding: 0px 10px;

    }

    div.ctn_s,div.ctn_r{

        width: 100%;

        box-sizing: border-box;

    }

    div.ctn_r1{

        width: 100%;

        box-sizing: border-box;

        padding: 0px 10px;

    }

    div.ctn_s{

        margin-top: 20px;

    }



    div.tt-left{

        display: none;

    }

    div.tt-right{

        width: 100%;

    }

    

}

@media screen and (max-width:1010px) {

   div#tt-nav > ul > li > h2 > a {padding: 0px 10px;}

  

    div.item_n3{

        padding-bottom: 0px;

    }

    div.item_n4{

        padding-bottom: 0px;

    }

    div.img_quangcao{

        width: 50%;

        margin-bottom: 10px;

    }

}

@media screen and (max-width:928px) {

    .itemnews:nth-child(1){

        width: 100%;

        margin-bottom: 20px;

    }

    .itemnews:nth-child(2){

        width: 100%;

        margin-bottom: 20px;

    }

    .itemnews:nth-child(3){

        width: 100%;

        margin-bottom: 20px;

    }

    div.suport_on{

        max-width: 100%;

        overflow: hidden;

    }

    div.left_news{

        width: 50%;

        margin-right: 0px;

        box-sizing: border-box;

        padding: 5% 5%;

    }

    div.left_news:nth-child(3){

        margin-right: 0px;

        width: 100%;

        text-align: center;

    }

    div.box_cont {

        width: calc(100% + 10px);

        float: left;

        margin-left: -5px;

        margin-right: -5px;

        box-sizing: border-box;

        padding: 0px 10px;

    }

    div.tt-product-item{

        width: 50%;

        padding: 0px 5px;

    }

    div.tt-product-item:nth-child(2n){

        float: right;

    }

    div.left_news{

        width: 100% !important;

    }

    div.itemslider{

        width: 100%;

        float: left;

        margin-bottom: 10px;

    }

    div.olaslider{

        margin-top: 10px;

        display: block;

    }

    

}

@media screen and (max-width:850px) {

   ul.top{

    display: none;

   }

   .dmft > li{

    width: 50%;

    box-sizing: border-box;

    padding: 0px 10px;

    margin-bottom: 20px;

   }

   div.item_le{

    width: 100%;

   }

    div.item_le ul li{

        width: 25%;

        float: left;

    }

    div.item_chan{

        width: 100%;

        border-left: 1px solid #CCC;

    }

    div.item_le ul li a{

        padding: 30px 0px 30px 0px;

        text-align: center;

    }

}

@media screen and (max-width:795px) {

    div.img_quangcao{

        width: 100%;

    }

}

@media screen and (max-width:768px) {



    div.tt-search{

        padding: 25px 0px;

    }

    div.item_n4{

        padding-top: 2px;

    }

    div.left_news{

        width: 50%;

        margin-right: 0px;

        box-sizing: border-box;

        padding: 2% 2%;

    }

    div.left_news:nth-child(3){

        margin-right: 0px;

        width: 100%;

        padding: 5% 5%;

        text-align: center;

    }

    div.provider {

        width: 100%;

        margin: 0px 0px;

        box-sizing: border-box;

        padding: 0px 10px;

    }



    div.provider .slick-slide {

        margin: 0 5px;

    }

    

}

@media screen and (max-width:767px) {

    div#banner-right{

        display: none;

    }

    div#banner-logo{

        width: 100%;

        text-align: center;

    }

    div#tt-banner img{

        float: none;

    }

    div#tt-banner a{

        display: inline-block;

        float: none;

    }

     div.item_ft:nth-child(1){

        width: 100%;

    }

    div.item_ft:nth-child(2){

        width: 100%;

        margin: 0px 0px;

        padding-top: 0px;

    }

}

@media screen and (max-width:666px){

    div.suport_on .item{

        width: 100%;

    }

    div.suport_on .item:first-child .iteml{

        float: none;

        margin: 0 auto;

    }

    div.suport_on .item:last-child .iteml{

        float: none;

        margin: 0 auto;

    }

    section#tt-header{

        padding: 0px;

    }

}

@media screen and (max-width:650px) {

   section#tt-top ul.top li{

        width: 100%;

        float: none !important;

        display: inline-block;

        text-align: center;

    }



}

@media screen and (max-width:640px) {

    div.left_news{

        width: 100%;

        margin-right: 0px;

        box-sizing: border-box;

        padding: 5% 5%;

    }

    div.left_news:nth-child(3){

        margin-right: 0px;

        width: 100%;

        padding: 5% 5%;

        text-align: center;

    }

    div.pan{

        display: none;

    }

    div.inputa{

        width: 100%;

    }

     div.btna{

        width: 100%;

    }

    .bgemail{

        width: 100%;

        margin-right: 0px;

        margin-bottom: 10px;

    }

}

@media screen and (max-width:599px) {

    div.item_n4{

        padding-top: 0px;

    }

    

    div.tt-right-desc-detail-l{

        width: 100%;

        box-sizing: border-box;

        padding: 10px;

    }

    div.tt-right-desc-detail-r{

        width: 100%;

        border-left: 0px solid transparent;

        box-sizing: border-box;

        padding: 10px;

    }

    div.padd{

        box-sizing: border-box;

        padding: 10px;

        width: 100%;

        float: left;

    }

    div.tintuc-desc{

        box-sizing: border-box;

        padding: 10px;

    }

    div.tt-contact-right{

        width: 100%;

    }

    div.tt-contact-left{

        width: 100%;

    }

}

@media screen and (max-width:550px) {

    div.img_tin{

        width: 100%;

        margin-right: 0px;

        margin-bottom: 10px;

    }

    div.desc_tin {

        width: 100%;

        float: left;

    }

    div.right_item,div.left_item{

        width: 100%;

    }

    div.right_item{

        margin-top: 20px;

    }

    ul.tabs_lk li span{

        padding: 10px 6px;

    }

    div.tt-product-item{

        width: 100%;

        padding: 0px 5px;

    }

    .dmft > li{

        width: 100%;

    }

    div.item_le ul li{

        width: 100%;

    }

    div.item_le ul li a{

        padding: 10px 0px;

    }

}

@media screen and (max-width:480px) {

    div.tt-product-item{

        width: 100%;

    }

    div.left_news{

        width: 100%;

        margin-right: 0px;

        box-sizing: border-box;

        padding: 2% 2%;

    }

    div.left_news:nth-child(3){

        margin-right: 0px;

        width: 100%;

        padding: 2% 2%;

        text-align: center;

    }

}