﻿body {
    margin-top:60px;
}

.menu{
    list-style-type:none; /*เอา bullet ออก*/
    margin:0px;
    padding:0px;
    overflow:hidden; /*เนื้อหาที่เลยกรอบออกไปจะถูกซ่อนไว้*/
    background-color:#085080;
}

.menu li{
    float: left; /*เรียงเมนูไปทางซ้าย*/

}

.menu li a, .menu li a:visited{
     display:block;
     color:white;
     text-align:center;
     padding:14px 16px; /*ตัวแรก ระยะบนล่าง*/ /*ตัวสอง ระยะซ้ายขวา*/
   /*  padding: 0 15px 5px 20px; *//*ระยะ วนตามเข็มนาฬิกา*/
    text-decoration:none;
 }

.menu li a:hover {
    color:#e8c107;
    text-decoration:underline;
}

.top-bar{
    height:5px;
    background-color:#ce0a0a;
    margin-bottom:1px;
}

.bluebox{
    background-color:#333;
    overflow:hidden;
    height:300px;
    color:white;
    padding:0 10px;
    font-size:120%;
}

.bluebox a.readmore{
    position:absolute;
    bottom:10px;
    left:30px;
    background-color:#b6ff00;
    padding:10px 15px;
    color:#333;
}

.bluebox a.readmore:hover{
    background-color:#f8a367;
}

.redbox{
    background-color:#CCC;
    overflow:hidden;
    height:300px;
    color:black;
    padding:0 10px;
    font-size:120%;
}

.redbox a.readmore{
    position:absolute;
    bottom:10px;
    left:30px;
    background-color:#f8a367;
    padding:10px 15px;
    color:#333;
}

.redbox a.readmore:hover{
    background-color:#27ecf8;
}

.pad-bottom-10{
    padding-bottom:10px
}

.pad-bottom-5{
    padding-bottom:5px
}

.pad-top-10{
    margin-top:10px;
}

.jumbotron{
    background:url(../images/index_01_01.jpg) no-repeat 0 0;
    height:115px;
    padding:0;
}

.jumbotron[class*="col-"]{/*class ที่มีคำที่ขึ้นต้นด้วย col*/
    padding:15px 0;
    border:1px solid rgba(86,61,124,0.2);
    background-color:rgba(86,61,124,0.1)

} 

.jumbotron-content{
    color:white;
}

.jumbotron h1{
    font-size:34px;
    border-bottom:white solid 1px;
    padding-bottom:10px;
}

@Media(min-width:768px){
    .row.equal{
        display:flex;
        flex-wrap:wrap;
    }
}

a[rel='tooltip']{
    color:white;
    border-bottom: white dotted 1px;
    font-weight:bold;
    text-decoration:none;
}
