@charset "utf-8";


/* CSS Document */
.navbar-toggle { 
  float: left; 
}
.homepage {
	padding-bottom:50px;
	padding-top:50px;
}
/*โลโก้*/
#logoweb{
        text-align:center;	
}
/*ส่งกลับด้านบน*/
#toTop {
	width:100px; 
        text-align:center;
        padding:5px;
        position:fixed; /* this is the magic */
        bottom:100px; /* together with this to put the div at the bottom*/
        right:10px;
        cursor:pointer;
        display:none;  
}

/* background color*/
.bg-red{background-color:#F33}
.bg-green{background-color:#CFC}
.bg-blue{background-color:#CFF}
.bg-pink{background-color:#FCF}

/**/
.rotate-90 {     
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    writing-mode: tb-rl; 
}

.rotate-270 {    
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: tb-rl; 			  
} 
/* list atg*/
.imgli {
    list-style: outside url("../images/abu06111.gif") none;
    line-height: 100%;
	padding-left:15px;
} 
.imga{
    background: transparent url("../images/abu06111.gif") no-repeat scroll left center;
    border: medium none; 
    margin: 0px;
	padding: 0px 0px 0px 20px; 
}
 
 /* เลือก theme */
.themesel{
	width:420px;
}
.themesel a img{
	max-width:100px;
	float:left;
}

/*access-view*/
#access-view{
	width:280px;
	height:28px;
/*	background:url(images/access-view-bg.png) no-repeat;*/
	position:absolute;
	top:50px;
	/*right:20px;*/
	right:50px;
	padding:0 0px;
	/*text-align:right;*/
}
#access-view ul, #access-view ul li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
} 
#access-view a {
	cursor: pointer;
    margin:5px 1px 0 1px;
}
#access-view a.fsactive {
	cursor: pointer;
}
 #access-view a#decreaseFont {
	background:url(../images/text-small.png) no-repeat;
    font-size:0;
    text-indent:-9999px;
	line-height:0;
	width:18px;
	height:18px;
	display:block;
	float:left;
	margin-left:132px;
}
#access-view a#defaultFont {
	background:url(../images/text-normal.png) no-repeat;
    font-size:0;
    text-indent:-9999px;
	line-height:0;
	width:18px;
	height:18px;
	display:block;
	float:left;
}
#access-view a#increaseFont {
	background:url(../images/text-large.png) no-repeat;
    font-size:0;
    text-indent:-9999px;
	line-height:0;
	width:18px;
	height:18px;
	display:block;
	float:left;
}

/* css กำหนดพื้นที่ของ div ข้อความเลื่อน    เมนูย่อย ประกาศ */
.containMarquee{
 	position:relative;
	top:0px;
	width:100%;
	margin:0px;
	display:block;
	height:250px;
	border:1px dashed #CCC;
	line-height:20px;
	background-color:#FF6;	
	overflow:hidden;
text-align: center;
}
/* css กำหนดข้อความ สำหรับการทำ marquee  */
.obj_marquee{
	position:absolute;
	display:block;
white-space:normal;
	word-wrap:break-word;
text-align: center;
	width:100%;
	
}

@media print { 
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
}




 
/* box column id*/
.panel-heading{ /*ทุกบล็อก*/
	background: url("../themesweb/ayutthaya2554/images/topic-icon.png") no-repeat scroll left top transparent;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
	font-weight: bold;
	padding-left:35px;
}
#column_boxid28 { /*ผู้ว่าราชการจังหวัด*/
	background:none;
	border: 1px solid #752b00;
	background-color:#fff3b1!important;
	color:#752b00;
}
#column_boxid28 .panel-heading{
	background: url("../themesweb/ayutthaya2554/images/person-icon.png") no-repeat scroll left top transparent; 
	border:none;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom: 1px solid #752b00;  
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
	color:#752b00; font-weight: bold;
	padding-left:35px;
}
#column_boxid38 { /* วีดีทัศน์ */
	background:none;
	border: 1px solid #125877;
	background-color:#e7fdff!important;
	color:#125877;
}
#column_boxid38 .panel-heading{
	background: url("../themesweb/ayutthaya2554/images/vdo-icon.png") no-repeat scroll left top transparent; 
	border:none;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom: 1px solid #125877;  
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
	color:#125877; font-weight: bold;	
	padding-left:35px;
}
#column_boxid29 { /*ประกาศ*/
	background:none;
	border: 1px solid #752b00;
	background-color:#fff3b1!important;
	color:#752b00;
}
#column_boxid29 .panel-heading{
	background: url("../themesweb/ayutthaya2554/images/callcenter-girls-blue-icon.png") no-repeat scroll left top transparent; 
	border:none;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom: 1px solid #752b00;  
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
	color:#752b00; font-weight: bold;
	padding-left:35px;
}
#column_boxid26 { /*ค้นหา*/
	background:none;
	border: 1px solid #23562a;
	background-color:#cfffc8!important;
	color:#23562a;
}
#column_boxid26 .panel-heading{
	background: url("../themesweb/ayutthaya2554/images/green-search-icon.png") no-repeat scroll left top transparent; 	
	border:none;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom: 1px solid #23562a;  
	color:#23562a; font-weight: bold;
	padding-left:35px;
}
 
#linenews { /* LINE ข่าว */ 
	background:none;
	border: 1px solid #23562a;
	background-color:#cfffc8!important;
	color:#23562a;
}
#linenews .panel-heading{
	background: url("../themesweb/ayutthaya2554/images/line-icon.png") no-repeat scroll left top transparent; 
	border:none;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom: 1px solid #23562a;  	
	color:#23562a; font-weight: bold;
	padding-left:35px;
}
/* box other */

#boxlinks {
	background:none;
	border: 1px solid #752b00;
	background-color:#fff3b1!important;
	color:#752b00;
}
#boxlinks .panel-heading{
	background: url("../themesweb/ayutthaya2554/images/link-icon.png") no-repeat scroll left top transparent; 
	border:none;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom: 1px solid #752b00;  
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
	color:#752b00; font-weight: bold;
	padding-left:35px;
}
#boxhit {
	background:none;
	border: 1px solid #23562a;
	background-color:#cfffc8!important;
	color:#23562a;
}
#boxhit .panel-heading{
	background: url("../themesweb/ayutthaya2554/images/char-icon.png") no-repeat scroll left top transparent; 
	border:none;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom: 1px solid #23562a;  	
	color:#23562a; font-weight: bold;
	padding-left:35px;
}
#boxpoll {
	background:none;
	border: 1px solid #603319;
	background-color:#FFF!important;
	color:#603319;
}
#boxpoll .panel-heading{
	background: url("../themesweb/ayutthaya2554/images/statistics-icon.png") no-repeat scroll left top transparent; 
	border:none;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom: 1px solid #603319;  
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
	color:#603319; font-weight: bold;
	padding-left:35px;
}
#boxpoll .titlepoll{
	font-weight: bold;
    font-size: 120%;
	color:#0936b2;
}
#boxpoll label{
    font-size: 100%;
	color:#0936b2;
}

#boxcals {
	background:none;
	border: 1px solid #125877;
	background-color:#e7fdff!important;
	color:#125877;
}
#boxcals .panel-heading{
	background: url("../themesweb/ayutthaya2554/images/cal-icon.png") no-repeat scroll left top transparent; 
	border:none;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom: 1px solid #125877;  
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
	color:#125877; font-weight: bold;	
	padding-left:35px;
}

#boxsubscribe {
	background:none;
	border: 1px solid #125877;
	background-color:#e7fdff!important;
	color:#125877;
}
#boxsubscribe .panel-heading{
	background: url("../themesweb/ayutthaya2554/images/mail-icon.png") no-repeat scroll left top transparent; 
	border:none;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom: 1px solid #125877;  
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); 
	color:#125877; font-weight: bold;	
	padding-left:35px;
} 
#boxyoutube { /* youtube */ 
}
#boxyoutube .panel-heading{
	background: url("../themesweb/ayutthaya2554/images/vdo-icon.png") no-repeat scroll left top transparent;  
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);   
	font-weight: bold;	
	padding-left:35px;
}



 
 
 /* ภาพกิจกรรม */
 
#carousel-gallery-generic .img-responsive,
#carousel-gallery-generic .thumbnail > img,
#carousel-gallery-generic .thumbnail a > img,
#carousel-gallery-generic .carousel-inner > .item > img,
#carousel-gallery-generic .carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
} 
#carousel-gallery-generic .carousel-inner {
  border-radius: 15px;
} 
#carousel-gallery-generic .carousel-caption {
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left;
} 
#carousel-gallery-generic .carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}

#carousel-gallery-generic .carousel-control.left,
#carousel-gallery-generic .carousel-control.right {
  background-image: none;
} 
#carousel-gallery-generic .section-white {
   padding: 10px 0;
} 
#carousel-gallery-generic .section-white {
  background-color: #fff;
  color: #555;
} 
@media screen and (min-width: 768px) {

#carousel-gallery-generic .section-white {
     padding: 1.5em 0;
  }

} 
@media screen and (min-width: 992px) {

#carousel-gallery-generic .container {
    max-width: 930px;
  }

}  
/* จบภาพกิจกรรม */
/* carousel ภาพแสดง link  */
.media-carousel 
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
  left: -12px;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
  right: -12px !important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active 
{
  background: #333333;
}
.media-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel ภาพแสดง link  */

/*ก็แล้วแต่*/
	.column_left { width:300px; float: left; padding-bottom: 100px; }
	.column_center { width:550px; float: left; margin-left:10px; margin-right:10px;  padding-bottom: 100px; }
	.column_right { width:250px; float: left;  padding-bottom: 100px; }
	
	.page {
		width:1200px;
	}
@media print { 
	.column_left { width:250px; }
	.column_center { width:370px;  }
	.column_right { width:230px;  }
	
	.page {
		width:900px;
	}
}
/*ก็แล้วแต่*/


/* tagcloud */
#tagcloud {
	/*
    width: 300px;
    background:#CFE3FF;
    color:#0066FF;
    padding: 10px;
    border: 1px solid #559DFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	*/
    text-align:center;
}
 
#tagcloud a:link, #tagcloud a:visited {
    text-decoration:none;
/*    color: #333;  */
}
 
#tagcloud a:hover {
    text-decoration: underline;
}
 
#tagcloud span {
    padding: 4px;
}
 
#tagcloud .smallest {
    font-size: x-small;
}
 
#tagcloud .small {
    font-size: small;
}
 
#tagcloud .medium {
    font-size:medium;
}
 
#tagcloud .large {
    font-size:large;
}
 
#tagcloud .largest {
    font-size:larger;
}