/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Font face*/
@font-face {
    font-family: mntb;
    src: url('fonts/magnetob/magnetob.eot');
    src: url('fonts/magnetob/magnetob.eot') format('embedded-opentype'),
         url('fonts/magnetob/magnetob.woff2') format('woff2'),
         url('fonts/magnetob/magnetob.woff') format('woff'),
         url('fonts/magnetob/magnetob.ttf') format('truetype'),
         url('fonts/magnetob/magnetob.svg#magnetob') format('svg');
}
@font-face {
    font-family: MRPR;
    src: url('fonts/MYRIADPROREGULAR/MYRIADPROREGULAR.eot');
    src: url('fonts/MYRIADPROREGULAR/MYRIADPROREGULAR.eot') format('embedded-opentype'),
         url('fonts/MYRIADPROREGULAR/MYRIADPROREGULAR.woff2') format('woff2'),
         url('fonts/MYRIADPROREGULAR/MYRIADPROREGULAR.woff') format('woff'),
         url('fonts/MYRIADPROREGULAR/MYRIADPROREGULAR.ttf') format('truetype'),
         url('fonts/MYRIADPROREGULAR/MYRIADPROREGULAR.svg#MYRIADPROREGULAR') format('svg');
}
@font-face {
    font-family: OS;
    src: url('fonts/OpenSansRegular/OpenSansRegular.eot');
    src: url('fonts/OpenSansRegular/OpenSansRegular.eot') format('embedded-opentype'),
         url('fonts/OpenSansRegular/OpenSansRegular.woff2') format('woff2'),
         url('fonts/OpenSansRegular/OpenSansRegular.woff') format('woff'),
         url('fonts/OpenSansRegular/OpenSansRegular.ttf') format('truetype'),
         url('fonts/OpenSansRegular/OpenSansRegular.svg#OpenSansRegular') format('svg');
}

@font-face {
    font-family: OSB;
    src: url('fonts/OpenSansBold/OpenSansBold.eot');
    src: url('fonts/OpenSansBold/OpenSansBold.eot') format('embedded-opentype'),
         url('fonts/OpenSansBold/OpenSansBold.woff2') format('woff2'),
         url('fonts/OpenSansBold/OpenSansBold.woff') format('woff'),
         url('fonts/OpenSansBold/OpenSansBold.ttf') format('truetype'),
         url('fonts/OpenSansBold/OpenSansBold.svg#OpenSansBold') format('svg');
}

@font-face {
    font-family: OSSB;
    src: url('fonts/OpenSansSemibold/OpenSansSemibold.eot');
    src: url('fonts/OpenSansSemibold/OpenSansSemibold.eot') format('embedded-opentype'),
         url('fonts/OpenSansSemibold/OpenSansSemibold.woff2') format('woff2'),
         url('fonts/OpenSansSemibold/OpenSansSemibold.woff') format('woff'),
         url('fonts/OpenSansSemibold/OpenSansSemibold.ttf') format('truetype'),
         url('fonts/OpenSansSemibold/OpenSansSemibold.svg#OpenSansSemibold') format('svg');
}
@font-face {
    font-family: OSEB;
    src: url('fonts/OpenSansExtraBold/OpenSansExtraBold.eot');
    src: url('fonts/OpenSansExtraBold/OpenSansExtraBold.eot') format('embedded-opentype'),
         url('fonts/OpenSansExtraBold/OpenSansExtraBold.woff2') format('woff2'),
         url('fonts/OpenSansExtraBold/OpenSansExtraBold.woff') format('woff'),
         url('fonts/OpenSansExtraBold/OpenSansExtraBold.ttf') format('truetype'),
         url('fonts/OpenSansExtraBold/OpenSansExtraBold.svg#OpenSansExtraBold') format('svg');
}
@font-face {
    font-family: RCR;
    src: url('fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}
@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold/RobotoCondensedBold.woff2') format('woff2'),
         url('fonts/RobotoCondensedBold/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}
@font-face {
    font-family: RCL;
    src: url('fonts/RobotoCondensedLight/RobotoCondensedLight.eot');
    src: url('fonts/RobotoCondensedLight/RobotoCondensedLight.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedLight/RobotoCondensedLight.woff2') format('woff2'),
         url('fonts/RobotoCondensedLight/RobotoCondensedLight.woff') format('woff'),
         url('fonts/RobotoCondensedLight/RobotoCondensedLight.ttf') format('truetype'),
         url('fonts/RobotoCondensedLight/RobotoCondensedLight.svg#RobotoCondensedLight') format('svg');
}

@font-face {
    font-family: RR;
    src: url('fonts/RobotoRegular/RobotoRegular.eot');
    src: url('fonts/RobotoRegular/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular/RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family: RM;
    src: url('fonts/RobotoMedium/RobotoMedium.eot');
    src: url('fonts/RobotoMedium/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium/RobotoMedium.woff2') format('woff2'),
         url('fonts/RobotoMedium/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: RB;
    src: url('fonts/RobotoBold/RobotoBold.eot');
    src: url('fonts/RobotoBold/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: RL;
    src: url('fonts/RobotoLight/RobotoLight.eot');
    src: url('fonts/RobotoLight/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight/RobotoLight.svg#RobotoLight') format('svg');
}
@font-face {
    font-family: RSB;
    src: url('fonts/RobotoSlabBold/RobotoSlabBold.eot');
    src: url('fonts/RobotoSlabBold/RobotoSlabBold.eot') format('embedded-opentype'),
         url('fonts/RobotoSlabBold/RobotoSlabBold.woff2') format('woff2'),
         url('fonts/RobotoSlabBold/RobotoSlabBold.woff') format('woff'),
         url('fonts/RobotoSlabBold/RobotoSlabBold.ttf') format('truetype'),
         url('fonts/RobotoSlabBold/RobotoSlabBold.svg#RobotoSlabBold') format('svg');
}
@font-face {
    font-family: SFUDCB;
    src: url('fonts/SFUDaxCondensedBold/SFUDaxCondensedBold.eot');
    src: url('fonts/SFUDaxCondensedBold/SFUDaxCondensedBold.eot') format('embedded-opentype'),
         url('fonts/SFUDaxCondensedBold/SFUDaxCondensedBold.woff2') format('woff2'),
         url('fonts/SFUDaxCondensedBold/SFUDaxCondensedBold.woff') format('woff'),
         url('fonts/SFUDaxCondensedBold/SFUDaxCondensedBold.ttf') format('truetype'),
         url('fonts/SFUDaxCondensedBold/SFUDaxCondensedBold.svg#SFUDaxCondensedBold') format('svg');
}

@font-face {
    font-family: SFUEC;
    src: url('fonts/SFUEurostileCondensed/SFUEurostileCondensed.eot');
    src: url('fonts/SFUEurostileCondensed/SFUEurostileCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileCondensed/SFUEurostileCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileCondensed/SFUEurostileCondensed.woff') format('woff'),
         url('fonts/SFUEurostileCondensed/SFUEurostileCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileCondensed/SFUEurostileCondensed.svg#SFUEurostileCondensed') format('svg');
}

@font-face {
    font-family: SFUEBC;
    src: url('fonts/SFUEurostileBoldCondensed/SFUEurostileBoldCondensed.eot');
    src: url('fonts/SFUEurostileBoldCondensed/SFUEurostileBoldCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileBoldCondensed/SFUEurostileBoldCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileBoldCondensed/SFUEurostileBoldCondensed.woff') format('woff'),
         url('fonts/SFUEurostileBoldCondensed/SFUEurostileBoldCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileBoldCondensed/SFUEurostileBoldCondensed.svg#SFUEurostileBoldCondensed') format('svg');
}
@font-face {
    font-family: SFUEBO;
    src: url('fonts/SFUEurostileBoldOblique/SFUEurostileBoldOblique.eot');
    src: url('fonts/SFUEurostileBoldOblique/SFUEurostileBoldOblique.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileBoldOblique/SFUEurostileBoldOblique.woff2') format('woff2'),
         url('fonts/SFUEurostileBoldOblique/SFUEurostileBoldOblique.woff') format('woff'),
         url('fonts/SFUEurostileBoldOblique/SFUEurostileBoldOblique.ttf') format('truetype'),
         url('fonts/SFUEurostileBoldOblique/SFUEurostileBoldOblique.svg#SFUEurostileBoldOblique') format('svg');
}

@font-face {
    font-family: SFUEB;
    src: url('fonts/SFUEurostileBold/SFUEurostileBold.eot');
    src: url('fonts/SFUEurostileBold/SFUEurostileBold.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileBold/SFUEurostileBold.woff2') format('woff2'),
         url('fonts/SFUEurostileBold/SFUEurostileBold.woff') format('woff'),
         url('fonts/SFUEurostileBold/SFUEurostileBold.ttf') format('truetype'),
         url('fonts/SFUEurostileBold/SFUEurostileBold.svg#SFUEurostileBold') format('svg');
}
@font-face {
    font-family: UTMHI;
    src: url('fonts/utmhelvetins/utmhelvetins.eot');
    src: url('fonts/utmhelvetins/utmhelvetins.eot') format('embedded-opentype'),
         url('fonts/utmhelvetins/utmhelvetins.woff2') format('woff2'),
         url('fonts/utmhelvetins/utmhelvetins.woff') format('woff'),
         url('fonts/utmhelvetins/utmhelvetins.ttf') format('truetype'),
         url('fonts/utmhelvetins/utmhelvetins.svg#UTMHelvetInsRegular') format('svg');
}
@font-face {
    font-family: UTMAH;
    src: url('fonts/UTMAlbertaHeavy/UTMAlbertaHeavy.eot');
    src: url('fonts/UTMAlbertaHeavy/UTMAlbertaHeavy.eot') format('embedded-opentype'),
         url('fonts/UTMAlbertaHeavy/UTMAlbertaHeavy.woff2') format('woff2'),
         url('fonts/UTMAlbertaHeavy/UTMAlbertaHeavy.woff') format('woff'),
         url('fonts/UTMAlbertaHeavy/UTMAlbertaHeavy.ttf') format('truetype'),
         url('fonts/UTMAlbertaHeavy/UTMAlbertaHeavy.svg#UTMAlbertaHeavy') format('svg');
}
@font-face {
    font-family: UTMAG;
    src: url('fonts/UTMAlterGothic/UTMAlterGothic.eot');
    src: url('fonts/UTMAlterGothic/UTMAlterGothic.eot') format('embedded-opentype'),
         url('fonts/UTMAlterGothic/UTMAlterGothic.woff2') format('woff2'),
         url('fonts/UTMAlterGothic/UTMAlterGothic.woff') format('woff'),
         url('fonts/UTMAlterGothic/UTMAlterGothic.ttf') format('truetype'),
         url('fonts/UTMAlterGothic/UTMAlterGothic.svg#UTMAlterGothic') format('svg');
}
@font-face {
    font-family: SFUDL;
    src: url('fonts/SFUDinLight/SFUDinLight.eot');
    src: url('fonts/SFUDinLight/SFUDinLight.eot') format('embedded-opentype'),
         url('fonts/SFUDinLight/SFUDinLight.woff2') format('woff2'),
         url('fonts/SFUDinLight/SFUDinLight.woff') format('woff'),
         url('fonts/SFUDinLight/SFUDinLight.ttf') format('truetype'),
         url('fonts/SFUDinLight/SFUDinLight.svg#SFUDinLight') format('svg');
}

@font-face {
    font-family: UTMA;
    src: url('fonts/UTMAvo/UTMAvo.eot');
    src: url('fonts/UTMAvo/UTMAvo.eot') format('embedded-opentype'),
         url('fonts/UTMAvo/UTMAvo.woff2') format('woff2'),
         url('fonts/UTMAvo/UTMAvo.woff') format('woff'),
         url('fonts/UTMAvo/UTMAvo.ttf') format('truetype'),
         url('fonts/UTMAvo/UTMAvo.svg#UTMAvoRegular') format('svg');
}
@font-face {
    font-family: UTMAB;
    src: url('fonts/UTMAvoBold/UTMAvoBold.eot');
    src: url('fonts/UTMAvoBold/UTMAvoBold.eot') format('embedded-opentype'),
         url('fonts/UTMAvoBold/UTMAvoBold.woff2') format('woff2'),
         url('fonts/UTMAvoBold/UTMAvoBold.woff') format('woff'),
         url('fonts/UTMAvoBold/UTMAvoBold.ttf') format('truetype'),
         url('fonts/UTMAvoBold/UTMAvoBold.svg#UTMAvoBold') format('svg');
}
@font-face {
    font-family: UTMC;
    src: url('fonts/UTMCaviar/UTMCaviar.eot');
    src: url('fonts/UTMCaviar/UTMCaviar.eot') format('embedded-opentype'),
         url('fonts/UTMCaviar/UTMCaviar.woff2') format('woff2'),
         url('fonts/UTMCaviar/UTMCaviar.woff') format('woff'),
         url('fonts/UTMCaviar/UTMCaviar.ttf') format('truetype'),
         url('fonts/UTMCaviar/UTMCaviar.svg#UTMCaviar') format('svg');
}

@font-face {
    font-family: SFUBBI;
    src: url('fonts/SFUBaskervilleBookItalic/SFUBaskervilleBookItalic.eot');
    src: url('fonts/SFUBaskervilleBookItalic/SFUBaskervilleBookItalic.eot') format('embedded-opentype'),
         url('fonts/SFUBaskervilleBookItalic/SFUBaskervilleBookItalic.woff2') format('woff2'),
         url('fonts/SFUBaskervilleBookItalic/SFUBaskervilleBookItalic.woff') format('woff'),
         url('fonts/SFUBaskervilleBookItalic/SFUBaskervilleBookItalic.ttf') format('truetype'),
         url('fonts/SFUBaskervilleBookItalic/SFUBaskervilleBookItalic.svg#SFUBaskervilleBookItalic') format('svg');
}

@font-face {
    font-family: SFUHR;
    src: url('fonts/SFUHoneymoonRegular/SFUHoneymoonRegular.eot');
    src: url('fonts/SFUHoneymoonRegular/SFUHoneymoonRegular.eot') format('embedded-opentype'),
         url('fonts/SFUHoneymoonRegular/SFUHoneymoonRegular.woff2') format('woff2'),
         url('fonts/SFUHoneymoonRegular/SFUHoneymoonRegular.woff') format('woff'),
         url('fonts/SFUHoneymoonRegular/SFUHoneymoonRegular.ttf') format('truetype'),
         url('fonts/SFUHoneymoonRegular/SFUHoneymoonRegular.svg#SFUHoneymoonRegular') format('svg');
}

@font-face {
    font-family: SFUSM;
    src: url('fonts/SFUSalzburgMedium/SFUSalzburgMedium.eot');
    src: url('fonts/SFUSalzburgMedium/SFUSalzburgMedium.eot') format('embedded-opentype'),
         url('fonts/SFUSalzburgMedium/SFUSalzburgMedium.woff2') format('woff2'),
         url('fonts/SFUSalzburgMedium/SFUSalzburgMedium.woff') format('woff'),
         url('fonts/SFUSalzburgMedium/SFUSalzburgMedium.ttf') format('truetype'),
         url('fonts/SFUSalzburgMedium/SFUSalzburgMedium.svg#SFUSalzburgMedium') format('svg');
}
@font-face {
    font-family: SFUHL;
    src: url('fonts/SFUHelveticaLight/SFUHelveticaLight.eot');
    src: url('fonts/SFUHelveticaLight/SFUHelveticaLight.eot') format('embedded-opentype'),
         url('fonts/SFUHelveticaLight/SFUHelveticaLight.woff2') format('woff2'),
         url('fonts/SFUHelveticaLight/SFUHelveticaLight.woff') format('woff'),
         url('fonts/SFUHelveticaLight/SFUHelveticaLight.ttf') format('truetype'),
         url('fonts/SFUHelveticaLight/SFUHelveticaLight.svg#SFUHelveticaLight') format('svg');
}
@font-face {
    font-family: TGAB;
    src: url('fonts/texgyreadventorbold/texgyreadventorbold.eot');
    src: url('fonts/texgyreadventorbold/texgyreadventorbold.eot') format('embedded-opentype'),
         url('fonts/texgyreadventorbold/texgyreadventorbold.woff2') format('woff2'),
         url('fonts/texgyreadventorbold/texgyreadventorbold.woff') format('woff'),
         url('fonts/texgyreadventorbold/texgyreadventorbold.ttf') format('truetype'),
         url('fonts/texgyreadventorbold/texgyreadventorbold.svg#texgyreadventorbold') format('svg');
}

@font-face {
    font-family: UTMF;
    src: url('fonts/UTMFlamenco/UTMFlamenco.eot');
    src: url('fonts/UTMFlamenco/UTMFlamenco.eot') format('embedded-opentype'),
         url('fonts/UTMFlamenco/UTMFlamenco.woff2') format('woff2'),
         url('fonts/UTMFlamenco/UTMFlamenco.woff') format('woff'),
         url('fonts/UTMFlamenco/UTMFlamenco.ttf') format('truetype'),
         url('fonts/UTMFlamenco/UTMFlamenco.svg#UTMFlamenco') format('svg');
}
@font-face {
    font-family: UVFL;
    src: url('fonts/UVFLobster12/UVFLobster12.eot');
    src: url('fonts/UVFLobster12/UVFLobster12.eot') format('embedded-opentype'),
         url('fonts/UVFLobster12/UVFLobster12.woff2') format('woff2'),
         url('fonts/UVFLobster12/UVFLobster12.woff') format('woff'),
         url('fonts/UVFLobster12/UVFLobster12.ttf') format('truetype'),
         url('fonts/UVFLobster12/UVFLobster12.svg#UVFLobster12') format('svg');
}

@font-face {
    font-family: UVNDD;
    src: url('fonts/UVNDzungDakao/UVNDzungDakao.eot');
    src: url('fonts/UVNDzungDakao/UVNDzungDakao.eot') format('embedded-opentype'),
         url('fonts/UVNDzungDakao/UVNDzungDakao.woff2') format('woff2'),
         url('fonts/UVNDzungDakao/UVNDzungDakao.woff') format('woff'),
         url('fonts/UVNDzungDakao/UVNDzungDakao.ttf') format('truetype'),
         url('fonts/UVNDzungDakao/UVNDzungDakao.svg#UVNDzungDakao') format('svg');
}
@font-face {
    font-family: UVNV;
    src: url('fonts/uvnvan_r/uvnvan_r.eot');
    src: url('fonts/uvnvan_r/uvnvan_r.eot') format('embedded-opentype'),
         url('fonts/uvnvan_r/uvnvan_r.woff2') format('woff2'),
         url('fonts/uvnvan_r/uvnvan_r.woff') format('woff'),
         url('fonts/uvnvan_r/uvnvan_r.ttf') format('truetype'),
         url('fonts/uvnvan_r/uvnvan_r.svg#UVNVanRegular') format('svg');
}
@font-face {
    font-family: VNFL;
    src: url('fonts/VNFLobster/VNFLobster.eot');
    src: url('fonts/VNFLobster/VNFLobster.eot') format('embedded-opentype'),
         url('fonts/VNFLobster/VNFLobster.woff2') format('woff2'),
         url('fonts/VNFLobster/VNFLobster.woff') format('woff'),
         url('fonts/VNFLobster/VNFLobster.ttf') format('truetype'),
         url('fonts/VNFLobster/VNFLobster.svg#VNFLobster') format('svg');
}

/*----------basic----------------*/
html,body {min-width: 1200px;color:#000; font-family:Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.4; text-rendering: optimizeLegibility;}
body {max-width: 1366px;margin: auto;position: relative;font-family: RR;}
html {}/*Prevent Firefox Scrollbar Jump*/
a { text-decoration:none; color:#000; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { color:#F00; }
p {margin-bottom: 5px;}
img{border:none; max-width:100%; height:auto; vertical-align:middle;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
input:focus{ outline:1px solid #f97d17;}
textarea:focus{ outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{ margin:0; text-decoration: none !important;}

.wikis {width: 1200px;margin: 0 auto;position: relative;padding: 0 0px;}
.fr {float: right;}
.fl {float: left;}

.cot_2 {width: calc(50% - 5px);float: left; padding-left: 10px;}
.cot_2:nth-child(2n+1) {padding-left: 0;clear: both;}

.cot_3 {width:calc( 100% / 3 - 50px) ;float: left; padding-left: 75px;}
.cot_3:nth-child(3n+1) {padding-left: 0;clear: both;}

.cot_4 {width: calc(25% - 15px);float: left;padding-left: 20px; }
.cot_4:nth-child(4n+1) {clear: both;padding-left: 0;}

.cot_5 {width: 20% ;float: left; }
.cot_5:nth-child(5n+1) {padding-left: 0;clear: both;}

.bor_1 {border: 1px solid #cdcdcd;}
.bor_l_t {border-top: 1px solid #ebebeb;border-left: 1px solid #ebebeb;box-sizing:border-box;}
.bor_r_b {border-right: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;box-sizing:border-box;}
.br_50  {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: relative;z-index: 99;}
.br_50 img {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: relative;z-index: 90;}
.br_10  {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;position: relative;z-index: 99;}
.pad_10 {padding: 10px;}
.text-center {text-align: center;}
.ver-mid{height: 100%;}
.ver-mid:before{vertical-align: middle;display: inline-block;content: "";height: 100%;width: 0px;}
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox;display: -webkit-flex;  display: flex; justify-content:  space-around; }
.hide {display: none;}
/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}
.phantrang a,.phantrang span {background:#71b900;color: #FFF;cursor: pointer;font-size: 11px;margin: 10px 0 10px 4px;padding: 6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang span{padding:5px 10px 5px;background:#f97d17;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFF;}
.phantrang a:hover {background: none repeat scroll 0 0 #f97d17; box-shadow: none;color: #FFFFFF;text-decoration: none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;}
.phantrang .paginate_active, .phantrang .paginate_active:hover {background: none repeat scroll 0 0 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}

/* My */
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top { position: fixed; bottom: 100px; right:15px; text-align:center; display:none;z-index: 999999;/*position: absolute;bottom: 0;left: calc(50% - 40px);*/}
.button{ padding: 10px 25px;background: #f00; color:#fff; border:none;margin: 10px 0;display: inline-block;cursor: pointer;text-transform: uppercase;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}
.button:hover {color: #ff0;}
.input{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #e1e1e1; }
.center{width:1200px; margin:0 auto; position:relative;}
.w-clear:after{ display:block; content:""; clear:both;}
.red{ color:#F00;}
.rb{ color:#F00; font-weight: bold; font-size: 18px;}
.addthis_native_toolbox{ margin-top:10px;}
.open-sans{ font-family: 'Open Sans', sans-serif;}
.mrb15{ margin-bottom:15px;}
.mrt15{ margin-top:15px;}
#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url(../img/loading.gif) no-repeat center,#FFF; display:none; opacity:0.9; top: 0px; left: 0px;}
.ct-l.load{ background:url(../img/load.gif) no-repeat center; min-height: 200px;}
.del{text-decoration: line-through;}
.images img {width: 100%;}
.flag {color: #fff;}
.flag img {margin: 5px;}
.main-tit {margin: 0 0 20px 0 ;position: relative;font-size: 18px;text-transform: uppercase;}
.main-tit .name {  padding:  9px 40px;display: inline-block;position: relative;color: #fff;font-family: RB;font-size: 16px;text-transform: uppercase;background: url(../img/bg-title.png) no-repeat left center; background-size: 100% 100%;min-width: 270px;box-sizing:border-box;}
.main-tit span {color: #929292;font-size: 12px;display: block;}

.title {margin: 0 0 20px 0 ;position: relative;font-size: 18px;text-transform: uppercase;}
.title .name { padding:  9px 40px;display: inline-block;position: relative;color: #fff;font-family: RB;font-size: 16px;text-transform: uppercase;background: url(../img/bg-title.png) no-repeat left center; background-size: 100% 100%;min-width: 270px;box-sizing:border-box;}
.title .name span {font-family: RB;font-size: 55px;color: #005799;};
#quytrinh {padding: 20px 40px;margin: 20px auto;background: #fbfbfb;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=0, Color=#8C8C8C)";-moz-box-shadow: 0 0 20px 2px rgba(140,140,140,0.5) inset;-webkit-box-shadow: 0 0 20px 2px rgba(140,140,140,0.5) inset;box-shadow: 0 0 20px 2px rgba(140,140,140,0.5) inset;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=135, Color=#8C8C8C);-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#quytrinh .name {background:url(../img/bg-name-qt.png) no-repeat;background-size: 100% 100%;padding: 10px 20px;display: inline-block;margin: 10px 0;color: #fcff00;text-transform: uppercase; }
.box-tab-tit{ font-family: RB; color: #fff;padding: 5px;font-size: 18px;text-transform: uppercase;border-bottom: 1px solid #363636;}
.box-tab-tit:after{display: block;content: "";clear: both;}
.box-tab-tit > div { position: relative;display: block;float: left; line-height: 20px; padding: 0px 25px;margin: 8px 0 4px 0px;text-align: center; cursor: pointer; border-left: 1px solid #007d2e;color: #626262;box-sizing:border-box;}
.box-tab-tit > div:first-child {border-left:none;}
.box-tab-tit > div.active {  color: #079400;}
.box-tab-tit > div.active:before {top: calc(100% + 8px);left: 20px;right: 20px;content: " ";height: 3px;position: absolute;background: #007d2e; }
.box-tab-tit > div.active:after {top: calc(100% + 11px);left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(136, 183, 213, 0);border-top-color: #007d2e;border-width: 8px;margin-left: -8px; }
.box-tab-tit > div:hover { color: #f00;}
.box-tab-con{display: none;padding: 10px;}
.box-tab-con:first-child{display: block;}
.slick-img-thumb{width: calc(100% + 10px); margin-left: -5px;}
.slick-img-thumb img.thumb{ box-shadow: none !important; border: 1px solid #CCC !important;}
.slick-dots{ margin: 0px !important;}
#smenu{display: none;background: #1c88f5; color: #FFF; padding: 5px 10px;}
.i-menu{width: 30px; margin-right: 10px; cursor: pointer;}

/* RP Iframe*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.search ::-webkit-input-placeholder{color: #fff;}
.search ::-moz-placeholder{color: #fff;}
.search :-ms-input-placeholder{color: #fff;}
.search :-moz-placeholder{color: #fff;}
.top_fix {position: absolute;top: 0;left: 0;width: 100%;min-width: 1200px;}
/* Banner */
.top-banner{font-size: 14px;line-height: 34px;color: #fff;padding: 10px 0;position: relative;width: 100%;z-index: 9;}
.top-banner .fa {font-size: 20px;}
.top-banner-l {position: absolute;left :0 ;top: calc(100% + 4px);width: 240px ;padding: 5px;text-align: center;background: url(../img/bg-menu.png) repeat-y center top;}
.top-banner-l:before {content: "";position: absolute;left :0 ;right :0 ;top:100% ;height: 60px;text-align: center;background: url(../img/bg-menu-b.png) repeat-y center top;}
.top-banner-r {position: relative;}
.top-banner-r select{border: none; background: none;}
#banner{  font-family: RR;position: relative;z-index: 100;position: relative;background: #f8040f; }
#banner a {}
.bn_top img {margin: 0 15px;}
.banner-r {float: right;text-align: left;margin: 0px 0px;position: relative;}
.banner-r .ten_cty {font-family: RCB;text-transform: uppercase;display: inline-block;line-height: 32px;}
.banner .hotline { position: relative;z-index: 999;text-align: left; display: inline-block;font-size: 16px;padding: 5px ;font-family: RCR;margin: 10px;}
.banner .hotline a {display: inline-block; color: #f00;font-family: RB ;font-size: 24px;white-space: nowrap;line-height: 20px;}
#banner .banner-img {z-index: 999;position: relative;display:inline-block;}
#banner .logo {position: relative;margin:  5px ;float: left;z-index: 999;display: inline-block; padding: 3px;background: #fff; ;border: 2px solid #d35257;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#ffffff)";/*IE 8*/
-moz-box-shadow: 0 0 10px 5px rgba(255,255,255,0.7);/*FF 3.5+*/
-webkit-box-shadow: 0 0 10px 5px rgba(255,255,255,0.7);/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 10px 5px rgba(255,255,255,0.7);/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#ffffff); /*IE 5.5-7*/}
#banner .banner img {vertical-align: top;}
#banner .ten_logo {width: 450px;color: #fff;font-size: 24px;padding: 15px;height: 95px;line-height: 95px;font-family: MRPR;white-space: nowrap;}
.menu_bn {text-align: right;margin: 20px 0;}
.menu_bn a {text-align: right;margin:  0 0 0 15px;}
.ngonngu {position: absolute;top: 10px;right: 10px;z-index: 1200;}
/* Menu */
#menu {position: relative;color: #000; padding: 0px 20px;margin:  26px auto ;max-width: 100%;z-index: 101;box-sizing:border-box;display: inline-block;}
#menu #main-menu {text-align: center;display: block;position: relative; }
#menu .menu-line { text-align: left;margin: 0px 0px 0px 0px;padding: 0 20px;display: inline-block;border-right: 1px solid #fff;}
#menu .menu-line:last-child {border: none;background: none;}
#menu .menu-line ul {display: none;background: #fff; }

#menu .menu-line .fa  {font-size: 24px;margin: 0 5px;}

#menu .menu-line a { position: relative;display: block;cursor: pointer;z-index: 1005;padding: 5px 10px;color: #000;}
#menu .home:before {position: absolute;top: 0;left: 0;width: 100%;height: 60px;content: "";z-index: 0;}
#menu #main-menu>li>a {display: block;padding: 10px 15px;margin: 0 25px; z-index: 1009;text-transform: uppercase; font-family: RB;font-size: 18px;text-align: center;line-height: 28px;color: #fff;}
#menu #main-menu > li:hover > a  {color: #ff0; }
#menu #main-menu li:hover > ul  {display: block;}
#menu #main-menu .menu-line.activem {}
#menu #main-menu .menu-line.activem:before {/* content: " ";right: 0;bottom: 0;left: 0;top: 0;display: block;position: absolute;z-index: 1001; background: url(../img/bg-li-ac.png) no-repeat bottom center rgba(0,0,0,0.5); */}
#menu #main-menu .menu-line.activem > a  {  color: #ff0;}
#menu #main-menu .menu-line:hover  {/*  background-color: rgba(0,0,0,0.1);   */}
#menu #main-menu .menu-line li:hover >a { color: #f00 ;/* background: rgba(0,0,0,0.1); */}
#menu #main-menu .menu-line .cap1>a {font-weight: bold;font-size: 16px;}
#menu #main-menu .menu-line .cap2 >a {text-indent: 15px;}
.scroll-fix {position: absolute !important;top: 0;right: 0;left:0;background: #fff;z-index: 999 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#000000)";-moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset;-webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset;box-shadow: 0 -1px 3px rgba(0,0,0,0.3) inset;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#000000);}
/*#menu #main-menu .activem ,*/

#menu #main-menu li:hover {/*background: #5faf00;*/}

.menu-hinh {position: inherit !important;}
.menu-hinh > ul {/*width: 1198px !important;*/max-width: 1200px !important;top: calc(99% - 10px) !important;}
#main-menu a span.sub-arrow {opacity: 0;}
.menu-l{ margin: 0px ;  display: inline-block;float: right;}
.menu-r{ float: right;}
.menu-r .hotline {line-height: 30px;padding-left: 20px;color: #fff; margin: 10px ;font-family: RR;}
.menu-r .hotline a {color: #fff;font-family: RB;}
.search_open {margin: 10px;cursor: pointer;}
/* Slide */
#slider {position: relative;z-index: 90;background: #fff;}
#slider_phu .item {margin-bottom: 10px;overflow: hidden;position: relative;height: 220px;ver}
#slider_phu .item .name {position: absolute;left: 0;right: 0;bottom: -100%;padding: 10px;background: rgba(0,0,0,0.5);color: #fff;-moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;}
#slider_phu .item:hover .name {bottom: 0;}
#slider_phu .cot_1 .item img {position: absolute;left: 0;right: 0;top: 0;-moz-transition: all 1.7s; -webkit-transition: all 1.7s; transition: all 1.7s;-webkit-animation-timing-function: ease-in-out;-moz-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
#slider_phu .cot_1 .item:hover img {top: -100%;}

.info-slider {height: 60px;background: #f4f4f4;border-left: 2px solid #e7e7e7;font-family: SFUEC;font-size: 15px;padding: 8px 15px;box-sizing: border-box;margin-right: 10px;display: inline-block;}
.info-slider .name {font-family: SFUDCB;font-size: 40px;color: #096fb1;} 
#httt {position: relative;overflow: hidden;background: -moz-linear-gradient(0deg, #CEECFD 0, #FFFFFF 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 0deg, color-stop(0, CEECFD), color-stop(100%, FFFFFF));background: -webkit-linear-gradient(0deg, #CEECFD 0, #FFFFFF 100%);background: -o-linear-gradient(0deg, #CEECFD 0, #FFFFFF 100%);background: -ms-linear-gradient(0deg, #CEECFD 0, #FFFFFF 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');background: linear-gradient(0deg, #CEECFD 0, #FFFFFF 100%);}
#httt .tit {position: absolute;left: 15px;top: 0;padding: 7px 15px;background: #0f90dc;font-family: RB;font-size: 16px;text-transform: uppercase;color: #fff;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
#httt .cont {padding-top: 30px;-moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;}
#httt .cont .item .name {font-family: UVNV;font-size: 15px;}
#httt .cont .item .phone {font-family: TGAB;color: #fe0000;font-size: 20px;margin-bottom: 10px;}
#httt .cont .item p.mail { padding-left: 35px;background: url(../img/mail_27.png) no-repeat left center;border-bottom: 1px dashed #0f90dc;line-height: 30px;}

.vcenter{display: inline-block;float: none;vertical-align: middle;}

.menu-slider{background: #014394;padding: 10px 0;width: 100%;z-index: 999;}
.menu-slider .variable-width>div {display:block;}
.menu-slider  a {color: #fff;text-transform: uppercase;font-family: RR;font-size: 16px;margin: 0 20px;}

/* Doi tac */
#doitac {padding: 30px 0 ;margin: 0px auto  ;background: #fff;}
#doitac .title {font-size: 16px;text-transform: uppercase;background: url(../img/bg-tt-doitac.png) repeat-x center left;}
#doitac .title .name {background: #fff; font-family: RB;color:#008b43;padding: 5px 15px 5px 0px; }
#doitac .item img {border: 1px solid #dcdcdc; background: #fff;}
#thuonghieu {padding: 30px 0;background: #f5f5f5; }
#thuonghieu .title .name {border-bottom: 1px solid #e10000;}
#thuonghieu .item .images {margin: 5px;background: #fff;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#dedede)";-moz-box-shadow:  0 0 3px #dedede;-webkit-box-shadow:  0 0 3px #dedede;box-shadow:  0 0 3px #dedede;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#dedede);}
.tcat {margin-bottom: 10px;border-bottom: 1px solid #008ee0;}
.tcat .name {font-family: RR;font-size: 22px;text-transform: uppercase;display: inline-block;color: #008ee0;}
#bottom  {padding: 50px 0;}
#bottom a {}
#bottom p { margin: 0;}
#bottom .main-tit .name {color: #f00;font-family: VNFL;font-size: 40px;text-transform: capitalize;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=225, Color=#fff)";
    text-shadow: 0 2px 0 #fff, 0 0 2px #fff, 2px 0 0 #fff,2px 2px 0 #fff, -2px 0 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#fff);}
#lienhe {padding: 30px 0;background: #1c1c1c; }
/* Footer */
#footer {z-index: 11; padding:0px 0px 0px 0px ;position: relative;font-family: RR;background: url(../img/bg-footer.png) no-repeat bottom center #fff;}
#footer a {color: #fff;display: inline-block;}
#footer .map {/* position: absolute;left: 0;right: 0;top: 0;bottom: 40px; */z-index: 990;padding: 4px; border: 1px solid rgba(255,255,255,0.5);}
#footer .ft-title {text-transform: uppercase;font-size: 18px;margin: 0 0 20px 0;padding: 5px 0px;font-family:RB;color: #fb0404;}
#footer .menu-ft {padding: 0px 0;color: #fff;font-family: RR;border-bottom: 1px solid #fff;background: #27a5ee;}
#footer .menu-ft a {color: #fff; margin:  0 3px;text-transform: uppercase;font-family: RR;font-size: 18px;}
#footer .cot_3 span {display: inline-block; vertical-align: middle;}
#footer .cont-ft {position: relative;z-index: 999;padding: 20px 0;}
#footer .reserved { padding: 0 0 10px 0;color: #4d4d4d;background: none;position: relative;z-index: 99;font-size: 13px;}
#footer .reserved span {text-transform: uppercase;}
#footer #httt {font-size: 20px;color: #000;background: #fff;-webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px;padding:10px;}
#footer #httt .title {text-align: center; font-family: SFUEC;font-size: 22px ; color: #00569b; text-transform: uppercase; }
#footer #httt .cont span ,#footer .menu-ft span {color: #ff0;}
#footer .dknt {background: #fff;padding: 30px 0;color: #000;}
marquee > a {display: inline-block;}
.ft-1 {width: 75%;padding: 0 3% 0 0 ;float: left;box-sizing: border-box;}
.ft-2 {width: 25%;padding: 0px 0px 0px 0px;float: left;text-align: left;box-sizing: border-box;}
.ft-3 {width: 50%;padding: 0px 0px 0 3%;float: right;box-sizing: border-box;}
.ft-tit{font-size: 18px;margin-bottom: 10px ;border-bottom: 1px solid #fff;color: #fff;text-transform: uppercase;font-weight: bold;}
.ft-3 form{ margin-bottom: 15px;}
.ft-3 .button{text-transform: uppercase;}
.box-tk{padding: 0 0 10px 0px;display: block; margin: auto;}
.box-tk img{float: left; margin-right: 10px; margin-top: 0px;}
.box-tk p {padding: 2px 10px;}

/* Lien he */
.lh-l{border-right: 1px solid #CCC;box-sizing: border-box;}
.lh-r{border-left: 1px solid #CCC;margin-left: -1px;}
.lh-con-l{width: 30%;float: left;margin-bottom: 5px;}
.lh-con-r{width: 70%;float: left;margin-bottom: 5px;}
.lh-con-r *{max-width: 100%;}
.ipct {width: 100%;padding: 5px ;box-sizing: border-box;line-height: 20px;margin:0 0 5px 0;}
.lh-con-r textarea{ border: 1px solid #e1e1e1;border-radius: 5px;width: 100%;padding: 5px ;box-sizing: border-box;}
.box-lh .lh-con-l {width: 20%;margin-right: 1%;line-height: 32px;background: #f2f2f2;border-left: 2px solid #dadada;text-transform: uppercase;font-family: RB;text-align: center;color: #8f8f8f;}
.box-lh .lh-con-r { width: 78%;}
.box-lh .tact {width: 100%;background: #f9f9f9;border: 1px solid #e1e1e1;padding: 10px;box-sizing:border-box;}
/* San pham */
.box-sp {position: relative;margin: 0px auto 20px auto ;padding: 0px;}
.box-sp .images{position: relative; overflow: hidden; box-sizing: border-box;background: #fff;box-sizing: border-box;position: relative;overflow: hidden;z-index: 11;/* -webkit-border-radius: 7px;-moz-border-radius: 7px; border-radius: 7px; */}
.dm_c1 .images img , .box-sp .images img{width: 100%;-moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;position: relative;z-index: 9;}

.box-sp .phu {position: absolute;bottom: 0;top: 0;left: 0;right: 0;padding: 10px;text-align: center;background: rgba(255,255,255,0.7);color: #000 ;font-family: RM;font-size: 16px;z-index: 999;display: flex;align-items:center;align-content:center;justify-content:center;opacity: 0;-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.box-sp:hover .phu {opacity: 1;}
.box-sp .phu .gia {font-size: 24px;color: #f00;}
.box-sp .phu .more {display: inline-block;color: #fff;padding: 5px 15px;border-top: 3px solid #fff;padding-top: 15px;}
.box-sp .images .pro_nb {position: absolute;bottom: 5px;right: 5px;width: 40px;}
.box-sp .images .sale {position: absolute;top: 5px;right: 5px;width: 52px; height: 52px;text-align: center;background: url(../img/bg-pt.png) no-repeat;color: #fff;box-sizing: border-box;padding: 10px ;font-size: 16px;font-family: RB;}
.box-sp:hover{ z-index: 99;position: relative;}
.box-sp .info {font-family: RR; -moz-transition: all 0.7s; -webkit-transition: all 0.7s;transition: all 0.7s;font-size: 14px;/* position: absolute;left: 0;right: 9;bottom: 0;background: rgba(0,0,0,0.5;); */ }

.box-sp .name { font-family: RR;font-size: 16px;padding: 10px 0;position: relative;z-index: 99;}
.box-sp .mota .fa  {vertical-align: middle;}
.box-sp .mota {font-weight: normal;font-size: 14px;padding: 0 5px; }
.box-sp-more {width: 47px;height:42px;background: url(../img/more.png) no-repeat ;display: inline-block;z-index: 9;position: absolute;bottom: 0;right: 0;}
.box-sp .gia { margin:  10px  ; line-height: 18px;font-size: 14px;font-family: RR;color: #000;  }
.box-sp .gia span {font-size: 15px;font-weight: bold;color: #e00;}
.box-sp .gia .giagoc ,.giagoc span { color: #666;text-decoration: line-through;font-size: 13px;font-family: OSB;}
.box-sp-xn{position: absolute; top: -100px;left: 0;width: 100%;text-align: center;transition:all 0.5s; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.box-sp-xn a{display: inline-block; padding: 5px; background: #258265; color: #FFF; border-radius: 5px;}
.box-sp:hover .box-sp-xn{top: 40%;}
.box-news .images img , .box-sp .images img {transition:all 0.7s; -webkit-transition:all 0.7s;-moz-transition:all 0.7s;}
.box-news:hover .images img , .box-sp:hover .images img { -moz-transform: scale(1.12); -webkit-transform: scale(1.12); transform: scale(1.12);}
.box-sp .images,.box-news .images {position: relative;overflow: hidden;}

.box-sp .images:before,.box-news .images:before {position: absolute;top: 0;left: -75%;z-index: 22;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.box-sp:hover .images:before,.box-news:hover .images:before {/* -webkit-animation: shine .75s;animation: shine .75s; */}
@-webkit-keyframes shine 
{ 
    100% {left: 125%;}
}
@keyframes shine 
{ 
   100%  {left: 125%;}
}

.box-dv {margin-bottom: 15px;}
.box-dv .images {float: left;margin-right: 10px;max-width: 37%;}
.box-dv .info {}
.box-dv .name {font-family: RCB;color: #fb0404;font-size: 30px;}


.ct-r{width: 66%;float: right;}
.ct-l{width: 30%;float: left;margin-right: 3%;}
.ct-m{width: 30%;float: left;}

.ct-tit{font-family: RB; font-weight: normal; margin: 0px 0px 10px; color: #F00;}
.ct-tit h2{font-weight: normal; margin: 0px 0px 15px; color: #F00; font-size: 24px; margin: 0px;}
.ct-sp p{margin-bottom: 0px !important;}
.ct-sp td {padding: 7px;}
.ct-sp-gia span{ color: #F00;font-weight: bold; font-size: 18px;}

.ct-sp-mota .tt {background: #5F9EA0;padding: 5px 10px;}
.ct-sp-mota .ct {border:1px solid #5F9EA0;padding: 5px 10px;-o-transition: all 0.7s;-moz-transition: all 0.7s;-webkit-transition: all 0.7s;transition: all 0.7s;}


.colorpro {border: 3px solid #cdcdcd; margin: 5px; display: inline-block;cursor: pointer;}
.sizepro {border: 1px solid #cdcdcd; margin: 5px; display: inline-block; padding: 0 10px;cursor: pointer;}
.colorpro.active , .sizepro.active{ border-color: #FF9900; }
.sc-tab-tit{font-family: RB; margin-top: 10px; font-weight: bold; background: #DEDCDC; padding: 5px 10px; color: #555; cursor: pointer;}
.mn-l{width: 60%;float: left;position: relative;margin-left: 5%;border: 1px solid #f2f2f2; padding: 10px; box-shadow: 0px 0px 5px #CCC}
.mn-l img,#phuongphapphoimau .col-2 img{position: absolute;top: 10px;left: 10px;z-index: 0;opacity: 0;}
.mn-l img.active,#phuongphapphoimau .col-2 img.active{position: static;z-index: 99; opacity: 1;}
.mn-r{width: 28%;float: right;margin-right: 5%;}
.mn-r img{ margin: 0px 10px 10px 0px;float: left; cursor: pointer;}
.mn-r img:nth-child(2n){margin-right: 0;}
.sm-r img{ margin: 0px 0px 10px 0px !important;}

/* Tin tuc */
.box-news { margin: 0px 0px 0px 0px; padding: 10px 0 ;}
.box-news .images{float: left; margin: 0 3% 0px 0; border: 2px solid #fff;max-width: 35%;position: relative;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
.box-news .images img { background: #fff; }
.box-news .name {margin: 0px 0px ;padding: 0 0 5px 0;font-weight: bold;font-size: 16px;}
.box-news-date{ color: #bbbbbb;}

h2.tincungloai{font-size: 16px;font-weight: bold;border-bottom: 1px solid #CCC; margin: 0px 0px 5px; padding-bottom: 5px; margin-top: 15px;}
ul.tincungloai {margin-left: 25px;}

.tintuc_nb .time {width: 20%;text-align: center;color: #0076a3; font-family: SFUHL;font-size: 24px;}
/* Container */
#container{ padding:  20px 0;}
.content{ text-align:justify;}
.left {width: 280px;float: left;position: relative;z-index: 11;}
.mid {width: calc(100% - 300px);float: right;}
.right {width: 225px;float: right;padding-left: 25px;}

/* Index */
#danhmuc_phu { background: url(../img/bg-dm.png) no-repeat bottom center;padding:20px 0 65px;text-align: center;}
.danhmuc {font-family: UTMA;font-size: 16px;text-transform: uppercase;line-height: 30px;padding: 10px 0 ;}
.danhmuc .images {padding: 10px 0;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
.danhmuc:hover .images {padding: 0 0 20px 0}
#map_canvas {color: #000;height:100%;width:100%;/* position: absolute;top: 0;left: 0;right: 0;bottom: 0; */;}
#ft-map{height: 460px;position: absolute;width: 100%;min-width: 1200px;margin: 0 auto;z-index: 99;top:0;left: 0;}
.box-dt{width: 100%; margin: 10px 0px;text-align: center;font-family: RM;}
.box-dt img {width: 100%;border: 1px solid #CCC;box-sizing:border-box;background: #f4f4f4; }
.box-dt .name {margin: 10px;line-height: 20px;}
.box-left {position: relative;margin-bottom: 20px;background: #fff;}
.left-tit{ background: #ff8ae2; padding: 12px 15px ;text-align: center;color: #fff;}
.left-tit .name {color: #fff; text-transform: uppercase;font-size: 16px;font-family: RM;line-height: 30px;}
.left-tit a {color: #fff;}
.left-box { color: #000;border: 1px solid #ededed;padding: 9px;background: #fff;}
.right .left-box { background: #047034; color: #fff;}
.left-box .content   {}
.box-left .hotline {  background: #1b95e0;padding: 5px 5px 5px 40px ;text-align: center;line-height: 30px;position: relative;font-size: 20px;}
.box-left .hotline:hover {background: #f7c63f;  }
.box-left .hotline span {font-weight: bold;color: #f00;font-size: 24px;background: #f2b407;color: #fff;position: absolute;left: 0;top: 0;bottom: 0;width: 40px;text-align: center;}
.box-left .hotline a {color: #fff;}
.box-left .hotline .fa {line-height: 40px;}
.left-box .httt { padding: 5px;border-bottom: 1px dashed #f9abc7;margin: 0px;display: block;text-align: left;}
.left-box .httt .name { font-size: 14px;line-height: 30px;font-weight: bold;color: #fff;font-family: UTMAB;}
.left-box .httt p {}
.left-box .httt img {margin: 0px 2px 5px 2px; }
.left-box .email {border-top: 1px dashed #cdcdcd; padding: 10px 5px;}
.left-box li{ list-style: none; padding: 0px 0 ;}
.left-box .box-news .name,.left-box .box-news .mota {font-size: 14px;font-weight: normal;}
.uleft{ margin: 0px;padding:0px 0px 0px 0px ;}
.vert, .vert .simply-scroll-clip {height: 300px;overflow: hidden;}
.vert1, .vert1 .simply-scroll-clip {height: 500px;overflow: hidden; }
.box-left .more{position: relative; background: url(../img/bg-more.png) no-repeat bottom center #0c0c0c; color: #fff ;font-size: 14px;text-transform: uppercase;text-align: center;font-family: SFUEBO;margin: 0;line-height: 28px;}
.box-left .more a:hover {color: #ff0 ;}
.tuvan{position: relative;min-height: 190px;background: url(../img/bg-tuvan.png) no-repeat bottom center #f3f3f3;}
.tuvan .name {background: url(../img/bg-tv-name.png) no-repeat left bottom; padding: 10px ;font-family: RCR;font-size: 16px;color: #ed2770;margin-bottom: 10px;}
.tuvan:before {content: ""; position: absolute;width: 130px;height: 190px;background: url(../img/img-tuvan.png);right: -20px;bottom: -5px;}
#dmsp_nb { position: absolute;right: 0;bottom: -25px;margin: 0px 0 0 0;z-index: 100;}
.dmsp {z-index: 999;}


.box-newsl h3{ font-weight: normal; font-family: RCB; font-size: 14px; line-height: 18px; text-align: left;}
.menu-left {padding: 0;background: #047034;}
.menu-left li { padding: 7px; }
.menu-left .cap1 .fa {color: #00aeef; margin:  0 10px 0 0;}
.menu-left .cap1 { position: relative;line-height: 30px;padding: 0px 0px;}
.menu-left .cap1 > a { display: block;font-size: 14px; color: #000;font-family: RR;font-size: 14px;}
.menu-left .cap1 a:hover {color: #f00;-o-transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} 
.menu-left .cap1 ul {}
.menu-left .cap1 ul { /* display: none;position: absolute;left: 100%;top: 0; */z-index: 99999;margin: 0;padding: 0px ;}
.menu-left li:hover > ul {display: block;}


.menu-left .cap1 > ul {z-index: 99;margin:0;}
.menu-left .cap2  {line-height: 20px;margin: 0px 0px 0px 0px;text-align: left;position: relative;border: none;border-bottom: 1px solid #cdcdcd;padding: 7px;}
.menu-left .cap2 > a {font-size: 14px; color: #fff; padding-left: 20px;font-family: RR;line-height: 30px;background: url(../img/dot_9.png) no-repeat left center; padding-left: 20px;}
.menu-left .cap2 > ul {z-index: 99;position: absolute;top: 0;left: 100%;display: none;width: 100%;margin: 0;padding-left: 5px;background: #fff;border: 1px solid #cdcdcd;}
.menu-left .cap1 li:hover {background: #B91C1C;}
.menu-left .cap1 li:hover > a {color: #fff;}
.menu-left .cap1 .cap2:hover > ul {display: block;}

.i-l {width: 48%;float: left;}
.i-l-l {width: 50%;float: left; border-right: 1px dotted #CCC; padding-right: 20px;}
.i-l-r {width: 50%;float: left;margin-right: -1px; padding-left: 20px;}
.i-l-r ul li{ margin-bottom: 10px;}
.i-l-r ul li h3{font-weight: normal; font-size: 13px;font-weight: normal;font-family: RR; margin: 0px;}
.i-l-r ul li h3 a{ color: #3e3e3e;}
.i-l-r ul li h3 a:hover{ color: #F00;}
.i-r{width: 48%;float: right;}
.video-l{width: 100% ;}
.dm_video a {cursor: pointer;line-height: 20px;}
.box-lk { padding: 10px ; background: #fff;/* background: -moz-linear-gradient(0deg, #E3E3E3 0, #fff 100%);background: -webkit-gradient(linear, 0deg, color-stop(0, E3E3E3), color-stop(100%, fff));background: -webkit-linear-gradient(0deg, #E3E3E3 0, #fff 100%);background: -o-linear-gradient(0deg, #E3E3E3 0, #fff 100%);background: -ms-linear-gradient(0deg, #E3E3E3 0, #fff 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(0deg, #E3E3E3 0, #fff 100%); */}
.box-lk .name {margin-top: 10px;}
#gioithieu {padding: 50px 0 ;}
#gioithieu .images {position: relative;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#cccccc)";-moz-box-shadow: 10px -10px 0 #cccccc;-webkit-box-shadow: 10px -10px 0 #cccccc;box-shadow: 10px -10px 0 #cccccc;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#cccccc);}
#gioithieu .images:before {content: "";position: absolute;z-index: 9;top: 7px;right: 7px;bottom: 7px;left: 7px;border: 2px solid #fff;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#fff)";-moz-box-shadow: 0 0 0 7px rgba(255,255,255,0.5);-webkit-box-shadow: 0 0 0 7px rgba(255,255,255,0.5);box-shadow: 0 0 0 7px rgba(255,255,255,0.5);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#fff); }
#gioithieu_ind ,#taisao {padding: 30px 0;color: #fff;} 
#gioithieu_ind  {background: #272727;} 
#taisao {background: #d1b16e;} 

.gt-tit{ text-align: center;font-family: RB; font-size: 24px;color: #2a94ff; background: url(../img/bg-gt-tit.png) no-repeat center bottom; margin-bottom: 10px; padding-bottom: 15px;}
.gt-info{ font-family: RR; padding: 0px 40px; text-align: justify; background: url(../img/s-l.png) no-repeat left top,url(../img/s-r.png) no-repeat right bottom;}
.gt-btn{text-align: center;}
.gt-btn a{ display: inline-block; padding: 5px 20px; color: #FFF;background: #2a94ff;}

.slogan {margin:0 auto;color: #fff;font-family: UVFL;font-size: 26px;}
.box-sp-nb {background: #fff;padding: 7px;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=0, Color=#000000)";-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);box-shadow: 0 0 10px rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000);}
.box-sp-nb > .w-clear {padding: 7px;box-sizing:border-box;}
.box-sp-nb .name {font-family: RB;margin: 5px 0;}
.sp-tit{text-align: center;font-size: 24px;text-transform: uppercase;font-family: RB; margin-bottom: 5px;}
.box-spi{ padding: 10px; margin: 0px 20px 0px 0px;border: 1px solid #cdcdcd;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;position: relative;overflow: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#F3F3F3)";-moz-box-shadow: 5px 5px 0 #F3F3F3;-webkit-box-shadow: 5px 5px 0 #F3F3F3;box-shadow: 5px 5px 0 #F3F3F3;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#F3F3F3);}
.box-spi .images {max-width: 45%;border: none;float: left;margin-right: 5%;}
.box-spi .name {color: #e10000; font-family: RR;font-size: 22px;margin: 10px 0;}

.box-sps{width: 285px;text-align: center; border: 1px solid #f2f2f2; padding-bottom: 10px; font-family: RM; background: #FFF; max-width: 100%; margin-bottom: 20px; border-bottom: 4px solid #0d4e91; max-width: 100%; margin: 0px auto 20px;}
.box-sps:hover{ box-shadow: 0px 0px 5px #CCC;}
.box-sps h3{font-size: 15px;font-weight: normal; margin: 10px;}
.box-sps a{ color: #3e3e3e;}
.box-sps a:hover{ color: #F00;}
.slick-sanpham{ padding-bottom: 20px; width: calc(100% + 20px); margin-left: -10px;}
.slick-sanpham .slick-prev,.slick-sanpham .slick-next{width: 30px !important;height: 30px !important; text-indent: -9999px; bottom: 0px !important; top: auto !important;}
.slick-sanpham .slick-prev{ background: url(../img/sp-prev.png) !important; background-size: 100% 100% !important; left: calc(50% - 35px) !important;}
.slick-sanpham .slick-next{ background: url(../img/sp-next.png) !important; background-size: 100% 100% !important; right: calc(50% - 35px) !important;}
.box-spt{width: 285px;float: left; margin: 0px 35px 20px 0px;text-align: center; border: 1px solid #f2f2f2; padding-bottom: 10px; font-family: RM; background: #FFF;}
.box-spt:hover{ box-shadow: 0px 0px 5px #CCC;}
.box-spt h3{font-size: 15px;font-weight: normal; margin: 10px;}
.box-spt a{ color: #3e3e3e;}
.box-spt a:hover{ color: #F00;}
#tintuc {padding: 35px 0;background:  url(../img/bg-tt.png) no-repeat center center;color: #000;}

.slick-news {margin-bottom: 5px;border-bottom: 1px dashed #cdcdcd;}
.slick-news .box-news {height: 130px; overflow: hidden;}
.news-left { font-family: RB;background: url(../img/dot-8.png) no-repeat left center; width: 100%;white-space: normal;overflow: hidden;padding: 5px 0;padding-left: 15px;}
#tintuc .box-news {padding:  20px 0;border-bottom: 1px dashed #fff;}
#tintuc .box-sp .name ,#tintuc .box-news .name {color: #000;}
#dichvu {background: rgba(0,0,0,0.15); padding: 30px 0 ;}

#hinhanh .box-album {margin: 0 auto;}
.box-album { width: 100%;position: relative;margin: 20px 0 ;   }
.box-album:hover{ z-index: 99;position: relative;}
.box-album .info { -moz-transition: all 0.7s; -webkit-transition: all 0.7s;transition: all 0.7s;position: absolute;font-size: 14px;text-align: left;bottom: 0;top: 0; right: 0;left: 0;background: rgba(0,0,0,0.5);display: flex;align-items:center;align-content:center;justify-content:center;opacity: 0;}
.box-album:hover .info {opacity: 1;-moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;}
.box-album .name { overflow: hidden;/* height: 40px;*/margin:10px ;text-align: center;color: #fff;font-family: RB;font-size: 24px;}
.box-album .images {position: relative;overflow: hidden;}
.box-album .images img{width: 100%;-moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;}
.box-album:hover  .images img{ -moz-transform: scale(1.12); -webkit-transform: scale(1.12); transform: scale(1.12);}
.tit-white .name{color: #fff;background: url(../img/line-trang.png) no-repeat left 35px, url(../img/line-trang.png) no-repeat right 35px;}

.box-tv {margin: 20px 0;position: relative;}
.box-tv .images {padding: 2px;border: 1px solid #cdcdcd;}
.box-tv:hover .images {-ms-filter: brightness(80%); -webkit-filter: brightness(80%); -moz-filter: brightness(80%); -o-filter: brightness(80%); filter: brightness(80%);}
.box-tv .name {color: #fff;position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;}

.owl-prev , .owl-next { position: absolute; bottom: 50%;opacity: 0; -moz-transform: translate(0, 50%);-webkit-transform:translate(0, 50%);-o-transform:translate(0, 50%); -ms-transform:translate(0, 50%);transform:translate(0, 50%);}
.owl-prev { left: 0px;}
.owl-next { right: 0px;}
.owl-carousel:hover .owl-prev, .owl-carousel:hover .owl-next {opacity: 1;}

#sanpham .owl-prev { left: auto;right: 31px;opacity: 1;top: auto;bottom: calc(100% + 35px);}
#sanpham .owl-next { left: auto;right: 0px;opacity: 1;top: auto;bottom: calc(100% + 35px);}

.search {width: 220px;height: 26px;display: inline-block;padding: 1px 5px ;position: relative;margin: 10px ;box-sizing: border-box;vertical-align: middle;border: 1px solid rgba(0,0,0,0.3);background: #f8040f;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000)";/*IE 8*/
-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.1) inset;-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.1) inset;box-shadow: 3px 3px 5px rgba(0,0,0,0.1) inset;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color=#000000);}
.search input {position: relative;color: #fff;display: block;border: none;padding:  5px;width: calc(100% - 60px);margin: 0px 30px 0px 0px;background: none;outline: none;}
.search .bt-search {position: absolute;right: 0px;top: 0px;bottom: 0px;cursor: pointer;display: inline-block;color: #fff;font-size: 16px;padding: 5px 10px;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;background: none;}
.search_box_hide {position: absolute;right: 0;top: 100%;background: #cdcdcd;display: none;}
#slide_phu {margin-top: -110px;position: relative;z-index: 99;}
.box-dm {text-align: center;max-width: 280px;margin: 10px;}
.box-dm .images {position: relative;overflow: hidden;padding: 5px;margin:  0 15px -40px 15px;padding: #fff;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=0, Color=#000000)";-moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.7);-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.7);box-shadow: 0 0 10px 1px rgba(0,0,0,0.7);filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#000000); }
.box-dm .images img {width: 100%;position:relative;-moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;}
.box-dm:hover  .images img{ -moz-transform: scale(1.12); -webkit-transform: scale(1.12); transform: scale(1.12);}
.box-dm .info {padding: 15px;background: #f7f7f7;border: 1px dashed #cacaca; padding-top: 60px;}
.box-dm .name {font-size: 16px;font-family:UTMA;}
/*#search_nc {background: -moz-linear-gradient(180deg, #1793e1 0, #1370E3 100%);
background: -webkit-gradient(linear, 180deg, color-stop(0, 1793e1), color-stop(100%, 1370E3));
background: -webkit-linear-gradient(180deg, #1793e1 0, #1370E3 100%);
background: -o-linear-gradient(180deg, #1793e1 0, #1370E3 100%);
background: -ms-linear-gradient(180deg, #1793e1 0, #1370E3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1');
background: linear-gradient(180deg, #1793e1 0, #1370E3 100%);
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
height: 30px;padding: 13px;line-height: 30px;
text-align: center;position: relative;
}*/
.box-gt {margin-bottom: 20px;}
.box-gt .images {width: 40%;float: left;padding-right: 20px;box-sizing:border-box;}
.box-gt .images img {}
.box-gt .images {}
.box-gt .name {font-family: RCB;font-size: 30px;color: #814818;margin: 10px 0;text-transform: uppercase;}
.box-gt .more a {display: inline-block;padding: 7px 15px;border: 1px solid #842626;font-family: RCR;margin: 10px 0;}
.tk_r { position: absolute;right: 20px;top: 10px;font-size: 30px;}
.tk_l { position: absolute;left: 0px;top: 10px;}

.bangdo {position: relative;height: 460px;}

.dangky {position: relative;z-index: 100;width: 290px;height: 460px;background: rgba(17,113,207,0.9); color: #fff;padding: 20px; box-sizing:border-box;}
.dangky .title {font-family: UTMA; font-size: 19px;text-transform: uppercase;text-align: center;color: #fff;}
.dk_email {background: url(../img/bg-dk-email.png) no-repeat center center;padding: 30px 0;}
.email-dk {display: block;position: relative;padding: 0px 60px 0px 0px;width: 100%;box-sizing:border-box;}
.email-dk .input {display: block;padding: 5px 10px; line-height: 20px;background: #fff;color: #000;margin: 0 3px;border: none;}
/*.email-dk .button {position: relative;background: #fff; cursor: pointer;display: inline-block;color: #005799;padding:7px 15px;font-weight: bold;margin: 10px auto; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }*/
.email-dk .button {position: absolute;right: 0px;top: 0px;bottom: 0px;margin: 0;background: #404040; cursor: pointer;display: inline-block;width: 55px;color: #fff;padding: 3px 0; font-family: RB;text-transform: uppercase;  }
.dk_email .title {background: url(../img/tt-l-x.png) no-repeat center bottom; color: #4a4a4a;}
.giohang {position: relative;display: inline-block;background: url(../img/bg-giohang.png) no-repeat ;font-size: 12px;line-height: 12px;width: 20px;color: #005799;text-align: center; padding: 2px 5px 19px 28px;vertical-align: middle;}
#duan {padding: 30px 0;}

.box-da { position: relative; max-width: 600px;padding: 5px ;}
.box-da .images {background: #fff;}
.box-da .info { position: absolute;margin: 5px;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);color: #fff;}
.box-da .name {padding: 10px 5px;font-family: RM;font-size: 16px;}

.gt_nb {}
.gt_nb .images {padding: 10px;display: inline-block;}
.gt_nb .images img {}
.gt_nb .more {padding: 0 10px ;display: inline-block; margin: 10px; color: #f00;font-weight: bold;}
.dm_ft {display: inline-block;width: 49%;}
.more {color: #f00;text-align: right;margin: 10px 0;}
.more a {display: inline-block;padding: 10px 20px;border: 1px solid #d7d7d7;}
#quangcao {height: 300px;}
#quangcao .hotro span {margin-left: 10px;display: inline-block;background: #c66d23;color: #fff200;font-family: RB;font-size: 25px;padding: 5px 15px; -webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; line-height: 30px;}
.thongtin {background: -moz-linear-gradient(180deg, #F3F3F3 0, #D3D3D3 100%); background: -webkit-gradient(linear, 180deg, color-stop(0, F3F3F3), color-stop(100%, D3D3D3)); background: -webkit-linear-gradient(180deg, #F3F3F3 0, #D3D3D3 100%); background: -o-linear-gradient(180deg, #F3F3F3 0, #D3D3D3 100%); background: -ms-linear-gradient(180deg, #F3F3F3 0, #D3D3D3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); background: linear-gradient(180deg, #F3F3F3 0, #D3D3D3 100%); border: 2px solid #dfdfdf; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-weight: bold; margin: 5px 0;}
.thongtin img {vertical-align: middle;margin: 3px 10px;}
#congtrinh {padding: 20px 0;}
.congtrinh {position: relative;}
.congtrinh .name {position: absolute; bottom: 0;width: 100%;padding: 5px 20px 5px 0;text-align: center;background: rgba(0,0,0,0.4);color: #fff;font-weight: bold;}
#sanpham { padding:  30px 0px ;position: relative;z-index: 99;background: #191919;color: #fff; }
#sanpham .main-tit .name ,#lienhe .main-tit .name {color: #fff;background-image: url(../img/tcat-r-w.png);}
#sanpham .w_10 {width: 100%;}
#sanpham .w_5 {width: 50%;}
#sanpham .h_10 {height: 480px;}
#sanpham .h_5 {height: 240px;}


#container.spnb {background: url(../img/bg-spnb.png) no-repeat center center; background-size: 100% 100%;}
a.tab {cursor: pointer;background: #ffe400;border: 3px solid #ffc600;display: inline-block; padding: 7px 17px;margin: 10px;}
.dm_c1 {width: 100%;padding: 3px;margin: 0px auto;text-align: center; background: #fff;box-sizing:border-box;position: relative;}

#dmsp { border-top: 3px solid #d6d6d6;background: url(../img/bg-dmsp.png) repeat-x top #e5e6e7;padding: 20px;}
#dmsp .dm_c { margin: 12px 0;padding: 15px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
background: -moz-linear-gradient(135deg, #FEFEFE 0, #E5E6E7 50%, #E5E6E7 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 135deg, color-stop(0, FEFEFE), color-stop(50%, E5E6E7), color-stop(100%, E5E6E7));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(135deg, #FEFEFE 0, #E5E6E7 50%, #E5E6E7 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(135deg, #FEFEFE 0, #E5E6E7 50%, #E5E6E7 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(135deg, #FEFEFE 0, #E5E6E7 50%, #E5E6E7 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
background: linear-gradient(135deg, #FEFEFE 0, #E5E6E7 50%, #E5E6E7 100%);/* W3C */}
#dmsp .dm_c p {margin-bottom: 10px;font-family: RL;font-size: 15px;}
.dm_c1 .images {overflow: hidden;position: relative;z-index: 99;}
.dm_c1 .info {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 999;  font-size: 18px;color: #fff;text-align: center;font-family: Arial;font-size: 14px;}
.dm_c1 .name {  font-size: 16px;text-transform: uppercase;color: #fff;}
.dm_c1 .mota {max-height: 60px; overflow: hidden;}
.dm_c1 .more {text-align: right;margin: 10px 0 0 0;}
.dm_c1  a {display: none;border-top: 2px solid #fff;border-bottom: 2px solid #fff;color: #fff;padding: 10px ; margin-right: 5px;}
.dm_c1:hover a {display: inline-block;}
.dathicong {padding: 25px 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=11, Direction=0, Color=#e9e9e9)";/*IE 8*/
-moz-box-shadow: 0 0 11px 11px #e9e9e9 inset;/*FF 3.5+*/
-webkit-box-shadow: 0 0 11px 11px #e9e9e9 inset;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0 0 11px 11px #e9e9e9 inset;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=11, Direction=135, Color=#e9e9e9); /*IE 5.5-7*/}

.box-duan {position: relative;}
.box-duan img {position: relative;width: 100%;}
.box-duan .name {position: absolute;width: 100%;line-height: 20px;padding: 10px;box-sizing:border-box;background: rgba(0,0,0,0.8); color: #fff;font-weight: bold;font-size: 16px;text-align: center;bottom: 20px;left: 0;}
.download th,.download td{padding: 5px;}
.hotline p { 
/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=225, Color=#fff)";
    text-shadow: 0 2px 0 #fff, 0 0 2px #fff, 2px 0 0 #fff,2px 2px 0 #fff, -2px 0 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 0 -2px 0 #fff, 2px -2px 0 #fff;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=135, Color=#fff); */}


.rotate_me {
    -webkit-animation-name: rota;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: rota;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: rota;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes rota {  
    0% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    60% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    65% {  -moz-transform: rotate(15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    75% {  -moz-transform: rotate(-15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    80% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    85% {  -moz-transform: rotate(15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    95% {  -moz-transform: rotate(-15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    100% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
}
@-webkit-keyframes rota {  
    0% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    60% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    65% {  -moz-transform: rotate(15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    75% {  -moz-transform: rotate(-15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    80% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    85% {  -moz-transform: rotate(15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    95% {  -moz-transform: rotate(-15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    100% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
}
@keyframes rota {  
    0% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    60% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    65% {  -moz-transform: rotate(15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    75% {  -moz-transform: rotate(-15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    80% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    85% {  -moz-transform: rotate(15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    95% {  -moz-transform: rotate(-15deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(-15deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
    100% {  -moz-transform: rotate(0deg) scale(1, 1) skewX(0deg) skewY(0deg) translate(0px, 0px);-webkit-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-o-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);-ms-transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px);transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg) translate(0px, 0px); }
}

/* Reponsive */
/*@media (min-width: 1200px) {
    .box-sp:nth-child(3n){margin-right: 0;}
    .box-sp:nth-child(3n+1){clear: both;}

    .box-spi:nth-child(4n){margin-right: 0;}
    .box-spi:nth-child(4n+1){clear: both;}

    .box-dt:nth-child(6n){margin-right: 0;}
    .box-dt:nth-child(6n+1){clear: both;}
}

@media (max-width: 1199px) {
    #container,#footer{ padding: 20px 15px;}
    .slick-sanpham{width: 100%; padding: 0px; margin: 0px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    #menu #main-menu>li>a { margin: 5px 15px;}
    #main-menu a{ }
    #main-menu ul a{}
    .menu-r{ width: 220px;}
    .menu-r img{ }
    .box-sp{width: 30%; margin: 0px 4.5% 20px 0px;}
    .box-sp:nth-child(3n){margin-right: 0;}
    .box-sp:nth-child(3n+1){clear: both;}

    .box-spi{width: 24%; margin: 0px 1.3% 20px 0px;}
    .box-spi:nth-child(4n){margin-right: 0;}
    .box-spi:nth-child(4n+1){clear: both;}

    .box-dt{width: calc(20% - 1px); margin:0px 1px 1px 0px;}
    .box-dt:nth-child(5n){margin-right: 0;}
    .box-dt:nth-child(5n+1){clear: both;}

    .ft-1{}
    .ft-2{}
}

@media (min-width: 992px) {
    .sub-arrow{display: none !important;}
}

@media (max-width: 991px) {
    #banner .banner {background: none;}
    #smenu{display: block;}
    #smenu a{font-family: RB; color: #FF0; font-size: 18px;}
    #menu{position: static !important;}
    .menu-l{width: 100%;float: none; margin: 0px;}
    #menu,.menu-r,.banner-hl{display: none;}
    .index-page #banner .banner{padding: 0px;}
    .i-l,.i-r{width: 100%;float: none; margin: 0px 0px 20px 0px;}
    .left{display: none;}
    .right{width: 100%;float: none;}
    .box-news1{width: 100%;float: none; margin: 0px 0px 20px 0px;}
    #duan {background: #d1cdcd;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .ft-1{}
    .ft-2{}
    .box-sp{width: 30%; margin: 0px 4.5% 20px 0px;}
    .box-sp:nth-child(3n){margin-right: 0;}
    .box-sp:nth-child(3n+1){clear: both;}
    .box-dt{width: calc(25% - 1px); margin:0px 1px 1px 0px;}
    .box-dt:nth-child(4n){margin-right: 0;}
    .box-dt:nth-child(4n+1){clear: both;}
    .box-spi{width: 30%; margin: 0px 4.5% 20px 0px;}
    .box-spi:nth-child(3n){margin-right: 0;}
    .box-spi:nth-child(3n+1){clear: both;}
}

@media (max-width: 767px) {
    .ft-1,.ft-2,.ft-3{}
    .shotline{display: none;}
    #keywords{ max-width: 130px;}
    .gt-info{ padding: 0px 15px; background: #FFF;}
    .i-l-l,.i-l-r,.video-l,.slick-video,.ct-l,.ct-r,.lh-l,.lh-r{width: 100%;float: none; margin: 0px 0px 15px 0px;padding: 0; border: none;}
}

@media (min-width: 375px) and (max-width: 767px) {
    .box-sp{width: 48%; margin: 0px 4% 20px 0px;}
    .box-sp:nth-child(2n){margin-right: 0;}
    .box-sp:nth-child(2n+1){clear: both;}
    .box-dt{width: calc(33.33% - 1px); margin:0px 1px 1px 0px;}
    .box-dt:nth-child(3n){margin-right: 0;}
    .box-dt:nth-child(3n+1){clear: both;}
    .box-spi{width: 48%; margin: 0px 4% 20px 0px;}
    .box-spi:nth-child(2n){margin-right: 0;}
    .box-spi:nth-child(2n+1){clear: both;}
    .box-news .images,.box-news1-img{ max-width: 150px;}
}

@media (max-width: 374px) {
    .lh-con-l,.lh-con-r{width: 100%;float: none;margin: 0px; padding: 0px;}
    .lh-con-r{margin-bottom: 10px;}
    .box-sp,.box-spi{width: 90%; margin: 0px 5% 20px 5%;float: none;}
    .box-dt{width: calc(50% - 1px); margin:0px 1px 1px 0px;}
    .box-dt:nth-child(2n){margin-right: 0;}
    .box-dt:nth-child(2n+1){clear: both;}
}*/