/* HTML tag */
@font-face {
    font-family: 'boon400';
    src: url('/fonts/boon-400.eot');src: url('/fonts/boon-400.eot?#iefix') format('embedded-opentype'),url('/fonts/boon-400.woff') format('woff'),url('/fonts/boon-400.ttf') format('truetype'),url('/fonts/boon-400.svg#thaisans_neue_ultltregular') format('svg');font-weight: normal;font-style: normal;
}

body {
background-color:#F4F4F4;
}

h1,h2,h3 {
font-family:boon400;
}

h1 {
font-size:2.0em;
margin-top: 5px;
margin-bottom: 10px;
}

h2 {
font-size:1.6em;
margin-top: 5px;
margin-bottom: 10px;
}

img {
max-width:100%;
height:auto;
}

iframe {
max-width:100%;
}

hr {
margin-top: 5px;
margin-bottom: 5px;
border: 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
}

hr.black{
margin-top: 5px;
margin-bottom: 5px;
border: 0;
border-top: 1px solid #111111;
border-bottom: 1px solid #222222;
}

ul.padding-5 {
padding-left:17px;
}

/* Header and menu */
.navbar {
border-radius: 2px;
min-height:35px !important;
margin-bottom: 0px;
}

.navbar .divider-vertical {
height: 35px;
margin: 0 0px;
border-right: 1px solid #ffffff;
border-left: 1px solid #f2f2f2;
}

.navbar-inverse .divider-vertical {
border-right-color: #333333;
border-left-color: #111111;
}

.navbar-toggle {
margin-top: 4px;
margin-bottom: 4px;
}

.navbar-nav {
margin: 0px 0px;
}

.navbar-nav li{
font-family:boon400;
font-size:1.2em;
}

.navbar-right {
margin-right: 0px !important;
}

.navbar-inverse .navbar-nav > li > a {
color: #cccccc;
}

.navbar-collapse {
padding-right: 0px;
padding-left: 0px;
}

.navbar-brand {
height: 30px;
padding: 10px 10px;
}

.nav-pills > li > a {
border-radius: 0px;
}

.navbar-nav > li > a {padding-top:8px !important; padding-bottom:6px !important;}
.navbar {min-height:35px !important;margin-bottom: 0px;}

.menuhome {
display:none;
}

.dropdown-menu .divider {
margin: 4px 0;
}

.menubar-bg {
background-color:#333333;
border-right: 1px solid #ffffff;
}

.banner-top {
text-align:center;
padding-top:5px;
padding-bottom:25px;
background: rgb(34,34,34); /* Old browsers */
background: rgb(51,51,51); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(68,68,68,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(68,68,68,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(68,68,68,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(68,68,68,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(68,68,68,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(68,68,68,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#444444',GradientType=0 ); /* IE6-9 */

}

@media (max-width: 767px) {
.menuhome {
display:inline-block;
}
}

/* Gerneral use */
.btn-success, .btn-warning, .btn-danger , .btn-primary , .btn-info {
text-shadow: 0px 1px 1px #3e3c7f;
font-size:15px;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
margin-right: 0px;
margin-left: 0px;
}

.container {
padding-right: 2px;
padding-left: 0px;
}

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

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-right: 2px;
padding-left: 2px;
}

.noshow {
display:none;
}

.fl { float:left !important;}
.fr { float:right;}

.btn {
border-radius: 0px;
}

.alert {
padding: 10px;
margin-bottom: 10px;
}

.text-red {
color:#F00;
}

.text-center {
text-align:center;
}

.line {
border-top: 1px solid #dedede;
}

.line-black {
border-top: 1px solid #333333;
}

.line-bottom {
border-bottom: 1px solid #eeeeee;
}

.padding-top-5 {
padding-top:5px;
}

.padding-top-10 {
padding-top:10px;
}

.padding-bottom-10 {
padding-bottom:10px;
}

.padding-left-0 {
padding-left:0px;
}

.padding-left-5 {
padding-left:5px;
}

.mg-top-0 {
margin-top:0px;
}

.mg-top-5 {
margin-top:5px;
}

.mg-top-10 {
margin-top:10px;
}

.mg-bottom-5 {
margin-bottom:5px;
}

.mg5 {
margin:5px;
}

.dtmg5 {
margin:5px;
}

.mg10 {
margin:10px;
}

.mgl10 {
margin-left:10px;
}

.pd5 {
padding:5px;
}

.pd10 {
padding:10px;
}

.fz10 {
	font-size:10px;
}

.fz12 {
	font-size:12px;
}

.fz13 {
	font-size:13px;
}

.fz14 {
	font-size:14px;
}

.fz16 {
	font-size:16px;
}

.fz18 {
	font-size:18px;
}

.w80{
width:80px;
}

.w300 {
width:300px;
}

.w100p{
width:100%;
}

.lh180p{
line-height:180%;
}

.info {
font-family:boon400;
}

.modaldialog {
display:none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index:9999;
}

.bannertop {
margin:auto; text-align:center;margin-top:5px;margin-bottom:5px; max-width:100%;
}

.bannertopdesktop {
background-color:#DDD; padding:5px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, .2); padding-bottom:0px;
}

/* content */
.breadcrumb li{
font-size:1.0em;
}

.bordergray {
border: 1px solid #e8e8e8;
box-shadow: 1px 2px 2px #eee;
padding:5px;
margin-top:0px;
margin-bottom:5px;
background-color:#FFFFFF;
}

.login_head a{
	padding: 10px 15px;
}

.logined_head a {
padding: 5px 15px !important;
}

.pic {
float: left;
width: 114px;
border: 2px solid #fff;
height: 114px;
overflow: hidden;
box-shadow: 0px 0px 1px #999;
margin-right:10px;
margin-bottom:5px;
}

.news_head {
background-image: url(/img/bg_head.gif);
color:#FFFFFF;
padding:0px;
padding-left:20px;
margin-top:3px;
font-size:1.6em;
#font-weight:bold;
font-family:boon400;
/*border: 1px solid #ff66cc; */
border: 1px solid #ffffff;
text-shadow: 0px 1px 1px #3e3c7f;
margin-left:-11px;
margin-right:-3px;
}

.news_list {
padding-top:5px;
padding-left:5px;
border-bottom: 1px dashed #e4e4e4;
}

.news_head_list{
margin-bottom:5px;
}

.news_head_list a{
text-decoration:none;
font-size:1.6em;
#color:#000000;
#font-weight:bold;
font-family:boon400;
#letter-spacing:1px;
}

.news_head_list_relate a{
text-decoration:none;
font-size:1.2em;
font-family:boon400;
}

.news_detail_list{
margin-bottom:5px;
}

.news_detail_list a{
color:#555555;
text-decoration:none;
}

.news_date_list {
display:inline-block;
font-size:1.0em;
color:#bbbbbb;
padding-top:5px;
font-weight:lighter;
font-family:boon400;
}

.newsWindow {
margin:5px;
}

.newsWindow img,iframe{
display:block;
margin-left: auto;
margin-right: auto;
}

.new_detail {
font-size:1.143em;
}

.news_tag {
margin-top:5px;
}

.news_tag_word { font-size:12px;
padding:3px;
color:#666;
border: 1px solid #eaeaea;
}
.news_tag_word:hover { background-color:#FC0; color:#FFFFFF;
}

.read-all {
float:right;
padding:5px;
}

.login_box {
padding:15px;
background-color:#F5F5F5;
margin-top:5px;
border: 1px solid #eee;
margin-bottom:5px;
}

.login_box_show {
width:300px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -150px;
}

.gallery-desc {
	width:150px;
	height:18px;
	overflow:hidden;
	text-align:center;
	font-size:12px;
}

.advertorial {
background-color:#fbf8e6;
border-bottom: 1px solid #FEEAC0;
}

.advertorial .pic {
box-shadow: 0px 0px 1px #FED943;
}

.tagcloud a{
padding:5px;
border:solid 1px #e0e0e0;
display:inline-block;
margin:5px 0px 0px 5px;
font-size:12px;
border-radius: 2px;
background-color:#FFFFFF;
color:#999999;
}

.tagcloud a:hover{
background-color:#FFCC00;
color:#FFFFFF;
}


.selectroom input[type="radio"] {
    display:none;
}

.selectroom label {
padding:5px 10px 5px 10px;
margin:3px;
border: 1px solid #eaeaea;
}

.selectroom input[type="radio"]:checked + label {
    background-color:#FC0;
}

.selectroom_sub {
padding:5px 10px 5px 10px;
margin:5px;
border: 1px solid #eaeaea;
}

.selectroom_sub input[type="checkbox"] {
    display:none;
}

.selectroom_sub label {
padding:5px 10px 5px 10px;
margin:3px;
border: 1px solid #eaeaea;
}

.selectroom_sub input[type="checkbox"]:checked + label {
    background-color:#FC0;
}

/* Social */
.social-networks {
float: right;
min-height: 20px;
min-width: 50px;
#padding: 10px 0;
list-style: none;
margin-bottom: 0px;
}

.social-networks li {
float: left;
margin-left: 5px;
}

.share-btn {
display:inline;
}

.fb-share-button span{ vertical-align: baseline !important; }
.fb-like span{ vertical-align: baseline !important; }

/* Head */
.bgheadbar {
background-image: url(/img/bg_head.gif);
padding-bottom:1px;
}

.bgheadbar a {
color:#FFFFFF;
}

#logo {
height:	30px;
}

.logout {
height:30px;
line-height: 30px;
padding-left:5px;
padding-right:3px;
}

.user-image {
height:	20px;
}

.fontregister a {
color:#FFFFFF;
font-size:14px;
}


/* Footer */
.footer {
background-color:#1a1a1a;
color:#FFFFFF;
}

.footer a{
color:#FFFFFF;
}

/* Important */

.no-padding {
padding-right: 0px;
padding-left: 0px;
}


/* Gallery */
#reorder-gallery {width:100%; padding:0px;}

#order-buttons {padding:10px;}

#sortable { list-style-type: none; margin: 0; padding: 0; }

#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; text-align: center; }

#sortable li img {padding:1px; border:1px solid #ccc; cursor: pointer }

.ui-state-default, .ui-widget-content .ui-state-default{border:none; background:none;}

/* arrow icon (span tag) */
#back-top {
	position: fixed;
	bottom: 10px;
	right:10px
}

#back-top a {
	width: 70px;
	display: block;
	text-align: center;
	font: 9px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	opacity:0.7;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

#back-top span {
	width: 70px;
	height: 70px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(/img/up-arrow.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

@media (min-width: 992px) {
/* Social */
.twitter {
top:6px;
}

.facebook {
top:0px;
}
}

@media (min-width: 1200px) {
/* Gerneral use */
.col-md-8 {
width: 73%;
}
}


@media (max-width: 767px) {
.navbar-collapse .nav > .divider-vertical {
  height: 0px;
  margin-top: 0px;
  border-bottom: 1px solid #333;
}
.social-networks {
float: none;
}

.bordergray {
border: 0px;
padding:0px;
margin-top:5px;
margin-bottom:5px;
}
}


@media (min-width: 441px) {

#logo {
height:	40px;
}

.user-image {
height:	30px;
}

.logout {
height:40px;
line-height: 40px;
padding-left:10px;
padding-right:5px;
}


}

@media (max-width: 440px) {

h2 {
font-size:1.5em;
}

li {
font-size: 16px;
}

.bgheadbar {
font-size:11px;
}

.fontregister {
font-size:11px;
}

.navbar-nav li{
font-size:16px;
}

.nav > li > a {
position: relative;
display: block;
padding: 7px 10px;
}

.pic {
width: 84px;
height: 84px;
}

.dtmg5 {
margin:0px;
}

.news_head_list a{
font-size:1.2em;
}

}