/* amazeui reset */
.am-g-fixed { max-width: 1350px; }

.am-nav > li {
  padding: 0 1.5em;
}
.am-nav > li > a {  
  padding: 0.4em 0;
  border-radius: 0;
}
.am-nav > li > a:hover,
.am-nav > li > a:focus {  
  background-color: transparent;
  border-bottom: 3px solid #006936;
}
.am-nav > li.am-active > a,
.am-nav > li.am-active > a:hover,
.am-nav > li.am-active > a:focus {
  color: #006936;
  background-color: transparent;  
  border-bottom: 3px solid #006936;
}
.am-list-news-default .am-list .am-list-item-text {
  line-height: 2.4em;
  /* number of lines to show */
  max-height: 8em;  
}


body { font-size: 16px; }

/* Color */
.color-green, .color-green a { color: #006936; }
.color-black, .color-black a { color: #242424; }
.color-gray, .color-gray a { color: #666666; }
.color-white, .color-white a { color: #ffffff; }

/* Font */
.font-10 { font-size: 0.625em; }
.font-12 { font-size: 0.8125em; }
.font-14 { font-size: 0.875em; }
.font-18 { font-size: 1.125em; }
.font-22 { font-size: 1.375em; }

.lh { line-height: 2.2em; }

.be-wrap-margin-top { margin-top: 100px; }

.be-header-wrap { height: 948px; background: #fff url("img/bg-header.jpg") 0 0 no-repeat; }
	.be-header { padding-top: 100px; }
		.be-column { float: right; margin-top: 50px; }

	.be-adtext { margin-top: 200px; }
		.be-adtext h2, .be-adtext h3 { line-height: 0.1em; }
		.be-adtext h2 { font-size: 2.4em; }
		.be-adtext h3 { font-size: 2.1em; }

.be-home-about { padding: 4em 6em; }
	.be-home-about h2, .be-home-about h3,
	.be-home-case h2, .be-home-case h3,
	.be-home-share h2, .be-home-share h3 
	{ line-height: 0; }

	.be-home-about h2 { font-size: 2.4em; margin-top: 100px; }
	.be-home-about h3 { font-size: 1.8em; }
	.be-home-about p { margin: 50px 0; }

	.be-home-about a.be-more,
	.be-home-case a.be-more,
	.be-home-share a.be-more
	 { border: 1px solid #006936; padding: 10px 30px; }

	.be-home-about a.be-more:hover,
	.be-home-case a.be-more:hover,
	.be-home-share a.be-more:hover
	 { background-color: #006936; color: #fff; }

	
	.be-home-case h2, .be-home-share h2, .be-footer h2 { font-size: 2.2em; }
	.be-home-case h3, .be-home-share h3 { font-size: 1.6em; margin-bottom: 60px; }
	.be-home-case ul { margin-bottom: 50px; }


.be-home-share { margin-top: 150px; }
	.be-home-share-list ul li { padding: 50px 0; }
	.be-home-share-list ul li h4 a:hover { color: #006936; }
		.be-home-share a.be-more { display: inline-block; margin-top: 50px; }


.be-about p { text-indent: 2em; margin-bottom: 35px; }

.be-share-list .am-list-main h4 { margin-bottom: 16px; }
.be-share-content p { text-indent: 2em; }


.be-footer-wrap { height: 1061px; background: url("img/bg-footer.jpg") 0 0 no-repeat; }
	.be-footer { padding-top: 400px; }

.be-copyright { padding: 25px 0 55px; }


/* ========================== */

@media screen and (max-width: 640px) { /* <=640 */
    
    /* Column */
    .be-phone-bar { position: relative; height: 70px; padding: 12px; }    
    .am-offcanvas-bar { width: 85%; background-color: rgba(255,255,255,0.9); }    
    .am-offcanvas-bar:after { width: 0; } 
    .am-icon-btn { width: 32px; height: 32px;  font-size: 16px; line-height: 32px; background-color: #006936; }   
    .am-icon-bars { position: absolute; top: -140px; right: 10px; color: #ffffff; }

    /* Column */
    .be-columm { margin-top: 40px; }
    .be-columm ul { margin-right: 0; }
    .be-columm ul li ul { margin-right: 10px; }
    .be-columm ul li { width: 99%; margin: 0 0 0 13px; }
    .be-columm ul li a { display: block; height: 41px; font-size: 1.3rem; border-bottom: 1px dotted #029159; padding: 15px 0 0 0; }
    .be-columm ul li.be-column-active a { color: #cf7300; font-weight: bold; border-bottom: 2px solid #cf7300; }

    .be-adtext { margin-top: 80px; }
	    .be-adtext h2 { font-size: 1.3em; }
		.be-adtext h3 { font-size: 0.9em; }
      
}



.bg1 { background-color: red; color: #fff; }
.bg2 { background-color: blue; color: #fff; }

.bg1 div { background-color: yellow; }
.bg2 div { background-color: gray; }