@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,800");
@import url("font-awesome.min.css");
@font-face {
font-family: 'KunlasatriRegular';
src: url('fonts/Kunlasatri/kunlasatri.eot');
src: url('fonts/Kunlasatri/kunlasatri.eot') format('embedded-opentype'), url('fonts/Kunlasatri/kunlasatri.woff2') format('woff2'), url('fonts/Kunlasatri/kunlasatri.woff') format('woff'), url('fonts/Kunlasatri/kunlasatri.ttf') format('truetype'), url('fonts/Kunlasatri/kunlasatri.svg#KunlasatriRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family:'DBHelvethaicaXRegular';
src:url('fonts/Helvethaica/db_helvethaica_x_v3.2-webfont.eot');
src:url('fonts/Helvethaica/db_helvethaica_x_v3.2-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Helvethaica/db_helvethaica_x_v3.2-webfont.woff') format('woff'), url('fonts/Helvethaica/db_helvethaica_x_v3.2-webfont.ttf') format('truetype'), url('fonts/Helvethaica/db_helvethaica_x_v3.2-webfont.svg#DBHelvethaicaXRegular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family: 'Fredericka the Great';
font-style: normal;
font-weight: 400;
src: local('Fredericka the Great'), local('FrederickatheGreat'), url(http://fonts.gstatic.com/s/frederickathegreat/v5/7Es8Lxoku-e5eOZWpxw18hsRj2C0BvLNQqKHRdEu66Y.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/******************************** body ********************************/
body {
/*font-family: 'Open Sans', sans-serif;*/
font-family:DBHelvethaicaXRegular;
font-size: 25px;
line-height: 22px;
/*color: #000000;*/
color: #000000;
background-color: #fff;
//background-image:url(img/bg_main.jpg);
}
/*ul {
padding: 0;
margin: 0;
list-style: none;
}*/
table { border-collapse: collapse;}
h1, p {
color: #000000;
line-height: 35px;
}
.clear {
clear:both;
height:10px;
}
a {
outline: none;
color: #3498db;
text-decoration: none;
}
a:hover, a:focus {
color: #528cb3;
text-decoration: none;
}
a:link {
text-decoration: none
}
a:visited {
text-decoration: none
}
a:active {
text-decoration: none
}
/******************************** bootstap ********************************/
/*.row {
margin-right: 0px;
margin-left: 0px;
}
.tab-content > .active {
display: block;
padding:10px;
border:1px solid #1a4d0a;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: #ffffff;
cursor: default;
background-color: #73b31e;
border: 1px solid #1a4d0a;
border-bottom-color: transparent;
}*/
.btn {
font-size: 15px;
}
.form-control {
font-size: 20px;
}
/*************************
Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-25 { padding-top: 25px }
.pt-30 { padding-top: 30px }
.pt-35 { padding-top: 35px }
.pt-40 { padding-top: 40px }
.pt-45 { padding-top: 45px }
.pt-50 { padding-top: 50px }
.pt-55 { padding-top: 55px }
.pt-60 { padding-top: 60px }
.pt-65 { padding-top: 65px }
.pt-70 { padding-top: 70px }
.pt-75 { padding-top: 75px }
.pt-80 { padding-top: 80px }
.pt-85 { padding-top: 85px }
.pt-90 { padding-top: 90px }
.pt-95 { padding-top: 95px }
.pt-100 { padding-top: 100px }
.pt-105 { padding-top: 105px }
.pt-110 { padding-top: 110px }
.pt-115 { padding-top: 115px }
.pt-120 { padding-top: 120px }
.pt-125 { padding-top: 125px }
.pt-130 { padding-top: 130px }
.pt-135 { padding-top: 135px }
.pt-140 { padding-top: 140px }
.pt-145 { padding-top: 145px }
.pt-150 { padding-top: 150px }
.pt-180 { padding-top: 180px }
/*************************
Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }
.pr-110 { padding-right: 110px }
.pr-120 { padding-right: 120px }
.pr-130 { padding-right: 130px }
.pr-140 { padding-right: 140px }
/*************************
Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }
.pb-35 { padding-bottom: 35px }
.pb-40 { padding-bottom: 40px }
.pb-45 { padding-bottom: 45px }
.pb-50 { padding-bottom: 50px }
.pb-55 { padding-bottom: 55px }
.pb-60 { padding-bottom: 60px }
.pb-65 { padding-bottom: 65px }
.pb-70 { padding-bottom: 70px }
.pb-75 { padding-bottom: 75px }
.pb-80 { padding-bottom: 80px }
.pb-85 { padding-bottom: 85px }
.pb-90 { padding-bottom: 90px }
.pb-95 { padding-bottom: 95px }
.pb-100 { padding-bottom: 100px }
.pb-105 { padding-bottom: 105px }
.pb-110 { padding-bottom: 110px }
.pb-115 { padding-bottom: 115px }
.pb-120 { padding-bottom: 120px }
.pb-125 { padding-bottom: 125px }
.pb-130 { padding-bottom: 130px }
.pb-135 { padding-bottom: 135px }
.pb-140 { padding-bottom: 140px }
.pb-145 { padding-bottom: 145px }
.pb-150 { padding-bottom: 150px }
/*************************
Padding left
*************************/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }
.pl-110 { padding-left: 110px }
.pl-120 { padding-left: 120px }
.pl-130 { padding-left: 130px }
.pl-140 { padding-left: 140px }
.pl-150 { padding-left: 150px }
/******************************** Intro ********************************/
.intro {
text-align:center;
}
@media(max-width:480px ) {
.intro img {
width:50%;
height:auto;
}
}
/******************************** Address ********************************/
.address-all {
background-color:#e2e2e2;
color:#FFF;
}
.address-top {
padding:10px 0px;
text-align:center;
color:#252525;
}
.address-top-margin {
padding:0px -10px 0px -10px;
}
/******************************** Topic ********************************/
.topic1 {
margin-bottom: 15px;
}
.topic1 .title {
line-height: 35px;
background: #59c500;
margin-bottom: 15px;
}
.topic1 .title span {
color: #ffffff;
text-transform: uppercase;
background: #357900;
padding: 0 30px;
line-height: 35px;
letter-spacing: 1px;
display: inline-block;
position: relative;
font-size:21px;
}
.topic1 .title span:before {
content: "";
width: 1px;
height: 1px;
position: absolute;
left: 100%;
top: 0;
border-top: 35px solid #357900;
border-right: 20px solid transparent;
border-bottom: 0;
border-left: 0;
}
.topic2 {
background: #314396;
position: relative;
margin: 0;
padding: 27px 20px 29px 20px;
letter-spacing: 2.5px;
line-height: 24px;
font-size: 24px;
text-align: center;
color: #fff;
}
.topic2:before {
background: url(images/title_corner_white.png) no-repeat 0% 0%;
display: block;
width: 20px;
height: 10px;
overflow: hidden;
margin: 0 0 0 -10px;
position: absolute;
top: 0;
left: 50%;
content: '';
}
/*************************
Header
*************************/
.header {
//padding: 10px 0px;
//background-color:#fff;
//border-bottom:1px solid #999;
//background: rgba(255, 255, 255, 0.95);
//box-shadow: 0 1px 5px #d8d8d8;
//margin-bottom:5px;
//position: absolute;
//z-index: 9;
width: 100%;
padding: 10px 0px 10px 0px;
//background: rgba(255, 255, 255, 0.5);
background-color:#FFF;
box-shadow: 0 3px 5px 0 rgba(0,0,0,.25);
}
.header_top {
float:left;
width:100%;
text-align:center;
}
.header_left {
float:left;
width:25%;
margin-right:20px;
margin-left: 10px;
//padding-bottom: 15px;
}
.header_center {
float:left;
width:100%;
margin-right:20px;
padding-top: 0px;
}
.header_right {
float:left;
width:5%;
padding-top: 5px;
}
.header_right1 {
float:left;
width:20%;
padding-top: 25px;
}
.text_header_1 {
font-weight: 400;
font-style: normal;
color: #000;
font-size: 25px;
line-height: 1.2;
letter-spacing: 0px;
}
@media(max-width:991px ) {
.header_left {
text-align:center;
width:100%;
margin-right:20px;
}
.header_right {
width:100%;
padding-top: 10px;
}
}
@media(max-width:767px ) {
.header_left {
float:left;
width:100%;
margin-right:0px;
text-align:right;
}
.header_center {
float:left;
width:100%;
margin-right:0px;
text-align:left;
}
.header_right {
float:left;
width:100%;
text-align:center;
padding-top: 15px;
}
.header_right1 {
float:left;
width:100%;
text-align:center;
padding-top: 15px;
}
}
@media (max-width: 480px) {
/*.stickme {
display:none;
}*/
.clearpadding {
padding-left:0;
padding-right:0;
}
.header {
padding: 0px 0px 15px 0px;
}
.text_header_3 {
font-size: 40px;
}
.header_left {
float:left;
width:30%;
margin-right:0px;
text-align:right;
}
.header_center {
float:left;
width:100%;
margin-right:0px;
text-align:left;
padding-top: 0;
}
.header_right {
float:left;
width:5%;
text-align:center;
padding-top: 0px;
//display:none;
//visibility:hidden;
}
.header_right1 {
float:left;
width:100%;
text-align:center;
padding-top: 15px;
}
}
/*************************
logo
*************************/
.logo {
margin: 0px 0px 0px 0px;
padding-bottom:0px;
}
.logo img {
width:40%;
height:auto;
}
.logo2 {
margin: 0px 0px 0px 0px;
padding-bottom:0px;
}
.logo2 img {
width:100%;
height:auto;
}
@media(max-width:991px ) {
.logo {
text-align:center;
display:block;
}
.logo img {
text-align:center;
width:30%;
height:auto;
padding:0px 0px 0px 0px;
}
}
@media(max-width:767px ) {
}
@media(max-width:480px ) {
.logo {
text-align:center;
}
.logo img {
text-align:center;
width:100%;
height:auto;
padding:30px 0px 0px 0px;
}
.logo2 {
text-align:center;
}
.logo2 img {
text-align:center;
width:60%;
height:auto;
padding:0px 0px 0px 0px;
}
}
/******************************** main-index ********************************/
.main-index {
padding:20px 0px;
}
/******************************** Bg Color ********************************/
.bg_gray{
background-color:#ebf3ed;
}
.bg_green{
background-color:#3e8e51;
border-bottom:10px solid #78b085;
border-top:5px solid #b68b1b;
}
/*************************
Majer
*************************/
.majer{
}
.majer_box{
float:left;
width:20%;
padding:10px 10px 20px 10px;
}
.majer_box img{
width:100%;
}
@media(max-width:480px ) {
.majer_box{
float:left;
width:50%;
padding:10px 10px 20px 10px;
}
}
/*************************
Topic 5
*************************/
h3.heading {
font-size: 30px;
color: #2664ad;
//margin-left: 10px;
text-transform: capitalize;
font-weight: 600;
position: relative;
}
h3.heading span {
font-weight: 300;
}
p.heading {
padding-left: 118px;
margin-bottom: 20px;
font-size:23px;
font-weight: 600;
color:#000;
text-transform:capitalize;
}
h3.heading:before {
content: "";
width: 60px;
height: 2px;
display: block;
background: #000;
position: absolute;
bottom: -8px;
}
h3.heading:after {
content: "";
width: 100px;
height: 2px;
display: block;
background: #000;
position: absolute;
top: 45px;
}
/*************************
Information
*************************/
.information_box{
border-left:1px solid #e9ecef;
border-bottom:1px solid #e9ecef;
border-right:1px solid #e9ecef;
margin-top:40px;
}
.information_box ul{
list-style-type:none;
margin-left:-40px;
margin-bottom: 0px;
}
.information_box_line{
border-top:1px solid #e9ecef;
}
.information_box_date{
padding:6px 10px;
float:left;
width:15%;
font-size: 23px;
color:#2664ad;
}
.information_box_content{
padding:6px 10px;
float:left;
width:80%;
}
.information_box_icon{
font-size: 20px;
color:#333;
}
.information_box_text{
font-family: DBHelvethaicaXRegular;
font-size: 23px;
color:#333;
}
@media(max-width:480px ) {
.information_box_date{
width:30%;
}
}
/*************************
Read More
*************************/
.read_more{
width:100%;
text-align:right;
font-size:23px;
padding-top:10px;
margin-bottom:20px;
}
/*************************
Activity
*************************/
.activity{
}
.activity_box{
border-radius: 10px;
box-shadow: 0px 0px 8px -3px rgba(0,0,0,0.37);
background-color: #ffffff;
margin-bottom:20px;
}
.activity_image{
width:100%;
height:250px;
overflow:hidden;
}
.activity_text{
padding:15px 20px;
font-size:23px;
}
/*************************
Reword
*************************/
.reword{
}
.reword_box{
//box-shadow: 4px 2px 3px 1px rgba(0, 0, 0, 0.06);
border:1px solid #333;
}
.reword_image {
max-width: 100%;
height: auto;
}
.reword_caption {
background-color:#FFF;
padding: 1.25rem;
}
.reword_title {
font-size: 25px;
color: #000;
text-transform: capitalize;
font-weight: 800;
padding-bottom: 10px;
border-bottom: 1px solid #cec1c1;
}
.reword_des {
padding:20px 0px;
//margin-bottom: 2em;
color:#333;
}
@media(max-width:480px ) {
.reword_des {
display:none;
}
.reword_title {
font-size: 23px;
font-weight: 300;
padding-bottom: 0px;
border-bottom: 1px solid #FFF;
}
}
/*************************
Project Slide icon
*************************/
/******************************** Menu ********************************/
.menu-top-all {
width:100%;
position:absolute;
}
.menu-top-100percent {
width:100%;
text-align:right;
}
.menu-top-33percent {
width:33%;
float:left;
}
.menu-top {
color:#FFF;
padding:10px 10px;
position:absolute;
z-index:500;
text-align:right;
right:0px;
}
.main-menu-top {
color:#FFF;
text-align:right;
}
.menu-bottom {
color:#FFF;
padding:10px 10px;
position:absolute;
z-index:500;
text-align:right;
right:0px;
bottom:50px;
}
/******************************** leftside ********************************/
.main-menu-left {
background-color: #357900;
text-align:left;
}
.main-menu-left ul {
padding:15px;
list-style: none;
}
.main-menu-left li {
position: relative;
padding: 7px 0px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: rgba(250, 250, 250, 0.2);
}
.main-menu-left ul li a {
display: inline-block;
color: #fff;
text-transform: uppercase;
text-decoration:none;
}
/******************************** weblink ********************************/
.weblink_all {
//background: rgba(0,88,155,0.4);
padding:30px 0px;
}
/*************************
Footer
*************************/
.footer {
background-color:#20292f;
}
.footer_nav {
background-color:#20292f;
padding:40px 0px 20px 0px;
}
.footer_nav_main {
border-top:1px solid #8b8b8b;
border-bottom:1px solid #8b8b8b;
padding:10px 0px;
}
.footer_main {
background-color:#3e8e51;
padding:50px 0px;
//background-image:url(img/bg/bg-menu.jpg);
}
.footer_left {
float: left;
width: 50%;
/*margin-right: 70px;*/
}
.footer_center {
float: left;
width: 10%;
margin-right: 20px;
}
.footer_right {
float: left;
width: 43%;
padding-top: 0px;
}
.footer_right a {
color:#FFF;
}
.footer_topic1 {
position: relative;
margin: 0 0 40px;
}
.footer_topic1_text {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 20px;
line-height: 27px;
//margin-bottom: 50px;
font-weight: 500;
}
.footer_topic1:after {
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 2px;
margin: -17px auto;
content: '';
opacity: 1;
background: #fdb819;
}
.footer_menu {
color:#FFF;
}
.footer_menu ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.footer_menu ul li {
/* border-bottom: 1px dashed #555; */
padding: 5px 0;
font-size:25px;
}
.footer_menu ul li a {
color: #fff;
}
.footer_menu ul li ul li {
/*list-style-type: circle;*/
padding: 5px 0px 5px 15px;
}
.footer_menu ul li ul a {
color: #aaa;
}
.footer-bottom-left {
font-family: 'Raleway', sans-serif;
//float:left;
text-align:center;
width:100%;
padding: 3rem 0;
color:#878787;
font-size:17px;
}
.footer-bottom-right {
float:left;
width:50%;
text-align:right;
}
.footer-bottom {
padding: 2rem 0;
width: 100%;
//border-top: 1px solid #fff;
//background: rgba(255, 255, 255, 0.18);
background-color:#005826;
}
@media(max-width:480px ) {
/*.container {
width: 100%
}*/
.footer-bottom {
font-size:15px;
padding: 2rem 0px 8rem 0px;
}
.footer-bottom-left {
padding: 3rem 0;
font-size:15px;
}
.footer_left {
float: left;
width: 100%;
margin-right: 0px;
padding:0px 15px;
}
.footer_center {
float: left;
width: 50%;
margin-right: 20px;
}
.footer_right {
float: left;
width: 100%;
/*text-align:center;*/
padding-top: 25px;
}
.footer-bottom-left {
float:left;
width:100%;
padding-top:10px;
padding-bottom:10px;
color:#FFF;
text-align:center;
}
.footer-bottom-right {
float:left;
width:100%;
text-align:right;
text-align:center;
}
.footer_topic1_text {
text-align:left;
}
.footer_menu {
margin-bottom:40px;
}
}
@media(max-width:991px ) {
}
@media (max-width: 1080px) {
}
@media (max-width: 991px) {
}
.footer_social ul {
margin: 0;
padding: 0;
}
.footer_social ul li {
list-style-type: none;
display: block;
line-height: 1.5em;
font-size: 14px;
/*margin: 18px 0;*/
}
.footer_social ul li a {
color: #fff;
display: block;
text-decoration: none;
font-size: 21px;
//font-family: 'Source Sans Pro', sans-serif;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.footer_social ul li i.fa.fa-facebook {
background: #5d82d2;
}
.fa-facebook-f:before, .fa-facebook:before {
content: "\f09a";
}
.footer_social ul li i.fa.fa-twitter {
background: #3bbef5;
}
.fa-twitter:before {
content: "\f099";
}
.footer_social ul li i.fa.fa-google-plus {
background: #ea5d4b;
}
.fa-google-plus:before {
content: "\f0d5";
}
.footer_social ul li i {
font-size: 13px;
margin-right: 15px;
width: 30px;
text-align: center;
color: #fff;
background: #6E65F1;
padding: 9px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
width: 30px;
height: 30px;
}
@media(max-width:480px ) {
.footer-top h2 {
font-size: 21px;
font-weight: 100;
padding-bottom: 8px;
}
.footer-bottom {
font-size:15px;
}
}
.footercontent {
display: inline;
float: left;
color: #666;
font-size:20px;
width: 100%;
padding-bottom:15px;
}
.footercontent img {
margin-bottom: 10px;
max-width: 100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
height: auto;
}
@media(max-width:991px ) {
.footercontent {
text-align:left;
}
.footercontent img {
//width:100%;
height:auto;
//display:block;
}
}
/******************************** topic ********************************/
/*.topichead {
font-size: 2.5em;
text-transform: uppercase;
color: #3498db;
font-family: KunlasatriRegular;
text-shadow: 1px 1px 0 #F2F2F2, 1px 2px 0 #b1b1b2;
}
.topictop, a.topictop:visited {
font-family: Open Sans;
font-family: KunlasatriRegular;
font-size:1.2em;
color: #3498db;
display: block;
}
a.topictop:hover {
color: #ff0000;
text-decoration:none;
}
.topictop-white, a.topictop-white:visited {
font-family: KunlasatriRegular;
font-size: 20px;
color: #ffffff;
display: block;
}
a.topictop-white:hover {
color: #ffffff;
text-decoration:none;
}*/
.tasty {
font-weight: 400;
font-style: normal;
font-family: 'Fredericka the Great', display;
color: #ffffff;
font-size: 40px;
line-height: 1.2;
letter-spacing: 0px;
text-align:center;
text-transform:uppercase;
padding:20px 0px;
}
/******************************** topic section ********************************/
.heading-section {
text-align: center;/*padding: 10px 0 10px 0;*/
}
.heading-section-big {
padding:20px 0px 0px 0px;
text-align:center;
font-size: 2.5em;
text-transform: uppercase;
color: #ff0335;
font-family:KunlasatriRegular;
text-shadow: 1px 1px 0 #F2F2F2, 1px 2px 0 #b1b1b2;
}
.heading-section-small {
text-align:center;
padding:5px 0px 30px 0px;
font-size: 1.5em;
text-transform: uppercase;
color: #383844;
font-family:KunlasatriRegular;
text-shadow: 1px 1px 0 #F2F2F2, 1px 2px 0 #b1b1b2;
}
@media(max-width:767px ) {
.heading-section img {
width:70%;
height:auto;
}
.heading-section-big {
font-size: 2.0em;
}
}
/******************************** button more ********************************/
.button-more {
/*font-family: Open Sans;*/
/*font-family: KunlasatriRegular;*/
font-family: raleway;
font-size: 15px;
color: #ffffff;
display: block;
text-align:right;
padding:5px 5px 10px 0px;
}
@media(max-width:767px ) {
.button-more {
text-align:center;
}
}
/******************************** contentdata ********************************/
.contentdata {
display: inline;
float: left;
/*padding:10px 10px;*/
/*color: #000000;*/
color: #000000;
//font-size:15px;
//font-family: 'Open Sans', sans-serif;
font-size:25px;
font-family: DBHelvethaicaXRegular;
width: 100%;
}
.contentdata img {
margin-bottom: 10px;
max-width: 100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
@media(max-width:991px ) {
.contentdata img {
width:100%;
height:auto;
display:block;
}
}
/******************************** backtotop ********************************/
#backtop {
position: fixed;
left:auto;
right: 20px;
top:auto;
bottom: 20px;
outline: none;
overflow:hidden;
color:#fff;
text-align:center;
background-color:rgba(49, 79, 96, 0.84);
height:40px;
width:40px;
line-height:40px;
font-size:14px;
border-radius:2px;
cursor:pointer;
transition:all 0.3s linear;
z-index:999999;
opacity:1;
display:none;
}
#backtop:hover {
background-color:#27CFC3;
}
#backtop.mcOut {
opacity:0;
}
/******************************** subindex ********************************/
.subindex-main {
color:#FFF;
background-color:#357900;
padding:30px 0px;
text-align:center;
background-image:url(images/texture_11.png);
}
.subindex-topicname {
padding-bottom:20px;
font-size: 2.5em;
text-transform: uppercase;
color: #ffffff;
font-family:DBHelvethaicaXRegular;/*text-shadow: 1px 1px 0 #F2F2F2, 1px 2px 0 #b1b1b2;*/
}
.subindex-topicnav {
font-size: 1.0em;
text-transform: uppercase;
color: #ffffff;
}
@media(max-width:480px ) {
.subindex-topicname {
font-size: 1.5em;
padding-bottom:10px;
}
.subindex-topicnav {
font-size: 0.8em;
}
}
.subindex-list {
height:320px; /* 490px */
}
.subindex-list-icon {
width:100%;
height:230px;
}
.subindex-list-contentname {
color:#007e73;
font-size:21px;
/*padding:20px 0px 0px 0px;*/
height:90px;
overflow:hidden;
}
.subindex-list-description {
height:100px;
overflow:hidden;
color:#999999;
font-size:15px;
padding:15px 0px 10px 0px;
font-family:Tahoma, Geneva, sans-serif;
}
.subindex-list-more {
height: 50px;
width: 132px;
background: transparent;
background-color: rgb(157,192,46);
}
.subindex-list-more-text {
font-weight: bold;
font-style: normal;
text-decoration: none;
margin-top: -1px;
line-height: 1.2;
text-align: center;
font-family: 'Open Sans';
font-size: 15px;
color: #ffffff;
letter-spacing: 0px;
}
@media(max-width:1199px ) {
}
@media(max-width:991px ) {
}
@media(max-width:767px ) {
}
@media(max-width:480px ) {
.subindex-list-icon {
width:100%;
height:auto;
}
.subindex-list {
height:auto;
}
.subindex-list-description {
color:#999999;
font-size:15px;
padding:15px 0px 10px 0px;
font-family:Tahoma, Geneva, sans-serif;
height:auto;
}
}
.sublists{
//background-color:#FFF;
}
/******************** Search Page *********************/
.searchmain{
background-color:#FFF;
padding:10px;
}
.searchmain-topic{
padding:5px 0px;
height:60px;
overflow:hidden;
border-bottom:1px solid #CCC;
margin-bottom:5px;
}
/******************** Contact Page *********************/
#cf01::-webkit-input-placeholder { color:#333; }
#cf01::-moz-placeholder { color:#333; }
#cf02::-webkit-input-placeholder { color:#333; }
#cf02::-moz-placeholder { color:#333; }
#cf03::-webkit-input-placeholder { color:#333; }
#cf03::-moz-placeholder { color:#333; }
#cf04::-webkit-input-placeholder { color:#333; }
#cf04::-moz-placeholder { color:#333; }
#cf05::-webkit-input-placeholder { color:#333; }
#cf05::-moz-placeholder { color:#333; }
.contact_area{
padding:10px 30px;
background-color:#FFF;
border-radius: 5px;
border:1px solid #999;
margin-bottom:10px;
}
.contact_form input {
background-color: #fff;
border: #E8E8E8 solid 1px;
border-radius: 5px;
margin-bottom: 15px;
}
/******************** news *********************/
.news-grids {
margin-top: 1em;
}
.new-grid {
border-right: 2px solid#BE4157;
}
.new-grid img {
width:100%; /* 348px */
height:206px;
}
.new-grid1 {
background: #fff;
padding: 20px;
height:206px;
overflow:hidden;
}
.new-grid1 h5 {
font-size: 1.1em;
color: #999;
}
.new-grid1 p {
font-size: 21px;
line-height: 25px;
color: #999;
}
.new-grid1 topicnews a {
font-size: 21px;
color: #BE4157;
text-transform: capitalize;
padding: .4em 0;
text-decoration: none;
display: block;
}
.topicnews a {
font-size: 21px;
color: #0d8253;
padding: .4em 0;
text-decoration: none;
display: block;
}
@media(max-width:480px ) {
.new-grid img {
width:100%;
height:auto;
}
}
/******************************** tab ********************************/
.tab-inside {
height:210px;
overflow:hidden;
}
.link-topic {
font-family: raleway;
padding: 5px 10px 5px 15px;
background-color: #3d3d49;
color: #FFF;
font-size: 30px;
font-weight: 100;
text-align: left;
text-transform: uppercase;
}
/******************************** Product categories ********************************/
.product-cat {
color: #fff;
font-size: 25px;
line-height:35px;
font-weight: 500;
text-transform: uppercase;
margin-top:15px;
padding:5px 0px 5px 15px;
background-color:#2185c5;
}
ul.product-categories {
padding: 0;
margin-bottom: 1.5em;
}
ul.product-categories li {
padding: 7px 0;
border-bottom: 1px solid #999;
/*margin-bottom: 7px;*/
text-transform: uppercase;
list-style: none;
}
.now {
color:#F00;
font-size:20px;
background-color:#FFF;
}
.nowcount {
color:#F00;
font-size:20px;
background-color:#FFF;
}
ul.product-categories li a {
font-size: 20px;
color: #202739;
font-weight: 500;
}
ul.product-categories li a:hover {
font-size: 20px;
color: #2185c5;
font-weight: 500;
background-color:#fff;
}
.product-categories li span.count {
float: right;
color: #202739;
font-size: 20px;
font-weight: 500;
}
/******************************** product main ********************************/
.product{
padding:6em 0px;
}
.p-one {
border: 1px solid rgba(24, 27, 42, 0.13);
background-color:#FFF;
padding: 30px 15px 20px 15px;
}
.product-left:hover .p-one{
border: 1px solid #8c2830;
transition: 0.5s all ease;
-webkit-transition: 0.5s all ease;
-moz-transition: 0.5s all ease;
-o-transition: 0.5s all ease;
-ms-transition: 0.5s all ease;
}
.product-left:hover .p-one img{
-webkit-transform: scale(0.9);
/* Webkit: Scale up image to 1.2x original size; */
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
opacity: 1;
width:100%;
height:220px;
overflow:hidden;
}
.p-one img {
-webkit-transition-duration: 0.5s;
/* Webkit: Animation duration; */
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
width:100%;
height:220px;
overflow:hidden;
}
.product-left:hover .p-one p a{
color: #8c2830;
}
.product-left:hover .mask{
display:block;
}
.mask {
display: none;
position: absolute;
top: 44%;
left: 33%;
}
.mask span{
background:#8c2830;
color:#fff;
font-size:20px;
font-weight:400;
padding:6px 12px;
}
.product-left{
position:relative;
text-align:center;
margin:15px 0;
}
.mask span:hover{
text-decoration:none;
background:#181b2a;
transition: 0.7s all;
-webkit-transition: 0.7s all;
-o-transition: 0.7s all;
-moz-transition: 0.7s all;
-ms-transition: 0.7s all;
}
.product-one {
margin-top: 4%;
height:402px;
overflow:hidden;
}
.product-one:nth-child(1){
margin-top:0;
}
.p-one h4{
color: #242424;
font-size: 21px;
font-weight: 500;
margin: 5px 0 0 0;
height:70px;
overflow:hidden;
}
.p-one p {
font-size: 20px;
color: #999;
margin: 5px 0 0 0;
font-weight: 400;
display: inline-block;
vertical-align: middle;
height:42px;
overflow:hidden;
}
.p-one p a {
text-decoration: none;
color: #999;
}
.p-one p i {
background: url(../images/cart.png) no-repeat;
width: 25px;
height: 18px;
display: inline-block;
margin-right: 4px;
vertical-align: middle;
}
.product-left:hover .p-one p i{
background: url(../images/cart-2.png) no-repeat;
}
/******************************** product content ********************************/
.product-content{
margin-top:15px;
background-color:#FFF;
border: 1px solid rgba(24, 27, 42, 0.13);
padding:10px;
}
/******************************** Genaral ********************************/
/**********/
.welcome {
/*background-color:#fff;
background-image:url(images/texture_back3.jpg);*/
padding:50px 0px;
}
.welcome-topic{
color:#f9ca56;
font-size:50px;
line-height:50px;
text-align:center;
text-transform:uppercase;
padding:20px 0px;
}
/*===================*/
.colorful-bg {
padding:30px 0px;
background-repeat: no-repeat;
background-image: url(images/color-bg-left-bottom.png), url(images/color-bg-right-bottom.png), url(images/color-bg-right-top.png);
background-position: 0 100%, 100% 100%, 100% 0;
}
.infomation-topic{
font-family: DBHelvethaicaXRegular;
font-size: 50px;
line-height:55px;
font-weight: 150;
color: #000000;
//padding-bottom: 30px;
margin-bottom: 0;
text-transform: uppercase;
text-align: center;
}
.infomation-list {
height:400px;
}
.infomation-list-icon {
width:100%;
height:230px;
}
.infomation-list-contentname {
color:#007e73;
font-size:21px;
padding:20px 0px 0px 0px;
height:60px;
overflow:hidden;
}
.infomation-list-description {
height:100px;
overflow:hidden;
color:#666;
font-size:15px;
padding:15px 0px 10px 0px;
font-family:Tahoma, Geneva, sans-serif;
}
.infomation-list-more {
height: 50px;
width: 132px;
background: transparent;
background-color: rgb(157,192,46);
}
.infomation-list-more-text {
font-weight: bold;
font-style: normal;
text-decoration: none;
margin-top: -1px;
line-height: 1.2;
text-align: center;
font-family: 'Open Sans';
font-size: 15px;
color: #ffffff;
letter-spacing: 0px;
}
.viewall {
//padding-top:30px;
margin-top: 10px;
margin-bottom: 30px;
text-align: center;
}
.viewall a {
font-size: 21px;
color: #fff;
background-color: #1c81c5;
padding: 10px 30px;
text-transform: uppercase;
}
.elearning-divide {
display: inline-block;
width: 95px;
height: 6px;
background: url(images/divide.png) 50% 50% scroll no-repeat;
}
p.nbtsow-secondsub {
font-size: 16px;
color: #686868;
margin: 15px 0 30px;
line-height: 24px;
}
.nbticon-black-graduation-cap2:before {
content: "\e90c";
}
.nbtsow-headline-wrap {
text-align:center;
color: #007e73;
font-size: 28px;
font-weight: bold;
vertical-align: middle;
margin: 0 10px;
}
.nbtsow-headline-wrap .elearning-divide {
display: inline-block;
width: 95px;
height: 6px;
background: url("images/divide.png") 50% 50% scroll no-repeat; }
.nbtsow-headline-wrap [class^="nbticon-"] {
color: #1c81c5;
font-size: 32px;
line-height: 1;
vertical-align: middle;
margin: 0 10px; }
@media(max-width:1199px ) {
}
@media(max-width:991px ) {
}
@media(max-width:767px ) {
}
@media(max-width:480px ) {
.infomation-list-icon {
width:100%;
height:auto;
}
.infomation-list {
height:auto;
}
.infomation-list-description {
color:#999999;
font-size:15px;
padding:15px 0px 10px 0px;
font-family:Tahoma, Geneva, sans-serif;
height:auto;
}
}
/*====== Hovereffect =======*/
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
margin:15px 0px 15px 0px;
}
.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}
.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
height:255px;
width:100%;
}
.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:22px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}
.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}
.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}
.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}
.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}
.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
/*====== flashgrid3 =======*/
.newsflash {
margin-bottom: 23px;
}
.newsflash_img {
margin: 0 1px 1px 0;
}
.newsflash_img img {
width:100%;
height:auto;
}
.newsflash_green1 {
background: #ffca2d;
}
.newsflash_green2 {
background: #ff842d;
}
.newsflash_green3 {
background: #ff6a15;
}
.newsflash_content {
//background: #ffca2d;
margin-right: 1px;
padding: 29px 25px 32px 35px;
}
.newsflash_title {
background: url(images/title2.png) right center no-repeat;
font-size:35px;
color: white;
text-transform: uppercase;
margin: 0;
}
.newsflash_title a {
color:#FFF;
}
/*====== last Project =======*/
.lastproject{
color:#FFF;
width:100%;
height:200px;
overflow:hidden;
}
.lastproject img{
width: 100%;
height: auto;
}
/*====== index content =======*/
/*--------- i percent ----------*/
.i_16percent{
width:16.6%;
float:left;
}
.i_20percent{
width:20%;
float:left;
}
.i_25percent{
width:25%;
float:left;
}
.i_33percent{
width:33%;
float:left;
}
.i_50percent{
width:50%;
float:left;
}
.i_100percent{
width:100%;
display: block;
}
.i_all{
background-color:#FFF;
}
@media(max-width:480px ) {
.i_16percent{
width:50%;
float:left;
}
.i_20percent{
width:100%;
float:left;
}
.i_25percent{
width:50%;
float:left;
}
.i_33percent{
width:100%;
float:left;
}
.i_50percent{
width:100%;
float:left;
}
}
/*--------- i_0 ----------*/
.i_1_0 {
height:400px;
}
.i_1_0_icon {
width:100%;
height:230px;
}
.i_1_0_contentname {
color:#007e73;
font-size:21px;
padding:20px 0px 0px 0px;
height:60px;
overflow:hidden;
}
.i_1_0_description {
height:100px;
overflow:hidden;
color:#666;
font-size:15px;
padding:15px 0px 10px 0px;
font-family:Tahoma, Geneva, sans-serif;
}
/*--------- i_1 ----------*/
.i_1_1_100percent{
width:100%;
float:left;
padding:0px 0px 10px 0px;
}
.i_1_1_40percent{
width:40%;
float:left;
padding:0px 10px;
}
.i_1_1_60percent{
width:60%;
float:left;
}
.i_1_1 {
height:80px;
overflow:hidden;
}
.i_1_1_icon {
width:100%;
height:70px;
}
.i_1_1_contentname {
color:#007e73;
font-size:21px;
padding:0px 0px 0px 0px;
height:60px;
overflow:hidden;
}
/*--------- i_2 ----------*/
.i_2 {
//height:400px;
padding:0px 10px;
}
.i_2_icon {
width:100%;
height:auto;
}
.i_2_contentname {
color:#007e73;
font-size:21px;
//padding:20px 0px 10px 0px;
margin-top:15px;
margin-bottom:15px;
height:60px;
overflow:hidden;
}
/*--------- i_3 ----------*/
.i_3_contentname {
color:#007e73;
font-size:21px;
}
/*---------news education ----------*/
.edu_100 {
width:100%;
margin:10px 0px;
}
.edu_50 {
width:50%;
float:left;
margin-bottom:5px;
}
.edu_50_img {
width:50%;
height:auto;
float:left;
}
.edu_50_img img {
width:285px;
height:285px;
}
.edu_50_content {
width:50%;
height:285px;
float:left;
color:#FFF;
font-size:21px;
background-color:#31b573;
overflow: hidden;
padding-top: 50px;
//padding: 68px 60px 20px 60px;
//padding:0px 10px 20px 10px;
text-align: center;
}
.edu_50_content h5 {
padding: 0 35px;
}
.edu_50_content h5 a {
display: inline-block;
position: relative;
vertical-align: top;
text-decoration: none;
color: #fff;
font-size:25px;
}
.edu_50_content h5 a:before {
background: #fff;
width: 68px;
height: 4px;
overflow: hidden;
margin: 0 0 0 -34px;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
pointer-events: none;
position: absolute;
top: -16px;
left: 50%;
content: '';
}
.edu_50_content a.btn-primary {
background: none;
display: inline-block;
position: relative;
margin: 0;
padding: 0;
vertical-align: top;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
letter-spacing: 2px;
line-height: 18px;
font-family: 'Roboto Condensed',sans-serif;
font-size: 14px;
font-weight: 400;
text-shadow: none;
text-transform: uppercase;
color: #fff;
}
.edu_50_content a.btn-primary:before {
background: #fff;
width: 68px;
height: 4px;
overflow: hidden;
margin: 0 0 0 -34px;
opacity: 0.2;
filter: alpha(opacity=20);
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
pointer-events: none;
position: absolute;
top: auto;
bottom: -9px;
left: 50%;
content: '';
}
@media(max-width:767px ) {
.edu_50 {
width:100%;
}
.edu_50_img img {
width:100%;
height:auto;
}
.edu_50_content {
width:50%;
//height:285px;
height:auto;
font-size:17px;
overflow: hidden;
padding-top: 10px;
}
.edu_50_content h5 {
padding: 0 5px;
}
}
/*-- Box Category --*/
.box_category {
//margin-bottom: 25px;
position: relative;
padding: 0px;
}
.box_category_heading {
color: #000;
text-transform: uppercase;
padding: 20px 5px;
font: 500 16px/18px "Roboto", sans-serif;
margin: 0;
background: none;
text-align: left;
width: 100%;
display: block;
font-size: 25px;
}
.box_category:before {
color: #000;
//border-bottom: 2px solid #000;
bottom: 0;
content: "";
float: left;
height: 2px;
position: absolute;
width: 90px;
left: 5px;
}
.box_category_list {
margin: 0px;
background: #d9e6df none repeat scroll 0 0;
padding: 20px;
margin-bottom: 30px;
}
.box_category_list ul {
padding: 4px 0px 0;
margin: 0px;
list-style: none;
}
.box_category_list ul li {
line-height: 22px;
padding: 3px 0px;
position: relative;
}
.box_category_list ul li a {
padding: 4px 0;
color: #333;
//text-transform: capitalize;
font-size: 22px;
font-weight: 400;
display: inline-block;
width: 100%;
}
/*-- //Box Category --*/
/*-- //Major --*/
.major_box_content{
//padding:0px 20px 20px 20px;
margin-top:60px;
//border:1px solid #CCC
}
/*-- // Gallery Index --*/
.info-imgs ul li {
float: left;
width: 25%;
list-style:none;
}
.info-imgs ul li img {
width: 100%;
}
.gallery-grid1{
position:relative;
overflow:hidden;
cursor:pointer;
}
.gallery-grid1 .p-mask, .row .product .vm-product-media-container .p-mask {
opacity: 0;
visibility: hidden;
background: rgba(25, 24, 24, 0.8);
bottom: 0%;
position: absolute;
padding: 1em 1.3em;
width: 100%;
-webkit-transform: translate3d( 0px, 100%, 0px );
-moz-transform: translate3d( 0px, 100%, 0px );
-ms-transform: translate3d( 0px, 100%, 0px );
-o-transform: translate3d( 0px, 100%, 0px );
transform: translate3d( 0px, 100%, 0px );
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
transition: all .5s ease 0s;
text-align: left;
border-top: 5px solid #fd6239;
}
.gallery-grid1 .p-mask .p-desc{
color: #a3a3a3;
position: relative;
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
font-size: 1em;
}
.gallery-grid1:hover .p-mask, .row .product:hover .p-mask {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d( 0px, 0px, 0px );
-moz-transform: translate3d( 0px, 0px, 0px );
-ms-transform: translate3d( 0px, 0px, 0px );
-o-transform: translate3d( 0px, 0px, 0px );
transform: translate3d( 0px, 0px, 0px );
}
.p-mask h4{
color: #fff;
font-size: 1.2em;
text-decoration: none;
line-height: 1.8em;
text-transform: uppercase;
font-weight: bold;
}
.p-mask p{
margin: 0;
color: #f5f5f5;
line-height: 1.8em;
font-size:16px;
}
.p-mask span {
color: #fd6239;
}
.pictures_eyes_in {
position: relative;
text-align: center;
}
@media (max-width: 800px){
.info-imgs ul li {
width: 50%;
}
}
@media (max-width: 414px){
.info-imgs ul li {
width: 100%;
border-bottom: 3px solid #26d797;
}
}
/*-- // Bg green --*/
.bg_wave_head_green {
background-color: #E1171700;
background-image:url(images/Group-8280.png);
background-position: bottom center;
background-repeat: no-repeat;
background-size: contain;
padding: 0px 0px 200px 0px;
}
.bg_wave_tail_green {
background-color: transparent;
background-image: linear-gradient(180deg, #CAEDE959 0%, #FFFFFF 100%);
}