@import url("bootstrap.min.css");
@import url("font-awesome.min.css");
@import url("fonts.css");
@import url("font-royal.css");
@import url("default.css");
@import url("swiper.min.css");
@import url("animate.css");
@import url("fancy.css");
@import url("hover-image.css");


/* INTAILIZE CSS
=================================================================== */

*{font-weight: normal;}
body{opacity: 0;transition: 2s all ease;max-width: 100%;}
html,body{height: 100%;margin:0;padding:0;font-family: "tn","Tahoma";}
body::-webkit-scrollbar {width: .8em;}
body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb {background-color: #006331;outline: 1px solid #006331;}
img,iframe{max-width: 100%;margin:0;padding:0;border:0;}
ul,li{list-style: none;margin:0;padding:0;}
a{color:#069;}
a:hover,a:focus{text-decoration: none;transition:.5s;color:#09c;}
p{font-size: 24px;margin:0;padding:0;line-height: 25px;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family: inherit;font-family: "pgvim","tn","Tahoma"}
h1{font-size: 38px;color: #333;text-transform: uppercase;}
h2{font-size: 50px;color: #004F25;}
h3{font-size: 30px;color: #333;font-family: "tn","Tahoma";line-height: 30px;}
h4{font-size: 34px;}
h5{font-size: 20px;color: #333;font-family: "tn","Tahoma";line-height: 20px;}
h6{font-size: 22px;color: #333;}
.ftn{font-family: "tn"}
.ftnb{font-family: "tnb"}


/* SELECT FORM */
select::-ms-expand {display: none;}
.select-style select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.select-style {position:relative;overflow: hidden;background: transparent;overflow:hidden;}
.select-style:before{content:'\f078';font-family: "FontAwesome";color:#736357;position:absolute;bottom:21px;right:5px;width:20px;text-align:center;padding:2px 0;background:white;}
.ul-inline-gallery{background:transparent;border:1px solid #C9A557;padding:0;border-radius:4px;display: inline-block;overflow: hidden;margin-bottom: 15px;}
.ul-inline-gallery li{display: inline-block;vertical-align: middle;margin:0 0 0 -5px;padding:0 0 0 5px;border-right: 1px solid #C9A557}
.ul-inline-gallery li:last-child{border-right: 0}
.ul-inline-gallery li a{display: block;padding:5px 15px;color:#42210B;font-size: 18px;text-transform: capitalize;}
.ul-inline-gallery li:hover,.ul-inline-gallery li.active{background: #C9A557;}

/* CHECKBOX FORM */
.checkbox-style1{display: block;}
.checkbox-style1 input[type='checkbox'] {position: absolute;top: 0;display: none;}
.checkbox-style1 input[type='checkbox']:checked + label {backgro1und-position: 0 0;}
.checkbox-style1 label {background: url("../img/input-style.png") no-repeat 0 -32px;padding: .2em 0 .2em 2.5em;cursor: pointer;font-size: 16px;font-weight: normal;color:#42210B;margin-bottom: 0;}

/* RADIO FORM */
.radio-style1{display: block;}
.radio-style1 input[type='radio'] {position: absolute;top: 0;display: none;}
.radio-style1 input[type='radio']:checked + label {background-position: 0 -66px;}
.radio-style1 label {background: url("../img/input-style.png") no-repeat 0 -97px;padding: .2em 0 .2em 2.5em;cursor: pointer;font-size: 16px;font-weight: normal;color:#42210B;margin-bottom: 0;}

.form-group{position: relative;}
.form-group:after{content: "";clear: both;}
.error-message{padding: 5px;background: transparent;font-size: 13px;font-family: Tahoma;color: #c33;clear: both;text-transform: none;margin-left: 28%;}

label{text-transform: none;}
#totop{position: fixed;bottom: 30px;right: 30px;display: none;z-index: 100;color: #006633;}
#totop:hover{color:#5DBC26;}
#totop.show{display: block;}
#feature .swiper-slide{opacity: 1;transition: .3s;}
#feature .swiper-slide img{display: inline-block;position: relative;}
#feature .swiper-slide:hover img{opacity: 0.8;transition: .5s;}
#feature .swiper-slide h4{color:#fff;transition: .3s;}
#feature .swiper-slide:hover h4{color:#006633;transition: .5s;}

#plant-suggest .plant-list:hover img{opacity: 0.8;transition: .5s;}
#plant-suggest .plant-list:hover p{color:#006633;transition: .5s;}


.gallery-top {height: 80%;width: 100%;}
.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide {width: 20%;height: 100%;opacity: 0.4;cursor: pointer;}
.gallery-thumbs .swiper-slide:hover{opacity: 1;transition: 0.5s;}
.gallery-thumbs .swiper-slide-active{opacity: 1;}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{background: none;}
#swiper-thumb .swiper-button-next:before{color:#EF9F00;width: 36px;padding:0px 9px 1px 14px;background: white;border-radius: 50%;margin:0;font-size: 35px;overflow: hidden;}
#swiper-thumb .swiper-button-prev:before{color:#EF9F00;width: 36px;padding:0px 14px 1px 9px;background: white;border-radius: 50%;margin:0;font-size: 35px;overflow: hidden;}
#swiper-thumb .swiper-button-next,#swiper-thumb .swiper-button-prev{width:37px;height: 37px;margin-top:-18px;}

/* CUSTOM CSS
=================================================================== */

/* NAVBAR */
/*header{max-width: 100%;position: relative;}*/
header{max-width: 100%;position: relative;z-index: 1;background: white;width: 100%;}
header.stick{position:fixed;width: 100%;z-index: 1001;background: white;}
.navbar{min-height: 35px;}
.navbar-default{background: #fff;border:0;border-radius: 0;}
.navbar-default .navbar-nav>li{padding:0;margin:0;width:17%;text-align: center;}
/*.navbar-default .navbar-nav>li:last-child{width:15%;}*/
.navbar-default .navbar-nav>li>a{color:#fff;font-size:24px;padding:5px 0 6px;font-family: "tn";border-top:5px solid transparent;border-bottom: 5px solid transparent;}
.navbar-default .navbar-brand{color:#fff;position: relative;z-index: 101;}
.nav.navbar-nav{width:100%;float: none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>li>a:hover{background-color: #fff;border-top-color:#5DBC26;color:#5DBC26;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{border-color: transparent;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#5DBC26;background:white;border-top-color:#5DBC26;}
.navbar-default .navbar-nav>li>a:focus{color:#fff;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color:#5DBC26;}
#header-space{height: 111px;}
/* BREADCRUMB */
.breadcrumb{border-radius: 0;background: transparent;}

/* OTHER */
#top-nav {background:transparent;text-align: right;}
#top-nav ul.top-nav>li{display: inline-block;vertical-align: middle;padding:10px 5px 15px;border-top:4px solid transparent;border-bottom: 4px solid transparent;}
#top-nav ul.top-nav>li>a{display: block;padding:0 15px;font-size: 20px;}
#top-nav ul.top-nav>li:hover{transition: .7s;}
#top-nav ul.top-nav>li:first-child:hover{border-top-color: #5DBC26;}
#top-nav ul.top-nav>li:nth-child(2):hover{border-top-color: #008AD6}
#top-nav ul.top-nav>li:nth-child(3):hover{border-top-color: #793DB7}
#top-nav ul.top-nav>li:nth-child(4):hover{border-top-color: #F15A24}
#top-nav ul.top-nav>li:nth-child(5):hover{border-top-color: #EF9F00}
#top-nav ul.top-nav>li:first-child:hover a,#top-nav ul.top-nav>li:first-child a{color: #5DBC26}
#top-nav ul.top-nav>li:nth-child(2):hover a,#top-nav ul.top-nav>li:nth-child(2) a{color: #008AD6}
#top-nav ul.top-nav>li:nth-child(3) a{color: #793DB7}
#top-nav ul.top-nav>li:nth-child(4):hover a,#top-nav ul.top-nav>li:nth-child(4) a{color: #F15A24}
#top-nav ul.top-nav>li:nth-child(5):hover a,#top-nav ul.top-nav>li:nth-child(5) a{color: #EF9F00}
#top-nav ul>li>a>i,#top-nav ul>li>a>span{display: inline-block;vertical-align: middle;}
#top-nav ul.top-nav>li>a>span:first-child i{font-size:24px;color:white;}
#top-nav ul.top-nav>li>a>span:first-child{padding:5px 5px 0 5px;text-align: center;border-radius: 10px 0 10px;margin-right: 5px;}

#top-nav ul.top-nav>li:first-child>a>span:first-child{background:#5DBC26;}
#top-nav ul.top-nav>li:nth-child(2)>a>span:first-child{background:#008AD6;}
#top-nav ul.top-nav>li:nth-child(3)>a>span:first-child{background:#793DB7;}
#top-nav ul.top-nav>li:nth-child(4)>a>span:first-child{background:#F15A24;}
#top-nav ul.top-nav>li:nth-child(5)>a>span:first-child{background:#EF9F00;}

#top-nav .dropdown-menu{margin-top:0 !important;}
#top-nav .dropdown-menu li a:before{content:'';}
#top-nav ul.top-nav>li:nth-child(2) .dropdown-menu li a{color:#7F7F7F;}
#top-nav ul.top-nav>li:nth-child(2) .dropdown-menu li a:hover{color:#008AD6;}
#top-nav .dropdown a.dropdown-toggle:after{color:#008AD6;display: inline-block;vertical-align: -webkit-baseline-middle;}
.navbar-nav>li>.dropdown-menu{border-radius: 0;}
.dropdown a.dropdown-toggle.no:after{content:'';}
.navbar-header{float: none;}

.swiper-button-prev,.swiper-button-next{background-image:none;}
.swiper-button-prev:before{content:'\f104';font-size:65px;font-family: "FontAwesome";color: #F9C430;line-height: 30px;}
.swiper-button-next:before{content:'\f105';font-size:65px;font-family: "FontAwesome";color: #F9C430;line-height: 30px;}
#box-news .swiper-button-prev{left: -5px;}
#box-news .swiper-button-next{right: 13px;}
#box-news .swiper-button-prev:before,#box-news .swiper-button-next:before{font-size: 30px;padding:2px 18px;background: white;}
#box-news .swiper-button-prev,#box-news .swiper-button-next{top:39%;}
#plant .swiper-button-prev:before{content:'\f0a8';font-size:30px;font-family: "FontAwesome";color: #fff;line-height: 35px;}
#plant .swiper-button-next:before{content:'\f0a9';font-size:30px;font-family: "FontAwesome";color: #fff;line-height: 35px;}
.new-icon:before{content:'\e90c';font-family: "royal";margin-right: 10px;font-size: 18px;}
.promotion-icon:before{content:'\e90b';font-family: "royal";margin-right: 10px;font-size: 20px;}
.news-topup{height: 55px;overflow: hidden;}
.news-description{height: 36px;overflow: hidden;}
.h600{height: 600px;}

.navbar-default .navbar-collapse{background: #006633;padding-left:0;padding-right: 0;}
#languest{padding:8px 10px 7px;margin:0 5px;transition: all ease .5s;cursor: pointer;}
#languest img{width: 22px;display: inline-block;vertical-align: middle;}
#languest:after{content:"\f0d7";font-family:"FontAwesome";margin: 0 5px;display: inline-block;vertical-align: middle;color:white;opacity: 0.8;}
.warp_languest{padding:3px 0;}
.dropdown-menu>li>a{border-bottom:1px solid #F2F2F2;font-size:20px;}
/*.dropdown-menu>li>a:before{content:'•';margin-right: 5px;color:#656565;}*/
.warp_languest .dropdown-menu>li>a:before{content:'' !important;margin-right: 0 !important;}
.dropdown-menu>li:last-child>a{border-bottom:0;}
.warp_languest .dropdown-menu{min-width: 100%;max-width: 100%;text-align: center;padding:5px 0;margin:0;border-radius: 0;border:0;top:100%;}
.warp_languest .dropdown-menu:before{content:'';padding:5px;background:white;transform:rotate(45deg);position: absolute;top:-5px;left:50%;margin-left: -5px;}
.warp_languest .dropdown-menu>li>a{padding:3px 0;}
.warp_languest .dropdown-menu>li>a>img{width: 22px;}
.dropdown-menu{width: 100%;margin-top:10px !important;border:0;background: #fff !important;}
.dropdown-menu:before{content:'';padding:5px;background:white;transform:rotate(45deg);position: absolute;top:-5px;left:15px;}
.dropdown a.dropdown-toggle:after{content:'\f0d7';font-family: "FontAwesome";margin-left: 5px;color:#5DBC26;font-size:13px;}
#languest:hover{background: green;transition: all ease 1s;}
#logo{/*padding:14px 0;*/display: block;}
#search a{padding:8px 5px;margin:0;}
#search a i{background:#F0B930;padding:6px 8px 7px;border-radius: 50%;font-size:15px;}
.bg-5DBC26{background: #5DBC26;}
.bg-FF9206{background: #FF9206;}
.bg-9DD7B9{background: #9DD7B9;}
.bg-E9F7EA{background: #E9F7EA;}
.bgf6{background: #f6f6f6;}
.bg-leaf{background: #F15A24 url('../img/bg-leaf.png') top left no-repeat;background-size: 100% auto;}
.bg-leaf.green{background: #006633 url('../img/bg-leaf.png') top left no-repeat;background-size: 100% auto;}

.bg-leaf2{background: #F7F7F7 url('../img/bg-leaf2.png') bottom left no-repeat;background-size: 100% auto;}
.map-link{border:1px solid white;padding:10px 25px;font-size:34px;color:white;border-radius: 15px;}
.map-link:before{content:"\f278";font-family: "FontAwesome";margin-right: 10px;font-size:25px;color:white;}
.map-link:hover{background:white;color:#004F25;}
.map-link:hover:before{color:#004F25;}

.aqi{border:1px solid white;padding:10px 25px;font-size:34px;color:white;border-radius: 15px;}
.aqi:before{content:"\21";font-family: "FontAwesome";margin-right: 10px;font-size:25px;color:white;}
.aqi:hover{background:white;color:#004F25;}
.aqi:hover:before{color:#004F25;}

.greenoffice{border:1px solid white;padding:10px 25px;font-size:34px;color:white;border-radius: 15px;}
.greenoffice:before{content:"\f06c";font-family: "FontAwesome";margin-right: 10px;font-size:25px;color:white;}
.greenoffice:hover{background:white;color:#004F25;}
.greenoffice:hover:before{color:#004F25;}

.detail-link{border:1px solid #F7AC96;padding:5px 15px;border-radius: 7px;font-family: "tn";font-size:20px;}
.detail-link:before{content:"\e906";font-family: "royal";margin-right: 5px;color:inherit;}
.detail-link.orange{color:#F05A2D;border-color:#F05A2D;}
.detail-link.orange:hover{color:#fff;background:#F05A2D;}
.detail-link.green{color:#5EAC49;border-color:#5EAC49;}
.detail-link.green:hover{color:#fff;background:#5EAC49;}
.detail-link.yellow{color:#EF9F00;border-color:#EF9F00;}
.detail-link.yellow:hover{color:#fff;background:#EF9F00;}

#suggestion{position:absolute;top:10%;width:400px;max-width: 100%;left:10%;z-index: 99;background: transparent;}
#suggestion>div.bgff{border-radius: 60px 0 60px}
#suggestion img{border-radius: 50px 0 0;width: 100%;max-width: 100%;}
#suggestion .resizeImg{border-radius: 50px 0 0}

#suggestion h3{max-height: 63px;overflow: hidden;}
#suggestion h3+p{max-height: 58px;overflow: hidden;}
.cF05A2D{color:#F05A2D;}
.brdcF05A2D{border-color:#F05A2D;}
.brd-bottom-25{border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;}
#arrow-down {display: inline-block;position: absolute;bottom: 25px;left: 49%;color:#fff;z-index:99;-webkit-animation: animate1 5s ease-in-out infinite;-moz-animation: animate1 5s ease-in-out infinite;-o-animation: animate1 5s ease-in-out infinite;animation: animate1 5s ease-in-out infinite;}
/*#bg-park{width: 100%;height: 520px;background:#E9F7EA;}*/
/*#bg-park{width: 100%;height: 520px;background:#E9F7EA;background-image: url('../img/0-22.png'), url('../img/02-02.png');background-position: left bottom -10px, right -50px bottom;background-repeat: no-repeat;background-size:auto,auto;}*/
#park-message{width:500px;position: absolute;top:20%;right:30%;z-index: 98;}
#feature{background: #F9C430;padding:40px 0;}
#feature img{border:10px solid #FFCE54;border-radius: 50%;}
/*#tower{width: 100%;height: 550px;background:#E9F7EA;background-image: url('../img/h2.png'), url('../img/h1.png');background-position: left bottom -10px, right -50px bottom;background-repeat: no-repeat;background-size:auto,auto;}*/
#tower-message{width:500px;position: absolute;top:20%;left:23%;z-index: 10;}
.grid-item{width: 20%;padding:10px;}
.grid-item.grid-4{width: 33.33%;}
.grid-item.grid-4.grid-p10{padding:15px;}
.grid-item.grid-3{width: 25%;}
.grid-item.p0{padding:0;}
.grid-item.grid-6{width: 50%;}
#flower{width: 100%;height: 550px;background:#E9F7EA;background-image: url('../img/bg-flower.png'), url('../img/bg-flower2.png');background-position: left bottom, left bottom;background-repeat: no-repeat;background-size:auto,auto;}
#flower-message{width:500px;position: absolute;top:10%;right:15%;}
.cF4743B{color: #F4743B}
.c006633{color: #006633}
.left-30{left: -30px;}
.right-30{right: -30px;}
.plant-list{padding:0 0 5px;border-radius: 0 0 25px 25px;background: white;}
.plant-list img{height: auto;width: 100%;max-width: 100%;}
#video{position:absolute;top:10%;left:0;width:100%;height:auto;}
.parallax{height: 600px !important;}
.link-green{color:#006532;}
.c006532{color:#006532;}
.link-green.arrow:before{content:'\f0da';font-size: 16px;font-family: "FontAwesome";margin-right: 5px;color:#F4743B;}
.link-green:hover{color:#5DBC26;}
/*.link-green:hover:before{color:green;}*/
.bgf7{background: #f7f7f7;}
.brd-bottom-e5{border-bottom: #E5E5E5}
.warp-icon-learning{position: absolute;bottom:-25px;left:0;width: 100%;text-align: center;z-index: 98;}
.fa-stack.fa-3{height: 3em;line-height: 3em;width:3em;}
.fa-3 .fa-stack-2x{font-size: 3em;}
.fa-3 i:last-child{font-size: 1.3em;}
.full-width{width: 100%;max-width: 100%;}
.grass{height: 105px;width: 100%;max-width: 100%;background: transparent url('../img/grass.png') repeat-x bottom left;}
.c_yellow{color:#F5AE11;}
.c_yellow2{color:#EF9F00;}
.c_orange{color:#F15A24;}
.c_pink{color:#D62D3A;}
.c_purple{color:#793DB7;}
.c_blue{color:#008AD6;}
.c_green{color:#5DBC26;}
.c_green2{color:#004F25;}
.c_3A1A03{color:#3A1A03;}
.c_F4A61C{color:#F4A61C;}
.c_D8342B{color:#D8342B;}
.link-D8342B{color:#D8342B;}
.link-D8342B:hover{color:orangered;}
.f_tahoma{line-height: inherit;}
.warp_vdo a:after{content:url('../img/play.png');position: absolute;top:50%;left:50%;margin:-26px 0 0 -42px;z-index: 11;opacity: 0.7;}
.warp_vdo a:hover:after{opacity: 1;transition: 1s;}
.warp_vdo:hover{cursor: pointer;}
.z10{z-index: 10;}
.ccb{color:#cbcbcb;}
.h30px{height: 30px;}
footer{padding:30px 0 0;background: #191514;}
footer .copyright{background: #26201F;padding:15px 0;}
footer h6{margin-bottom: 5px;}
footer>div>div>div>div:first-child h6{color:#F5AE11;}
footer>div>div>div>div:nth-child(2) h6{color:#F15A24;}
footer>div>div>div>div:nth-child(3) h6{color:#D62D3A;}
footer>div>div>div>div:nth-child(4) h6{color:#793DB7;}
footer>div>div>div>div:nth-child(5) h6{color:#008AD6;}
footer>div>div>div>div ul>li a{font-size:13px;color:#CBCBCB;font-family: "Tahoma";}
/*footer>div>div>div>div li{font-family: "arial"}*/
footer>div>div>div>div:first-child li{font-size:14px;color:#F5AE11;list-style:inside disc;}
footer>div>div>div>div:nth-child(2) li{font-size:14px;color:#F15A24;list-style:inside disc;}
footer>div>div>div>div:nth-child(3) li{font-size:14px;color:#D62D3A;list-style:inside disc;}
footer>div>div>div>div:nth-child(4) li{font-size:14px;color:#793DB7;list-style:inside disc;}
footer>div>div>div>div:nth-child(5) li{font-size:14px;color:#008AD6;list-style:inside disc;}
footer>div>div>div>div:first-child li a:hover{color:#F5AE11;}
footer>div>div>div>div:nth-child(2) li a:hover{color:#F15A24;}
footer>div>div>div>div:nth-child(3) li a:hover{color:#D62D3A;}
footer>div>div>div>div:nth-child(4) li a:hover{color:#793DB7;}
footer>div>div>div>div:nth-child(5) li a:hover{color:#008AD6;}


.text-muticolor span{font-family: "pgvim";font-size: 40px;}
.text-muticolor span:nth-child(1){color:#F7931E;}
.text-muticolor span:nth-child(2){color:#F4743B;}
.text-muticolor span:nth-child(3){color:#D8342B;}
.text-muticolor span:nth-child(4){color:#00A99D;}
.text-muticolor span:nth-child(5){color:#662D91;}
.text-muticolor span:nth-child(6){color:#0071BC;}
.text-muticolor span:nth-child(7){color:#006532;}
.text-muticolor span:nth-child(8){color:#5EAC49;}
#place_suggestion{background: #EDFCED;padding-bottom: 30px;}
#place_suggestion a>div:first-child{transition:.3s;}
#place_suggestion a>h4{transition: .3s;}
#place_suggestion a:hover>div:first-child{opacity: 0.8;transition: .5s;}
#place_suggestion a:hover h4{color:#5DBC26;transition: .5s;}
.fs13{line-height: inherit;}
.btn.btn-sm{padding:0 30px 2px;}
.btn-orange{color: #fff;background-color: #F4743B;border-color: #F4743B;}
.btn-orange:hover{color: #fff;background-color: #ec971f;border-color: #d58512;}
.btn-yellow{color: #fff;background-color: #F8C968;border-color: #F8C968;padding:0 20px 3px;border-radius: 10px;}
.btn-yellow:hover{color: #fff;background-color: #F6BB42;border-color: #F6BB42;}
.btn-blue{color: #4C4C4C;background-color: #E1EFF9;border-color: #E1EFF9;padding:0 20px 3px;border-radius: 10px;font-size:20px;}
.btn-blue:hover{color: #fff;background-color: #008AD6;border-color: #008AD6;}

#learning .learning:first-child h5{color:#F4743B;font-size:24px;line-height: 24px;}
#learning .learning:nth-child(2) h5{color:#009183;font-size:24px;line-height: 24px;}
#learning .learning:last-child h5{color:#008AD6;font-size:24px;line-height: 24px;}
#learning .learning:first-child .btn{background:#F7931E;}
#learning .learning:nth-child(2) .btn{background:#00A99D;border-color:#00A99D;}
#learning .learning:last-child .btn.btn-warning{background:#008AD6;border-color:#008AD6;}
#learning .learning .btn:hover{opacity: 0.8;}
.pen-icon:before{content:'\e910';font-family:'royal';margin-right: 5px;}

.img-learning:before{content:'\e911';font-family: "royal";margin-right: 5px;display: inline-block;vertical-align: bottom;}
.img-learning{padding:0 20px 3px;font-size:22px;border-radius: 10px;}
.img-child:before{content:'\e912';font-family: "royal";margin-right: 5px;display: inline-block;vertical-align: bottom;}
.img-adult:before{content:'\e913';font-family: "royal";margin-right: 5px;display: inline-block;vertical-align: bottom;}
.img-child,.img-adult{padding:0 0 3px;font-size:22px;border-radius: 10px;max-width: 100%;width: 100%;display: block;}
.box-survey{border:2px dotted #F5DCB1;border-radius:30px;padding-bottom:20px;}
.h2-border{border-bottom:1px dashed #e6e6e6;margin-bottom:15px;padding-bottom:10px;}

::-webkit-input-placeholder{font-family: "tn";font-size:20px;color:#006532;line-height: 18px;}
#form-search{position: absolute;top:8px;left:-15px;display: none;transition: 1s ease all;width:100%;}
#form-search .input-search>input{border-radius: 15px;background: #D1EBD7;padding:4px 10px 4px 30px;width:100%;border:1px solid #D1EBD7;overflow: hidden;font-family: "Tahoma";font-size:13px;}
#form-search .input-search{position: relative;}
#form-search .input-search:before{content:'\e905';font-family:'royal';position: absolute;top:0;left:5px;z-index: 1001;color:#006532;font-size:22px;}
#form-search .input-search>input:focus {outline: -webkit-focus-ring-color auto 0;}
#form-search .fa-close{position:absolute;top:5px;right:8px;font-size:18px;color:#1F794A;cursor: pointer;}
/*.btn-warning{background-color: #F05A2D;border-color: #F05A2D;font-size: 20px;padding: 2px 25px 5px;}*/
#warp-ls{position:absolute;top:0;right:0;width:200px;}
.w-map-link{padding-top:20px;}
.fs26{line-height: 26px;}
#video h5{height: 45px;overflow: hidden;}
.warp-social{position:absolute;top:0;right:75px;}
.box-link-footer{}
#social-widget{position: fixed;right: 0;top:26%;z-index: 123;text-align: right}
#social-widget li{position: relative;}
#social-widget i{text-align:left;padding:10px 13px 10px 15px;background:#3B5998;border-radius: 7px 0 0 7px;margin-bottom: 4px;color:white;font-size:20px;transition: width 1s;display: inline-block;width:42px;transition: width 1s;}
#social-widget i.ie-social{height: 40px;}

#social-widget i.fa-facebook{background:#3B5998;}
#social-widget i.fa-facebook:after{content:'Facebook';margin-left: 10px;color: transparent;transition: .8s;}
#social-widget i.fa-twitter{background:#2DAAE1;}
#social-widget i.fa-twitter:after{content:'Twitter';margin-left: 10px;color: transparent;transition: .8s;}
#social-widget i.fa-envelope{background:#1ABC9C;}
#social-widget i.fa-envelope:after{content:'Mail';margin-left: 10px;color: transparent;transition: .8s;}
#social-widget i.fa-map-marker{background:#E74C3C;}
#social-widget i.fa-map-marker:after{content:'Map';margin-left: 10px;color: transparent;transition: .8s;}
#social-widget li a i.fa-facebook:hover{width: 130px;}
#social-widget li a i.fa-twitter:hover{width: 118px;}
#social-widget li a i.fa-envelope:hover{width: 95px;}
#social-widget li a i.ie-social:hover{width: auto !important;transition: 0.8s;}
#social-widget li a i.fa-map-marker:hover{width: 89px;}
#social-widget li a i:hover:after{color:white;}
.mw100hidden{max-width:100%;overflow:hidden;}
#totop i{background: #006633;color: white;display: inline-block;padding: 0 5px 3px;border-radius: 12px 0;line-height: 35px;font-size: 40px;}
#totop i:hover{background: #5DBC26}
.navbar-toggle.dn{display: none;}
.description-news{max-height: 35px;overflow: hidden;}
#box-promotion a:hover img{transition: 0.5 ease;-webkit-filter: brightness(1.2);filter: brightness(1.2);}
#box-promotion a:hover .topic-news{color:#006633;transition: .5s;}

.breadcrumbs{font-family: "tn";font-size:18px;text-transform: uppercase;}
.breadcrumbs li{display: inline-block;vertical-align: middle;padding:6px 0 8px;}
.breadcrumbs li a{color:#7F7F7F;}
.breadcrumbs li a:hover{color:#006633;}
.breadcrumbs li:not(:last-child):after{content:'\f105';font-family: "FontAwesome";padding:0 5px 0 8px;font-size: 13px;}
.bg-breadcrumbs{background: #F1F1F1;}
h1.page-header{font-size:42px;color:#006532;font-family: "tn","Tahoma";padding:0;margin:0;border:0;line-height: 42px;}
h1.page-header.mb5{margin-bottom: 5px;}
h1.page-header.mb10{margin-bottom: 10px;}
h1.page-header.mb15{margin-bottom: 15px;}
.brd-style1{border-top:1px dashed #ccc;}
.brd-style2{padding:0 0 10px;margin-bottom:20px;border-bottom:1px dashed #ccc;}
.brd-style3{padding:0 0 10px 0;border-bottom:1px dashed #ccc;margin-bottom:lepx;}
.share{padding:20px 15px;border-top:1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;}
.share p{font-size: 28px;color:#323232;text-transform: uppercase;margin-bottom: 10px;}
.share span{height: 15px;}
.back-page{display: inline-block;padding:4px 20px 6px;background: #006532;color:white;font-family: "tn";border:0;border-radius: 7px;font-size: 21px;}
.back-page:hover{opacity: 0.9;transition: 0.5s;background: #5DBC26;color:white;}
.back-page:before{content:'\f100';font-family:"FontAwesome";margin-right: 10px;display: inline-block;vertical-align: middle;}
.bg-transparent{background: transparent !important;}
.share ul>li>a{display: block;}
.share ul>li:hover{transition: 0.5s ease;-webkit-filter: grayscale(1);filter: grayscale(1);}
.share ul>li:first-child{background:url('../img/share.png') no-repeat;background-position: -50px 0;width:44px;height: 24px;}
.share ul>li:nth-child(2){background:url('../img/share.png') no-repeat;background-position: -98px 0;width:61px;height: 24px;}
.share ul>li:nth-child(3){background:url('../img/share.png') no-repeat;background-position: -163px 0;width:43px;height: 24px;}
.share ul>li:nth-child(4){background:url('../img/share.png') no-repeat;background-position: -210px 0;width:44px;height: 24px;}
.share ul>li:nth-child(5){background:url('../img/share.png') no-repeat;background-position: -257px 0;width:79px;height: 24px;}
#map{height: 400px;}
.text-map{position: absolute;bottom:-25px;background:white;z-index: 1;display: inline-block;width:300px;max-width: 100%;left:50%;margin-left: -150px;padding:10px;}
.text-map p:first-child{color:#656565;font-size: 24px;}
.text-map p:nth-child(2){color:#7F7F7F;font-size: 18px;}
.text-map p:last-child a{color:#006532;font-size: 21px;}
.text-map p:last-child a:hover{color:green;}
#suggest-plan-visit>div:first-child p:first-child{font-size: 24px;color:#4C4C4C;}
#suggest-plan-visit>div:first-child{padding-bottom: 7px;margin-bottom: 7px;border-bottom: 1px dashed #CBCBCB}
#suggest-plan-visit>div:first-child p:last-child{font-family: "Tahoma";font-size:13px;color:#656565;}
#suggest-plan-visit div ul li{font-family: "Tahoma";font-size:13px;color:#656565;}
#suggest-plan-visit div.table-responsive{padding-bottom:10px;margin-bottom: 10px;border-bottom: 1px dashed #CBCBCB}
#suggest-plan-visit div.table-responsive table{width: 100%;}
#suggest-plan-visit div.table-responsive table p{font-size: 21px;color:#4C4C4C;}
#suggest-plan-visit div.table-responsive table td{font-size: 13px;color:#656565;font-family: "Tahoma";vertical-align: top;padding:5px;}
#suggest-plan-visit div.table-responsive table td:first-child{white-space: nowrap;}
#suggest-plan-visit div:last-child{padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed #CBCBCB}
.btn-map-download{background:#006532;color:white;font-size:18px;padding:0 15px 4px;}
.btn-map-download2{background:#006532;color:white;font-size:24px;padding:1px 20px 5px;}
.btn-map-download:hover,.btn-map-download2:hover{background:#03562C;color:white;}
#admission .nav-tabs>li{width: 33.33%;text-align: center;border:1px solid #e6e6e6;border-top:2px solid #e6e6e6;}
#admission .nav-tabs>li:nth-child(1){border-left:0;}
#admission .nav-tabs>li:nth-child(2){border-left:0;border-right: 0;}
#admission .nav-tabs>li:nth-child(3){border-right:0;}
#admission .nav-tabs>li.active>a{color:#7F7F7F;}
#admission .nav-tabs>li.active{border-top:2px solid #006633;}
.nav-tabs{border:0;}
#admission .nav-tabs>li>a{padding:4px 0;font-size: 24px;color:#4C4C4C;border:0 !important;background: #fff;}
#admission .swiper-button-prev:before{padding:0 15px;border-radius: 50%;background: #fff;padding:0 15px;font-size: 44px;}
#admission .swiper-button-next:before{padding:0 15px;border-radius: 50%;background: #fff;padding:0 15px;font-size: 44px;}
#admission .swiper-button-next, #admission .swiper-button-prev{width: 50px;}
#normal-card,#special-card,#yearly-card{padding:20px 15px;background: #fff;}
#normal-card table{width: 100%;margin:0}
#normal-card .table-responsive{padding-bottom: 10px;padding-top:5px;border-bottom: 1px dashed #e6e6e6;}
#normal-card table td{font-size:16px;color:#7F7F7F;font-family: "Tahoma";padding:5px;}
#normal-card table td:not(:first-child){text-align: right;}
.warp-price-admission{border:1px solid #e6e6e6;border-top:0;}
#special-card table,#yearly-card table{width: 100%;}
#special-card tr:first-child>td{font-size: 24px;color:#4C4C4C;}
#special-card tr:first-child>td:not(:first-child){text-align: right;}
#special-card tr td{padding:5px;}
#special-card tr:last-child td ul li{font-family: "Tahoma";font-size:14px;color:#656565;list-style:disc;margin:5px 20px;}
#yearly-card tr>td{font-size: 24px;color:#4C4C4C;}
.mt3{margin-top: 3px;}

#car-for-rent .swiper-button-prev:before{padding:0 10px;border-radius: 50%;background: #fff;padding:0 10px;font-size: 30px;}
#car-for-rent .swiper-button-next:before{padding:0 10px;border-radius: 50%;background: #fff;padding:0 10px;font-size: 30px;}
#car-for-rent .swiper-button-next, #car-for-rent .swiper-button-prev{width: 32px;}
#car-for-rent h2{font-size: 26px;color:#006532;padding-bottom: 5px;border-bottom: 1px dashed #ccc;margin-bottom: 5px;}
#car-for-rent h2+p{font-family: "Tahoma";font-size:13px;color:#656565;line-height: inherit;margin-bottom: 10px;}
#car-for-rent h2+p.custom {font-family:'tn';font-size: 20px;color: #006532;line-height: inherit;margin-bottom: 10px;border-bottom: 1px dashed #ccc;padding-bottom: 5px;}
#car-for-rent p b{font-family: "tn";font-size:20px;color:#006532;line-height: inherit;font-weight: normal;padding-bottom: 5px;border-bottom:1px dashed #ccc;margin-bottom: 5px;display: block;}
#car-for-rent table{width: 100%;}
#car-for-rent table td{font-size: 13px;color:#656565;font-family: "Tahoma";padding:5px;}
#car-for-rent table td:not(:first-child){text-align: right}
.mh170{min-height: 170px;}
.mh300{min-height: 300px;}
.service-detail,.service-detail *{font-family: "Tahoma";}
.service-detail p{font-family: "Tahoma";font-size: inherit;font-weight: inherit;margin:inherit;padding:inherit;line-height: inherit;}
#service-and-resterant h2{font-size:28px;color:#006532;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed #CBCBCB;margin-top: 0;padding: 0 0 5px;}
.carousel-control{opacity: .8;text-shadow: none;}
.carousel-control.right,.carousel-control.left{background: transparent;}
.carousel-control .fa-angle-left,.carousel-control .fa-angle-right{position: absolute;top:50%;margin-top: -10px;font-size: 20px;color:#EF9F00;background: rgba(255,255,255,.8);padding:2px 8px;border-radius: 50%;overflow: hidden;height: 24px;width:24px;}
.carousel-control .fa-angle-right{right: 10px;}
.carousel-control .fa-angle-left{left: 10px;}
.btn-servenir{border:1px solid #006532;color:#006532;padding:5px 20px;border-radius:7px;font-family: "tn";font-size:22px;}
.btn-servenir:hover{background: green;color:white;}
#knowledge .grid-item h3{font-size:24px;color:#4C4C4C;margin-bottom: 5px;line-height: 24px;}
#knowledge .grid-item p span{font-size:13px;font-family:"Tahoma";color:#CBCBCB}
#knowledge .grid-item p i{font-size: 13px;color:#CBCBCB}
#knowledge .grid-item a{background:#006532;color:white;font-size:17px;padding:1px 22px 4px;}
#knowledge .grid-item a:hover{background: green;}
.knowledge-detail p,.knowledge-detail *{font-family: "Tahoma";font-size:14px;line-height: inherit;margin-bottom: 10px;}
.knowledge-detail table{margin-left: -5px;}
.knowledge-detail td{padding:5px;vertical-align: top;}

.course-detail h2{font-size:30px;color:#4C4C4C;line-height: 30px;font-family: "tn";}
.course-detail div>p span{font-size: 13px;color:#CBCBCB;font-family: "Tahoma";}
.course-detail div>p i{font-size: 13px;color:#CBCBCB;}
.course-detail>p:last-of-type{font-size: 14px;color:#656565;font-family: "Tahoma";line-height: inherit;}
.course-detail a.btn{background:#006532;color:white;font-size:17px;padding:1px 22px 4px;}
.course-detail a.btn:hover{background: green;}

#course .panel-title{font-size:24px;color:white;font-family: "tn";}
#course .panel-default>.panel-heading{background: #006532;border-color:#006532;border-radius: 5px;}
#course .panel-default>.panel-heading a{display: block;position: relative;}
#course .panel-default>.panel-heading a:hover,#course .panel-default>.panel-heading a:focus{color:white;}
#course .panel-default>.panel-heading a.collapsed:after{content:'\f103';font-family: "FontAwesome";position: absolute;top:0;right:0px;z-index: 1;}
#course .panel-default>.panel-heading a:after{content:'\f102';font-family: "FontAwesome";position: absolute;top:0;right:0px;z-index: 1;}
#course .panel.panel-default{border:0;box-shadow:none;background: transparent;}
#course .panel-group .panel+.panel{margin-top:10px;}
#course-list .course-list{margin-bottom: 5px;}
#course-list .course-list p{font-family: "Tahoma";font-size:13px;color:#656565;}
#course-list .course-list ul>li{font-family: "Tahoma";font-size:13px;color:#006532;list-style: inside disc;margin:0 0 0 15px;}
#course-list .course-list ul>li>span{color:#656565;}
.btn-green{background: #006532;color:white;padding:2px 15px;}
.btn-green span{font-size:20px;padding-bottom: 3px;}
.btn-green i{font-size:18px;}
.btn-green:hover{background: #5DBC26;color:white;}
#course-list table{font-family: "Tahoma";font-size: 13px;color:#666;margin-left: -5px;}
#course-list table tr td{vertical-align: top;padding:5px;}
#course-list table tr td:first-child{white-space: nowrap;}
.course-static-detail p{font-family: "tn";font-size:24px;color:#4C4C4C;margin-bottom: 5px;}
.course-static-detail table{margin-left: -10px;font-size: 14px;color:#666;font-family: "Tahoma";margin-bottom: 15px;}
.course-static-detail table td{padding:0 10px;}
.course-static-detail div{font-size: 14px;color:#666;font-family: "Tahoma";}
.adult-topic-list{margin-bottom: 15px;}
.adult-topic-list>p{font-family: "tn";font-size:22px;color:#4C4C4C;line-height: 22px;}
.adult-topic-list div,.adult-topic-list>div p{font-family: "Tahoma";font-size:13px;color:#656565;line-height: inherit;}

#faq .panel-default>.panel-heading{background-color:#006633;border-color: #006633;color:white;border-radius: 4px;overflow: hidden;}
#faq .panel-title{font-size: 22px;line-height: 21px;font-family: "tn"}
#faq .panel-title a{color:white;position: relative;display: block;padding-right: 20px;}
#faq .panel-title a:before{content:'Q';margin-right: 7px;font-family: "initial"}
#faq .panel-default>.panel-heading+.panel-collapse>.panel-body{background-color: #E9F7EA}
#faq .panel-group .panel-heading+.panel-collapse>.list-group,#faq .panel-group .panel-heading+.panel-collapse>.panel-body{border:0;}
#faq .panel{border:0;box-shadow: none;}
#faq .panel-body div.clearfix:before{content:'A';font-family: "initial";margin: 0 15px 15px 0;padding:1px 9px 3px;border-radius: 4px;background: #006633;color:white;font-size: 21px;display: inline-block;float: left;}
#faq .panel-title a.collapsed:after{content:'\f0ab';font-family: "FontAwesome";font-size:24px;color:#FCD901;position: absolute;top:0;right: 0;}
#faq .panel-title a:after{content:'\f0aa';font-family: "FontAwesome";font-size:24px;color:#80B399;position: absolute;top:0;right: 0;}
#about p{font-family: "tn";font-size:21px;color:#323232;margin-bottom: 15px;line-height: 21px;}
#about p.f_tahoma{font-family: "Tahoma";font-size:inherit;color:inherit;line-height:inherit;}
#about p.mb0{margin-bottom: 0;}
.p-span p>span{background: #FFCE54;padding:2px 15px;border-radius: 5px;color:#F15A24;display: inline-block;margin-right: 7px;}

#control-design{padding:15px;background: #fff;border:2px solid #eee;border-radius: 10px;}
#control-design p{margin:0;}
#control-design p:first-of-type{margin:0 0 5px;}
#control-design>span:first-child{color:white;background: #F15A24;font-size: 21px;border-radius: 5px;padding:2px 10px 5px;margin-bottom: 10px;display: inline-block;}
#control-design ul{margin-bottom: 10px;}
#control-design ul>li{font-size: 21px;line-height: 21px;}

.grid-item.gallery-image{padding:10px;}
.gallery-image>div:first-child{padding:10px;background: #fff;border-radius: 7px;border:1px solid #E6E6E6;}
.gallery-image>div a{font-family: "tn";font-size: 21px;color:#4C4C4C;line-height: 21px;}
.gallery-image>div>p:last-child{font-family: "Tahoma";font-size: 13px;color:#4C4C4C;line-height: inherit;}
.gallery-image:hover img{opacity: 0.8;}
.gallery-image:hover a{color:#006633;}
.row-10{margin-left: -10px;margin-right: -10px;}

.h42{max-height: 42px;overflow: hidden;}
.mascot-text{padding-top: 10px;}
.mascot-text p:first-child{color:#4C4C4C;margin-bottom: 10px;}
.mascot-text p:last-child:before{content:'\f073';font-family: "FontAwesome";margin-right: 5px;font-size: 14px;}
.mascot-text p:last-child{color:#5DBC26;line-height: 21px;}
.mascot-text p{font-size: 14px;font-family: "Tahoma";line-height: inherit;}

#department a{display: block;}
#department a:hover{opacity: 0.8;}

#flashMessage{padding: 5px 15px;background: #28A265;font-size: 24px;color: white;text-align: center;border:1px solid #28A265;margin:0;}
#flashMessage.alert-warning{color: #a94442;background-color: #f2dede;border-color: #ebccd1;}

.txt-detail p,.txt-detail div,.txt-detail span{font-family:"Tahoma";font-size:14px;margin:0 0 5px;color:#333;padding:0;max-width: 100%;line-height: inherit;}
.txt-detail.fs13 p,.txt-detail.fs13 div,.txt-detail.fs13 span{font-size: 13px;}
.txt-detail a{color:#036;font-size: 14px;font-family:"Tahoma";text-decoration: none;line-height: inherit;}
.txt-detail a:hover{color:#069;}
#top-nav .dropdown.colorPurple a.dropdown-toggle:after{color:#793DB7;}
#top-nav .dropdown.colorPurple .dropdown-menu li>a{color:#7F7F7F;}
#top-nav .dropdown.colorPurple .dropdown-menu li>a:hover{color:#793DB7;}
.ourmenu-content .title-text a{color:#494949;}
.ourmenu-content .title-text a:hover{color:#069;text-decoration: none;}
#content-ck{padding:10px 0 !important;}
#content-ck,#content-ck p,#content-ck span,#content-ck div,#content-ck ul,#content-ck li,#content-ck table,#content-ck td{font-family: Tahoma;font-weight: inherit;font-size: inherit;margin:inherit;padding:inherit;line-height: inherit;display: inherit;}

#plants .btn-green {font-size: 24px;padding: 0 25px 3px;line-height: 28px;color: #fff;background-color: #006532;border-color: #006532;}
#plants .btn-green:hover{opacity: 0.8;}
.pagination>.disabled>span a{color:#777;}
#PlantView .carousel-inner .item,#PlantView .carousel-inner .item img{width: 100%;max-width: 100%;}
#PlantView .jssort11>div{top:0 !important;}
#PlantView .carousel-control.left,#PlantView .carousel-control.right{background: transparent !important;}
#PlantView .carousel-control .fa-angle-left,#PlantView .carousel-control .fa-angle-right{padding:10px;top:47.5%;position: absolute;background: rgba(255,255,255,.8);text-shadow: none;}
#PlantView .carousel-control .fa-angle-left:before,#PlantView .carousel-control .fa-angle-right:before{color:green;font-size: 40px;}
#PlantView .carousel-control .fa-angle-right{right: 0;}
#PlantView .carousel-control .fa-angle-left{left:0;}
#PlantView .carousel-control .fa-angle-left, #PlantView .carousel-control .fa-angle-right{height: auto;width: auto;border-radius: 0;}
.tb-style1{width: 100%;max-width:100%;}
.tb-style1 tr td{font-family:"Tahoma";font-size:13px;color:#333;padding:5px;vertical-align:top;}
.tb-style1 tr td:first-child{font-weight: bold;text-align:right;white-space: nowrap;padding-right:10px;}
.tb-style1 tr td p,.tb-style1 tr td p b{font-family:"Tahoma";font-size:13px;color:#333;line-height:inherit;}
.tb-style1 table tr td{text-align:left !important;padding:0 5px !important;}
.resizeImg a{display: inline-block;}
.resizeImg a:hover img{opacity: 0.8;}
.plant-list p{font-size: 22px;line-height: 22px;height: 55px;overflow: hidden;padding:10px;}

.purchasefor {text-align: right;}

#sitemap li:before{content:'\f105'; font-family:'FontAwesome'; padding-right: 10px; color: #006532;}

#sitemap .fwb:before{content:'\f02e'; font-family:'FontAwesome'; padding-right: 10px; color: #006532;}


/* RESPONSIVE
=================================================================== */

@media(max-width:1600px){
	.container {width: 1000px;max-width:100%;}
	.warp-social{right: 60px;}
	#logo{padding:22px 0;}
	#flower-message{right: 10%;}
	.parallax{height: 530px !important;}
}
@media(max-width:1366px){
	#warp-ls{width:140px;}
}
@media(max-width:1199px){
	#header-space{height: 105px;}
	#tower-message{width: 320px;top:5%;left: 24%;}
	#park-message{width: 400px;top:10%;right: 26%;}
	#logo{padding:13px 0px;}
	.navbar-default .navbar-nav > li > a{font-size:20px;padding:5px 0px 3px;}
	#top-nav ul.top-nav > li > a > span:first-child i{font-size: 20px;}
	.navbar-default .navbar-nav > li{width:16%;}
	/*.navbar-default .navbar-nav > li:last-child{width: 20%;}*/
	/*.navbar-default .navbar-nav > li:last-child{width: }*/
	.warp_languest{padding:0;}
	#search a{padding:6px;}
	.dropdown-menu > li > a{font-size: 18px;}
	#top-nav ul.top-nav > li > a{font-size: 18px;}
	#form-search{top:6px;}
	#suggestion{top:5%;left: 5%;width: 350px;transform: scale(0.9);}
}
@media(max-width:1100px){
	.parallax{height: 450px !important;}
	#search{padding-right: 0;}
}
@media(max-width:1024px){
	#logo{padding:20px 0;}
	#top-nav ul.top-nav > li > a{padding:0 10px;}
	#tower-message,#flower-message,#park-message{width: 500px;top:10%;right: 15%;max-width: 100%;background: rgba(255,255,255,.8);padding:15px 15px 25px;border-radius: 15px;}

	/*.grid-item{width: 25%}*/
}
@media(max-width:991px){
	.grid-item.grid-sm-4{width: 33.33%}
	#header-space{height: 129px;}

	.warp-social{position:absolute;top:auto;bottom:-10px;left:10%;margin-left:-70px;}
	#tower-message{width: 320px;top:8%;left: 24%;}
	#tower img{max-width: inherit;height: 360px;}
	#park-message{width: 320px;top:9%;right: 25%;}
	#logo img{width: 240px;}
	.navbar-toggle{display: block;padding:5px;border:2px solid #5DBC26;margin-top:30px;}
	.navbar-toggle .icon-bar{background:#5DBC26;height: 3px;}
	.grid-item{width: 33.33%}
	#logo{padding:10px 0;display: inline-block;}
	#top-nav{display: none;}
	.top-nav{float: none;}
	#top-nav ul.top-nav > li{width: 100%;float: none;text-align: left;max-width: 100%;padding: 7px 0;border-top: 2px solid #E5E5E5;border-bottom: 2px solid transparent;}
	#top-nav .dropdown-menu{position: relative;}
	#top-nav .dropdown-menu:before{content:'';padding:0;margin:0;}
	#suggestion{top: 1%;left: 3%;width: 320px;transform: scale(0.8);}
	/*#box-promotion .promo:last-of-type{display: none;}*/
	#flower-message{width: 400px;}
	.w-map-link{padding-top: 10px;}
	p{font-size: 20px;line-height: 20px;}
	h2{font-size:40px;line-height: 38px;}
	#suggestion{top: -1%;left: 2%;width: 320px;transform: scale(0.75);}
  .map-link{font-size: 30px;padding:5px 20px 10px;}
  .aqi{font-size: 30px;padding:5px 20px 10px;}
  .greenoffice{font-size: 30px;padding:5px 20px 10px;}
	.mb-sm-5{margin-bottom: 5px;}
	.mb-sm-10{margin-bottom: 10px;}
	.mb-sm-15{margin-bottom: 15px;}
	.mb-sm-20{margin-bottom: 20px;}
	.pb-sm-50{padding-bottom: 50px;}
	.mt-sm-0{margin-top: 0;}
	.pl-sm-0{padding-left: 0;}
	.pr-sm-0{padding-right: 0;}
	.sm-db{display: block;}
	#admission .swiper-button-prev:before{padding:0 10px;font-size: 30px;}
	#admission .swiper-button-next:before{padding:0 10px;font-size: 30px;}
	#admission .swiper-button-next, #admission .swiper-button-prev{width: 32px;}

	.topic-news{padding-bottom: 5px;}
}
@media(max-width:768px){
	.table-responsive{border:0;}
	#flower-message{right: 5%;top:5%;}
	#tower-message{width: 320px;top:8%;left: 26%;}
	.w-map-link{padding-top: 8px;}
	#arrow-down i{font-size:30px;bottom: 10px;}
	#suggestion{top: -8%;left: 1%;width: 320px;}
	.topic-news{padding-bottom: 5px;padding-top: 5px;}
	
}
@media(max-width:767px){
	.frm-contact label.set-label-textarea{width: auto !important;max-width: 100%;}
	.tb-style1{display: block;overflow-x:scroll;padding-bottom: 10px;}
	.tb-style1 tbody,.tb-style1 thead,.tb-style1 tr,.tb-style1 td{display: block;max-width: 100%;white-space: normal;}
	.tb-style1 tr td{display: block;text-align: left !important;}
	.xs-bg-ff{background: #fff;padding:15px 0;}
	.promo a div img{width: 100%;}
	#swiper-thumb .swiper-button-next, #swiper-thumb .swiper-button-prev{width: 26px;height: 26px;}
	#swiper-thumb .swiper-button-next::before,#swiper-thumb .swiper-button-prev::before{font-size: 24px;padding:0 6px 1px 10px;width: 24px;}
	h1.page-header{font-size: 32px;line-height: 32px;}
	.course-detail>p:last-of-type{font-size: 13px;}
	.course-detail h2{font-size:26px;line-height: 26px;}
	#course .panel-title{font-size: 20px;}
	.share span{margin-bottom: 15px;}
	.mh170{min-height: auto;}
	.mh300{min-height: auto;}
	.text-map{width: 100%;margin-left: 0;left: 0;}
	.grid-item.grid-4{width: 50%;}
	.grid-item.grid-3{width: 50%;}
	.grid-item.grid-6{width: 100%;}

	.navbar-toggle.xs-db{display: block;}
	.imageHolder,.parallax{height:0 !important;display: none;}
	#video{position: relative;padding:30px 0;background: url('../img/bg-parallax.jpg') top left no-repeat;background-size:auto 100%;}
	#header-space{height: 111px;}
	/*#social-widget{display: none;}*/
	.xs-full-width{width: 100%;max-width: 100%;}
	#bg-park img{max-width: inherit;height: 320px;}
	#park-message,#flower-message{width: 300px;top:9%;right: 50%;margin-right:-150px;padding:15px 15px 25px;border-radius: 15px;background:rgba(255,255,255,.8);}
	#suggestion{top:8%;left: 4%;width: 300px;max-width: 100%;transform: scale(1);}
	.bg-suggest{max-width: inherit;height: 450px;}
	.xs-dn{display: none;}
	.xs-db{display: block;}
	.t-xs-c{text-align: center;}
	.t-xs-l{text-align: left;}
	.t-xs-r{text-align: right;}
	.mb-xs-5{margin-bottom: 5px;}
	.mb-xs-10{margin-bottom: 10px;}
	.mb-xs-15{margin-bottom: 15px;}
	.mb-xs-20{margin-bottom: 20px;}
	.ml-sm-d15{margin-left: -15px;}
	.mr-sm-d15{margin-right: -15px;}
	.navbar{min-height: 38px;}
	.navbar-default{background: #006532}
	#nav2 .nav{display: none;opacity: 0;}
	/*.navbar-default .navbar-nav > li:last-child{display: none !important;}*/
	.nav.navbar-nav{width: 100%;float: none;left: 0;margin:38px 0 0 0;}
	.navbar-default .navbar-nav > li{width: 100%;left:0;}
	.grid-item{width: 50%}
	#totop{bottom: 15px;right: 15px;}
	.navbar-default .navbar-nav > li{text-align: left;}
	.navbar-default .navbar-nav > li > a{padding:5px 15px 3px;}
	.dropdown-menu{margin-top:0 !important;padding:0;}
	.dropdown-menu:before{content:'';padding:0;margin:0;}
	.dropdown-menu > li > a{padding:10px 15px 10px 25px !important;}
	#warp-ls .dropdown-menu{margin-top:10px !important;}
	#warp-ls .dropdown-menu > li > a{padding:0 0 5px!important;}
	#warp-ls{width:100%;}
	#nav3{padding:3px;margin:8px;border:1px solid #fff;}
	#nav3 .icon-bar{background-color: white;height: 2px;width:18px;}
	#form-search{top:98%;z-index: 1000;padding:10px;left:0;background: white;}
}
@media(max-width:699px){
	#flower{height: 650px;}
	#flower-message{right: auto;left:0;top:5%;margin:0;padding:15px;width: auto}
	#tower-message,#flower-message{width: 300px;top:12%;left: 50%;margin-left:-150px;max-width: 100%;background: rgba(255,255,255,.8);padding:15px 15px 25px;border-radius: 15px;}
	#suggestion{margin-left: -150px;left: 50%;}
	#arrow-down{display: none;}
	.purchasefor{text-align: center;}
}


@media (max-width: 450px){
	.grid-item.grid-sm-4{width: 100%}
	.grid-item{width: 100%;}
	.promo>div{width: 100%;}
	.promo img{width: 100%;max-width: 100%;margin-bottom: 5px;}
}

@media (max-width: 400px){
	#PlantView .carousel-control .fa-angle-left,#PlantView .carousel-control .fa-angle-right{padding:5px;}
	#PlantView .carousel-control .fa-angle-left:before,#PlantView .carousel-control .fa-angle-right:before{font-size: 25px;}
	#logo img{width: 160px;}
	.navbar-toggle{margin-top:14px;}
	#logo{padding:5px 0;}
}

@media (max-width: 389px){
	.grid-item.grid-4{width: 100%;}
	.warp-box-link-footer>div.box-link-footer:nth-child(3),.warp-box-link-footer>div.box-link-footer:nth-child(4){height: 120px}
	.box-link-footer{width:50%;height: 150px;}
}

@media (max-width: 350px){
	/*.swiper-wrapper{height: auto;display: block}*/
	.navbar-toggle{margin-top: 12px;}
	

}
@media (max-width: 300px){
	.navbar-toggle{margin-top: 15px;}
	#tower-message{width: 260px;top:12%;left: 50%;margin-left:-130px;}
	#bg-park img{max-width: inherit;height: 380px;}
	#park-message{width: 260px;margin-right: -130px;}
	#suggestion{margin-left: -130px;width: 260px;}
	#logo img{width: 180px;}
	
}