<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>khaosod | khaosod</title>
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="http://khaosod.ml/xmlrpc.php" />
    	<!--[if lt IE 9]>
	<script src="http://khaosod.ml/wp-content/themes/khaosods/js/html5.js" type="text/javascript"></script>
	<![endif]-->
	<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="khaosod &raquo; Feed" href="http://khaosod.ml/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="khaosod &raquo; Comments Feed" href="http://khaosod.ml/?feed=comments-rss2" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/khaosod.ml\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.10"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56760,9792,65039],[55358,56760,8203,9792,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel='stylesheet' id='widgets_styles-css'  href='http://khaosod.ml/wp-content/themes/khaosods/widgets/widgets.css?ver=4.9.10' type='text/css' media='all' />
<link rel='stylesheet' id='primetime-style-css'  href='http://khaosod.ml/wp-content/themes/khaosods/style.css?ver=4.9.10' type='text/css' media='all' />
<link rel='stylesheet' id='prettyphoto-style-css'  href='http://khaosod.ml/wp-content/themes/khaosods/js/prettyphoto/css/prettyPhoto.css?ver=4.9.10' type='text/css' media='all' />
<link rel='stylesheet' id='media-style-css'  href='http://khaosod.ml/wp-content/themes/khaosods/js/mediaplayer/mediaelementplayer.css?ver=4.9.10' type='text/css' media='all' />
<link rel='stylesheet' id='responsive-css'  href='http://khaosod.ml/wp-content/themes/khaosods/includes/responsive.css?ver=4.9.10' type='text/css' media='all' />
<link rel='stylesheet' id='jreject-style-css'  href='http://khaosod.ml/wp-content/themes/khaosods/js/jreject/css/jquery.reject.css?ver=4.9.10' type='text/css' media='all' />
<script type='text/javascript' src='http://khaosod.ml/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/modernizr.custom.17475.js?ver=1.1.0'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/_utils.js?ver=1.0.0'></script>
<link rel='https://api.w.org/' href='http://khaosod.ml/index.php?rest_route=/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://khaosod.ml/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://khaosod.ml/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.9.10" />
		<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
		<style type="text/css" id="custom-background-css">
body.custom-background { background-color: #333333; background-image: url("http://khaosod.ml/wp-content/uploads/2018/12/boxed-pattern6.jpg"); background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }
</style>

		
	<script type="text/javascript">
		jQuery(document).ready(function() {
			/* Reject old browsers */
			jQuery.reject({
				reject : {
					all: false, // Nothing blocked
					msie5: true, msie6: true, msie7: true // Covers MSIE 5-7
					/*
					 * Possibilities are endless...
					 *
					 * // MSIE Flags (Global, 5-8)
					 * msie, msie5, msie6, msie7, msie8,
					 * // Firefox Flags (Global, 1-3)
					 * firefox, firefox1, firefox2, firefox3,
					 * // Konqueror Flags (Global, 1-3)
					 * konqueror, konqueror1, konqueror2, konqueror3,
					 * // Chrome Flags (Global, 1-4)
					 * chrome, chrome1, chrome2, chrome3, chrome4,
					 * // Safari Flags (Global, 1-4)
					 * safari, safari2, safari3, safari4,
					 * // Opera Flags (Global, 7-10)
					 * opera, opera7, opera8, opera9, opera10,
					 * // Rendering Engines (Gecko, Webkit, Trident, KHTML, Presto)
					 * gecko, webkit, trident, khtml, presto,
					 * // Operating Systems (Win, Mac, Linux, Solaris, iPhone)
					 * win, mac, linux, solaris, iphone,
					 * unknown // Unknown covers everything else
					 */
				},
				imagePath: 'http://khaosod.ml/wp-content/themes/khaosods/js/jreject/images/',
				header: 'Your browser is out of date', // Header Text
				paragraph1: 'You are currently using an unsupported browser', // Paragraph 1
				paragraph2: 'Please install one of the many optional browsers below to proceed',
				closeMessage: 'Close this window at your own demise!' // Message below close window link
			});
		});
    </script>
</head>

<body class="home blog custom-background wide navigation-style-1 ltr">
	<!--[if lt IE 8]>
	
		<div class="sc_infobox sc_infobox_style_error">
			It looks like you're using an old version of Internet Explorer. For the best WordPress experience, please <a href="http://microsoft.com">update your browser</a> or learn how to <a href="http://browsehappy.com">browse happy</a>!
		</div>
			<![endif]-->
<div id="page" class="hfeed site">
		<header id="header" class="site-header" role="banner">
		<div id="site-header">

			
			
						<section class="section3"  style = "background: url(http://khaosod.ml/wp-content/uploads/2018/12/boxed-pattern6.jpg) center 0 no-repeat;">
				<div class="section-wrap clearboth">
					<div class="banner-block">
											</div>
					<div class="name-and-slogan">
													<h1 class="site-title"><a href="http://khaosod.ml/" title="khaosod" rel="home"><img src="khaosod" alt="logo" /></a></h1>
												<h2 class="site-description">khaosod</h2>
					</div>
				</div>
			</section>
			
			<section class="section-nav">
				<nav id="site-navigation" class="navigation-main" role="navigation">
					<ul id="site-main-menu" class="clearboth"><li class="home"><a href="http://khaosod.ml"></a></li><li id="menu-item-24" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-home menu-item-24"><a href="http://khaosod.ml/">Home</a></li>
<li id="menu-item-9" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9"><a href="http://khaosod.ml/?cat=2">News</a></li>
<li id="menu-item-10" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10"><a href="http://khaosod.ml/?cat=3">Video</a></li>
</ul>			
				</nav><!-- #site-navigation -->
			</section>

			<section class="news-ticker">
				
		<!-- Recent News slider -->
		<div class="header_news_ticker" id="flexslider-news">
			<ul class="news slides">
				
        	<li class="news_string">
				<div class="text">
					<a href="http://khaosod.ml/?p=27">ต้องบอกเลยว่าตอนนี้นั้นเปิดใจไปบ่อยมากสำหรับความรักระหว่าง ศรราม เทพพิทักษ์ และ บิ๊ก บราเธอร์...</a>
				</div>
			</li>
		
			</ul>
		</div>
		<!-- end News ticker -->
				</section>
		</div>
	</header><!-- #masthead -->
	
	    
    <div id="main"  class="right_sidebar">
    	<div class="inner">
        	<div class="general_content clearboth">
            	<div class="main_content">
					
					
	<div id="content" class="site-content" role="main">
		
								<div class="block_home_slider style1">
									<div class="slider-wrapper">	
									<div id="home_slider" class="flexslider">
										<ul class="slides">
							
											<li>
												<div class="slide">
													<a href="http://khaosod.ml/?p=27"><img src="http://khaosod.ml/wp-content/uploads/2018/12/as-620x310.png" alt="ผมเห็นแล้วอดใจไม่ไหว ศรราม เปิดใจไม่อาย รัก ติ๊ก บิ๊กบราเธอร์”เพราะเธอมีของที่เย้ายวนใจ (คลิป)"></a>
													<div class="caption">
														<p class="subj">News</p>
														<p class="title">ผมเห็นแล้วอดใจไม่ไหว ศรราม เปิดใจไม่อาย รัก ติ๊ก บิ๊กบราเธอร์”เพราะเธอมีของที่เย้ายวนใจ (คลิป)</p>											
														<p class="body">ต้องบอกเลยว่าตอนนี้นั้นเปิดใจไปบ่อยมากสำหรับความรักระหว่าง ศรราม เทพพิทักษ์ และ บิ๊ก บราเธอร์...</p>
													</div>
												</div>
											</li>
					         
								</ul>              
								</div>
								
		<ul id='paging_controls'>				
								<li class="slider-item1"><div class="inner"><div class="slide-title">ผมเห็นแล้วอดใจไม่ไหว ศรราม เปิดใจไม่อาย รัก ติ๊ก บิ๊กบราเธอร์”เพราะเธอมีของที่เย้ายวนใจ (คลิป)</div><div class="post-date">December 4, 2018</div></div></li></ul>
				</div>
			</div>
			<script type="text/javascript">
									//jQuery('#home_slider .caption').animate({'marginLeft':'-500','opacity':'0'}, 700);
									jQuery(function () {
										jQuery('#home_slider').flexslider({
											animation : 'fade',
											animationLoop : true,
											slideshow : true,
											slideshowSpeed : 7000,
											animationSpeed : 600,
											controlNav : true,
											directionNav : true,
											pauseOnAction : true,
											pauseOnHover : false,
											useCSS : false,
											manualControls: '#paging_controls li',
											start: function(){},										       
											before: function(slider){
												jQuery('#home_slider .caption').animate({'marginLeft':'-500','opacity':'1'}, 700);
											},           
											after: function(){
												jQuery('#home_slider .caption').animate({'marginLeft':'0','opacity':'1'}, 400);
											},									        
											end: function(){},              
											added: function(){},            
											removed: function(){} 
										});
									});
								</script>
		<!-- Recent News -->
		<div class="recent_news_home clearboth">
			
                        	<div class="block_home_post">
								<div class="post-image">
									<a href="http://khaosod.ml/?p=27" class="img-link img-wrap w_hover">
										<img class="wp-post-image" width="194" height="123" alt="ผมเห็นแล้วอดใจไม่ไหว ศรราม เปิดใจไม่อาย รัก ติ๊ก บิ๊กบราเธอร์”เพราะเธอมีของที่เย้ายวนใจ (คลิป)" src="http://khaosod.ml/wp-content/uploads/2018/12/as-194x123.png">
										<span class="link-icon"></span>
										<span class="overlay"></span>
									</a>
								</div>
								<div class="post-content">
									<div class="title"><a href="http://khaosod.ml/?p=27">ผมเห็นแล้วอดใจไม่ไหว ศรราม เปิดใจไม่อาย รัก...</a></div>
								</div>
								<div class="post-footer">
									<div class="date">December 4, 2018</div>
									
								</div>
							</div>
		
		</div>
		<!-- end Recent News -->
	
		<!-- Recent News -->
		<div class="home_category_news clearboth">
			<div class="border-top"></div><h2 class="block-title"></h2>
			<div class="items-wrap">
				
                        	<div class="block_home_post first-post">	<div class="post-image">
									<a href="http://khaosod.ml/?p=27" class="img-link img-wrap w_hover">
										<img class="wp-post-image" width="300" height="176" alt="ผมเห็นแล้วอดใจไม่ไหว ศรราม เปิดใจไม่อาย รัก ติ๊ก บิ๊กบราเธอร์”เพราะเธอมีของที่เย้ายวนใจ (คลิป)" src="http://khaosod.ml/wp-content/uploads/2018/12/as-300x176.png">
										<span class="link-icon"></span>
										<span class="overlay"></span>
									</a>
								</div>
								<div class="post-content">
									<div class="title"><a href="http://khaosod.ml/?p=27">ผมเห็นแล้วอดใจไม่ไหว ศรราม เปิดใจไม่อาย รัก...</a></div>
								</div>
								
								<div class="post-info">
									<div class="post_date">December 4, 2018</div>
									
			<a href="http://khaosod.ml/?p=27" class="comments_count">0</a>
		
								</div><div class="post-body">ต้องบอกเลยว่าตอนนี้นั้นเปิดใจไปบ่อยมากสำหรับความรักระหว่าง ศรราม เทพพิทักษ์ และ บิ๊ก บราเธอร์ ซึ่งแต่ละรายการนั้นบอกได้คำเดียวว่าเป็นคำถามแต่ละคำถามนั้นทำให้ทั้งคู่นั้นเซอร์ไพรส์มากๆ...</div>								
							</div>
		
			</div>
		<div class="view-all"></div>
		</div>
		<!-- end Recent News -->
	
		<!-- Recent News -->
		<div class="home_category_news clearboth">
			<div class="border-top"></div><h2 class="block-title"></h2>
			<div class="items-wrap">
				
                        	<div class="block_home_post first-post">	<div class="post-image">
									<a href="http://khaosod.ml/?p=27" class="img-link img-wrap w_hover">
										<img class="wp-post-image" width="300" height="176" alt="ผมเห็นแล้วอดใจไม่ไหว ศรราม เปิดใจไม่อาย รัก ติ๊ก บิ๊กบราเธอร์”เพราะเธอมีของที่เย้ายวนใจ (คลิป)" src="http://khaosod.ml/wp-content/uploads/2018/12/as-300x176.png">
										<span class="link-icon"></span>
										<span class="overlay"></span>
									</a>
								</div>
								<div class="post-content">
									<div class="title"><a href="http://khaosod.ml/?p=27">ผมเห็นแล้วอดใจไม่ไหว ศรราม เปิดใจไม่อาย รัก...</a></div>
								</div>
								
								<div class="post-info">
									<div class="post_date">December 4, 2018</div>
									
			<a href="http://khaosod.ml/?p=27" class="comments_count">0</a>
		
								</div><div class="post-body">ต้องบอกเลยว่าตอนนี้นั้นเปิดใจไปบ่อยมากสำหรับความรักระหว่าง ศรราม เทพพิทักษ์ และ บิ๊ก บราเธอร์ ซึ่งแต่ละรายการนั้นบอกได้คำเดียวว่าเป็นคำถามแต่ละคำถามนั้นทำให้ทั้งคู่นั้นเซอร์ไพรส์มากๆ...</div>								
							</div>
		
			</div>
		<div class="view-all"></div>
		</div>
		<!-- end Recent News -->
		</div><!-- #content -->


	</div><!-- .main_content -->

	<div id="secondary" class="widget-area main_sidebar right_sidebar" role="complementary">
						<aside id="recent-posts-2" class="widget widget_recent_entries">		<h3 class="widget_title">Recent Posts</h3>		<ul>
											<li>
					<a href="http://khaosod.ml/?p=27">ผมเห็นแล้วอดใจไม่ไหว ศรราม เปิดใจไม่อาย รัก ติ๊ก บิ๊กบราเธอร์”เพราะเธอมีของที่เย้ายวนใจ (คลิป)</a>
									</li>
					</ul>
		</aside><aside id="recent-comments-2" class="widget widget_recent_comments"><h3 class="widget_title">Recent Comments</h3><ul id="recentcomments"></ul></aside><aside id="archives-2" class="widget widget_archive"><h3 class="widget_title">Archives</h3>		<ul>
			<li><a href='http://khaosod.ml/?m=201812'>December 2018</a></li>
		</ul>
		</aside><aside id="categories-2" class="widget widget_categories"><h3 class="widget_title">Categories</h3>		<ul>
	<li class="cat-item cat-item-2"><a href="http://khaosod.ml/?cat=2" >News</a>
</li>
		</ul>
</aside><aside id="meta-2" class="widget widget_meta"><h3 class="widget_title">Meta</h3>			<ul>
						<li><a href="http://khaosod.ml/wp-login.php">Log in</a></li>
			<li><a href="http://khaosod.ml/?feed=rss2">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
			<li><a href="http://khaosod.ml/?feed=comments-rss2">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
			<li><a href="https://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>			</ul>
			</aside>	</div><!-- #secondary -->

            </div>
        </div>
    </div>
	
	<footer id="footer" class="site-footer" role="contentinfo">
			<section class="ft_section_1">
			<div class="footer-wrapper">
				<div class="col1">
															
	            					</div>
				<div class="col2">
					 <div class="block_footer_widgets">
                    	<div class="column">
														                        </div>
                        
                        <div class="column">
														                        </div>
                        
                        <div class="column last">
														                        </div>
                    </div>
				</div>
			</div>
		</section>
		<section class="ft_section_2">
			<div class="footer-wrapper">
				<ul id="footer_menu" class=""><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-home menu-item-24"><a href="http://khaosod.ml/">Home</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9"><a href="http://khaosod.ml/?cat=2">News</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10"><a href="http://khaosod.ml/?cat=3">Video</a></li>
</ul>				<div class="copyright">
											<div class="footer_text">
							© 2013. All Rights Reserved. Created by Theme REX						</div>
									</div>
			</div>
		</section>
	</footer><!-- #colophon -->

		<!-- PopUp -->
		<div id="overlay"></div>
        
   		            <!-- Login form -->
            <div id="login" class="login-popup">
                <div class="popup">
                    <a href="#" class="close">&times;</a>
                    
                    <div class="content">
                        <div class="title">Authorization</div>
                        <div class="form">
                            <form action="http://khaosod.ml/wp-login.php?redirect_to=http%3A%2F%2Fkhaosod.ml%2F%3Fp%3D27" method="post" name="login_form">
                                <div class="col1">
                                    <label for="log">Login</label>
                                    <div class="field"><input type="text" name="log" id="log"></div>
                                </div>
                                <div class="col2">
                                    <label for="pwd">Password</label>
                                    <div class="field"><input type="password" name="pwd" id="pwd"></div>
                                </div>
                                <div class="extra-col">
                                    <ul>
                                        <li><a href="#" class="register-redirect">Registration</a></li>
                                                                            </ul>
                                </div>
                            
                               <!-- <p class="forgot_pass"><a href="http://khaosod.ml/wp-login.php?action=lostpassword&redirect_to=http%3A%2F%2Fkhaosod.ml%2F%3Fp%3D27">Forgot password?</a></p> -->
                                
                                <div class="column button">
                                    <input type="hidden" name="redirect_to" value="http://khaosod.ml/wp-admin/"/>
                                    <a href="#" class="enter"><span>Login</span></a>
                                    
                                    <div class="remember">
                                        <input name="rememberme" id="rememberme" type="checkbox" value="forever">
                                        <label for="rememberme">Remember me</label>
                                    </div>
                                </div>
                                <div class="soc-login">
                                    <div class="section-title">Enter with social networking</div>
                                    <div class="section-subtitle">Unde omnis iste natus error sit voluptatem.</div>
                                    <ul class="soc-login-links">
                                        <li class="tw"><a href="#"><em></em><span>With Twitter</span></a></li>
                                        <li class="fb"><a href="#"><em></em><span>Connect</span></a></li>
                                        <li class="gp"><a href="#"><em></em><span>With Google +</span></a></li>
                                    </ul>
                                </div>
                                <div class="clearboth"></div>
                            </form>
                            <script type="text/javascript">
								function userLogin(){
									var error = formValidate(jQuery(".login-popup form"), {
										error_message_show: true,
										error_message_time: 3000,
										error_message_class: "sc_infobox sc_infobox_style_error",
										error_fields_class: "error_fields_class",
										exit_after_first_error: true,
										rules: [
											{
												field: "log",
												min_length: { value: 1,	 message: "The Login field can't be empty" },
												max_length: { value: 60, message: "Too long login field"}
											},
											{
												field: "pwd",
												min_length: { value: 5,  message: "The password can't be empty and shorter then 5 characters" },
												max_length: { value: 20, message: "Too long password"}
											}
										]
									});
									if (!error) {
										document.forms['login_form'].submit();
									}
								}
							</script>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Registration form -->
            <div id="registration" class="registration-popup">
                <div class="popup">
                    <a href="#" class="close">&times;</a>
                    
                    <div class="content">
                        <div class="title">Registration</div>
                        <div class="form">
                            <form action="#" method="post" name="registration_form">
                                <div class="col1">
                                    <div class="field">
	                                    <div class="label-wrap"><label for="registration_form_username" class="required">Name</label></div>
	                                    <div class="input-wrap"><input type="text" name="registration_form_username" id="registration_form_username"></div>
                                    </div>
                                    </div>
                                <div class="col2">    
                                    <div class="field">
	                                    <div class="label-wrap"><label for="registration_form_email" class="required">Email</label></div>
	                                    <div class="input-wrap"><input type="text" name="registration_form_email" id="registration_form_email"></div>
                                    </div>
                                </div>
                                <div class="col1">
                                    <div class="field">
	                                    <div class="label-wrap"><label for="registration_form_pwd1" class="required">Password</label></div>
	                                    <div class="input-wrap"><input type="password" name="registration_form_pwd1" id="registration_form_pwd1"></div>
                                    </div>
                                </div>
                                <div class="col2">
                                    <div class="field">
	                                    <div class="label-wrap"><label for="registration_form_pwd2" class="required">Confirm Password</label></div>
	                                    <div class="input-wrap"><input type="password" name="registration_form_pwd2" id="registration_form_pwd2"></div>
                                    </div>
                                </div>
                                <div class="extra-col">
                                    <ul>
                                        <li><a href="#" class="autorization-redirect">Autorization</a></li>
                                                                            </ul>
                                </div>
                            
                                <div class="column button">
                                    <a href="#" class="enter"><span>Register</span></a>
                                    
                                    <div class="notice">* All fields required</div>
                                </div>
                                <div class="clearboth"></div>
                                <div class="result sc_infobox"></div>
                            </form>
                            <script type="text/javascript">
								function userRegistration(){
									var error = formValidate(jQuery(".registration-popup form"), {
										error_message_show: true,
										error_message_time: 3000,
										error_message_class: "sc_infobox sc_infobox_style_error",
										error_fields_class: "error_fields_class",
										exit_after_first_error: true,
										rules: [
											{
												field: "registration_form_username",
												min_length: { value: 1,	 message: "The name field can't be empty" },
												max_length: { value: 60, message: "Too long name field"}
											},
											{
												field: "registration_form_email",
												min_length: { value: 7,	 message: "Too short (or empty) email address" },
												max_length: { value: 60, message: "Too long email address"},
												mask: { value: "^([a-z0-9_\\-]+\\.)*[a-z0-9_\\-]+@[a-z0-9_\\-]+(\\.[a-z0-9_\\-]+)*\\.[a-z]{2,6}$", message: "Not valid email address"}
											},
											{
												field: "registration_form_pwd1",
												min_length: { value: 5,  message: "The password can't be empty and shorter then 5 characters" },
												max_length: { value: 20, message: "Too long password"}
											},
											{
												field: "registration_form_pwd2",
												equal_to: { value: 'registration_form_pwd1',  message: "The passwords in both fields are not equal" }
											}
										]
									});
									if (!error) {
										var user_name = jQuery('.registration-popup #registration_form_username').val();
										var user_email = jQuery('.registration-popup #registration_form_email').val();
										var user_pwd1 = jQuery('.registration-popup #registration_form_pwd1').val();
										var user_pwd2 = jQuery('.registration-popup #registration_form_pwd2').val();
										var data = {
											action: 'registration_user',
											nonce: '89e22f44a5',
											user_name: user_name,
											user_email: user_email,
											user_pwd: user_pwd1
										};
										jQuery.post("http://khaosod.ml/wp-admin/admin-ajax.php", data, userRegistrationResponse, 'text');
									}
								}
								
								function userRegistrationResponse(response) {
									var rez = JSON.parse(response);
									jQuery('.registration-popup .result')
										.toggleClass('sc_infobox_style_error', false)
										.toggleClass('sc_infobox_style_success', false);
									if (rez.code == 0) {
										jQuery('.registration-popup .result').addClass('sc_infobox_style_success').html('Registration success! Please log in!');
										setTimeout("jQuery('.registration-popup .close').trigger('click'); jQuery('.login-popup-link').trigger('click');", 2000);
									} else {
										jQuery('.registration-popup .result').addClass('sc_infobox_style_error').html('Registration failed! ' + rez.message);
									}
									jQuery('.registration-popup .result').fadeIn();
									setTimeout("jQuery('.registration-popup .result').fadeOut()", 5000);
								}
							</script>
                        </div>
                    </div>
                </div>
            </div>
   		        
		<a href="#" id="toTop"><span></span></a>
        
				
                <div id="site_settings">
                	<a href="#" class="tgl"></a>
                	<h3 class="style_title">Choose Your Style</h3>
                    <form name="site_settings">
                    <input type="hidden" id="site_url" name="site_url" value="http://khaosod.ml" />
                    <div class="form_row">
	                    <label for="slider_style" class="texted">Slider Variants:</label>
	                    <select id="slider_style" name="slider_style" size="1">
	                        <option value="1" selected="selected">Slider 1</option>
	                        <option value="2" >Slider 2</option>
	                        <option value="3" >Slider 3</option>
	                    </select>
	                    <label for="slider_style" class="marker slider_marker">Slider 1</label>
                    </div>
                    <div class="form_row menu_style">
	                    <label for="menu_style" class="texted">Menu style:</label>
	                    <select id="menu_style" name="menu_style" size="1">
	                        <option value="1" selected="selected">Menu Style 1</option>
	                        <option value="2" >Menu Style 2</option>
	                    </select>
	                    <label for="menu_style" class="marker menu_marker">Menu Style 1</label>
                    </div>
                    <div class="form_row less_ind switcher_row">
                    	<label for="" class="texted">Background:</label>
                    	<div class="switch_box">
                    		<a href="#" class="boxed">Boxed</a>
                    		<a href="" class="stretched">Stretched</a>
                    		<div class="switcher"><a href="#"></a></div>
                    	</div>
                                            </div>
                    <div class="form_row body_patterns">
                    	<label for="" class="texted">Background patterns:</label>
                    	<ul class="bg_patterns">
                    		<li class="pattern1 current"><a href="#"><span></span></a></li>
                    		<li class="pattern2"><a href="#"><span></span></a></li>
                    		<li class="pattern3"><a href="#"><span></span></a></li>
                    		<li class="pattern4"><a href="#"><span></span></a></li>
                    		<li class="pattern5"><a href="#"><span></span></a></li>
                    		<li class="pattern6"><a href="#"><span></span></a></li>
                    	</ul>
                    </div>
                    </form>
                </div>
        		<!-- end of PopUp -->
</div><!-- #page -->

<script type="text/javascript">
// Video and Audio tag wrapper
var THEMEREX_useMediaElement = true;
</script>

<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/skip-link-focus-fix.js?ver=20130115'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/html5.js?ver=1.0'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/superfish.js?ver=1.0'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/jquery.jclock.js?ver=1.0'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/jquery.flexslider-min.js?ver=2.1'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/prettyphoto/jquery.prettyPhoto.js?ver=3.1.5'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/jquery.tools.min.js?ver=1.2.6'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/jquery.jcarousel.min.js?ver=1.0'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/mediaplayer/mediaelement-and-player.min.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/jquery.cookie.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/jquery.elastislide.js?ver=1.1.0'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/jquery-ui.custom.min.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/jreject/jquery.reject.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/jquery.mobilemenu.min.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-includes/js/wp-embed.min.js?ver=4.9.10'></script>
<script type='text/javascript' src='http://khaosod.ml/wp-content/themes/khaosods/js/main.js?ver=1.0'></script>

</body>
</html>