/*------------------------------typography properties-------------------------------------*/
.textsize{
    font-size: 1.2em;
}
.subheading{
    padding-left: 30px;
    line-height: 140%;
    text-align: justify;
}
.subsubheading{
    padding-left: 60px;
    line-height: 140%;
    text-align: justify;
}
.supersubheading{
    padding-left: 90px;
    line-height: 140%;
    text-align: justify;
}
.indent{
    text-indent: 30px;
    line-height: 140%;
    text-align: justify;
}
.imgcenter{
    display: block;
    margin-right: auto;
    margin-left: auto;
}
/*--------------------------------page idol ac 4----------------------------------------*/
.idol-header{
    background-image: url(../activities/images/ac4/header-idol7.jpg);
    background-size: cover;
    background-position: top center;
    padding: 200px 0px;
}
.idol-header-text{
    background-color: #f0f0f0;
    opacity: 0.9;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    padding: 30px 0px;

}
.idol-header-text h3,.idol-header-text h2{
    color: black;
    text-align: center;
    font-weight: bold;
}
.bgcolor{
    background: #606060; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#606060 , #A8A8A8   ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#606060 , #A8A8A8  ); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#606060 , #A8A8A8  ); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#606060 , #A8A8A8  ); /* Standard syntax */
    padding-bottom: 20px;
}
.newsheader{
    color: black;
    font-size: 24px;
    text-align: center;
    margin-top: 20px;
    margin-bottom:20px;
}
.idolNewsDate{
    font-size: 0.9em;
    color: #909090;
}
@media screen and (min-width:0px) and (max-width:768px){
    .idol-header{
        padding: 100px 0px;
    }
    .idol-header-text h2,.idol-header-text h3{
        font-size: 22px;
    }
    .idol-header-text{
        padding: 5px 5px;
        margin: 0px 0px;

    }
}
/*//////////////ข่าวไฮไลท์///////////////*/
.idolNewsHL{
    margin-top:15px;
    margin-bottom: 0px;
}
.NewsHLwrapper{
    margin-bottom: 10px;
    background-color: white;
}
.idolNewsHL{
    background-color: white;
    box-shadow: 1px 1px 5px #484848 ;
}
.idolNewsHL img{
    width: 100%;
}
.NewsHLwrapper{
    padding: 10px 25px 10px 25px;
}
.NewsHLwrapper a{
    color: black;
}
.headLineHL{
    font-size: 18px;
    font-weight: bold;
    color: black;
}
.contentHL{
    font-size: 18px;
}
/*/////////////จบ ข่าวไฮไลท์//////////////*/
/*ข่าวรอง*/
.idolNews img{
    margin-bottom: 10px;
    width: 100%;
}
.idolNews{
    box-shadow: 1px 1px 5px #484848;
    margin-bottom: 10px;
    background-color: white;
    height: 315px;
    overflow: hidden;
}
.idolNewsContent{
    padding: 0px 20px 10px 20px;
}
.idolNewsContent a{
    color: black;
}
.headLine{
    font-size: initial;
}
.content{
    font-size: 16px;
}
/*ฟอร์มค้นหา*/
#siSearch form{
    background-color: #f8f8f8;
    border: 1px solid #E0E0E0;
    padding: 20px 20px;
}
/*/////idol css rule//////*/
@media screen and (min-width:0) and (max-width:767px){
    .bgcolor{
        padding-bottom: 0px;
    }
    /*ลบ padding contianer*/
    #idolwrapper .container{
        padding-left: 0px;
        padding-right: 0px;
    } 
    #idolNews .col-sm-6,col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #idolNews .col-sm-12,col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    /*news hilight*/
    .idolNewsHL{
        margin-top: 5px;
    }
    .NewsHLwrapper{
        box-shadow: 2px 2px 2px darkgray;
        margin-bottom: 5px;
        background-color: white;
    }
    .headLineHL{
        font-size: 18px;
        font-weight: bold;
    }
    .idolNewsPicHL{
        margin-top: 5px;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    /*normal news*/
    .headLine{

        font-weight: bold;
    }
    .idolNews img{
        float: left;
        width: 120px;
        margin: 1em 1em 0em 1em; 
    }
    .idolNews{
        height: 150px;
        margin-bottom: 5px;
    }
    .idolNewsContent{
        padding-top: 1em;
        padding-left: 11em;
    }
    #siSearch h3{
        font-size: 18px;
    }
    #siSearch form{
        font-size: 14px;
    }
}
/*css rule sm */
@media screen and (min-width: 768px) and (max-width:991px){
    /*ลบ padding contianer*/
    #idolwrapper .container{
        padding-left: 0px;
        padding-right: 0px;
    } 
    /*ข่าว ไฮไลท์*/
    .idolNewsHL{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .headLineHL{
        font-size: 18px;
    }
    .contentHL{
        font-size: 16px;
    }
    /*ข่าาวรอง*/
    .headLine{
        font-size: 16px;
        font-weight: bold;
    }
    .idolNews{
        height: 400px;
        overflow: hidden;
    }
}
/*---css rule md size----*/
@media screen and (min-width:992px) and (max-width:1199px){
    /*ปรับ padding */
    #idolNews .col-sm-6,col-md-3{
        padding-left: 7px;
        padding-right: 7px;
    }
    #idolNews .col-sm-12,col-md-6{
        padding-left: 7px;
        padding-right: 7px;
    }
    /*ข่าว ไฮไลท์*/
    .NewsHLwrapper{
        height: 370px;
    }
    /*ข่าวรอง*/
    .headLine{
        font-size: 16px;
        font-weight: 600;
    }
    .idolNews{
        margin-top: 15px;
        margin-bottom: 0px;
        height: 325px;
        overflow: hidden;
    }
    .idolNewsContent{
        padding: 10px 10px;
    }
}
/* lg size*/
@media screen and (min-width:1200px){
    /*ปรับ padding */
    #idolNews .col-sm-6,col-md-3{
        padding-left: 10px;
        padding-right: 10px;
    }
    #idolNews .col-sm-12,col-md-6{
        padding-left: 10px;
        padding-right: 10px;
    }
    .idolNewsHL{
        margin-top:15px;
        margin-bottom: 0px;
    }
    .idolNewsWrapper{
        padding-bottom: 20px;
    }
    /*ข่าว ไฮไลท์*/
    .headLineHL{
        font-size: 24px;
    }
    .contentHL{
        font-size: 16px;
    }
    .NewsHLwrapper{
        height: 300px;
    }
    /*ข่าวรอง*/
    .headLine{
        font-size: 16px;
        font-weight: bold;
    }
    .idolNewsContent{
        height: 220px;
    }
    .idolNews{
        margin-top: 15px;
    }
}
/*end idol css rule*/
/*///css Idol success///*/
#IdsSuccess{
    /*    padding-bottom: 30px;*/
}
.IdsHeader{
    margin-bottom: 20px;
}
#IdsSuccess col-xs-12{
    background-color: white;
    padding: 10px 20px 10px 20px;
}
/*------------------------------- cards1 ---------------------------------------*/
.idol-cards-image{
    width: 100%;
} 
.idol-cards-content{
    padding: 10px 0px;
}
/*------------------------------- จบ cards1 ------------------------------------*/
/*css rule for mobile <768 px*/
@media screen and (max-width:767px){
    #IdsSuccess{
        padding-bottom: 20px;
    }
    #IdsSuccess .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .IdsHeader{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .idol-cards-box{
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        margin-bottom: 15px;
    }
    .idol-cards [class*="col-"]{
        padding-left: -15px;
        padding-right: -15px;
    }
    .idol-cards-content{
        padding: 10px 10px;
    }

}
/*css rule for tablet size >768px - 991px*/
@media screen and (min-width:768px) and (max-width:991px){
    .IdsPicture img{
        height: 150px;
        float: left;
        margin: 1em 1em 1em 0em;
    }
    .IdsHeader{
        font-size: 28px;
        margin-bottom: 20px;
    }
}
/*ทำเนียบ idol*/
.idol-batch{
    background-color: #e6e6e6;
    padding: 50px 0px;
}
.idol-batch-box h1{
    margin-top: 0px;
    margin-bottom: 20px;
}
.idol-batch-box .row{
    margin-left: 0px;
    margin-right: 0px;
} 
.idol-batch-box{
    background-color: white;
    padding: 70px;
}
.idol-batch a{
    display: block;
}
.idol-batch-geneCard{
    float: left;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 12%;
    border-radius: 5px;
    margin: 10px 10px;
}
.idol-batch-geneCard div{
    /*    #ff3399*/
    background-color:#cc0000; 
    color: #ffffff;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}
.idol-batch-geneCard h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    /*    vertical-align: central;*/
    padding: 20px 0px;
}
.idol-batch-geneCard:hover{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.idol-batch a:hover{
    color:black;
}
@media screen and (min-width:992px) and (max-width:1199px){
    .idol-batch{
        padding: 20px 0px;
    }
    .idol-batch-box{
        padding: 30px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .idol-batch{
        padding: 20px 0px;
    }
    .idol-batch-box{
        padding: 20px;
    }
    .idol-batch-box h1{
        font-size: 24px;
    }
    .idol-batch-geneCard{
        width: 12%;
        border-radius: 5px;
        margin: 10px 7px;
    }
}
@media screen and (max-width:767px){
    .idol-batch{
        background-color: #ffffff;
        padding: 15px 0px;
    }
    .idol-batch-box{
        padding: 0px;
    }
    .idol-batch-box h1{
        font-size: 20px;
    }
    .idol-batch-geneCard{
        width: 45%;
        border-radius: 5px;
        margin: 5px 5px;
    }
}
/*end ทำเนียบ idol*/
/*idol card หน้า ac4-idol-gen*/
.idol-gen-wrapper1{
    background-color: #f1f1f1;
    overflow: auto;
    padding-left: 5px;
    padding-bottom: 30px;
}
.idol-gen-wrapper1 h3{
    margin-left: 10px;
}
.idol-gen-wrapper2{
    background-color: #f1f1f1;
    overflow: auto;
}
.idol-gen-cards{
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 24%;
    float: left;
    margin: 10px 5px;
    padding-bottom: 10px;
}
.idol-gen-cards:hover{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.idol-gen-cards div{
    padding: 10px 15px;
}
.idol-gen-cards a:hover,.idol-gen-cards a:visited,.idol-gen-cards a:active{
    text-decoration: none;
    color: black;
}
/*small desktop*/
@media screen and (min-width:992px) and (max-width:1199px){
    .idol-gen-wrapper1 .idol-gen-cards{
        width: 32.1%;
    }
    .idol-gen-wrapper2 .idol-gen-cards{
        overflow: hidden;
        width: 23.8%;
        height: 340px;
    }
}
/*tablet*/
@media screen and (min-width:768px) and (max-width:991px){
    .idol-gen-wrapper1 .idol-gen-cards{
        width: 48.1%;
    }
    .idol-gen-wrapper2 .idol-gen-cards{
        width: 31.5%;
        height: 340px;
    }
}
/*moblie*/
@media screen and (max-width:767px){
    .idol-gen-header{
        font-size: 2px;
    }
    .idol-gen-wrapper1 h3, .idol-gen-wrapper2 h3{
        font-size: 18px;
    }
    .idol-gen-wrapper1 .idol-gen-cards{
        width: 46%;
        height:320px;
    }
    .idol-gen-wrapper2 .idol-gen-cards{
        width: 46%;
        height: 275px;
    }
}
/*end idol card*/
/*idolifo หน้า  ac4-idol-info.php*/
.idol-info-wrapper .col-sm-8 h3{
    margin-top: 0px;
}
.idol-info-wrapper a{
    margin-left: 15px;
}
.idol-info-wrapper .btn{
    margin-top: 15px;
    margin-bottom: 15px;
}
.idol-info-wrapper .col-sm-4 img{
    margin: 0px auto;
}
/*mobile*/
@media screen and (max-width:767px){
    .idol-info-wrapper .col-sm-4 img{
        margin-bottom: 20px;
    }
}
/*end idolifo*/
/*------------------------------------------end Idol success -------------------------------------*/
/*------------------------------------------ Idol success 2 --------------------------------------*/
.ids-box{
    clear: both;
    background-color: #f8f8f8;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
    margin-bottom: 20px;
    padding: 20px 20px;
    min-height: 280px;
}
.ids-box-img{
    float: left;
    max-height: 200px;
}
.ids-box-content{
    padding-left: 320px;
}
/*for mobile*/
@media screen and (max-width:767px){
    .ids-box-img{
        float: none;
        max-height: none;
    }
    .ids-box-content{
        padding-left: 0px;
        padding-top: 15px;
    }
}
/*------------------------------------------end Idol success 2 -----------------------------------*/
/*-----------------------------------document and Search Idol ------------------------------------*/
#searchDocWapper{
    background: white;
}
/*///////////Document///////////////*/
#tabWapper{
    margin-bottom: 20px;
}
#tabHead{
    margin-bottom: 20px;
}
#tabHeadBG{
    background-color: #F8F8F8 ;
    border:1px solid lightgrey;
    border-radius: 4px;
}
#tabHeadBG li a{
    color:black;
    font-size: 16px;
}
#searchDocWapper .tab-content{
    border: 1px solid lightgrey;
    margin-top: -2px;
    min-height: 210px;
}

#tabTable tbody tr td {
    font-size: 16px;
}
#tabTable tbody tr td a {
    color: black;
    font-size: 16px;
}
#tabTable img{
    width: 30px;
    height: 30px;
}
#tabImg{
    height:60px;
}
@media screen and (max-width:767px){
    #tabHead{
        font-size: 18px;
    }
    #tabHeadBG li a{
        font-size: 14px;
        font-weight: bold;
    }

    #tabTable tbody tr td {
        font-size: 14px;
    }
    #tabTable tbody tr td a{
        font-size: 14px;
    }
    #tabWapper{
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media screen and (min-width:768px) and (max-width:1199px){
    #tabHead{
        font-size: 28px;
    }
    #tabImg{
        height:50px;
    }
    #tabTable tbody tr td {
        font-size: 14px;
    }
    #tabTable tbody tr td a{
        font-size: 14px;
    }
}
/*////////////////////////////Search/////////////////////////////////////////*/
#siSearch{
    margin-bottom: 20px;
    font-size: 16px;
}
#siImg{
    height: 50px;
}
#siSearch h2{
    margin-bottom: 20px;
}
#siLabel{
    font-size: 16px;  
}
@media screen and (max-width:767px){
    #siSearch{
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 50px;
    }
    #siSearch h2{
        font-size: 20px;
    }
    #siLabel{
        font-size: 14px;  
    }
    #siImg{
        height: 30px;
    }
}
@media screen and (min-width:768px) and (max-width:1199px){
    #siSearch h2{
        font-size: 28px;
    }
    #siLabel{
        font-size: 16px;  
    }
    #siImg{
        height: 40px;
    }
}
/*--------------------------------end document and Search Idol  ----------------------------------*/
/*-------------------------------------search idol result-----------------------------------------*/
#sirBlock{
    background-color: #f8f8f8;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.2);
    padding: 20px 20px;
    margin-bottom: 20px;
}
#sirBlock img{
    float: left;
    margin-right: 20px;
    max-height: 200px;
}
@media screen and (max-width:767px){
    #sirBlock{
        padding: 15px 10px 0px 10px;
    }
    #sirBlock img{
        float: none;
        margin-right: 0px;
        display: block;
        margin: 0 auto;
        max-height: none;
    }
    #sirContent{
        padding: 10px 15px;
    }
}
/*-------------------------------------end search idol result-------------------------------------*/
/*เปลี่ยนสี tag hr*/
.hrLine{
    border-top: 1px solid #909090;
}
/*------------------------------------ มหกรรมรวมพล ----------------------------------------------*/
/*header*/
.ac2-header-picture{
    background-image: url(../activities/images/ac2/head.jpg);
    background-size: cover;
    background-position: top center;
    padding: 200px 0px;
}
@media screen and (min-width:992px) and (max-width:1199px){
    .ac2-header-picture{
        padding: 150px 0px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .ac2-header-picture{
        padding: 120px 0px;
    }
    /*ขนาดตัวอักษรหัวข้อหลัก*/
    .fes-header{
        font-size: 20px;
    }
}
@media screen and (max-width:767px){
    .ac2-header-picture{
        padding: 50px 0px;
    }
    /*ขนาดตัวอักษรหัวข้อหลัก*/
    .fes-header{
        font-size: 18px;
    }
}
/*ข่าวมหกรรม*/
#fesNewsWrapper a:hover{
    text-decoration: none;
    color: #cc0000;
}
#fesNews{
    min-height: 130px;
}
#fesNews .fesNews-pic img{
    width: 150px;
    float: left;
    margin: 0px 20px 0px 0px;
}
.fesNews-headLine{
    font-size: 24px;
}
#fesNews .fesNews-body{
    font-size: 16px;
}
#fesNews .fesNews-content{
    padding-left: 170px;
}
#fesNews a {
    color: black;
}
#fesNewsWrapper h2{
    /* margin-top: 30px;*/
    /* margin-bottom: 50px;*/
}
#fesNewsWrapper h2 img{
    width: 50px;
}
.fesNews-date{
    font-size: 14px;
    color: gray;
}
@media screen and (max-width:767px){
    #fesNewsWrapper .col-md-8{
        padding-left: 0px;
        padding-right: 0px;
    }
    #fesNewsWrapper h2 img{
        width: 30px;
    }
    #fesNewsWrapper h2{
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 20px;
    }
    #fesNews .fesNews-pic img{
        width: 100px;
        margin: 0px 10px 0px 10px;
    }
    #fesNews .fesNews-content{
        padding-left: 120px;;
    }
    .fesNews-headLine{
        font-size: 16px;
    }
    #fesNews .fesNews-body{
        font-size: 14px;
    }
    #fesNews{
        min-height: 100px;
    } 
}
@media screen and (min-width:768px) and (max-width:991px){
    #fesNewsWrapper h3{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #fesNewsWrapper h3{
        font-size: 20px;
    }
    #fesNews .fesNews-pic img{
        width: 120px;
        margin: 0px 10px 0px 0px;
    }
    #fesNews .fesNews-content{
        padding-left: 130px;;
    }
    .fesNews-headLine{
        font-weight: bold;
        font-size: 16px;
    }
    #fesNews .fesNews-body{
        font-size: 16px;
    }
    #fesNews{
        min-height: 120px;
    } 
}
/*จบข่าวมหกรรม*/
/*เอกสาร่ที่เกี่ยวข้อง*/
/*panel*/
.panel-heading .accordion-toggle h4:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  
    content:"\E113";   
    float: right;        
    color: grey;        
    overflow: no-display;
}
.panel-heading .accordion-toggle.collapsed h4:after {
    /* symbol for "collapsed" panels */
    content:"\E114";
}
.panel-heading h4{
    text-align: left;
}
.panel-heading p{
    text-align: left;
}
panel-heading a{
    text-decoration: none;
}
a.accordion-toggle{
    text-decoration: none;
}
#accordion .panel-body{
    padding: 0px;
}
#accordion .list-group{
    margin-bottom: 0px;
}    
/*--end panel---------*/
/*--list group จัดการเยี้อง สำหรับเมนูย่อย---*/
/*ระดับพื้นที่*/
#c1-sub-level1-1 a{
    text-indent: 15px;
}
#c1-sub-level2-1 a{
    text-indent: 30px;
}
#c1-sub-level1-2 a{
    text-indent: 15px;
} 
#c1-sub-level2-2 a{
    text-indent: 30px;
}
#c1-sub-level3-1 a{
    text-indent: 45px;
}
#c1-sub-level3-2 a{
    text-indent: 45px;
}
#c1-sub-level3-3 a{
    text-indent: 45px;
}
#c1-sub-level3-4 a{
    text-indent: 45px;
}
#c1-sub-level3-5 a{
    text-indent: 45px;
}
/*ระดับภาค*/
/*1.เกณฑ์*/
#c2-level1-1 a{
    text-indent: 15px;
}
#c2-level3-1 a{
    text-indent: 30px;
}
#c2-level3-2 a{
    text-indent: 30px;
}
#c2-level4-1 a{
    text-indent: 45px;
}
#c2-level4-2 a{
    text-indent: 45px;
}
#c2-level4-3 a{
    text-indent: 45px;
}
#c2-level4-4 a{
    text-indent: 45px;
}
#c2-level4-5 a{
    text-indent: 45px;
}
/*2.ลำดับการประกวด*/
#c2-level1-2 a{
    text-indent: 15px;
}
/*กำหนดการประกวด*/
#c2-level1-3 a{
    text-indent: 15px;
}
/*ระดับประเทศ*/
/*1.เกณฑ์*/
#c3-level1-1 a{
    text-indent: 15px;
}
#c3-level3-1 a{
    text-indent: 30px;
}
#c3-level3-2 a{
    text-indent: 30px;
}
#c3-level4-1 a{
    text-indent: 45px;
}
#c3-level4-2 a{
    text-indent: 45px;
}
#c3-level4-3 a{
    text-indent: 45px;
}
#c3-level4-4 a{
    text-indent: 45px;
}
#c2-level4-5 a{
    text-indent: 45px;
}
/*2.ลำดับการประกวด*/
#c3-level1-2 a{
    text-indent: 15px;
}
/*กำหนดการประกวด*/
#c3-level1-3 a{
    text-indent: 15px;
}

/*--end list group---*/
#fesDoc h2 img{
    width: 50px;
}
#fesDoc a{
    font-size: 16px;
    color: black;
}
@media screen and (max-width:767px){
    #fesDoc .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    #fesDoc{
        padding-top: 30px;
    }
    #fesDoc h2{
        font-size: 20px;
    }
    #fesDoc h2 img{
        width: 30px;
    }
    #fesDoc a{
        font-size: 14px;
    }
    #fesDoc #accordion .panel-heading h4,.panel-title{
        font-size: 14px;
    }
    #fesDoc #accordion .list-group a{
        font-size: 14px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #fesDoc{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #fesDoc h2 img{
        width: 40px;
    }
}
/*จบเอกสารที่เกี่ยวข้อง*/
/*สถานะปัจจุบัน จังหวัด ชมรม 2b1*/
#clubStatusWrapper .container h2 img{
    width:50px;
}
.clubStatus-searhBox h4 img{
    width: 40px;
}
@media screen and (max-width:767px){
    #clubStatusWrapper .container h2 img{
        width: 30px;
    }
    .clubStatus-searhBox h4 img{
        width: 25px;
    }
    .clubStatus-searhBox h4{
        font-size: 16px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .clubStatus-searhBox h4 img{
        width: 40px;
    }
}
/*จบ สถานะปัจจุบัน จังหวัด ชมรม 2b1*/
/*ผลการประกวด*/
#clubResultWrapper{
    margin-bottom: 30px;
}
#clubResultWrapper h2 img{
    width: 50px;
}
#clubResultWrapper span{
    font-size: 16px;
}
@media screen and (max-width:767px){
    #clubResultWrapper h2{
        font-size: 20px;
    }
    #clubResultWrapper h2 img{
        width: 30px;
    }
    #clubResultWrapper{
        margin-top: 20px;
    }
    #clubResultWrapper span{
        font-size: 14px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #clubResultWrapper h2 img{
        width: 40px;
    }
}
/*จบ ผลการประกวด*/
/*รางวัลบุคคลดีเด่น*/
#clubResult-people{
    margin-top: 20px;
}
#clubResultWrapper h4{
    margin-bottom: 15px;
}
#clubResult-people .nav{
    background-color: #F8F8F8 ;
    border:1px solid lightgrey;
    border-radius: 4px;
}
#clubResult-people .nav a:hover{
    color: black;
}
#clubResult-people .tab-content{
    border: 1px solid lightgrey;
    margin-top: -2px;
    min-height: 210px;
}
#clubResult-people a span{
    color: green;
}
/*จบ รางวัลบุคคลดีเด่น*/
/*----------------------------------- จบ มหกรรมรวมพล --------------------------------------------*/
/*----------------------------------- กิจกรรมเสด็จ -------------------------------------------------*/
.ac1-pa-banner{
    background-image: url(../activities/images/ac1-pa/ac1-banner.jpg);
    background-size: cover;
    background-position: top center;
    padding: 300px 0px;
}
#ac1-pa a:hover{
    color: #cc0000;
    text-decoration: none;
}
#ac1-pa .col-sm-4 form{
    margin-top: 20px;
}
#ac1-pa .col-sm-4 form .col-sm-8,#ac1-pa .col-sm-4 form .col-sm-4{
    padding-left: 5px;
    padding-right: 5px;
}
/*mobile*/
@media screen and (max-width:767px){
    .ac1-pa-banner{
        padding: 100px 0px;
    }
    #ac1-pa .col-sm-8 h3{
        font-size: 18px;
    }
}
/*tablet*/
@media screen and (min-width:768px) and (max-width:991px){
    .ac1-pa-banner{
        padding: 180px 0px;
    }
    #ac1-pa .col-sm-8 h3{
        font-size: 20px;
    }
}
/*small desktop*/
@media screen and (min-width:992px) and (max-width:1199px){
    .ac1-pa-banner{
        padding: 220px 0px;
    }
    #ac1-pa .col-sm-4 form .col-sm-8,#ac1-pa .col-sm-4 form .col-sm-4{
        padding-left: 5px;
        padding-right: 5px;
    }
}
/*----------------------------------- จบ กิจกรรมเสด็จ -------------------------------------*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*---------------------------------- TEEN DANCERCISE -----------------------------------*/
/*-----การประกวด-----*/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #cc0000;
}
#teenDancercise-about .mytable-1 td,th{
    font-size: 16px;
}
@media screen and (max-width:767px){
    #teenDancercise-about .col-xs-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #news-teenDancercise h3,#teenDancercise-about h3{
        font-size: 18px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    #news-teenDancercise h3,#teenDancercise-about h3{
        font-size: 20px;
    }
}
/*-----จบการประกวด-----*/
/*-----------------------------------จบ TEEN DANCERCISE -----------------------------------------*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////*/
/*---------------------------------- ac6-calendar-----------------------------------*/
.date{
    font-size: 30px;
    float: left;
    margin-right: 10px;
}
.day{
    font-weight: bold;
    margin-bottom: 0px;
}
.montn-year{
    color: grey;
    font-size: 14px;
}
/*ตาราง*/
#ac6-calendar .table thead{
    background-color: #f0f0f0;
    text-align: center;
}
#ac6-calendar .table thead th{
    text-align: center;
}
#ac6-calendar .table tbody tr td:nth-child(1){
    width: 150px;
}
#ac6-calendar .table tbody tr td:nth-child(2){
    width: 150px;
}
#ac6-calendar .table tbody tr td:nth-child(3){
    width: 150px;
}
#ac6-calendar .table tbody tr td{
    vertical-align:middle;
}
@media screen and (max-width:767px){
    #ac6-calendar .table tbody tr td:nth-child(1){
        width: 100px;
    }
    #ac6-calendar .table tbody tr td:nth-child(2){
        width: 50px;
    }
    .date{
        font-size: 16px;
        font-weight: bold;
        float: none;
        margin-right: 0px;
        margin-bottom: 0px;
    }
    .day{
        font-size: 14px;
    }
    .montn-year{
        font-size: 12px;
    }
}   
@media screen and (min-width:768px) and (max-width:991px){
    #ac6-calendar .table tbody tr td:nth-child(1){
        width: 150px;
    }
    #ac6-calendar .table tbody tr td:nth-child(2){
        width: 150px;
    }
    .date{
        font-size: 20px;
    }
}
/*-----------------------------------จบ TEEN DANCERCISE -----------------------------------------*/

/*ac5-camp.php ค่ายพัฒนาสมาชิก*/
.ac5-header-picture{
    background-image: url(../activities/images/ac5-camp/header.jpg);
    background-size: cover;
    background-position: top center;
    padding: 100px 0px;
}
.ac5-header-title h1, .ac5-header-title h2{
    color: black;
    text-align: center;
    font-weight: bold;
    /*text-shadow: 1px 1px 5px #404040;*/
}
.ac5-header-title{
    background-color: white;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    padding: 50px 0px;
    margin: 0px 20px;
}
/*ค่ายพัฒนาแกนนำจังหวัด*/
.ac5-camp-province .col-md-6:nth-child(1){
    padding-left: 0px;
    padding-right: 15px;

}
.ac5-camp-province .col-md-6:nth-child(2){
    padding-left: 30px;
    padding-right: 0px;
}
.ac5-camp-province .col-md-6 img{
    width: 100%;
    margin:0px auto;
}
.ac5-camp-province-background{
    background-image: url(../activities/images/ac5-camp/camp-province2.jpg);
    background-size: cover;
    background-position: top center;
    height: 720px;
}
/*ค่ายพัฒนาแกนนำสู่ความเป็น 1*/
.ac5-camp-tobe-background{
    background-image: url(../activities/images/ac5-camp/camp-province.jpg);
    background-size: cover;
    background-position: top center;
    height: 720px;
}
/*ค่ายพัฒนาแกนนำจังหวัด*/
.ac5-camp-tobe .col-md-6:nth-child(1){
    padding-left: 0px;
    padding-right: 15px;

}
.ac5-camp-tobe .col-md-6:nth-child(2){
    padding-left: 0px;
    padding-right: 0px;
}
@media screen and (min-width:0px) and (max-width:767px){
    .ac5-header-picture{
        background-position: center center;
        padding: 50px 0px;
    }
    .ac5-header-title{
        padding: 20px 10px;
        margin: 0px 0px;
    }
    .ac5-header-title h1, .ac5-header-title h2{
        font-size: 22px;
    }
    /*ค่ายพัฒนาแกนนำจังหวัด*/
    .ac5-camp-province .col-md-6:nth-child(2){
        margin-bottom: 0px;
    }
    .ac5-camp-province-background{
        background-position: center center;
        height: 200px;
    }
    .ac5-camp-province .col-md-6:nth-child(2){
        padding-left: 15px;
        padding-right: 15px;
    }
    /*ค่ายพัฒนาแกนนำสู่ความเป็น 1*/
    .ac5-camp-tobe-background{
        height: 200px;
        background-position: center center;
        margin-bottom: 20px;
    }
    /*ค่ายพัฒนาแกนนำจังหวัด*/
    .ac5-camp-tobe .col-md-6:nth-child(1){
        margin-bottom: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    /*ค่ายพัฒนาแกนนำจังหวัด*/
    .ac5-camp-province .col-md-6:nth-child(2){
        margin-bottom: 50px;
    }
    .ac5-camp-province-background{
        background-position: center center;
        height: 300px;
    }
    .ac5-camp-province .col-md-6:nth-child(2){
        padding-left: 0px;
        padding-right: 0px;
    }
    /*ค่ายพัฒนาแกนนำสู่ความเป็น 1*/
    .ac5-camp-tobe-background{
        height: 300px;
        background-position: center center;
        margin-bottom: 30px;
    }
    /*ค่ายพัฒนาแกนนำจังหวัด*/
    .ac5-camp-tobe .col-md-6:nth-child(1){
        margin-bottom: 30px;
    }
}
@media screen and (min-width:992px) and (max-width:1199px){
    /*ค่ายพัฒนาแกนนำจังหวัด*/
    .ac5-camp-province .col-md-6:nth-child(2){
        margin-bottom: 50px;
    }
    .ac5-camp-province-background{
        height: 600px;
    }
    /*ค่ายพัฒนาแกนนำสู่ความเป็น 1*/
    .ac5-camp-tobe-background{
        height: 800px;
    }
    /*ค่ายพัฒนาแกนนำจังหวัด*/
    .ac5-camp-tobe .col-md-6:nth-child(1){
        margin-bottom: 50px;
    }
}