@charset "utf-8";
/* 1. General */
/*-------------------------------------------------------------------------------------------*/
body {
    font-family: 'arial', serif;
    font-size: 13.5px;
    overflow-x: hidden;
    min-width: 300px;
	text-align:justify;
	line-height:1.45em;
    color: #000;
    background-color: #f5f5f5;
    -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;}
.utext-a {text-align:center;}

/* 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;}
.bgfff { background:#fff;}
.bgf5 { background::#f5f5f5;}


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

.uhid {overflow:hidden;}
.box-shadow {-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3); box-shadow:0 2px 4px rgba(0,0,0,.3);}

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

.umal20 {margin-left:20px !important;}
.umar20 {margin-right:20px !important;}
.umat20 { margin-top:20px !important;}
.umab20 { margin-bottom:20px !important;}

.mrb-5 { margin-bottom:5px;}

/* 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;}
.upadt10 {padding-top:10px !important;}

/* 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;}
.uborl {border-left:1px solid #c1c1c1;}
.ubort2 { border-top:2px solid #c90000;}

/* 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: 1em; color: #777; display: inline; float: left;  margin-top: 4px;  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 */

#gotoTop {
    display: none;
    z-index: 999;
    position: fixed;
    width: 40px;
    height: 40px;
    background-color: #FFC601;
    font-size: 20px;
    line-height: 38px;
    text-align: center;
    color: #FFF;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 30px;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;}

/* VII. NAVIGATOR MODULE ------------------------------------- */

.webdesign-navigator
		 {float:left;width:100%; margin-top:5px; margin-bottom:-3px;}

.webdesign-navigator li 
  	{		
  		padding:3px 12px 3px 3px;
		display:inline;
		background-image: url(/img1/store/icons/muiten1.gif);
		background-position: right 9px;
		background-repeat: no-repeat;	
 background-size:7px;
   		position: relative;	
   		cursor: pointer; }

.webdesign-navigator li a
	{	font-size: 0.85em;
		font-weight: normal;
		text-transform: uppercase;
		 font-family:'arial';
		
		}
.webdesign-navigator li a:hover
	{	text-decoration:underline;	}

.webdesign-navigator .current a
	{	font-size:0.85; font-weight:normal;text-decoration:underline;}
.webdesign-navigator li:first-child 
	{	padding-left:0px;	}


/* NAVIGATOR END ------------------------------------- */


/*Effects--------*/
.slide-02 .owl-item article>a {display:block; overflow:hidden; width:100%; height:100px;}
.slide-02 .owl-item article { margin:0 10px;}
.slide-02 .post-box-post-title  { text-align:left; line-height: 1.35em;padding:0; margin:0;}
.slide-02 .post-box-post-title>a  {font-size:0.9em; }
.slide-02 .owl-theme .owl-prev, .slide-01 .owl-theme .owl-next { top:-1%;background: #00caca; font-size:16px; height:32px; width:32px;  }
.slide-02 .owl-theme .owl-prev i, .slide-01 .owl-theme .owl-next i { line-height:32px;}