* { font-size:100%; }
html { width:100%; min-height: 100%; }

body{
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif, Tahoma;
	font-size: 13px;
	line-height:18px;
}

/* Form */
form { margin:0; padding:0;}
form.main-form {  height:100%;}

/*Page Layout */
/**********************/
#bx-panel-error-ie{
	font-size:16px;
	background:#FC3;
	padding:20px 0px;
	border:#FF3300;
	border:1px solid #900;
	text-align:center;
}

html, body, div, span, object, iframe, 
blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, fieldset, form, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ul.nolist-style{ list-style:none;}
.clear{clear:both;}

.hidden{ display:none;}

img {border:0 none; max-width:100%; height:auto;}
.news-detail img{ margin:5px;}

#container_main{
  margin:0 auto;
  /*max-width:100%;*/
  min-height:800px;
  position:relative;
  width:100%;
  /*background:#f2f2f2;*/
}

#header .wrapper, #main .wrapper, #footer .wrapper {
	width:970px;
	margin:0 auto;
	position:relative;
}

/* Header */
#header .wrapper{position:relative; height:150px;}
#header .wrapper .logo, 
#header .slogan,
#header .menu-top, 
#header .member-top, 
#header .search,
#header .follow
{position:absolute;}
#header .logo{bottom:40px; z-index:1;}
#header .slogan{bottom:50px; left:270px; border-left:1px solid #dddddd; padding-left:10px;}
#header .menu-top{top:15px; right:135px; color:#999999;}
#header .member-top{
	top:0px; right:10px; width:100px; height:40px;
}

#header .member-authorized{
	top:0; right:10px; width:100px; height:40px;
}

#header .search{top:60px; right:120px; }

#header .follow{top:55px; right:0px;}
#header .follow{float:left; padding-top:7px;}
#header .follow span{float:left; display:block; line-height:25px; margin-right:7px; font-weight:bold;}
#header .follow a.link-fb{
	float:left;
	background:url(/images/icons/icon-facebook.png) no-repeat;
	display:block; width:25px; height:25px; margin:0 3px;
	}

#header #menu-main{
	position: absolute;
	bottom:0;
	height:40px;
	background:url(/images/thaibiz/bg-menu-main.jpg) repeat-x;
}


/* Main */
#main{
	/*background:url(/images/thaibiz/bg-container.jpg) no-repeat top center;*/
	min-height:400px;
}
.page-home{
	background:url(/images/thaibiz/bg-container.jpg) no-repeat top center;
}


/* Footer */
#footer{
	margin-top:50px;
	background:url(/images/thaibiz/bg-footer.jpg) repeat-x top;
	height:auto;
}
#footer .footer-01{height:40px;}

#footer .footer-01 .follow{float:left; padding-top:7px;}
#footer .footer-01 .follow span{float:left; display:block; line-height:25px; margin-right:10px; font-weight:bold; color:#FFFFFF;}
#footer .footer-01 .follow a{float:left; display:block; width:25px; height:25px; margin:0 3px;}
#footer .footer-01 .follow a.link-fb{background:url(/images/icons/icon-facebook.png) no-repeat;}
#footer .footer-01 .follow a.link-tw{background:url(/images/icons/icon-twitter.png) no-repeat;}
#footer .footer-01 .follow a.link-yt{background:url(/images/icons/icon-youtube.png) no-repeat;}

#footer .footer-01 .subscribe{float:right; padding-top:10px;}
#footer .footer-02 p{text-align:center;}
#footer .footer-03{padding:30px 0;}
#footer .footer-03 .address{float:left; font-size:85%; color:#666;}
#footer .footer-03 .copyright{float:right; font-size:85%; font-weight:bold; color:#666;}

/* User-menu */
#user-menu { margin:0; padding:0 1em; list-style: none; padding-bottom: 1.5em;}
#user-menu li { display: block; padding: 0.8em 1em; border-top: 1px solid; font-family: Georgia, serif;}
#user-menu li.last-item { border-bottom: 1px solid;}
#user-menu li a { text-decoration: none; font-size: 1.25em; font-weight: bold; outline: none;}

div.search-cloud { margin-top: 0.8em;}

/* Navigation */
div.navigation { font-size:100%; line-height:200%; }
span.navigation-title { padding-right:0.65em; font-weight: bold;}
div.navigation a { text-decoration:underline; padding:0.2em 0.3em;}
span.nav-current-page { padding:0.2em 0.3em; }
div.navigation span.arrow { font-size:100%; font-family:Times, serif; }
div.navigation span.ctrl { font-size:85%; }

dl.block-list { margin: 0; padding:0; font-size: 0.85em;}
dl.block-list dt { margin: 1em 0 0}
dl.block-list dd { margin:0; padding:0;}

/* Content */
.content_inside{
	padding:0;
}
.content_inside .column_left{
    float: left;
    width: 200px;
	margin-right:10px;
}
.content_inside .column_main{
    /*border-right: 1px dotted #CCCCCC;*/
    float: left;
	padding-left: 10px;
    padding-right: 10px;
    width: 720px;
}
.content_inside .column_right{
    float: right;
    width: 220px;
}
.content_inside_full{
	padding:0 10px;
}
/**/
.blue{ color:#273b95;}

/****Register auth****/
#sys-auth-form{width:840px; margin:0; margin-bottom:0px; padding:20px 60px; background:#FFFFFF url(/images/bg_register.jpg) no-repeat center;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.5);
	box-shadow: 0 1px 4px rgba(0,0,0,.5);
}
#sys-auth-form h1 { border-bottom:1px dotted #CCCCCC; padding-bottom:20px;}

#register_detail{
	float:right;
	width:450px;
	padding:10px 20px;
	/*background: url(/images/bg/tran40.png);*/
	text-shadow:0px 1px 0px #FFFFFF;;
}

#sys-auth-system{
	width:300px;
	/*margin:0 auto;*/
	margin:0;
	min-height:500px;
	/*float:left;*/
	/*background:url(/images/bg/or.png) no-repeat right 100px;*/
	padding-right:0px;
	border-right:1px dotted #cccccc;
}
#sys-auth-system-login{
	width:300px;
	/*margin:0 auto;*/
	margin:0;
	min-height:450px;
	border-right:1px dotted #cccccc;
	/*min-height:440px;*/
	/*float:left;*/
	/*background:url(/images/bg/or.png) no-repeat right 40px;*/

}
#sys-auth-facebook{ display:none;
	background:url(/images/bg/or.png) no-repeat left 20px;
	height:400px;
	width:260px;
	margin-top:20px;
	float:left;
	padding-left:100px;
}
.bx-regis-facebook{ padding-top:30px;}
.bx-regis-facebook-login{ padding-top:20px;}
#sys-auth-facebook h4{
	margin:20px 0px;
	font-style:italic;
	color:#666666;
	font-size:13px;
}
#sys-auth-facebook .facebook-register-accept {
    font-size: 11px;
    line-height: 16px;
    margin: 15px 0;
}
#sys-auth-facebook .bx-regis-facebook {
    padding-left: 0px;
    padding-top: 35px;
}
#sys-auth-facebook h4 {
    color: #666666;
    font-size: 13px;
    font-style: italic;
    margin: 10px 0;
}
#sys-auth-facebook .summit_form, #sys-auth-facebook input[type="submit"], #sys-auth-facebook input[type="reset"] {
    color: white;
    cursor: pointer;
    font-size: 18px;
    line-height: 20px;
    margin: 10px 0;
    padding: 7px 30px;
}
   #sys-auth-facebook .fb-text-small{
	   font-size:11px;
	   color:#999999;
	   }
	.summit_formfacebookhide{display:none;}
	.summit_formfacebook {
    background: url("/images/icons/login-facebook_bg.png") no-repeat scroll 0 0 transparent;
    height: 60px;
    opacity: 1;
    width: 215px;
}
    .facebook-register-accept .checkbox_summit {
    float: left;
    height: 20px;
    padding: 0px;
}
.contentLimit{ max-width:720px;}
/****end Register auth****/



/*	Tablet Layout: 768px. set=740px*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
#header .wrapper, #main .wrapper, #footer .wrapper {width:740px;}
#header .menu-top{top:8px;}
#header .member-top{top:-7px;}

#header .search{top:75px; right:0px; }
#header .follow{top:35px; right:0px;}


.content_inside .column_main{width:480px;}
.content_inside .column_right{width:220px;}
.content_inside .column_left{width:200px;}

#footer .footer-03 .address{float:none; font-size:85%; color:#666; text-align:center;}
#footer .footer-03 .copyright{float:none; font-size:85%; font-weight:bold; color:#666; text-align:center;}
#footer .footer-03 {padding:10px 0;}

	#sys-auth-form{ width:680px; margin:25px auto 0;padding: 10px 25px;}
	#sys-auth-system{width:300px;}
	#sys-auth-facebook{ padding-left:80px;width:250px;}
	#sys-auth-system-login{width:320px; }
	
#register_detail{width:320px;}
}

/*Mobile Layout: 320px. set=300px*/
@media only screen and (max-width: 767px) {
#panel{display:none;}
#header .wrapper, #main .wrapper, #footer .wrapper {width:300px;}

#header .logo{bottom:55px;}
#header .slogan{display:none;}
#header .menu-top{top:85px; left:0; right: auto;}
#header .member-top{top:70px; right:10px; width:100px; height:40px;}

#header .slogan img{width:185px;}

#header .follow{top:0px; right:0px;}

#header .search{top:115px; right:5px; z-index:10 }
#footer .footer-01 .follow span{display:none;}
.content_inside .column_main{width:300px; float:none; padding-left:0px; padding-right:0px;}
.content_inside .column_right{width:280px; float:none; padding:10px;}
.content_inside .column_left{width:280px; float:none; padding:10px;}


	/****Register auth****/
	#sys-auth-form{width:256px; margin:15px auto; margin-bottom:20px;padding:15px 20px;}
	#sys-auth-system, #sys-auth-system-login{
		width:256px;
		margin:0 auto;
		min-height:200px;
		float: none;
		background:none;
		/*background:url(/images/bg/or2.png) no-repeat bottom left;*/
		padding-bottom:0px;
		padding-right:0px;
		border-right:none;
	}
	#sys-auth-facebook{
		width:256px;
		height:256px;
		margin:0 auto;
		margin-top:20px;
		padding-bottom:30px;
		padding-top:50px;
		float:none;
		padding-left:0px;
		background:url(/images/bg/or2.png) no-repeat top left;
	}
	
	
	.bx-regis-facebook{ padding-top:0px;}
	.bx-regis-facebook-login{ padding-top:00px;}
	#sys-auth-facebook h4{
		margin:20px 0px;
		font-style:italic;
		color:#666666;
		font-size:12px;
	}
	/****end Register auth****/
	.page-home{ background-size:850px;}
	#register_detail{width:220px; float:none; margin:0 auto;}
	#sys-auth-system{border:0;}
}

/*		Wide Mobile Layout: 480px. set=460px*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

#header .wrapper, #main .wrapper, #footer .wrapper {width:460px;}

#header .logo{bottom:55px;}
#header .slogan{display:block; bottom:85px; left:265px; border-left:1px solid #dddddd; padding-left:5px;}
#header .menu-top{top:85px; left:0;}
#header .member-top{top:70px; right:10px; width:100px; height:40px;}

#header .follow{top:75px; right:120px;}

#header .slogan img{width:185px;}


.content_inside .column_main{width:430px; float:none;}
.content_inside .column_right{width:430px; float:none; padding:10px;}
.content_inside .column_left{width:430px; float:none; padding:10px;}

#footer .footer-03 .address{float:none; font-size:85%; color:#666; text-align:center;}
#footer .footer-03 .copyright{float:none; font-size:85%; font-weight:bold; color:#666; text-align:center;}
#footer .footer-03 {padding:10px 0;}

	/****Register auth****/
	#sys-auth-form{width:400px; margin:25px auto 0; margin-bottom:20px; padding:15px 25px;}
	#sys-auth-system, #sys-auth-system-login{
		width:300px;
		min-height:200px;
		float: none;
		background:none;
		/*background:url(/images/bg/or2.png) no-repeat bottom left;*/
		padding-bottom:0px;
		padding-right:0px;
		margin:0 auto;
	}
	
	#sys-auth-facebook{
		width:320px;
		height:250px;
		margin:0 auto;
		margin-top:20px;
		float:none;;
		padding-left:10px;
		padding-bottom:30px;
		padding-top:50px;
		background:url(/images/bg/or2.png) no-repeat top;
	}
	.bx-regis-facebook{ padding-top:0px;}
	.bx-regis-facebook-login{ padding-top:0px;}
	/****end Register auth****/
	
	.page-home{ background-size:1190px;}
	
	#register_detail{width:300px; float:none; margin:0 auto;}

}