
html{
	font-family:Arial, Helvetica, sans-serif;

  /*font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;*/
	font-size:12px;
	

	}
.css3{
	webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;margin:0;padding:0;border:0;outline:0;vertical-align:top}
ol, ul {list-style:none}

a{
	text-decoration:none;
	color:#000
	}
blockquote, q {quotes:none}
table, table td {padding:0; border: 1px solid #000000; border-collapse:collapse; border-spacing: 0;}
img {
	vertical-align:top;
}
embed {vertical-align:top}
* {border:none}
.clr_fix{
	clear:both
	}
.autowh1007{
	width:1007px; height:auto; margin:auto;overflow: hidden;
	clear: both;
	}
.autowh1007nc{
	width:1007px; height:auto; margin:auto;overflow: hidden;
	clear: both;

}
.tcw{
	color:#FFF
	}
.fullimg img{
	width: 100%;
	height: auto;
	min-height: 126px;
}
.fullimgh100{
	width: 100%;
	height: 100%
}
.maximg img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
.maxminimg img {
max-width: 100%;
width: 100%;
height: 100%;
vertical-align: middle;5dxA2S3A
border: 0;
-ms-interpolation-mode: bicubic;
}
/***HITI STANDARD - BACKGROUND - DISPLAY - POSITION***/
@font-face {
    font-family: 'UTMCafetaRegular';
  src: url('../font/utm_cafeta-webfont.eot');
  src: url('../font/utm_cafeta-webfont.eot?#iefix') format('embedded-opentype'),
       url('../font/utm_cafeta-webfont.woff') format('woff'),
       url('../font/utm_cafeta-webfont.ttf') format('truetype'),
       url('../font/utm_cafeta-webfont.svg#UTMCafetaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'UTM Helve';
  src: url('../font/UTM Helve.eot');
  src: url('../font/UTM Helve.eot?#iefix') format('embedded-opentype'),
       url('../font/UTM Helve.woff') format('woff'),
       url('../font/UTM Helve.ttf') format('truetype'),
       url('../font/UTM Helve.svg#UTMCafetaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'UTM HelvetIns';
  src: url('../font/UTM HelvetIns.eot');
  src: url('../font/UTM HelvetIns.eot?#iefix') format('embedded-opentype'),
       url('../font/UTM HelvetIns.woff') format('woff'),
       url('../font/UTM HelvetIns.ttf') format('truetype'),
       url('../font/UTM HelvetIns.svg#UTMCafetaRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
  src: url('../font/opensans-regular-webfont.eot');
  src: url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../font/opensans-regular-webfont.woff') format('woff'),
       url('../font/opensans-regular-webfont.ttf') format('truetype'),
       url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v8/b9QBgL0iMZfDSpmcXcE8nFgFMY7EK8ynABYD_ZHMS7s.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v8/Zd2E9abXLFGSr9G3YK2MsNIjcMYHK_OhdqQKvz8_Eqo.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v8/b9QBgL0iMZfDSpmcXcE8nMSqxGqx1BqHsIjxNL4q2HQ.woff) format('woff');
}
.fontcafe {
    font-family: 'Roboto Condensed';
}
/* END: @fontface */
/***********BACKGROUND*************/

.bg_xanh_4f6b76_tran{
	background-image:url(../images/bgk/bg_xanh_4f6b76_tran.png);
	background-repeat:repeat
	}
.bg_white{
	background-color:#FFF
	}
.bg_white_tran{
	background-image:url(../images/bgk/bg_white_tran.png);
	background-repeat:repeat
	}
.bg_black{
	background-color:#000
	}
.bg_den_tran{
	background-image:url(../images/bgk/bg_den_tran.png);
	background-repeat:repeat
	}
.bg_blue_dam_tran{
	background-image:url(../images/bgk/bg_blue_dam_tran.png);
	background-repeat:repeat
	}
.fullover{
	background-image:url(../images/bgk/bg_blue_dam_tran.png);
	background-repeat:repeat;
	width: 100%;
	height: 100%;
	min-height: 200px;
	z-index: 0;
	top: 0px;
	position: fixed;
	display: none;
	
}
.bg_camnhat{
	background-color:#FDFAD0;
	}
.bg_camdam{
	background-color:#fef9b6;
	}
	.bg_none_clear{
		background-image:url(../images/bgk/bgnone.png);
	background-repeat:repeat;
	width: 100%;
	height: 100%;
	display: none;
	min-height: 1000px;
	position: fixed;
	cursor: pointer;
	z-index: 9;
	}

.fulblur{
	
}
.fulbluradd{
	-webkit-filter: blur(2px);
	-moz-filter: blur(1px);
	-ms-filter: blur(1px);
	-o-filter: blur(1px);
	filter: blur(1px);
}
/***form***/


input{
outline:none
}

/***********BG DISPLAY******************/
.display_none{
	display:none
	}
.display_block{
	display:block
	}
.display_list-item{
	display:list-item
	}
.display_compact{
	display:compact
	}

/***********POSITION*************/
.pos_re{
	position:relative;
	}
.pos_ab{
	position:absolute
	}
.pos_fix{
	position:fixed
	}
/*Height - width - margin - cursor*/
.h100pc{
	height:100%;
	}
.hat{
	height:auto
	}
.w100pc{
	width:100%;
	}
.w1007{
	width:1007px;
	}
.mar_at{
	margin:auto
	}
.cursor_point{
	cursor:pointer
	}
.fl{
	float:left;
	}
.fr{
	float:right
	}
.tbold{
	font-weight:bold
	}
.right0{
	right:0px
	}
.ta_r{text-align:right}
.ta_l{text-align:left}
.ta_c{text-align:center}
.ttra_lower{
	text-transform:lowercase
	}
//*******Logo hiti******/
.pdt10{
	padding-top:10px
	}
.thiet_ke_web{
width:auto; height:auto; position:relative; float:right;
}
.thiet_ke_web_chuyen_nghiep{
float:left; 
text-align:right;
width:auto; 
line-height:10px;
letter-spacing:3px; 
font-size:7px;
color:#fff; 
margin-top:3px;
padding-right:2px
}
.pdt3{
	padding-top: 3px
}
.thiet_ke_web_chuyen_nghiep a{
color:#fff
}
.thiet_ke_web_chuyen_nghiep p{
	width:60px;
	float:left;
	line-height:10px
	}
.thiet_ke_web a{
text-decoration:none;
color:#fff;
border:none;
}
.texthiti{
	font-size:4px; letter-spacing:1px;
	line-height:10px !important;color: #fff
	}
.texthiti a{
	color: #fff
}
.thiet_ke_web a:hover{
color:#FFF;
border:none
}	
.banquyen {
width: 400px;
height: auto;
position: relative;
padding-left: 10px;
font-size: 12px;
color: #FFFFFF
}
/*******Logo hiti******/
/***HITI STANDARD***/

/**********BG Z-INDEX*********/	
.zindex_0{
	z-index:0
	}

.zindex_1{
	z-index:1
	}
.zindex_2{
	z-index:2
	}
.zindex_3{
	z-index:3
	}
.zindex_4{
	z-index:4
	}
.zindex_5{
	z-index:5
	}
.zindex_6{
	z-index:6
	}
.zindex_7{
	z-index:7
	}
.zindex_8{
	z-index:8
	}
.zindex_9{
	z-index:9
	}
.zindex_10{
	z-index:10
	}
.zindex_11{
	z-index:11
	}
.zindex_12{	z-index:12	}
.zindex_13{	z-index:13	}
.zindex_14{	z-index:14	}
.zindex_15{	z-index:15	}
.zindex_16{	z-index:16	}
.zindex_17{	z-index:17	}
.zindex_18{	z-index:18	}
.zindex_19{	z-index:19	}
.zindex_20{	z-index:20	}
.zindex_21{	z-index:21	}
.zindex_22{	z-index:22	}
.zindex_23{	z-index:23	}
.zindex_24{	z-index:24	}
.zindex_25{	z-index:25	}
.zindex_26{	z-index:26	}
.zindex_27{	z-index:27	}

/**********ED Z-INDEX*********/	
/************thong dung***************/
.loadbutton{
	width:100%;
	height:100%;
	background-image:url(../images/bgk/bg_white_tran.png);
	background-repeat:repeat;
	position:absolute
	}
.showpass{
	width: 24px;
	height: 16px;
	background-image:url(../images/groupimg.png); 
	background-position:-144px 0px; 
	position: absolute;
	background-repeat:no-repeat;

}
.showpass:hover{
	background-position:-168px 0px; 
}
.errors{
	position: absolute;
	top: 110%;
	display: none;
	color: red;
}
.errors span{
	padding:5px 10px 5px 10px !important;
	
	background-color: #f5f5f5;
}
.errors span:before{
	content: '';
	
	position: absolute;
	top: -10px;
	 border-color: transparent transparent #f5f5f5 transparent;
    border-style:solid;
    border-width:0px 10px 10px 0px;
    width:0;
    height:0;
}
.bordererror{
	border:1px #fa6800 solid !important;
}
/************thong dung**************/
/*fullimg*/
.popupfullinfoim{
	width: 100%;
	height: 100%;
	background-color: #000;
	position: fixed;
	z-index: 100;
	top: 0px
}
.pptoolbar{
	width: 100%;
	height: 30px;
	background-color: #FFFFFF;
	position: relative;
}
.pptoolbar h2{
	padding: 0px 20px;
	font-size:12px;
	line-height:30px;
	color: #2e92cf
}
.ritobimgf{
	height: 30px;
	width: 300px;
}
.ritobimgf td{
	padding:7px 20px;
	border-left: 1px solid #CCC
}
.closeppfulimg{
	width: 17px;
	height: 17px;
	background-image:url(../images/groupimg.png); 
	background-position:-200px -48px; 
	background-repeat:no-repeat;
	cursor: pointer;
	margin-right: 10px
}
.fullppfulimg{
	width: 17px;
	height: 17px;
	background-image:url(../images/groupimg.png); 
	background-position:-264px -48px; 
	background-repeat:no-repeat;
	cursor: pointer;
	margin-right: 10px
}
.resizeppfulimg{
	width: 17px;
	height: 17px;
	background-image:url(../images/groupimg.png); 
	background-position:-240px -48px; 
	background-repeat:no-repeat;
	cursor: pointer;
	margin-right: 10px
}
.ritobimgf a{
	color: #0077B3;
}
.ritobimgf a:hover{
	text-decoration: underline;
}
.listanhgroupfc{
	width: 100%;
	height: 100% ;
	position: relative;
	text-align: center;
	vertical-align: middle;
	display: table;
	
}

.listanhgroupfc span{
	vertical-align:middle;
    display: table-cell;
}
.listanhgroupfc img{
	max-width: 75%;
	height: auto;
	max-height:570px;
	vertical-align: middle;
}
.slifullimg{
	width: 100% !important;
	height: 600px !important;	
}
.mitafulimgci{
	width: 260px;
	height:auto;
	min-height: 100px;
	background-image:url(../images/bgk/bgdendamtran.png);
	position: absolute;
	right: 0px;
	bottom: 40px;
	padding: 20px
}
.mitafulimgci p{
	color: #FFFFFF;
	text-align: left;
}