/*
Css by www.smilephp.com
Author : Suphan Sakulrat
:) use it in smile action
*/

/*====================== global ======================*/
html { 
    height:100%;
}
body {
color:#333333;
line-height:24px;
}
a:active,
a:focus {
    text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4 {
color:#444444;
}

ul {
    list-style: none;
    padding:0;
    margin:0;
}
li {
    list-style: none;
    padding:0;
    margin:0;
}

.list-group-item {
list-style: none;
padding:0;
margin:0;
border:none;
}
.btn , 
.panel ,
input[type="text"],
input[type="email"] 
{
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.page-header {
    padding-bottom: 0px;
    margin: 0px 0 10px;
    border-bottom: 1px solid #eee;
}

.paddingtopbottom10 {
padding:10px 0;
}

.container-fluid {
padding: 0px;
}
.container {

}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

.thumbnail_noborder {
border:0;
box-shadow:0;
border-radius:0;
}

.textwhite {
color:#FFF;
}
.textorange {
color:#FF6600;
}
.bg_white {
background-color:#FFF;
}
.bg_gray {
background-color:#e5e5e5;
}

.index_hot {
padding:40px 0;
background-color:#EAEAEA;
}

.topic a {
color:#000;
}

.logomain {
font-family: 'Lato', sans-serif;
font-size:40px;
font-weight:bold;
}
.logosub {
font-family: 'Lato', sans-serif;
font-size:12px;
}

kob {
color:#737373;
}
kobblack {
color:#ff6600;
}

.vcenter {
display: flex;
align-items: center;
}

.strike {
display: block;
overflow: hidden;
white-space: nowrap; 
margin-bottom:10px;
font-family: Thaisan-neue;
font-size:23px;
}
.strike h2{
font-size:38px;
}

.strike .strike_lineover {
position: relative;
display: inline-block;
}
.strike .strike_lineover:before,
.strike .strike_lineover:after {
content: "";
position: absolute;
top: 70%;
width: 150px;
height: 1px;
background: #E74C3C;
z-index:999;
}
.strike .strike_lineover:before {
right: 100%;
margin-right: 15px;
}
.strike .strike_lineover:after {
left: 100%;
margin-left: 15px;
}

.strike > .striketext {
position: relative;
display: inline-block;
}

.strike > .striketext:before,
.strike > .striketext:after {
content: "";
position: absolute;
top: 70%;
width: 9999px;
height: 1px;
background: #ccc;
}

.strike > .striketext:before {
right: 100%;
margin-right: 15px;
}

.strike > .striketext:after {
left: 100%;
margin-left: 15px;
}
.strike kob {
color:#ff6600;
}

.viewall {
position:absolute;
margin-top:1px;
right:10px;
}


#toptext_category {
position:absolute;
padding:10px 100px;
font-weight:bold;
font-size:15px;
color:#FFF;
background-color:#000;
border-bottom:4px solid #ff0000;
text-align:left;
}

.bs-sidebar {
border-left:1px solid #EEE;
}
.bs-sidebar a{
color:#898989;
}
.bs-sidebar .nav > .active > ul {
    display: block;
    margin-bottom: 8px;
}
.bs-sidenav li a:hover{
color:#FFF;
background-color:#FF6600;
}


.bxslider_article li img{
position:relative;
}

.bxslider_articletopic {
position: absolute; 
bottom: 0px; 
left: 0px; 
width: 100%; 
color:#FFF;
background:rgba(108, 122, 137,0.6);
z-index:99;
}


.architect_name {
color:#cc3366;
font-size:18px;
font-weight:bold;
}


.footer{
margin-top:50px;
background-color:#6C7A89;
color:#FFF;
}


@media screen and (max-width: 767px) {
.logomain {
font-family: 'Lato', sans-serif;
font-size:30px;
font-weight:bold;
}
.logosub {
font-family: 'Lato', sans-serif;
font-size:12px;
}

}