/* 1. General */
/*-------------------------------------------------------------------------------------------*/
body {
    font-family: 'arial', serif;
    font-size: 13px;
    overflow-x: hidden;
    min-width: 300px;
	text-align:justify;
	line-height:1.45em;
    color: #000;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
   
}

p {line-height:1.45em; margin:0; padding-bottom:6px;}

* {	margin:0;	padding:0;}

h1, h2, h3, h4, h5, h6 { margin:0; padding:4px 0; color: #000;font-size:1.2em;}
h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {color:#000099;}   
a { color:#000; text-decoration:none;}
a:hover {color:#000099;text-decoration:underline;}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section 
{ display: block;}
audio,canvas,progress,video { display: inline-block;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
input, select {vertical-align: middle;}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*  Clearfix---- */

.clearfix {}
.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }

.fl { float:left;}
.fr { float:right;}	
	
/* 1. General -----------------------------------------------------END------- */

/* USS - CSS - in Content - Style ---------------------
---------------------------------------------------
---------------------------------------------------  */

/* Border - radius -------*/
.ubora {    border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;}

/* Float------------------*/
.ufl { float:left;}
.ufr { float:right;}
.ufce { margin:0 auto;}


/* Background Corlor-----------*/
.ubag1 { background:#e5e5e5 !important;}
.ubag2 { background: linear-gradient(#e5e5e5 20%, #f9f9f9 100%, #e5e5e5 80%) repeat scroll 0% 0% transparent !important;}
.ubag3 { background:#f5f5f5 !important;}
.ubag4 { background:#c90000 !important;}
.ubag5 {background: linear-gradient(#ff0000 20%, #c90000 100%, #ff0000 80%) repeat scroll 0% 0% transparent !important;}
.ubag6 {background: linear-gradient(#f5f5f5 20%, #f9f9f9 100%, #f5f5f5 80%) repeat scroll 0% 0% transparent !important;}
.ubag7 {background: linear-gradient(#111 20%, #999 100%, #111 80%) repeat scroll 0% 0% transparent !important; color:#f9f9f9 !important;}

/* Backgroud Hover */
.ubaho1:hover { background:#FFff99;}

.uhid {overflow:hidden;}

/* Margin - ----------------- */
.umal { margin-left:10px !important;}
.umar { margin-right:10px !important;}
.umat { margin-top:10px !important;}
.umab { margin-bottom:10px !important;}

/* Padding-------- */
.upad1 { padding:5px;}
.upad2 { padding:10px;}
.upad3 { padding:15px;}
.upad4 { padding:20px;}
.upad5 { padding:5px 0;}
.upad6 { padding:0 10px;}
.upad7 { padding:5px 10px;}
.upadb {padding-bottom:4px;}

/* Text- Color-------------*/
.ucolor1 {color:#555;}
.ucolor1:hover {color:#c90000;}

/* Font-size-----------------------------------------*/
.ufont20 {font-size:2em;}
.ufont18 {font-size:1.8em;}
.ufont16 {font-size:1.6em;}
.ufont15 {font-size:1.5em;}
.ufont14 {font-size:1.4em;}
.ufont13 {font-size:1.3em;}
.ufont125 {font-size:1.25em;}
.ufont12 {font-size:1.2em;}
.ufont115 {font-size:1.15em;}
.ufont11 {font-size:1.1em;}
.ufont105 {font-size:1.05em;}
.ufont10 {font-size:1em;}
.ufont095 {font-size:0.95em;}
.ufont09 {font-size:0.9em;}
.ufont085 {font-size:0.85em;}
.ufont08 {font-size:0.8em;}

/* font style & text decoration  ----------------*/
.ufont-ita { font-style:italic;}


/* Position  ---------*/
.pobr {bottom:15px; right:20px;}
.potr {top:15px; right:20px;}
.pobl {bottom:15px; left:20px;}
.potl {top:15px; left:20px;}
.poce {top:45%; left:40%;}
.pobce {bottom:15px; left:40%;}
.potce {top:15px; left:30%;}

/* Border ------------------------*/
.ubor1 { border:1px solid #c1c1c1;}
.ubor2 { border-bottom: 1px solid #c1c1c1;}
.ubor3  {border-bottom: 1px dotted #c1c1c1;}
.ubor4 { border-top: 1px solid #c1c1c1;}
.ubor5  {border-top: 1px dotted #c1c1c1;}
.ubor6  { border:0;}
.ubor7  { border-right:1px solid #c1c1c1;}
.ubortb {border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1;}
.uborlr {border-left:1px solid #c1c1c1;border-right:1px solid #c1c1c1;}
.ubor-lred5 { border-left:5px solid #ff0033;}
.ubor-rred5 { border-right:5px solid #ff0033;}


/* Display none------------------*/
.udino { display:none;} 

/* line --hr--------*/
.uhr1 { border-bottom:1px solid #c1c1c1;border-collapse:collapse;margin:5px 0;}
.uhr2 { border-bottom:1px solid #ff0033;border-collapse:collapse;margin:5px 0;}

/* Table------------------*/
.uss-table { border:0; overflow:hidden; }

/* CSS for IMG Box --------------------*/

.uss-imgbox-02 {
display: block;
overflow: hidden;
text-align: center;
position: relative;
background: #e5e5e5;
margin-top:10px;
max-width:100%;
margin-bottom:10px;
}
.uss-imgbox-02.ufl {margin-right:10px}
.uss-imgbox-02.ufr {margin-left:10px}

.uss-imgbox-02 img {max-width:100%;}

.uss-imgbox-02 .uss-p01 {
font-size: 0.9em;
font-style: italic;
padding: 5px;
margin-bottom: 5px;
}

.uss-imgbox-02 .uss-sign-01 {position: absolute;
opacity: 0.6;
padding: 5px 12px;

border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
background:linear-gradient(#f5f5f5 20%, #f9f9f9 100%, #f5f5f5 80%);
top:20px;
right:20px;
}
.uss-imgbox-02 .uss-sign-01 img{
background: url('http://kinhte.jcapt.com/img1/store/icons/tinkinhte-4.png') no-repeat;
width:74px;
height:15px;
}
.uss-imgbox-02 h1 {font-size:1.4em; padding:0px; line-height:0.6em}



.uss-imgbox-01 { display:block; overflow:hidden; text-align:center; position:relative; }

.uss-d01 { position:relative; display:block; overflow:hidden;}
.uss-p01 { font-size:0.9em; font-style:italic; padding:5px; margin-bottom:5px;}
.uss-sign-01 {position:absolute; opacity:0.6; padding:5px 12px;}
.uss-p02 {  position:absolute; opacity:0.8;   bottom:-2px; left:0; width:100%; padding:10px !important;}

/* USS Keyword Box -----------------------*/  
.uss-keybox-01 { display:block; overflow:hidden; width:100%;}

/*Uss- Note Box */
.uss-notebox-01 { display:block; overflow:hidden; width:100%;}
.uss-notebox-02 {
	border-left: 5px solid #ff0033;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	font-style: italic;
	font-size: 0.95em;
	padding: 5px 10px;
	
}
.uss-notebox-02.ufl {margin-right:10px}
.uss-notebox-02.ufr {margin-left:10px}

/*Description & source---*/
.ukey-01 { font-size: 0.95em; color: #777; display: inline; float: left;  margin-top: -3px;  margin-right: 4px;}
.udes-01 { font-weight: bold;  margin-bottom: 5px;line-height: 1.7em;}
.ures-01 { float: right; text-align: right; font-size: 1em;  margin: 10px 15px 10px 0;}
.tkt-h1 { display:inline; margin:0; font-size:1em; color:#555;}
.tkt-dt1 { margin:8px 0; font-size:1.2em; font-weight:bold;}

/* IMG center - tkt*/
.tkt-img1 {background:#e5e5e5; margin:5px auto;}
.tkt-simg1 {bottom:20px; right:20px;  
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			background: linear-gradient(#f5f5f5 20%, #f9f9f9 100%, #f5f5f5 80%) repeat scroll 0% 0% transparent !important; }

/* Table ----3 col -  -*/
.tkt-table-01 { width:100%;  border-collapse:collapse;margin:10px auto;}
.tkt-table-01 tr {vertical-align:middle; height:2.5em;}
.tkt-table-01 tr:nth-child(2n) { background:#f1f1f1;}
.tkt-table-01 td { border:1px solid #999;  vertical-align:middle; padding:5px 8px;}
.td20 { width:20%;}
.td40 { width:40%;}
.td50 {width:50%;}
.td80 {width:80%;}
.td60 {width:60%;}
.td100 {width:100%;}



/* USS - CSS - in Content - Style ---------------------
---------------------------------------------------
--------------------------------------------------- END */


/*bootstrap reconfig--------------*/

.wrap{ width:100%; padding:0; margin:0; }
.container { width:100%; max-width:1200px; padding:0; margin:0 auto; }
.row {padding:0; margin:0;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, 
.col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, 
.col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, 
.col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height:1.45em;}

/* CSS 4 HTML ---------------------------------- */



/* Header group */
.u-header { }
.u-doma { font-size:2.2em; text-transform:uppercase; float:left; color:#c90000; font-weight:bold;letter-spacing:0.2em; margin:0; padding:0; }
.u-doma:hover { color:#ffff66;}
.u-cont { font-size:1.4em; font-weight:bold; float:right; padding:5px 0;}
.u-phone {font-size:1.8em; font-weight:bold; color:#c90000;margin-left:5px; vertical-align:middle; }
.slot-head {padding:5px 0; background:#d1d1d1;border-bottom:1px solid #a1a1a1; margin-bottom:20px;}

/* Footer*/
.u-footer { font-size:1.1em;}
.u-footer  p {margin:5px 0; }
.u-footer p>a {color:#333;}
.f-phone { color:#c90000; font-weight:bold; font-size:1.3em;}
.u-email { color:#0000CC; letter-spacing:0.1em; }
.slot-foot {Margin-top:30px; padding:20px; background:#d1d1d1;}


/* Body*/

.slot-mainleft { width:70%; float:left; margin-right:2%; padding:20px 20px 20px 0; }
.slot-adright  { width:28%; float:right; padding:20px 0 20px 20px;}

.feat-ads-group-02 { margin-top:5px;}
a.post-box-thumbnail { width:100%; max-height:220px; overflow:hidden; display:block;}
.post-box-post-title { font-size:1.8em; font-weight:bold;text-align:left; margin-bottom:0px; padding-bottom:0px;}
.post-meta { font-size:1.2em; }
.published { font-size:1.1em; color:#555; display:block; text-align:right;}

/* @ MEDIA */

@media screen and (min-width: 320px) and (max-width: 479px) 

{
body {font-size:14px;}
.container {width:96%;}

/* Header*/
.u-doma { font-size:1.5em; width:100%;}
.u-cont { font-size:1.1em; font-weight:bold; float:left; width:100%; display:block;  }
.u-phone {font-size:1.3em; }

}


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

{
.container {width:97%;}


}

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

.container {width:97%;}

 
 
}



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



}

@media screen and (min-width: 1000px) 
{



}