@charset  "utf-8";
/*
Theme Name: CYBER CATS TEMPLATE2
Theme URI: http://gkv.vn/
Author: GKV
Author URI: http://gkv.vn/
Description: Cyber cats wordpress template theme
Version: 1.0
License: GNU General Public License
*/
/**
 * Table of Contents
 *
 * 1.0 - General
 * 2.0 - Menu Main SP
 * 		2.1 - Button To Open Menu SmartPhone 
  *       2.1.1 - Button To Open Menu SmartPhone  768px;
 * 3.0 - Slider
 *    3.0.1 - Slider 768px;
 * 		3.1 - Text In Slider
 *      3.1.1 - Text In Slider 980px
 *      3.1.2 - Text In Slider 768px
 *      3.1.3 - Text In Slider 640
 *      3.1.4 - Text In Slider Button Contact
 *      3.1.5 - Text In Slider Button Contact 480px
 * 4.0 - Logo
 *		 4.0.1 - Logo 768px
 * 5.0 - Menu Main PC
 * 		5.0.1 - Menu Main PC In 768px 
 * 6.0 - Footer Have Logo And Scrolltop
 * 		6.0.1 - Footer Have Logo And Scrolltop 768px
 * 7.0 - Info Footer
  * 	7.0.1 - Info Footer 768px
 * 8.0 - Title-Big-Style1
 *   8.0.1 - Title-Big-Style1 480px
   * 	8.1 - Title-Big-Style2
   *   8.1.1 - Title-Big-Style2 480px
   * 8.3 - Title-Style4
 * 9.0 - Layout For Child Page
 * 10.0 - Content
 * 11.0 - News 768px
 *     11.0.1 - News 768px
 * 12.0 - Map
 *     12.0.1 - Map 768px	
 * 13.0 - Table Style1
  *		 13.1 - Table Style2
  *		 13.2 - Table Style3
  * 14.0 - List Style 1 
  * 	14.1 - List Style 2
  *		14.2 - List Style 3 
  * 15.0 - Gallery Image Style2
  * 	15.0.1 - Gallery Image Style2 768px
 */
/**
  * 1.0 - General
 */
body {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    font-size: 62.5%;
    color: #535353;
    font-family: 'Meiryo',sans-serif;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
}
* { box-sizing:border-box;}
img { max-width:100%; height:auto;}
#wrap-container {
    width: 100%;
    height: auto;
    float: left;
}

#bg-header,#bg-content,#bg-footer {
    width: 100%;
    height: auto;
    float: left;
}

#bg-footer {
    margin-top: 50px;
}

#header,#content,#footer {
    width: 100%;
    height: auto;
    float: left;
}

.rows {
    width: 100%;
    height: auto;
    float: left;
}

.rows-mini {
    width: 100%;
    height: auto;
    max-width: 980px;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}

.rows2 {
    width: 100%;
    float: left;
    position: relative;
}

.br_line_sp{
display:none;	
}

/**
  * 2.0 - Menu Main SP
 */
#box-mn-sp {
    width: 70%;
    float: right;
    display: none;
    right: 0;
    position: fixed;
    height: 100%;
    overflow-y: scroll;
    background: #CEE08A;
    padding-top: 4px;
    top: 0;
    box-sizing: border-box;
    z-index: 10000000;
}

.menu-sp ul li {
    width: 100%;
    height: auto;
    padding: 15px 10px;
    border-bottom: 1px solid #FFF;
    box-sizing: border-box;
    padding-left: 15px;
		/* IE10+ */ 
background-image: -ms-linear-gradient(top, #CBDC99 0%, #C6DC70 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #CBDC99 0%, #C6DC70 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #CBDC99 0%, #C6DC70 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CBDC99), color-stop(100, #C6DC70));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #CBDC99 0%, #C6DC70 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #CBDC99 0%, #C6DC70 100%);
}

.menu-sp ul li a {
    display: block;
    text-decoration: none;
    color: #FFF;
    font-size: 1.5em;
	font-weight:700;

}

.menu-sp ul li a.active {
   color:#D6B533!important;
}

.close-menu-sp {
    width: 100%;
    height: auto;
    padding: 10px 5px;
    border-bottom: 1px solid #FFF;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
}

.close-menu-sp a {
    text-decoration: none;
    color: #FFF;
    font-size: 1.7em;
/*font-family: 'Roboto', sans-serif;*/
}

.ico-sp {
    float: right;
    margin-top: -5px;
}

/*btn menu sp, hide in screen 768px */
/**
  * 2.1 - Button To Open Menu SmartPhone 
 */
.btn-mn {
    display: none !important;
    z-index: 1000;
}

/**
  * 3.0 - Slider
 */
.bg-slide {
    width: 100%;
    float: left;
    height: auto;
    max-height: 550px;
    position: relative;
    overflow: hidden;
}

.box-slide {
    width: 100%;
    float: left;
    position: absolute;
    z-index: 999;
}

.bxslider img {
    min-width: inherit !important;
    width: 100%;
		height:550px; object-fit:cover;
}

.bxslider .classImg img {
		height:300px;
}

.bbbg-menu {
    width: 100%;
    float: left;
    position: relative;
}

.bg-menu {
    width: 100%;
    float: left;
    position: absolute;
    border-bottom: 1px solid #FFF;
    padding: 15px 0;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 9999;
	
}

/*.bg-menu-inner {
 width: 100%;
 max-width:980px;
 margin-left:auto;
 margin-right:auto;
  border-bottom: 1px dotted #FFF;
  padding: 15px 0;
}*/

/**
  * 3.1 - Text In Slider
 */
.bg-txt-slide {
    width: 100%;
    float: left;
	text-align:center;
}

.bg-txt-head-slide {
    width: 100%;
    float: left;
	background-color:rgba(0,0,0,0.2);
}

.txt-slide1 {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	font-size: 4.5em;
	color: #FFF;
	padding-top: 200px;
	box-sizing: border-box;
	text-align: center;
	font-weight: 700;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	line-height: 140%;
}




.txt-head {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    font-size: 1.5em;
    color: #FFF;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
    box-sizing: border-box;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    line-height: 140%;
	
}

.txt-slide2 {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    font-size: 2.2em;
    color: #4C4848;
    box-sizing: border-box;
    text-align: center;
    margin-top: 10px;
    
    line-height: 140%;
	-webkit-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-moz-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-o-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-ms-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.txt-slide3 {
    width: 350px;
    height: 50px;
    line-height: 50px;
    font-size: 1.8em;
    color: #FFF;
    border: 1px solid #FFF;
    box-sizing: border-box;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    background: url(img/arrow-btn-top.png) 320px center no-repeat;
    margin-top: 20px;
	text-align:center;
    background-color: rgba(247, 208, 59, 0.61);
}

.txt-slide3-anchor-sp {
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    font-size: 1.5em;
    border: solid 1px #E2BD34;
    color: #E2BD34;
    box-sizing: border-box;
    background-color: #FFF;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
}

.bg-txt-slide a {
    text-decoration: none;
	color:#fff;
	display:inline-block;
}

/**
 *      3.1.4 - Text In Slider Button Contact
 */
.bg-txt-slide-anchor-sp {
    display: none;
}

/**
  * 4.0 - Logo
 */
.logo-menu {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    box-sizing: border-box;
}

.logo {
    width: 100%;
	text-align:center;
    float: left;
    box-sizing: border-box;
    padding-left: 10px;
}

.logo img {
/*width:100%;*/
    height: auto;
}

/**
  * 5.0 - Menu Main PC
 */
.menu {
    width: 100%;
   
    box-sizing: border-box;
    padding-left: 3%;
    padding-top: 4%;
	text-align:center;
}

.menu-child {
 padding-top:12%;
}

a.menu-item {
    display: inline-block;
    color: #FFF;
    text-decoration: none;
    margin-top: 5px;
	text-align:center;
	width:16.3%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

a.menu-item .iconmenu {
}

a.menu-item .name-menu{
font-size:1.4em;
display:inline-block;
line-height:140%;
font-weight:bold;


text-shadow: rgb(3, 3, 3) 0px 3px 4px;

}

a.menu-item .name-menu .menu-en{
font-size:0.8em;	
}


a.menu-item-mgr-0 {
}

a.menu-item:hover {
    color: #D6B533;
}

a.active {
 color: #D6B533;
}

/**
  * 6.0 - Footer Have Logo And Scrolltop
 */
.footer-part1 {
	background-color: rgba(247, 208, 59, 0.42);
    padding: 5px 0;
    overflow: hidden;
}

.logo-footer {
    width: 50%;
    float: right;
}

.logo-footer img {
    width:100%;
	max-width:250px;
	height:auto;
}

.scroll-top {
    width: 50%;
    float: right;
    text-align: right;
	padding-top:8px;
}

/**
  * 7.0 - Info Footer
 */
.footer-part2 {
    width: 100%;
    height: auto;
    background-color: #f7d03b;
    padding: 20px 0;
    overflow: hidden;
}

.footer-info {
    width: 50%;
    height: auto;
    float: left;
}

.footer-info ul li {
    color: #796C5F;
    line-height: 160%;
    font-size: 1.3em;
    margin-bottom: 10px;
}

.footer-link-copyright {
    width: 50%;
    height: auto;
    float: left;
}

.number-tel,.number-mail {
    color: #796C5F;
    text-decoration: none;
}

.number-tel:hover,.number-mail:hover {
    text-decoration: underline;
}

.fa {
    color: #796C5F;
}

.link-icon {
    text-align: right;
}

.link-icon a {
    margin-left: 5px;
}

.copyright {
    text-align: right;
    color: #796C5F;
    font-size: 1.1em;
    line-height: 180%;
    padding-top: 20px;
}
.copyright a{
	color:#796C5F;
}

/**
  * 8.0 - Title-Big-Style1
 */
.title-style1 {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 40px;
    margin-bottom: 20px;
}

.wrap-title-style1 {
    width: 100%;
    height: auto;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.wrap-title-style1 .big-title {
    text-align: center;
    display: inline-block;
    font-size: 2.0em;
    line-height: 120%;
    border-bottom: solid 1px #888;
    padding-bottom: 15px;
	color:#E2BD34;
	font-weight:bold;
}

.wrap-title-style1 .small-title {
    text-align: center;
    display: inline-block;
    color: #333;
    font-size: 1.4em;
    background-color: #FFF;
    padding: 3px 10px;
    box-sizing: border-box;
    position: relative;
    top: -12px;
}

/**
  * 8.1 - Title-Big-Style2
 */
.title-style2 {
    width: 100%;
    height: auto;
    float: left;
}

.big-title-style2 {
    width: 100%;
    max-width: 600px;
    text-align: center;
    height: auto;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 30px;
}

.big-title-style2 h2 {
/*font-family: 'Roboto', sans-serif;*/
    font-size: 4em;
    color: #333;
    line-height: 120%;
}

.small-title-style2 {
    color: #333;
    font-size: 1.4em;
    line-height: 140%;
    display: inline-block;
    margin-top: -20px;
}

/**
  * 8.2 - Title-Style3
 */
.title-style3 {
    width: 100%;
    height: auto;
    border-bottom: solid 2px #557100;
    padding-bottom: 3px;
    margin-bottom: 20px;
}

.title-style3 h3 {
    font-size: 2em;
    color: #333;
    line-height: 140%;
    font-weight: 500;
}

.title-child1 {
    width: 100%;
    height: auto;
    font-size: 1.5em;
    color: #557100;
    line-height: 160%;
    font-weight: 700;
    box-sizing: border-box;
}

.text-mark-style1{
	  width: 100%;
    height: auto;
    font-size: 1.3em;
	 color: #557100;
    line-height: 160%;
    font-weight: 700;
    box-sizing: border-box;
	text-align:center;
	background-color:rgba()
}

.title-child1-small {
    font-size: 0.9em;
}

.title-child2 {
    width: 100%;
    height: auto;
    font-size: 1.1em;
    color: #333;
    line-height: 160%;
    font-weight: 700;
    box-sizing: border-box;
}

/**
  * 8.4- Title-Style4
 */
.title-style4 {
    width: 100%;
    height: auto;
    background-color: #EAE9E6;
    text-align: center;
    padding: 15px 10px;
    box-sizing: border-box;
}

.title-style4 h4 {
    font-size: 1.2em;
    color: #37495F;
    font-weight: 700;
    line-height: 160%;
}

/**
  * 8.4- Title-Style5
 */
.title-style5{
width:100%;
height:auto;
box-sizing:border-box;
padding-left:5px;
padding-right:5px;
}

.title-style5 h2{
width:100%;
height:auto;	
box-sizing:border-box;
background:url(img/icon-tit1.png) top left no-repeat;
padding-left:45px;
box-sizing:border-box;
}

.title-style5 h2 .clr1{
display:inline-block;
color:#E2BD34;
font-size:1.9em;
line-height:140%;
font-weight:bold;
padding-top:5px;
letter-spacing:2px;
}

.title-style5 h2 .bar-til{
display:inline-block;
margin-left:5px;
margin-right:5px;
box-sizing:border-box;
}

.title-style5 h2 .bar-til img{
margin-top:4px;
}

.title-style5 h2 .clr2{
display:inline-block;	
color:#666666;
font-size:1.2em;
line-height:160%;
font-weight:bold;
}

.br-bar-tit{
width:100%;
height:2px;	
background:url(img/bar-til.png) top left repeat-x;
box-sizing:border-box;
margin-top:8px;
} 


/**
  * 8.4- Title-Style5
 */
.title-style5-plus{
width:100%;
height:auto;
box-sizing:border-box;
}

.title-style5-plus h2{
width:100%;
height:auto;	
box-sizing:border-box;
box-sizing:border-box;
}

.title-style5-plus h2 .clr1{
display:inline-block;
color:#E2BD34;
font-size:1.9em;
line-height:140%;
font-weight:bold;
padding-top:5px;
letter-spacing:2px;
}

.title-style5-plus h2 .bar-til{
display:inline-block;
margin-left:5px;
margin-right:5px;
box-sizing:border-box;
}

.title-style5-plus h2 .bar-til img{
margin-top:4px;
}

.title-style5-plus h2 .clr2{
display:inline-block;	
color:#666666;
font-size:1.2em;
line-height:160%;
font-weight:bold;
}

.br-bar-tit{
width:100%;
height:2px;	
background:url(img/bar-til.png) top left repeat-x;
box-sizing:border-box;
margin-top:8px;
} 


/**
* title-style6
*/

.title-style6{
	width: 100%;
    min-height: 40px;
    font-size: 1.0em;
    color: #557100;
    line-height: 160%;
    font-weight: 700;
    box-sizing: border-box;
	background:url(img/icon-tit-4.png) top left no-repeat;
	padding-left:40px;
	padding-top:8px;
	}
	
/**
* title-style6
*/

.title-style7{
	width: 100%;
    min-height: 40px;
    font-size: 1.0em;
    color: #557100;
    line-height: 160%;
    font-weight: 700;
    box-sizing: border-box;
	background:url(img/icon-title5.png) top left no-repeat;
	padding-left:40px;
	padding-top:8px;
	}	

/**
  * 10.0 - Content
 */
.cnt-child1 {
    width: 96%;
    height: auto;
    font-size: 1.4em;
    color: #535353;
    box-sizing: border-box;
    line-height: 160%;
}

.cnt {
    width: 100%;
    text-align: left;
    height: auto;
    font-size: 1.4em;
    color: #535353;
    box-sizing: border-box;
    line-height: 160%;
}

.cnt-g-left {
	width:50%; float:left;
}

.cnt-g-right {
	width:50%; float:left; text-align:center;
}

.cnt-g-right-plus {
	width:15%;
}

/**
  * 9.0 - Layout For Child Page
 */
.bg-slide-child-page {
    width: 100%;
    float: left;
    height: auto;
    max-height: 300px;
    position: relative;
	
    overflow: hidden;
}

.box-slide-child-page {
    width: 100%;
    float: left;
    position: absolute;
    z-index: 999;
}

.box-slide-child-page img {
    min-width: inherit !important;
   /* width: 60%;*/
}

.bg-row-blue {
    background-color: rgba(247, 238, 239) !important;
}

.bg-text-blue {
    background-color: rgba(247, 238, 239, 0.52) !important;
}

.mark-text {
    font-size: 1.0em;
    font-weight: 700;
    line-height: 160%;
	color:#F60;
}

.mark-text1 {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 160%;
	color:#F60;
	margin-bottom:10px;
}

/**
  * 11.0 - News
 */
.news {
    width: 100%;
    height: auto;
    float: left;
}

.news .date {
    display: inline-block;
    padding-right: 30px;
    box-sizing: border-box;
    font-weight: 700;
    color: #3598DB;
}

.box-newss {
    width: 100%;
    float: left;
    height: 270px;
     overflow-y:scroll; 
    overflow-x: hidden;
    box-sizing: border-box;
    border-bottom: dotted 1px #ccc;
}

ul.news2 {
    width: 100%;
    float: left;
}

ul.news2 li {
    box-sizing: border-box;
    width: 100%;
    float: left;
    min-height: 26px;
    color: #E2BD34;
    font-size: 1.3em;
}

.date0 {
    width: 20%;
    display: inline-block;
    padding-right: 30px;
    box-sizing: border-box;
    font-weight: 700;
    color: #E2BD34;
    float: left;
    padding-left: 1%;
}

.newsmain {
    width: 75%;
    float: left;
    padding-left: 2%;
}

.txt2 {
    display: inline-block;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    line-height: 160%;
    background: transparent !important;
    border-top: dotted 1px #ccc;
}

.news2 {
    box-sizing: border-box;
    width: 100%;
    float: left;
    min-height: 26px;
    color: #535353;
    font-size: 1.3em;
}

.newstxt {
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
    float: left;
    box-sizing: border-box;
    line-height: 160%;
    background: transparent !important;
    border-top: dotted 1px #ccc;
}

span.txt2 span {
    background: transparent !important;
}

/**
  * 12.0 - Map
 */
.maps {
    width: 48%;
    height: auto;
    float: left;
}

.map-iframe {
    width: 100%;
    height: auto;
}

.map-iframe iframe {
    width: 100%;
    height: 270px;
    border: 0;
}

/**
  * 13.0 - Table Style1
 */
.table-style1 {
    width: 100%;
    height: auto;
    border: 0;
    border-collapse: collapse;
    box-sizing: border-box;
    border-bottom: solid 1px #DDD;
    border-right: solid 1px #DDD;
}

.table-style1 tr td {
    width: 25%;
    padding: 10px;
    box-sizing: border-box;
    border-top: solid 1px #DDD;
    border-left: solid 1px #DDD;
    text-align: center;
    vertical-align: middle;
    background-color: #F9F7F4;
}

.table-style1 tr.tb-row1 td {
    background-color: #3498DB;
    color: #FFF;
    font-size: 1.2em;
    font-weight: 700;
    padding: 15px;
}

/**
  * 13.0.1 - Table Style1-1
 */
.table-style1-1 {
    width: 100%;
    height: auto;
    border: 0;
    border-collapse: collapse;
    box-sizing: border-box;
    border-bottom: solid 1px #DDD;
    border-right: solid 1px #DDD;
}

.table-style1-1 tr td {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
    border-top: solid 1px #DDD;
    border-left: solid 1px #DDD;
    text-align: center;
    vertical-align: middle;
    background-color: #F9F7F4;
}

.table-style1-1 tr.tb-row1 td {
    background-color: #3498DB;
    color: #FFF;
    font-size: 1.2em;
    font-weight: 700;
    padding: 15px;
}

/**
  * 13.1 - Table Style2
 */
.table-style2 {
    width: 100%;
    height: auto;
    border: 0;
    border-collapse: collapse;
    box-sizing: border-box;
    border-bottom: solid 1px #DDD;
    border-right: solid 1px #DDD;
}

.table-style2 tr td {
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
    border-top: solid 1px #DDD;
    border-left: solid 1px #DDD;
    text-align: center;
    vertical-align: middle;
    background-color: #F9F7F4;
}

.table-style2 tr.tb-row1 td {
    background-color: #3498DB;
    color: #FFF;
    font-size: 1.2em;
    font-weight: 700;
    padding: 15px;
}

/**
  * 13.2 - Table Style3
 */
.table-style3 {
    width: 100%;
    height: auto;
    border: 0;
    border-collapse: collapse;
    box-sizing: border-box;
}

.table-style3 tr td {
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 1.2em;
}

.table-style3 tr.tb-row1 td {
    border-bottom: dotted 2px #E4007E;
    padding-top: 20px;
}

.table-style3 tr:last-child td {
    padding-bottom: 20px;
}

/**
  * 14.0 - List Style 1
 */
.list-style1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 5px;
    padding-left: 40px;
    box-sizing: border-box;
}

.list-style1 li {
    width: 100%;
    height: auto;
    background: url(img/dot.png) left 5px no-repeat;
    padding-left: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
    line-height: 160%;
	font-size:1.5em;
}

/**
   * 14.1 - List Style 2
 */
.list-style2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 5px;
    padding-left: 50px;
    box-sizing: border-box;
}

.list-style2 li {
    width: 100%;
    height: auto;
    padding-left: 0;
    box-sizing: border-box;
    margin-bottom: 5px;
    line-height: 160%;
    list-style: decimal;
}

/**
  * 14.2 - List Style 3
 */
.list-style3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
}

.list-style3 li {
    width: 100%;
    height: auto;
    background: url(img/dot2.png) left 6px no-repeat;
    padding-left: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
    line-height: 160%;
}

/**
 * 15.0 - Gallery Image Style2
 */
.gallery-img-style2 {
    width: 100%;
    height: auto;
    float: left;
}

.gallery-img-style2 .gl-one-element {
    width: 31%;
    height: auto;
    float: left;
    margin-right: 3%;
    box-sizing: border-box;
}

.gallery-img-style2 .gl-frame-img {
    width: 100%;
    height: auto;
    float: left;
}

.gallery-img-style2 .gl-frame-img img {
    width: 100%;
    max-width: 300px !important;
    margin: 0 auto;
    height: auto;
}

/***
*Banner
*/
.banner-info-contact{
width:100%;
height:109px;
background:url(img/banner-info-contact.png) top left no-repeat;
background-size:cover;	
}

.info-tel{
width:35%;
float:left;	
margin-left:20%;
padding-top:40px;
}

.info-tel img{
width:100%;
height:auto;
}

.info-mail{
	width:35%;
	float:left;
	margin-left:7%;
	padding-top:40px;
	}
	
.info-mail img{
	width:100%;
height:auto;
	}	
	
/*
*block-style-img-txt-1
*/	
.block-style-img-txt-1{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	}
	
.block-style-img-txt-1 .blk-left{
	width:45%;
	height:auto;
	overflow:hidden;
	float:left;
	margin-right:5%;
	}
	
.block-style-img-txt-1 .blk-left img{
	width:100%;
	height:auto;
	border:solid 1px #CCC;
	box-sizing:border-box;
	}	
	
.block-style-img-txt-1 .blk-right{
	width:50%;
	height:auto;
	overflow:hidden;
	float:left;
	}	
	
	
/*
*block-style-img-txt-2
*/	
.block-style-img-txt-2{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	}
	
.block-style-img-txt-2 .blk-left{
	width:45%;
	height:auto;
	overflow:hidden;
	float:right;
	margin-left:5%;
	}
	
.block-style-img-txt-2 .blk-left img{
	width:100%;
	height:auto;
	border-bottom:solid 1px #CCC;
	}	
	
.block-style-img-txt-2 .blk-right{
	width:50%;
	height:auto;
	overflow:hidden;
	float:right;
	}
	
/*
*block-style-img-txt-3
*/	
.block-style-img-txt-3{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	}
	
.block-style-img-txt-3 .blk-left{
	width:60%;
	height:auto;
	overflow:hidden;
	float:left;
	margin-right:10%;
	}
	
.block-style-img-txt-3 .blk-right{
	width:30%;
	height:auto;
	overflow:hidden;
	float:left;
	padding-top:50px;
	}	
	
.block-style-img-txt-3 .blk-right img{
	width:100%;
	height:auto;
	border-bottom:solid 1px #CCC;
	}	
	
			
	
/**
* block-style5
*/	

.block-style5{
width:100%;
height:auto;	
}	

.block-style5-left{
width:15%;
height:auto;
float:left;	
padding-left:40px;
padding-top:30px;
}

.block-style5-right{
width:70%;
height:auto;
float:left;	
}

/*p1-table3*/

.p1-table3{
	width:100%;
	height:auto;
	border:0;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	}

.p1-table3 tr td{
	padding:10px;
	border-bottom:solid 2px #fff;
	border-right:solid 2px #fff;
	}
	
.p1-table3 tr td.col1{
	background-color:#D3E3A3;
	color:#796C5F;
	min-width:100px;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
	}
	
.p1-table3 tr td.col2{
	background-color:#F2FFCC;
	color:#796C5F;
	text-align:left;
	vertical-align:middle;
	}	
				
	
/*end p1-table3*/
	
.maps-gg{
width:100%;
height:auto;	
margin-top:20px;
}	

.maps-gg iframe{
width:100%;
height:400px;
}	

/*Form contact*/

.mail-content{
	width:100%;
	max-width:800px;
	height:auto;
	padding:10px 20px 20px 20px;
	box-sizing:border-box;
	font-size:14px;
	margin-left:auto;
	margin-right:auto;
	}
	
.one-row{
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:15px 20px;
	float:left;
	}
	
.one-row-note{
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding-top:15px;
	overflow:hidden;
	}	
	
 .one-row .title{
	 width:25%;
	 height:auto;
	 float:left;
	 color:#444444;
	 font-size:14px;
	 line-height:180%;
	 padding-top:10px;
	 }
	 
	.one-row .input-data{
	 width:70%;
	 height:auto;
	 float:left;
	 margin-left:5%;
	 } 
	 
	.one-row .input{
		width:100%;
		box-sizing:border-box;
		height:auto;
	  border:solid 1px #AAAAAA;
	  padding:2%;
	  outline:none;
	   font-size:14px;
	 }  
	 
	.one-row .select{
		width:100%;
		box-sizing:border-box;
		height:auto;
	  border:solid 1px #AAAAAA;
	  padding:1%;
	  outline:none;
	    font-size:14px;
	 } 
	 
	 .one-row .textarea{
		width:100%;
		box-sizing:border-box;
		height:auto;
	  border:solid 1px #AAAAAA;
	  padding:2%;
	  outline:none;
	   font-size:14px;
	   height:160px;
	   resize:vertical;
	 }  
	 

	 
.button{
	text-align:center;
	}	 
	 
.button .btnsubmit{
	color:#fff;
	text-shadow:-1px -1px 2px rgba(0,0,0,0.5);
	font-size:1.2em;
	background-color:  #557100;
	padding:6px;
	width:30%;
	width:153px;
	height:43px;
	margin-top:30px;
	border:none;
	outline:none;
	cursor:pointer;
}


.submit-btn:hover {
	opacity:0.6;
	text-shadow:-1px -1px 2px rgba(0,0,0,0.5);
}
	
.mark3{
color:#D86C00;	
}

.mark4{
background:#CBDC99;	
}

.mark5{
border-bottom:dotted 1px #AAAAAA;
}

.mark-big{
width:100%;
height:auto;
padding-bottom:20px;
text-align:center;	

font-size: 2em;
    font-weight: 700;
    line-height: 160%;
    color: #F60;

}


/**
 * 8.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}

.page-link{
width:100%;
height:auto;
padding-top:30px;
padding-bottom:30px;	
display: inline-block;
    text-decoration: none;
    font-size: 1.3em;
    color: #E2BD34;
}

.page-link a{
display: inline-block;
    text-decoration: none;
   color: #E2BD34; 
}

.g-page-blog{
width:100%;
height:auto;
overflow:hidden;
margin-top:40px;	
}

.g-page-blog .g-left-blog{
width:70%;
height:auto;
float:left;
min-height:400px;
}

.g-page-blog .g-right-blog{
width:25%;
height:auto;
float:left;
margin-left:5%;
min-height:400px;
}
	
	
.side-one-block{
width:100%;
height:auto;	
}	

.side-one-block-cnt{
width:100%;
height:auto;
overflow:hidden;
padding-top:20px;
}

.list-style4{
width:100%;
height:auto;
overflow:hidden;	
}

.list-style4 li{
width:100%;
height:auto;
background:url(img/arrow.png) left 4px no-repeat;
padding-left:20px;
box-sizing:border-box;
border-bottom:dotted 1px #CCC;
padding-bottom:10px;
margin-top:10px;
}

.list-style4 li a{
display:block;
color:#535353;
font-size:1.2em;
line-height:160%;
text-decoration:none;
}
	
	
.list-style4 li a:hover{
color:#E2BD34;
}	

.g-one-post{
width:100%;
height:auto;
overflow:hidden;	
}


/*Paging*/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color: #664B45;
background: #FFF;
border: 1px #dddddd solid;
}
 
.pagination a:hover{
color:#fff;
background: #A3D900;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #A3D900;
color:#fff;
}	

.readmore{
display:block;
width:100%;
height:auto;
margin-top:10px;
text-decoration:none;	
color:#E2BD34;
}
	
	
/**/
.n-title { width:100%; float:left; font-weight:bold; color:#e3be31; font-size:1.5em;}
.n-title2 { width:100%; float:left; font-weight:bold; font-size:1.3em; line-height:160%;}
.cl-title2 { width:100%; float:left; font-weight:bold; font-size:1.3em; line-height:160%; cursor:pointer;}
.cl-photo { width:100%; float:left; margin:10px 0; display:none;}
.cl-photo img { max-width:100%; height:auto;}
.cl-text { width:100%; float:left; font-size:14px;}
.n-ul { display:inline-block; margin-top:15px;}
.n-ul li { list-style:initial; margin-left:35px; line-height:200%;}

.n-photo { width:100%; float:left; margin:10px 0;}
.n-photo-50 { width:48%; float:left; margin-right:4%;}
.n-photo-50:nth-child(2n) { margin-right:0;}
.n-photo-50 img { max-width:100%; height:auto;}
/**/
/**/
.in-table { width:100%; float:left;}
.in-table tr th { border:1px solid #ccc; padding:5px 10px; background:#e3be31; color:#fff;}
.in-table tr td { width:33.33%; border:1px solid #ccc; padding:5px 10px;}
/**/

/*ct-table*/
.ct-table { width:100%; float:left; font-size:14px;}

.form-mail { width:100%; float:left; margin:20px 0; background:#fff; padding:20px; box-sizing:border-box;}
.fr-rows { width:100%; float:left; padding:10px 0;}
.fr-label { width:25%; display:inline-block; vertical-align:middle; padding-right:5%;}
.fr-label span { float:right;}
.fr-input { width:70%; display:inline-block; vertical-align:middle;}
.fr-input input,textarea { width:100%; padding:7px 0; resize:vertical;}
.fr-input input[readonly],textarea[readonly] { background:#e2e2e2;}
.css-btn { width:120px;  float:left; margin-right:15px; background:#E2BD34; padding:10px 0; border-radius:3px; border:0; outline:0; color:#fff; cursor:pointer; border-bottom:3px solid #796c5f; text-align:center;}
.css-btn:hover { opacity:0.7;}

.css-btn-cf { width:120px;  float:left; background:#E2BD34; padding:12px 0; border-radius:3px; border:0; outline:0; color:#fff; cursor:pointer; border-bottom:3px solid #796c5f; text-align:center;}
.css-btn-cf:hover { opacity:0.7;}

.p5-map { width:100%; float:left;}
.p5-map iframe { width:100%; height:400px; float:left;}
.p5-thanks { font-size:14px; line-height:160%; padding:20px 0;}
/**/

.n-thanks { width:100%; float:left; min-height:300px;}

/**********************************************************************************************************************************************************/

@media screen and (max-width:980px) {
/**
  * 3.1.1 - Text In Slider 980px
 */
.bg-txt-slide {
    width: 100%;
    float: left;
}

.txt-slide1 {
    padding-top: 160px;
}
}

@media screen and (max-width:768px) {
	
	.n-photo-50 { width:100%; margin-right:0; text-align:center;}
	
body {
    padding-left: 3px;
    padding-right: 3px;
    box-sizing: border-box;
}

.br_line_sp{
display:block;	
}

/**
 * 2.1.1 - Button To Open Menu SmartPhone  768px;
 */
.btn-mn {
    width: 80px;
    height: auto;
    display: inline-block !important;
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}
.btn-mn img{ width:80px;}

/**
  * 5.0.1 - Menu Main PC In 768px 
 */
.menu {
    display: none;
}

/**
  * 4.0.1 - Logo 768px
 */
.bg-menu {
    margin-top: 50px;
    border: 0;
}

.logo {
    width: 100%;
    padding-left: 10px;
    text-align: center;
}

.logo img {
    width: 100%;
    height: auto;
    max-width: 300px;
    margin: 0 auto;
}

/**
  * 3.0.1 - Slider 768px;
 */
/**
  * 3.1.2 - Text In Slider 768px
 */
.txt-slide1 {
    font-size: 3em;
    padding-top: 2%;
}

.txt-slide2 {
    font-size: 1.5em;
    margin-top: 10px;
}

.txt-slide3 {
    width: 100%;
    max-width: 260px;
    font-size: 1.3em;
    color: #FFF;
    border: solid 1px #FFF;
    background: url(img/arrow-btn-top.png) 240px center no-repeat;
	background-color: rgba(85,113,0,0.2);
    padding-left: 10px;
    margin-top: 10px;
    
}

/**
  * 6.0.1 - Footer Have Logo And Scrolltop 768px
 */
.scroll-top {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
}

.logo-footer {
    width: 100%;
    height: auto;
    text-align: center;
}

.logo-footer img {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    height: auto;
    text-align: center;
}

/**
  * 7.0.1 - Info Footer 768px
 */
.footer-info {
    width: 100%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.footer-link-copyright {
    width: 100%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.link-icon {
    text-align: center;
    padding-top: 20px;
}

.copyright {
    text-align: center;
}

/**
  * 11.0.1 - News 768px
 */
.news {
    width: 100%;
    margin-right: 0;
    float: none;
}

.news .date {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.date0 {
    width: 20%;
    display: inline-block;
    padding-right: 30px;
    box-sizing: border-box;
    font-weight: 700;
    font-size: .8em;
    float: left;
    padding-left: 1%;
}

.newsmain {
    width: 70%;
    float: left;
    padding-left: 5%;
    font-size: 1em;
}

/**
  * 12.0.1 - Map
 */
.maps {
    width: 100%;
    height: auto;
    float: none;
}

/**
 * 15.0.1 - Gallery Image Style2 768px
 */
.gallery-img-style2 .gl-one-element {
    width: 100%;
    margin-bottom: 0;
}

.gallery-img-style2 .gl-frame-img {
    margin-bottom: 25px;
}






/*
*block-style-img-txt-1
*/	

	
.block-style-img-txt-1 .blk-left{
	width:100%;
	margin-right:0px;
	margin-bottom:20px;
	}
	
	
.block-style-img-txt-1 .blk-right{
	width:100%;

	}	


/*
*block-style-img-txt-2
*/	

.block-style-img-txt-2 .blk-left{
	width:100%;
	margin-left:0px;
	margin-bottom:20px;
	}
	

.block-style-img-txt-2 .blk-right{
	width:100%;
	}	
	
	/**
* block-style5
*/	
	

.block-style5-left{
width:100%;
padding-left:0px;
padding-top:20px;
text-align:center;
margin-bottom:40px;
box-sizing:border-box;
}

.block-style5-right{
width:100%;
height:auto;
float:left;	
}



/*
*block-style-img-txt-3
*/	

	
.block-style-img-txt-3 .blk-left{
	width:100%;
	height:auto;
	margin-right:0px;
	margin-bottom:10px;
	}
	
.block-style-img-txt-3 .blk-right{
	width:100%;
	height:auto;
	padding-top:0px;
	}	
	

.g-page-blog .g-left-blog {
    width: 100%;
    height: auto;
	min-height:10px;
	margin-bottom:40px;
}

.g-page-blog .g-right-blog {
    width: 100%;
    height: auto;
    margin-left: 0px;
	min-height:10px;
}
	


}

@media screen and (max-width:640px) {
/**
  * 3.1.3 - Text In Slider 640
 */
.txt-slide1 {
    font-size: 2.5em;
    padding-top: 2%;
}

.txt-slide2 {
    font-size: 1.3em;
    color: #FFF;
    margin-top: 10px;
	display:none;
}

.txt-slide3 {
    width: 100%;
    max-width: 260px;
    font-size: 1.3em;
    color: #FFF;
    border: solid 1px #FFF;
    background: url(img/arrow-btn-top.png) 240px center no-repeat;
    padding-left: 10px;
    margin-top: 10px;
	padding:0 10px;
/*height: 30px;
	line-height: 30px;*/
}

.wrap-title-style1 {
    max-width: 300px;
}
}

@media screen and (max-width:480px) {
/**
  * 3.1.3 - Text In Slider 640
 */
.txt-slide1 {
    font-size: 2em;
}

.txt-slide2 {
    font-size: 1em;
}

.txt-slide3 {
    display: none;
}

/**
  *      3.1.5 - Text In Slider Button Contact 480px
 */
.txt-slide3-anchor-sp {
    display: block;
}

.bg-txt-slide-anchor-sp {
    display: block;
}

/**
  * 8.1.1 - Title-Big-Style2 480px
 */
.big-title-style2 {
    max-width: 290px;
    padding: 0 5px;
    box-sizing: border-box;
}

.big-title-style2 h2 {
/*font-family: 'Roboto', sans-serif;*/
    font-size: 3em;
}

.small-title-style2 {
    font-size: 1.4em;
}

/**
* 8.0.1 - Title-Big-Style1 480px
*/
.wrap-title-style1 {
    max-width: 300px;
}

/***
*Banner
*/
/*.banner-info-contact{
width:100%;
height:109px;
background:url(img/banner-info-contact.png) top left no-repeat;
background-size:cover;	
}*/

.info-tel{
width:100%;
float:left;	
margin-left:0px;
padding-top:25px;
padding-left:2%;
padding-right:2%;
box-sizing:border-box;
}

.info-tel img{
width:100%;
height:auto;
}

.info-mail{
	width:100%;
	float:left;
	margin-left:0px;
	padding-left:2%;
padding-right:2%;
box-sizing:border-box;
padding-top:20px;
	}
	
.info-mail img{
	width:100%;
height:auto;
	}	

}

/**
* top-bar
*/
#rss {
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-left: 20px;
}

.blogDate {
    width: 15%;
    padding: 5px;
    float: left;
    color: #000;
    font-size: 14px;
}

.blogTxt {
    float: left;
    width: 80%;
    padding: 5px;
}

.blogTxt a {
    font-size: 14px;
    color: #000;
    text-decoration: none;
}

.blogTxt a:hover {
    color: #D86C00;
    text-decoration: none;
}

.g-n-bando iframe {
    background: #FFF !important;
	width:100%;
	height:450px;
	border:none;
}
.calendar { width:100%; margin:auto;}
.calendar iframe {
	width:100%;
	height:600px;
	margin:auto;
}

/* Pages2 */
/**
  * 2.0 - Message Boss
 */
.mesage-boss{
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
}

.message-img{
width:25%;
float:right;
height:auto;	
margin-top:20px;
}

.message-img img{
height:auto;
margin:0 auto;
}

.message-info{
width:70%;
height:auto;
float:right;
margin-right:5%;
padding-left:45px;
padding-top:10px;
box-sizing:border-box;
background:url(img/type-anchor.png) no-repeat top left;	
}

/* CSS Ninh */

.n-link { text-decoration:none; color:inherit;}
.n-link:hover { text-decoration:underline;}

@media screen and (max-width:768px) {
.message-img { width:100%; text-align:center;}
.message-info { width:100%; margin-right:0; margin-top:20px;}
.cnt-g-left { width:100%;}
.cnt-g-right { width:100%;}
.cnt-g-right-plus { width:100%;text-align:center;}
}
/* End CSS Ninh /*
/* End Pages 2 */

/* Pages 3 */
.class-photo1 { width:50%; float:left;}
.class-photo2 { width:50%; float:left;}

@media screen and (max-width:768px) {
	.class-photo1 { width:100%; float:left; text-align:center;}
	.class-photo1 img { max-width:100%;}
	.class-photo2 { width:100%; float:left; text-align:center;}
	.class-photo2 img { max-width:100%;}
	.list-style1 { padding-left:0px;margin-bottom:20px;}
}
/* End Pages3 */

/* Pages 4 */
/*CSS Ninh*/
.block-style1 { width:100%; margin:auto; max-width:800px;}
.g-n-dong1 { width:100%; float:left; border:1px solid #999; background:#F2F2F2; border-top:3px solid #333;}
.g-n-dong2 { width:100%; float:left; border:1px solid #999; background:#F2F2F2;}
.g-n-cot1 { width:25%; float:left; box-sizing:border-box; padding:10px;}
.g-n-cot2 { width:75%; float:left; border-left:1px solid #999; box-sizing:border-box; padding:10px; background:#fff;}
.g-n-text { width:100%; float:left;}
/*End CSS Ninh*/
@media screen and (max-width:768px) {
	.calendar { width:100% !important; }
	.calendar iframe { width:100% !important;}
}

/* End Pages4 */

/* Pages 5 */
/*CSS Ninh*/

@media screen and (max-width:768px) {
	.g-n-gachcheo { display:none;}
	.input-data select[name='text3'],[name='text4'],[name='text5'] { width:100% !important; margin-top:10px;}
	
	.one-row .input-data { width:100% !important; text-align:center; margin-left:0 !important;}
	.one-row .title { width:100% !important;}
	.one-row{
		padding:15px 0px;
		}
		
		.bxslider img,
		.bxslider .classImg img {
    min-width: inherit !important;
    width: 100%;
	height:250px; object-fit:cover;
}
.txt-head { padding-right:95px;}
}

/* End Pages 5 *