@charset "UTF-8";

html {
width:100%;
height:100%;
overflow:auto;
position:relative;

}
body {
position:absolute;	
display:block;
width:100%;
height:100%;
min-width:320px;
margin:0px;
padding:0px;
background-color:#333333;
xword-break:break-all;
xword-wrap:break-word;
}
body.bkbg {
background-color:#333333;
}

@-webkit-keyframes ccontainerini {
     0%  {opacity:0;}
     50% {opacity:0;}
	 100% {opacity:1;}
}
@keyframes ccontainerini {
     0%  {opacity:0;}
     50% {opacity:0;}
	 100% {opacity:1;}
}

.container {
position:absolute;	
display:block;
width:100%;
height:100%;
min-height:100%;
z-index:2;
}

.xcontainer {
position:relative;	
display:block;
width:100%;
height:100%;
xmin-width:960px;
xmin-height:440px;
opacity:0;
animation-delay: 2s;
animation-name: ccontainerini;
animation-duration: 3s;
animation-direction: alternate;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

.container .content {
position:relative;
z-index:2;	
}


/*maintb*/
.maintb {
width:100%;	
min-height:100%;
height:100%;
position:absolute;
}
.maintb .td[class~=left]{
width:260px;
background:#EAEAEA;
vertical-align:top;
}
.maintb .td{
position:relative;	
}


.leftmenu .logo {
margin-left:80px;;
margin-top:50px;
margin-bottom:30px;
width:35%;
display:block;
position:relative;
cursor:pointer;
}

/*left menu*/
.leftmenu {
	
width:260px;	
height:100%;
background-color:#EAEAEA;
display:block;	
position:fixed;
left:0px;
top:0px;
}
.leftmenu a{
 display:block;
 width:100%;
 padding-left:80px;
 font-size:10pt;
 padding-top:20px;
 color:#777777;
 font-weight:bold;
 letter-spacing:1px;
 text-decoration:none;
 font-family:"Noto Serif",sans-serif;
}
.leftmenu a:hover{
 color:#660000
}

.leftmenu .rollover .rpane{
  overflow:hidden;
  height:auto;
  max-height:0px;
  padding-left:6px;
  transition:all .2s ease-in-out;
  -webkit-transition:all .2s ease-in-out;
}

.leftmenu .rollover:hover .rpane{
  height:auto;
  max-height:1000px;	
}

.leftmenu .rollover .rpane a{
font-weight:normal;
 padding-top:12px;
}

.backtop {
position:fixed;
right:30px;
bottom:-30px;
z-index:10;
font-size:18pt;
width:30px;
height:30px;
text-align:center;
line-height:25px;
color:#ffffff;
vertical-align:top;
border:3px solid rgba(255,255,255,.8);	
opacity:0;
cursor:pointer;
transition:all .5s;
-webkit-transition:all .5s;
box-shadow:0 0 10px rgba(0,0,0,.3)
}

.backtop i {
text-shadow:0 0 5px rgba(0,0,0,.5)	
}

.backtop[class~=active]{
bottom:30px;	
opacity:1;
}

/*owl slider*/
.owl {
xbackground-color:#ff0000;
}
.owl .owl-item {
position:relative;
width:100%;
height:100%;

}
.owl .item {
position:absolute;	
background-size:cover;
background-position:center center	
}
.owl .owl-stage-outer {
position:absolute;	
width:100%;
}
.owl .owl-stage {
position:relative;	
width:100%;
padding-bottom:42%;/* 60% */
}

.owl .owl-controls {
width:100%;	
position:absolute;
bottom:10px;
text-align:center;
}

.owl .owl-next,.owl .owl-prev {
display:none!important;
}


/*unislider*/
.unislider {
width:100%;	
position:absolute;
display:block;
xbackground-color:#00ff00;
}

.unislider .item {
position:absolute;
width:100%;
height:100%;
padding-bottom:42%;/* 60% */
}
.unislider_seg {
 width:100%;	
 padding-top:42%;/* 60% */
 display:block;
 background-color:#ffffff;
}

.unibox{
 width:100%;
 min-height:300px;
 padding:20px;
 box-sizing:border-box;
 background-color:#ffffff; 	
}

.unibox .infobox{
 width:80%;
 max-width:960px;
 margin:auto;
 padding-bottom:50px;
}
.unibox .infobox h1{
 font-size:22pt;
 padding:30px 0px;
}

.unibox .infobox h1{
 font-size:22pt;
 width:100%;
 text-align:center;
}
.unibox .infobox p{
 font-size:11pt;
 line-height:22pt;
 text-align:justify;
}

.unibox_seg {
 width:100%;	
  height:250px;
 display:block;
}

/*unititle*/
.unititlebox {
width:100%;
min-height:100px;
background-color:#ffffff;
position:absolute;
left:0px;
top:0px;	
}
.unititlebox h1{
 margin:auto;
 text-align:center;
 width:100%;
 padding:20px 0px;
 font-size:22pt;
 color:#cccccc;
}
.unislider[class~=hastitle] {
top:100px;	
}
.unislider_seg[class~=hastitle] {
padding-bottom:150px;	

}

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


} /*end w1600*/
@media screen  and (max-width: 1350px) {


} /*end w1200*/
@media screen  and (max-width: 1200px) {


} /*end w1200*/
@media screen  and (max-width: 1080px) {


} /*end w1080*/

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

	
.container .content {
position:relative;
height:auto;
}	

.maintb {
position:relative;	
}
	
.maintb .td[class~=left]{
width:0px;
display:none;
background:#EAEAEA;
}

.unibox_seg {
 height:50px
}
.unibox{
 padding:0px;
}
.unibox .infobox{
 width:80%;
 margin-left:10%;
}
}/*end w960*/

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


} /*end w800*/
@media screen  and (max-width: 640px) {

.unibox .infobox p{
text-align:left;	
font-size:11pt;
}

} /*end w640*/
@media screen  and (max-width: 480px) {


} /*end w480*/
@media screen  and (max-width: 320px) {


} /*end w320*/