/* Copyright (C) arrowthemes, Regular/Extended Licence */















@import url(../warp/css/modules.css);















/* General







----------------------------------------------------------------------------------------------------*/















#logo p {margin: 0;}







#content h1.module-title {







    font-size: 42px;







}















/* Module Badges







----------------------------------------------------------------------------------------------------*/















.module .uk-badge {







    position: absolute;







    top: 25px;







    right: 10px







}















#sidebar-a .module .module-title .icon, 







#sidebar-b .module .module-title .icon{







    top: 7px;







}















/* Module Icons







----------------------------------------------------------------------------------------------------*/















.module .module-title .icon{







    top: 3px;







    float: right;







}















.module-icon{







    font-size: 22px;







    margin: 10px 10px 0 0;







}















.wk-twitter-single .content{







   font-size: 17px;







    line-height: 27px;







}















.wk-twitter-single p {







    font-style: normal;







}















.no-margin{







    margin: 0 !important;







    border-radius: 0 !important;







}















.width35 {







    width: 35%;







}















.underline {







    padding-bottom: 10px;







    margin-bottom: 10px !important;







}















/* Search module







----------------------------------------------------------------------------------------------------*/







.searchbox{







    border: 1px solid rgba(0, 0, 0, 0.1);







    -webkit-border-radius: 4px;







       -moz-border-radius: 4px;







            border-radius: 4px;







}















.searchbox .results,







.searchbox{







    -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);







       -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);







            box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);







}















.searchbox:hover{background-color: rgba(0, 0, 0, 0.01);}







.searchbox:focus{background-color: rgba(0, 0, 0, 0.05);}















.searchbox.loading .uk-icon-times:before {







    content: "";







}















.searchbox.loading .uk-icon-times {







    -webkit-animation: uk-rotate 2s infinite linear;







            animation: uk-rotate 2s infinite linear;







}







.searchbox.loading .uk-icon-times:before{







    content: "\f110";







}















/* Module Type: Box







----------------------------------------------------------------------------------------------------*/















.mod-box {







    padding: 15px 10px;







}















#sidebar-a .mod-box,





/*แก้ไขค่าของหัวโมดูล*/

#sidebar-b .mod-box {





/*padding: 37px 10px 0px;*/

    padding: 24px 10px 10px;

	margin-top: -34px;







}















.mod-box .badge { 







    top: -1px; 







    right: -1px;







}







.mod-box.slogan{padding: 5px 10px}















.no-margin .custom-module.mod-padding,







.no-margin.mod-padding,







.mod-box.mod-padding{







    padding: 5% 4%;







}















.mod-overlay {







    padding: 0 !important;







    margin: 0 !important;







}















.mod-box.mod-padding-sides{







    padding-left: 3%;







    padding-right: 3%;







}















.custom-module.mod-padding{







     padding: 4.1%;







}















.custom-module{







    padding: 25px 30px 20px;







    position: relative;







    z-index: 0;







    background-repeat: repeat-x;







    background-position: 0 0;







    background-size: cover;







}















.custom-module:before{







    position: absolute;







    content: "";







    top: 0;







    width: 100%;







    height: 100%;







    z-index: -1;







    left: 0;







}















/* Module Type: styled modules







----------------------------------------------------------------------------------------------------*/















.mod-color, .mod-white, .mod-dark{







    margin: 10px 10px 15px;







    padding: 15px 10px;







    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;







    -webkit-border-radius: 3px;







       -moz-border-radius: 3px;







            border-radius: 3px;







}















#sidebar-b .mod-color,







#sidebar-a .mod-color{







    margin: 10px 20px;







    border-radius: 4px;







}















.mod-color p, .mod-white p, .mod-dark p {margin: 5px; }







.mod-color .module-title, 







.mod-white .module-title, 







.mod-dark .module-title{







    background: none !important; 







    margin: 5px;







}















.mod-white {







    background-color: rgba(255, 255, 255, 0.15);







}















.color-content{







    padding: 0; 







    overflow: hidden; 







    position: relative; 







    -webkit-border-radius: 5px; 







    -moz-border-radius: 5px; 







    border-radius: 5px;







}















.mod-color .module-title,







.mod-white .module-title,







.mod-dark .module-title{







    border-bottom: 0 none;







    box-shadow: none;







    margin-bottom: 5px;







}















.color-content p, 







.color-content h3{







    padding: 12px 15px 10px







}















.color-content .button{







    margin: 10px 1px 4px 0;







}















a.h-effect {







    left: 0;







    overflow: hidden;







    position: relative;







  /*  display: block;*/







/*    margin: 0 -15px 10px;*/







    padding: 0 !important;







    line-height: 0;







}















.h-effect:before {







/*    position: absolute;*/







    content: "";







    width: 100%;







    height: 100%;







    z-index: 1;







    -webkit-transition: all .2s ease-in;







       -moz-transition: all .2s ease-in;







            transition: all .2s ease-in;







}















.mod-color, .mod-white, .mod-dark{overflow: hidden}







.mod-color h3, .mod-color .color{color: #FFFFFF !important; text-shadow: none !important}







.mod-color h3 strong{color: #C0C0C0 !important;}















.mod-dark h3, 







.mod-dark h3.module-title .color{







    color: #FFFFFF !important; 







    text-shadow: none;







}







.mod-dark h3 strong{color: #808080 !important;}















.latest{







    margin: 4px 10px 6px 0;







    width: 48px;







    height: 48px;







}















/*sidebar a*/







#system div.item .module-title, 







#content h1.module-title {







    line-height: 38px;







    padding: 0 0 15px 0;







    white-space: pre-wrap;







    margin-left: 0px;







}















.dotted,







.underline,







.module-title, 







#system .item > header .title, 







#system h1.title{







    border-bottom: 1px solid rgba(0,0,0,0.075);







    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);







       -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);







            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);







}















#content header {







    padding-bottom: 2px;







    padding-top: 15px;







    margin-left: 0px;







    margin-bottom: 15px;







}















#content .yoo-zoo header{







    margin-left: 0;







}















/*background texture*/







.no-header, .no-header .header-glare{background: none !important;}







.bg_texture_0 {background-image: none;}







.bg_texture_1 {background: url(../images/texture/1.jpg) repeat scroll 0 0 #F2F2F2;}







.bg_texture_2 {background: url(../images/texture/2.jpg) repeat scroll 0 0 #F2F2F2;}







.bg_texture_3 {background: url(../images/texture/3.jpg) repeat scroll 0 0 #F2F2F2;}







.bg_texture_4 {background: url(../images/texture/4.jpg) repeat scroll 0 0 #F2F2F2;}







.bg_texture_5 {background: url(../images/texture/5.jpg) repeat scroll 0 0 #F2F2F2;}







.bg_texture_6 {background: url(../images/texture/6.jpg) repeat scroll 0 0 #F2F2F2;}







.bg_texture_7 {background: url(../images/texture/7.jpg) repeat scroll 0 0 #F2F2F2;}







.bg_texture_8 {background: url(../images/texture/8.jpg) repeat scroll 0 0 #F2F2F2;}







.bg_texture_9 {background: url(../images/texture/9.jpg) repeat scroll 0 0 #F2F2F2;}







.bg_texture_10 {background: url(../images/texture/10.jpg) repeat scroll 0 0 #F2F2F2;}







.bg_texture_11 {background: url(../images/texture/11.jpg) repeat scroll 0 0 #F2F2F2;}







.bg_texture_12 {background: url(../images/texture/12.jpg) repeat scroll 0 0 #2C2C2C;}







.bg_texture_13 {background: url(../images/texture/13.jpg) repeat scroll 0 0 #2C2C2C;}







.bg_texture_14 {background: url(../images/texture/14.jpg) repeat scroll 0 0 #2C2C2C;}







.bg_texture_15 {background: url(../images/texture/15.jpg) repeat scroll 0 0 #2C2C2C;}







.bg_texture_16 {background: url(../images/texture/16.jpg) repeat scroll 0 0 #2C2C2C;}







.bg_texture_17 {background: url(../images/texture/17.jpg) repeat scroll 0 0 #2C2C2C;}







.bg_texture_18 {background: url(../images/texture/18.jpg) repeat scroll 0 0 #2C2C2C;}







.bg_texture_19 {background: url(../images/texture/19.jpg) repeat scroll 0 0 #2C2C2C;}







.bg_texture_20 {background: url(../images/texture/20.jpg) repeat scroll 0 0 #2C2C2C;}







.bg_texture_21 {background: url(../images/texture/21.jpg) repeat scroll 0 0 #7F3F00;}







.bg_texture_22 {background: url(../images/texture/22.jpg) repeat scroll 0 0 #2E2E2E;}







.bg_texture_23 {background: url(../images/texture/23.jpg) repeat scroll 0 0 #272324;}







.bg_texture_24 {background: url(../images/texture/24.jpg) repeat scroll 0 0 #272324;} 







.bg_texture_25 {background: url(../images/texture/custom.jpg) repeat scroll 0 0 #3F3B49; background-size: cover;}















/*header overlay*/







.header-overlay, .box-overlay{position: relative; }







.head_overlay_0{ background: none transparent; }







.head_overlay_1{ background: url(../images/overlay/1.png) no-repeat scroll 450px 0 transparent; }







.head_overlay_2{ background: url(../images/overlay/2.png) no-repeat scroll -30% 0 transparent; }







.head_overlay_3{ background: url(../images/overlay/3.png) no-repeat scroll 70% 65% transparent; }







.head_overlay_4{ background: url(../images/overlay/4.png) no-repeat scroll 350px 0 transparent; }







.head_overlay_5{ background: url(../images/overlay/5.png) no-repeat scroll 0% 100% transparent; }







.head_overlay_6{ background: url(../images/overlay/6.png) no-repeat scroll 650px 0 transparent; }







.head_overlay_7{ background: url(../images/overlay/7.png) no-repeat scroll 450px 0 transparent; }







.head_overlay_8{ background: url(../images/overlay/8.png) no-repeat scroll 650px 0 transparent; }







.head_overlay_9{ background: url(../images/overlay/9.png) no-repeat scroll 300% 0 transparent; }







.head_overlay_10{ background: url(../images/overlay/10.png) no-repeat scroll 650px 0 transparent; }















#content .width50 header{







    margin-left: 0px;







}















#content .width33 header{







    margin-left: 0px;







}















/*title*/







section h3,







#system .item h3{







/*    padding-bottom: 15px;*/







	font-family: Kanit, sans-serif;







}















#system .title{







    padding-left: 0;







}















#system .width50 .title{







    padding-left: 0;







}















#system h1.title{







    padding-left: 0; 







    padding-bottom: 13px;







}















.yoo-zoo h1.title{







    background: none !important;







    padding-bottom: 0 !important;







}















#system .contact-head{







    margin-top: -25px;







}















#system .contact-head h3{







    padding-bottom: 0;







}















input.subbutton{







    padding-top: 5px;







    margin-top: 1px;







}















div.responseContainer{







    background-color: transparent;







    color: #FFF;







    padding: 0 !important;







    margin: 0 !important;







    position: relative;







    display: block;







    top: 22px;







    left: 11px;







    height: 0 !important;







}















.section-title {







    border-radius: 4px 0 0 0;







    font-size: 24px;







    height: 38px;







    margin-left: 1px !important;







    margin-top: 1px;







    padding: 21px 18px 0;







    text-shadow: none;







}















/*lightbox*/







#lightbox-title-float{text-shadow: none;}















.postcontent-title .t {







    line-height: 45px;







    padding: 0 0 10px 20px;







    white-space: pre-wrap;







}















#system #comments .comment-head .author{







    font-weight: normal;







}















/*google maps*/







#g-map{







    position: relative;







    overflow: hidden;







    border-bottom: 4px solid rgba(0, 0, 0, 0.1);







}















#g-map .module{margin: 0;}







.map-shadow { 







    display: inline-block; 







    height: 12px; 







    position: absolute; 







    top: 0; 







    z-index: 5;







}















/*login module overrides*/







form.short div.button {







    background: none;







    border: none;







    box-shadow: none;







    padding: 0;







    margin: 10px 0;







}















.mod-caps > .module-title {







    text-transform: uppercase;







    text-align: center;







    font-size: 24px;







    letter-spacing: 0px;







    box-shadow: none;







    border-bottom: 0;







    margin-bottom: 15px;



	font-family: 'Kanit', sans-serif;

	text-shadow: 1px 1px 1px rgb(255, 255, 255);







}

header.k2 {

	padding-bottom: 2px;

    padding-top: 15px;

    margin-left: 0px;

    margin-bottom: 15px;

}
.module.mod-color {
    background-color: rgba(132, 193, 24, 0.51);
}
.module.mod-color-c {
    height: 295px;
	
}