@charset "utf-8";
/* CSS Document */

/*body { background:url(../asset/mainBG-noisy-texture.png) #f6f6f6;*/ /* background-color:#eaedf1;}*/  /*eaedf1,e9eaed,f3f3f3*/
body { background:#f6f6f6;}

@font-face {
	font-family: 'Conv_thaisanslite_r1';
	src: url('fonts/thaisanslite_r1.eot');
	src: local('☺'), url('font/thaisanslite_r1.woff') format('woff'), url('font/thaisanslite_r1.ttf') format('truetype'), url('font/thaisanslite_r1.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'WDBBangnaRegular';
    src: url('font/wdb_bangna.eot');
    src: url('font/wdb_bangna.eot') format('embedded-opentype'),
         url('font/wdb_bangna.woff') format('woff'),
         url('font/wdb_bangna.ttf') format('truetype'),
         url('font/wdb_bangna.svg#WDBBangnaRegular') format('svg');
}

@font-face {
    font-family: 'TPKubua';
    src: url('font/TPKubua.eot');
    src: url('font/TPKubua.eot') format('embedded-opentype'),
         url('font/TPKubua.woff') format('woff'),
         url('font/TPKubua.ttf') format('truetype'),
         url('font/TPKubua.svg#WDBBangnaRegular') format('svg');
}



/************************************************************************************
STRUCTURE
*************************************************************************************/

#head-absolute-bg { 
	width:100%; 
	height:390px; 
	background:#000; 
	margin:auto; 
	position: absolute; /*position: fixed;*/ top:0; z-index:0; 
	overflow:hidden; 
	vertical-align: bottom;
    display: table-cell;
}

	#head-absolute-bg img { 
		vertical-align: bottom;
		margin-top:7%;
	}

#PAGEWRAP {
	padding: 0px;
	width: 1226px;
	/*width: 1216px;*/
	margin: 0px auto;
	position:relative;
	z-index:1;
	
}
#HEADER {
	height: 80px;
	width:100%;
	/*background: url(../asset/header-bg.png) #1565b5;*/  /*1259b3,1d457f*/
	position:relative;
	z-index:2;
	/*background:rgba(12,27,48,0.9);*/
	background:#0c31a9;
/*background: rgba(6,82,158,1);
background: -moz-linear-gradient(top, rgba(6,82,158,1) 0%, rgba(24,102,180,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(6,82,158,1)), color-stop(100%, rgba(24,102,180,1)));
background: -webkit-linear-gradient(top, rgba(6,82,158,1) 0%, rgba(24,102,180,1) 100%);
background: -o-linear-gradient(top, rgba(6,82,158,1) 0%, rgba(24,102,180,1) 100%);
background: -ms-linear-gradient(top, rgba(6,82,158,1) 0%, rgba(24,102,180,1) 100%);
background: linear-gradient(to bottom, rgba(6,82,158,1) 0%, rgba(24,102,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06529e', endColorstr='#1866b4', GradientType=0 );*/
}
.mid-content {
	width: 670px;
	float: left;
	z-index:100;
	position:relative;
}
#sidebar-filp {
	width: 260px;
	float: right;
	
}
#footer-wrap {
  float:left; width:100%;	
  background: url(../asset/footer-bg.png) #000; 
  margin-top:15px;
}

	#footer {
		clear: both; 
		width: 1226px; 
		margin:auto; 
		/*background-color:#33CC66;*/ 
		height:110px; color:#FFF;
		position:relative;
	}
	
	.link-footer {
		margin-bottom:5px;
	}
		.link-footer a { color:#CCCCCC;  text-decoration:none;}
		.link-footer a:hover { text-decoration:underline; } 
	

#weather-wrap { margin-bottom:10px; float:left; width:95.6%; padding:0% 2%; border:1px solid #DDD; background-color:#FFFFFF; }

#Left-Column {
	width: 270px;
	float: left;
	margin-right:13px; 
	position:relative; 
	z-index:200;
}

.left_Block_wrap {
	float:left; 
	width:99.4%;
	border:1px solid #CCC;
	min-height:300px;  
	background-color:#FFF;
	
}

.Block_thumb {
	float:left; 
	width:260px; 
	height:270px; 
	/*background-color: #9C9;	*/
	margin-bottom:10px;
	position:relative;
}

/*================ Header ====================*/
#HEADER-WRAP {
	width: 1216px; 
	min-height:70px;  
	margin:auto; 
	position:relative;
}

a#main-top-logo {
	float:left; width:375px; 
	background: url(../asset/main-top-logo.png) 0px 0px no-repeat; 
	height:56px; position:absolute; top:10px; left:0px;	
}
#main-top-slogan {
	float:left; width: 300px; 
	height:60px; position:absolute; top:20px; left:400px;
	font-family: Conv_thaisanslite_r1; 
	font-size:23px; line-height:19px;
	color: #FFF;
	z-index:21;
}
	#main-top-slogan span { color: #FF6; font-family: Conv_thaisanslite_r1;   }

#main-top-search {
	float:left; width:340px; height: auto; padding:5px; 
	background-color:#071e6b; 
	position:absolute; top:20px; right:0px;	
	    -webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		z-index:20;
		
}

		#top_search_type_selc { 
			float:left; 
			width:128px; 
			font-size:12px;
			border:0px;	
			padding:4px 3px; height:25px;
			margin:0; /*background-color:#222;*/ color:#FFF; 
			outline:none;
				
				 -webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				background:#071e6b url(../asset/br_down.png) no-repeat 104px center;
		}
		#top_search_iput_box {
			border:0px;
			padding:0px 8px; 
			height:26px;
			margin:0; width:170px;
			outline:none; font-size:14px;
		}

		#top_search_button {
			padding:0; 
			margin:0;
			float:left; width:26px; text-indent:50px; 
			border:0; 
			background: url(../asset/top-search-btn.png) no-repeat #FFF;
			opacity:1;
			height:26px;
			outline:none;
/*			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;*/
		}
		#top_search_button:hover {
			opacity: 0.8;
		}
		
		
		
		::-webkit-input-placeholder {
		   color:#CCC; font-size:13px;
		}
		input:-ms-input-placeholder { 
			color:#CCC; font-size:12px;
		}
		:-moz-placeholder { /* Firefox 18- */
		   color:#CCC; font-size:12px;  
		}
		
		::-moz-placeholder {  /* Firefox 19+ */
		   color:#CCC; font-size:12px;
		}
		
		
	#header-bg-dec {
		float:left; 
		width:340px; 
		height:80px; 
		position:absolute; 
		bottom:-10px; 
		right:24%; 
		/*background:#666666;*/	
		background: url(../asset/header-dec-bg.png) no-repeat #0c31a9;
		z-index:10;
	}
				

/*================  MAIN MENU ====================*/
#nav-bar-100 {
	height: auto; background-color:#000000; 
	width:100%; position:relative; z-index:1200;
	margin-bottom:15px;
	background:rgba(0,0,0,0.9); 
	border-bottom:1px solid #111;	
}

.nav-container { 
	position:relative; z-index:500;  
	width: 1226px; margin:0 auto;
	/*width:100%; height:33px; */
	/* background-color: #F36;*/ 
	/*margin-bottom:12px; */
}
	#move-nav { 
		width:100%; 
		margin:auto; height:32px; 
		z-index: 40;
		
		
/*		border-right:1px solid #222;	
		border-bottom:1px solid #222;*/
			
	}

	.nav {
		z-index: 42;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
		/*width: 980px;*/
		width:100%;
		margin:auto;
		position: relative;
	}

.nav ul { margin:0; padding:0; float:left; }
 
.nav li {
	float:left;
	display: inline;
	list-style: none;
	position:relative;
}

.nav li a {
	float:left;
	text-decoration: none;
	font-size: 13px; /*font-size: 1.2em;*/
	color: #EEE;
	/*font-weight: bold;*/
	display: inline-block;
	width: auto; text-align: center;
	padding: 0px 14px;
	height:32px; 
	line-height:32px;
	margin:0; 
	border-right:1px solid #111; /*0f4798*/ cursor:pointer;
	/*text-shadow: 1px 1px #102749;*/
/*	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;*/
}
.nav li a.current { background:#0c31a9; }

.nav li a.drop { 
	padding-right:23px; 
	background-image:url(../asset/drop-bg-nav.png); 
	background-repeat:no-repeat; 
	background-position:98% 12px; background-size:14px
}

.nav li a#home,.nav li a#home-curr
{ 	padding:0px 17px;
	background: url(../asset/home.png) no-repeat 8px 4px #111;
	background-size:22px;
}

.nav li a#home-curr,.nav li a#home-curr:hover
{ 
	background: url(../asset/home.png) no-repeat 8px 4px #0c31a9;
}


.nav li a#home:hover { background-color:#0a2e63; }
.nav li a#home-curr:hover {  }

.nav li a:hover,
.nav li a.selected {
	color: #fff;
	background-color: #1b5fc4;
}

.nav li a:hover { 
	background-color:#1c4178;  
}

	.nav li a.pin {
		color:rgba(255,204,0,.9);
		/*background-color:rgba(204,204,204,.1);*/
		font-weight:bold;
		padding: 0px 10px;
	}
	.nav li a.pin:hover { background-color:#FC0; color:#000; }
	
	
	.nav li a.regis-org {
		background-color:rgba(255,255,255,.05);
		color: #D8FF9E;
	}
	
		.nav li a.regis-org:hover {  background-color:#FC0; color:#000; }
	
	

.sticky {
	position: fixed;
	top: 0px; /*15px*/
	
	animation:thedrop 1s 1;
	-moz-animation:thedrop 1s 1;
	-webkit-animation:thedrop 1s 1;
}

/*<!--Drop Down--> */
	.nav li  li a { border:none; height:auto;  line-height:25px; text-align:left; font-weight:normal; }

	.sub-nav-wrap { 
		float:left; 
		width:173px; 
		height:auto; 
		background-color:#0e418a;  
		position:absolute; 
		top:32px; left:0px; z-index:1000;
		padding:10px 10px 8px 10px;
		display:none;  
/*		-webkit-border-radius: 3px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius: 3px;
		-moz-border-radius-topleft: 0;
		border-radius: 3px;
		border-top-left-radius: 0;*/
	 }
	ul.sub-nav { margin:0px; padding:0px; float:left; }
	ul.sub-nav li { padding:0px; margin:0px; list-style:none;  width:100%; 
		border-bottom:1px #0e2f5d solid;
		border-top:1px #1955ac solid;
	}
	ul.sub-nav li a { float:left; font-size:13px; color:#FFF;  margin:0 0 0px 0; padding:0 14px 0px 24px; background:url(../asset/arrow-main-nav.png) no-repeat 1px 3px; width:135px; }
	ul.sub-nav li a:hover { background-color:#0e58b1; color:#FFF; 
/*		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;*/
	}
	
	/*Business Drop Section*/
			#business-sub {
				left:-0px;
				width:521px;
				height:135px;
				overflow:hidden; padding:15px 5px 0 15px;	
			}
				.drop-sec {
					float:left; 
					width:200px; 
					height:100px; 
					/*background-color:#066;	*/
					margin-right:15px;
				}
				.drop-sec .label { 
					float:left; 
					width:100%;
					border-bottom:1px solid #6c8dbd;
					margin-top:5px; 
					font-size:14px;
					color: #9bb3d5;
					padding-bottom:4px;
				}
				.drop-sec ul {
					float:left;
					width:100%;
					 margin:6px 0 0 0px; 
					 list-style-type: circle; 
					 list-style-position: inside; 
				}
				.drop-sec ul li,.drop-sec ul li a { 
					float:left; width:100%; margin:0px; line-height: 20px;
				}
				.drop-sec ul li a { 
					color:#FFF;
					background:url(../asset/arrow-main-nav.png) no-repeat 0px 6px; 
					background-size:17px;
				}	
				
				.drop-sec ul li a:hover { 
					background-color:inherit;
					text-decoration:underline;
				}
				
				.drop-sec a.infolink {
					float:left; 
					width:100%;
					line-height: normal; text-align:left; 
					border:none; padding:7px 0 0 0;
					color:#BBB;
				}
				.drop-sec a.infolink:hover { background:none; color:#FFF; }

/*<!--Drop Down--> */


/*================ END MAIN MENU ====================*/


	#Member-bar-sec {
		float:left; 
		position:absolute; 
		top:0px; 
		right:0; 
		width: auto; 
		height:32px; 
		/*background: #1F1F1F;*/
		border-right:1px solid #222;	
	}
		.login-regis-btn,
		.member-sec-btn,
		#login-fb-top {
			float:left; 
			width: auto;
			font-size:11px; 
			padding:0px 13px 0px 30px; 
			/*background-color:#006666;*/ 
			height:100%; line-height:34px; 
			color:#AAA; 
			text-decoration:none; 
			border-left:1px solid #333;
			position:relative;
		}
		
		.login-regis-btn.login { background:url(../asset/login-btn.png) no-repeat 8px 9px; background-size:15px; }
		.login-regis-btn.regis { background:url(../asset/register-btn.png) no-repeat 8px 9px; background-size:15px; }
		.login-regis-btn:hover { background-color:#111; color:#FFF; }
		
		#login-fb-top { border-left:none; padding:8px 12px 0 0; line-height:19px; overflow:hidden; width: 54px;}
		
		
		.member-sec-btn {
			display:none;
			font-size:13px;
			line-height:33px;
			color:#DDD; 
		}
			.member-sec-btn span { 
				
				content: '';
				position: absolute;
				display: block;
				width: 10px;
				height: 0;
				top: 1.5px;
				left: 10px;
				box-shadow: 0 10px 0 1px rgba(191,191,191,.8), 0 15px 0 1px rgba(191,191,191,.8), 0 20px 0 1px rgba(191,191,191,.8); 
			}
		
		.member-sec-btn:hover { 
				background:#444 !important;
		}
		
		#m-sec { float:left; width:auto; position:relative; }
			#m-sec > ul.seb { 
				float:left !important;
				padding:0 !important;
				margin:0 !important;
				position:absolute !important;
				top:30px !important;
				right:0px !important;
				width:158px !important;
				/*background:#333;*/
				padding-top:3px !important;
				padding-bottom:3px !important;
				
				
			 }
			 	#m-sec ul.seb > li {
					float:left;
					width:100%;
					margin-left:3px;
					
					
				}
					#m-sec ul.seb > li > a {
						float:left !important;
						width:142px !important;	
						display:block !important;
						border:none !important;
						text-align:left !important;
						border-bottom:1px solid #222 !important;
						height:29px !important;
						line-height:29px !important;
						position:relative !important;
						padding:0 !important;
						padding-left:10px !important;
					}
					#m-sec ul.seb > li:last-child > a { border-bottom:none !important; }
					
					#m-sec ul.seb > li > a:hover {
						background:#111;	
					}
		
/*			.member-sec-btn::after {
				content: '\25bc';
				padding-left: 0.5em;
				font-size:110%;
			  }*/
		
		
		a#notice {
			float:left;
			background:#C00; border:4px solid #000;
			font-size:11px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;
			color:#FFF;
			line-height:24px;
			height:24px; 
			width:24px;
			margin:-7px 2px 0 0; 
			text-align:center;
			/*padding:5px 5px;*/
			text-decoration:none;
			    -webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 16px;
		}
		a#notice:hover { background-color:#F60;}
		
		#user-info {
			float:left;
			/*width:125px;*/
			width:auto;
			overflow:hidden; 
			cursor:pointer;
		}
			#user-info:before { 
				content:'สวัสดีคุณ : ';
				float:left;
				color:rgba(255,255,255,.5);
				line-height:33px;
				font-size:74%;
				position:absolute;
				left:-60px;
					
			}
			#user-info #member-avatar {
				float:left; 
				width:33px; 
				height:33px; 
				background: url(../asset/Users-1.png) no-repeat 8px 7px rgba(112,112,112,.2); background-size:18px;	
				border-left:1px solid #1F1F1F;
				position:relative;
				z-index:2; 
			}
			#user-info #member-avatar img { width:28px; margin:3px 0 0 0; 				    
					-webkit-border-radius: 1px;
					-moz-border-radius: 1px;
					border-radius: 1px;
			}
			
			#user-info #member-name {
				float:left; 
				width: auto; 
				max-width:45px; 
				/*width: 45px;*/
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				
				height:33px; 
				padding:0px 10px; 
				line-height:33px; 
				font-size:12px; /*background-color:#903; */
				color: #F8B007;	
				/*border-right:1px solid #1F1F1F; */
				text-decoration:underline;
				position:relative;
				z-index:2;
				
				padding-right:35px; 
				background: url(../asset/user-expand-top.png) no-repeat;
				
				background-position:right 7px top 10px;
				background-size:13px;
			}
			
			
			#member-notice-alert { 
				float:left; width:21px; height:21px; 
				background: url(../asset/user-notice-alert.png) no-repeat 0px 0px; 
				background-size:21px;
				top:5px; right:3px; position:absolute; 
			}
			
		/*a#user-info:hover { background:#333; }	*/
			
		a#member-logout {
			float:left; width:35px; height:33px; background: url(../asset/logout-btn.png) no-repeat 7px 6px; background-size:20px;
			opacity:0.5;
         	filter:alpha(opacity=50); 
			text-decoration:none; 
			cursor:pointer;
		}
		a#member-logout:hover {
			opacity:1;
			filter:alpha(opacity=100);
			background-color:#222;
		}
		
		/*USER EXPAND MENU*/	
		#user-menu-expand {
			float:left; 
			width:200px; 
			height: auto; 
			clear:both; 
			position:absolute; 
			right:0px; 
			z-index:5;
			/*border:1px solid #996; */
			display:none;
			padding-top:32px;
		}
			
			#user-menu-expand  ul,
			#user-menu-expand  li { float:left; padding:0; margin:0; width:100%; }
			#user-menu-expand  li { padding-right:3px; position:relative;}
			#user-menu-expand  a { 
				width:100%; 
				background: url(../asset/member-left-menu.png) no-repeat 6px 6px;
				background-color:#666; 
				background-size:18px;
				font-size:13px;
				color:#CCC;
				display:block;  padding:0;  text-align:left; text-indent:32px;
				border-bottom:1px solid #000;
			}
				#menu-bar-bm_icon {
					float:left; width:17px; height:17px;
					background: url(../asset/user-notice-alert.png) no-repeat 0px -28px; 
					background-size:17px;
					top:10px; right:5px; position:absolute; 	
				}
			
			#user-menu-expand  li:last-child a { border-bottom:none; padding-bottom:4px; }
			#user-menu-expand  a:hover { color:#FFF; text-decoration: underline; }

			
			#user-menu-expand a#u_bookmark { background-position:6px -24px; }
			#user-menu-expand a#u_comment  { background-position:6px -50px; }
			#user-menu-expand a#u_m_note   { background-position:6px -110px; }
			#user-menu-expand a#u_logout   { background-position:6px -102px; }
			#user-menu-expand a#org_regis  { background-position:6px -132px; }
			
			




#PAGE-LABEL-BAR {
	float:left; width:100%; height:90px; 
	/*background-color:#000000; */
	/*background:rgba(0,0,0,0.6);*/
	padding:10px 0;
	position:relative; 
	margin-bottom:10px;
	
background: rgba(0,0,0,0.74);
background: -moz-linear-gradient(left, rgba(0,0,0,0.74) 0%, rgba(0,0,0,0) 81%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.74)), color-stop(81%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.74) 0%, rgba(0,0,0,0) 81%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.74) 0%, rgba(0,0,0,0) 81%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.74) 0%, rgba(0,0,0,0) 81%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.74) 0%, rgba(0,0,0,0) 81%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

	#PAGE-LABEL-BAR #text {
		float:left; width:226px; 
		color:#FFF; padding:0px 0px 0px 15px; 
		margin-top:10px;
		 /*border-left:1px solid #FFF; */
		/*background-color:#996666;*/
	}
	#PAGE-LABEL-BAR #text .L-label { font-size:39px; font-family:Conv_thaisanslite_r1; }


/*================ EX-NEWS-WRAP ====================*/

.EX-NEWS { 	width: 670px;
	float: left;
	z-index:100;
			
	 }

#contentEX-news {
	min-height:700px; 
	margin-top:15px; 
	width:670px;
	/*background:#FFF;*/
	/*border:1px solid #CCC;*/
}

	#EX-News-caption {
		text-indent:10px;
		padding:11px 0 6px 0; 
		font-size:28px;
		font-family: TPKubua; line-height:19px; 
		color:#666; 
		float:left; width:100%; margin:auto 0%; 
		border-top:1px solid #AAA;
		border-bottom:1px solid #AAA;
		background:#EEE; 
		font-weight:normal; 
		position:relative;
	}
	#EX-News-caption #viewall {
		float: left; position:absolute; 
		font-size:11px;
		top:8px; 
		right:10px; 
		font-family: Tahoma, Geneva, sans-serif;
		text-decoration:none;
		background:#444; color:#DDD; 
		padding:1px 10px 2px 10px;
		text-indent:0px;
		    -webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
	}
	#EX-News-caption #viewall:hover {background:#039; color:#FFF;   }

#EX-NEWS-WRAP {
	float:left; 
	width:98%;
	padding:1%;
}
	#EX-NEWS-WRAP ul {
		float:left;
		width:100%; padding:0px; margin:0px;	
	}
	
	#EX-NEWS-WRAP ul li {
		float:left;
		width:100%; 
		padding:10px 0px; 
		margin:0px; 
		list-style:none;
		height: auto;
		/*background-color:#CC3300;*/
		border-bottom:1px solid #DDD;
	}
	
/*	#EX-NEWS-WRAP ul li:nth-child(6) {
		border-bottom:none;
	}*/
	
	#EX-NEWS-WRAP ul li .date {
		float:left;
		width:14.5%;
		/*background-color:#990; */
		height:86px; 
		border-right:1px solid #CCC;
		position:relative;
	}
		
		#EX-NEWS-WRAP ul li .date-num ,#EX-NEWS-WRAP ul li .month
			{ 
				float:left; width:90%; height:40px; line-height:40px;
			 	text-align: center; font-size:30px; border-bottom:1px solid #999; 
			 	font-weight:bold; color:#444; margin-top:5px;
			}
		#EX-NEWS-WRAP ul li .month {
			border-bottom:none; font-size:15px;	
			font-weight: normal;
			line-height:30px;
			margin-top:0px;
			color:#666;
		}
		
	#EX-NEWS-WRAP ul li .list-pre {
		float:left;
		/*width:5%;*/ height:50px;
		/*background:url(../asset/list-h-1.png) no-repeat 0px 2px; */
		/*background-color:#CC9900;*/
	}
	
	#EX-NEWS-WRAP ul li .title-wrap {
		float:left;
		/*width:63%;*/
		width:67%;
		/*background-color:#333;*/
		 height: auto;
		/*margin:3px 11.5% auto 2%;*/
		margin:0px 0% auto 4%;
	}
	/*#EX-NEWS-WRAP ul li .title-wrap a.ti { font-family: Conv_thaisanslite_r1; text-decoration:none; font-size:21px; line-height:19px; font-weight:bold; color:#000; text-shadow: 1px 1px #f6f6f6; }*/
	#EX-NEWS-WRAP ul li .title-wrap a.ti {  text-decoration:none; font-size:16px; line-height:20px; font-weight:bold; color:#000; text-shadow: 1px 1px #FFF; }
	#EX-NEWS-WRAP ul li .title-wrap a.ti:hover { color: #C00; }
	
	#EX-NEWS-WRAP ul li .desc { float:left; width:100%; font-size:12px; color:#666; margin-top:5px; cursor:pointer; }
	#EX-NEWS-WRAP ul li .from {
		float:left; width:100%; 
		clear:both; margin-top:6px; 
		font-size:12px; color:#999;
	}
	#EX-NEWS-WRAP ul li .from a { text-decoration:none; color: #0058B0; text-shadow: 1px 1px #f6f6f6;}
	#EX-NEWS-WRAP ul li .from a:hover { text-decoration:underline; color:#C00; }
	
	#EX-NEWS-WRAP ul li .thumbnail {
		float:left;
		width:21.3%;
		 height:92px;
		 position: relative;
		 top:-2px;
		 margin-left:1%;
		 overflow:hidden;
		 /*background-color:#000033;*/
	}
	#EX-NEWS-WRAP ul li .thumbnail img { 
		width:8.5em;
		border:1px solid #FFF; 
		-webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.4);
		-moz-box-shadow:    0px 1px 3px rgba(50, 50, 50, 0.4);
		box-shadow:         0px 1px 3px rgba(50, 50, 50, 0.4);
	}
	
	#EX-NEWS-WRAP li .thumbnail:hover + .title-wrap a.ti { color:#C00; }
	

/*================ END EX-NEWS-WRAP ====================*/


/*------------- PR SECTION -------------*/

#PR-wrap {
	width: 726px;
	float: left; 
	/*background:#EEE;*/ 
	position:relative;
	min-height:300px;
	
}
	#PR-wrap .wait { float:left; width:50px; height:40px;  position:absolute; top:40%; left:29%; display:none; }

	#PR-caption { 
		float:left; width:100%; height:9%; line-height:2.3em;
		border-bottom:1px solid #4f2c9d;
	}
		#PR-caption .text { float:left; font-size:30px; font-family:TPKubua; color:#4f2c9d; line-height:30px; border-bottom:4px solid #4f2c9d; padding:5px 20px 0px 3px;} 

	#PR-BLOCK {
		width: 450px;
		float: left;
		height:420px;
	}
	
	#PR-LAST-one {
		float:left; width:100%; height:39%; 	
	}
		#PR-LAST-one .thumbnail { float:left; width:52%; height:164px; margin-top:10px; overflow:hidden; }
		#PR-LAST-one .thumbnail img { width:100%;  }
		#PR-LAST-one .desc	    { float:left; width:45%; margin-left:3%; height:144px; padding-top:15px; }
			#PR-LAST-one a .desc { font-size:16px;  text-decoration:none; font-weight:bold; color:#000;}
			/*#PR-LAST-one .desc a:hover { background-color:#000; color:#FFF; }*/
			#PR-LAST-one a .intro { font-size:12px; padding-top:10px; color:#666;}
			
	#PR-LAST-one a:hover .desc { color:#000; text-decoration:underline; }
	
	#PR-LAST-list {
		float:left; width:100%; height:56%;
		overflow:hidden;
	}
		#PR-LAST-list ul { 
			float:left; width:101.5%;  margin:15px 0 0 0; padding:0; 
/*			border-top:1px solid #CCC;
			border-left:1px solid #CCC;
			border-right:1px solid #CCC;*/
		}
		#PR-LAST-list ul li { 
			float:left; width:48.5%; margin:0 0% 0px 0; 
			padding:1% 0 0 0.5%;
			border-bottom:1px solid #CCC;
			/*border-right:1px solid #CCC;  */
			list-style:none; overflow:hidden; 
		}
		
			#PR-LAST-list .thumbnail { float:left; width:31%; height: auto; margin-top:2%;  overflow:hidden; border:1px solid #CCC; }
			#PR-LAST-list .thumbnail img { width:100%;  }
			#PR-LAST-list .desc	    { float:left; width:65%; margin-left:3%; height:78px; /*background-color:#333;*/ }
				#PR-LAST-list .desc a { font-size:12px; text-decoration:none; color:#000;  }
				#PR-LAST-list .desc a:hover { background-color:#000; color:#FFF; }
				#PR-LAST-list .desc .intro,#PR-LAST-list .desc .intro-full { font-size:11px; color:#888; }
				#PR-LAST-list .desc .intro-full { display:none; }
	
	#PR-wrap a#view-all  { float:left; width:100%; height:25px; line-height:25px; font-size:13px; text-decoration:none; text-align:center; background:#CCC; color:#333; }
	#PR-wrap a#view-all:hover { background:#000000; color:#FFF;  }


/*------------- PROMOTION-BLOCK SECTION -------------*/	

#PROMOTION-BLOCK {
	/*width: 478px;*/
	width: 39.8%;
	float: left; 
	background:#000; 
	margin-left:12px;
	height:420px;
	position:relative;
}
	#PROMOTION-BLOCK .wait { float:left; width:50px; height:40px;  position:absolute; top:40%; left:44%; display:none; }

	#PROMOTION-last-one {
		float:left; width:50%; /*background-color:#666;*/ height:100%;
	}
	#PROMOTION-last-Label {
		float:left; 
		width:98%; 
		height:36px; 
		line-height:35px; 
		color:#FFF; text-indent:10px; 
		/*border-bottom:1px solid #444;*/
		font-family:Conv_thaisanslite_r1; font-size:26px;
		position:relative;
	}
		#PROMOTION-last-Label a.view-all {
			float:left; position:absolute; 
			top:5px; right:0;/* background-color:#555;*/
			height:23px; font-family:Verdana, Geneva, sans-serif; font-size:12px;
			line-height:27px; text-align:center;
			text-indent:0px; padding:0px 1px;
			text-decoration:none;
			border-bottom:1px solid #FF962D;
			color: #FF962D;
		}
	
		#PROMOTION-last-one .thumbnail {
			float:left; width:96%; height:204px; background-color:#000; margin:2% 2% 0% 2%; 
			overflow:hidden;
			position: relative;
		}
		#PROMOTION-last-one .thumbnail img { width:125%; position:absolute; left:-12%; }
		#PROMOTION-last-one .desc {
			float:left; width:96%; height:auto; margin:0 2%;
		}
			#PROMOTION-last-one .title,#PROMOTION-last-one .sub { 
				width:96%; padding:2%; font-size:14px; background-color:#000000; 
				color:#FFFFFF; 
				border-bottom:1px dashed #222;
			}
			#PROMOTION-last-one .title a { color:#FFCC00; text-decoration:none;}
			#PROMOTION-last-one .title a:hover { color:#0099CC; }
			#PROMOTION-last-one .sub { font-size:12px; padding:2% 2% 2% 2%; margin-top:5px; background:none; color:#CCC; border-bottom:none;}
		
	#PROMOTION-last-list {
		float:left; width:46%; padding:0% 2%; height:100%;	
	}
		#PROMOTION-last-list ul { float:left; width:100%; padding:3% 0 0 0; margin:0; height:89%; overflow:hidden; }
			#PROMOTION-last-list li { 
				float:left;  
				padding:3px 0; margin:0; 
				width:100%;
				height: auto;
				border-bottom:1px dashed #222; 
				list-style:none; 
			}
				#PROMOTION-last-list .thumbnail { float:left; width:90px; height:55px; background: #639; overflow:hidden; }
				#PROMOTION-last-list .thumbnail img { width:100%; }
				#PROMOTION-last-list .desc {
					float:left; width:55%; font-size:12px; 
					margin-left:7px;
				}
					#PROMOTION-last-list .desc a { text-decoration:none; color:#FFCC00; }
					#PROMOTION-last-list .desc a:hover { color:#0099CC; }


/*------------- EVENT 77 SECTION -------------*/
	#EVENT-77-WRAP {
		float: left;
		width:100%;
		height:580px; 
		/*background-color: #666600; */
		position:relative; 
		margin:0px auto 0px auto;
		overflow:hidden;
	}
		#Event-2-Col-wrap {
			float:left; width:950px; 
			background-color:#488C13; /*666600*/
			height:100%;	
		}
	
		#EVENT-77-region {
			float:left; width:278px; height:100%;/* background-color:#000;*/ overflow:hidden;
		}
		
		#EVENT-77-region a#view-all { float:left; width: auto; padding:5px 15px 5px 35px; font-size:14px; text-decoration:none; margin:15px 0 0 15px; height: auto; 
				background: url(../asset/list-h-1-2.png) 3px 3px no-repeat #000; color:#FFF; background-size:24px; 
			}
		#EVENT-77-region a#view-all:hover { background-color:#690; }
			
			
		#EVENT-77-CAPTION {
			float:left; width:90%;
			height:30px; 
			line-height:30px;
			margin:5% 0 20px 5%; 
			border-bottom:1px solid #A8FF51;
			color:#A8FF51 ; 
			font-weight:bold;
			position:relative;
			font-size:26px;
			font-family: Conv_thaisanslite_r1;
		}
		#EVENT-77-CAPTION span { font-size:40px; float:left; clear:both; font-family: Conv_thaisanslite_r1; font-weight: normal; color:#FFF; }
		
			#EVENT-77-region ul {
				float:left; width:90%; 
				padding:0; 
				margin:35% 5% 0 5%;
			}
			#EVENT-77-region ul li {
				float: left; 
				list-style:none; 
				margin:0;
				width:95%;	
			}
			#EVENT-77-region ul li a {
				float: left; 
				position:relative;
				display: block; 
				padding:7px 5px;
				background:rgba(57,111,14,0.7);
				/*background: #494901;*/
				clear:both;
				width:100%;
				cursor:pointer;
				margin:0 0 1px 0;
				font-size:13px;
				text-indent:10px;
				color:#DDD;
				overflow:hidden;
			}
			
			#EVENT-77-region ul li a .count { float:left; position:absolute; height:98%; font-family:Verdana, Geneva, sans-serif;
			padding:2% 5px 0px 5px; text-indent:0; top:0%; right:0%; background-color:#3d3d0a; /*background-color:#a0a000;*/ font-size:12px; }
			
			#EVENT-77-region ul li a:hover { background-color:#3d3d0a; }
			
			#EVENT-77-region ul li a.EVENT-77-region-curr,#EVENT-77-region ul li a.EVENT-77-region-curr .count { background-color:#282402; }
		
		#EVENT-77-List {
			float:left; width:670px; height:100%; /*background-color:#FFF; */
			position:relative;	
		}
			#EVENT-77-Loading {
			 	position: absolute;
				top:30px;
				left:50px;
				color:#999;	
				z-index:20;
				font-size:12px; font-family: Verdana, Geneva, sans-serif;
			}
			#EVENT-77-Loading img { float:left; margin-right:5px; }
			
			#event-flow {
				float:left; width:100%; height:94%; margin:15px 0% auto 0; overflow:auto; position:relative; z-index:30;
			}
						
				ul#event77 {
					float:left; width:98%; margin:0% 0% 0% 2%; padding:0; 
					height: auto;
				}
				ul#event77 li {
					float:left; 
					width:100%; 
					height:54px; 
					margin:0 0 1px 0;
					list-style:none; 
					overflow:hidden;
					position:relative;	
				}
					ul#event77 .title,ul#event77 .thumb,ul#event77 .provice {
						float:left;	
					}
					
					ul#event77 .thumb { width:80px; height:55px; background:rgba(0,0,0,.2) /*background-color: #C69;*/}
						ul#event77 .thumb img { width:100%; }
					ul#event77 .title { width:67%;  padding:1% 0 0 2%; background-color:#EEE; height:88%; font-size:13px; position:relative;}
					ul#event77 .title a { color: #000; text-decoration:none;}
					ul#event77 .title a:hover { background-color:#000; color:#FFF; }
					ul#event77 .title .cate { float: left; width:100%; font-size:12px; padding-top:2px; color:#656600; font-weight:normal; }
					ul#event77 .provice { width:15%; height:77%; color:#FFF; padding:2% 0 0 2%;  background-color:#396f0e; /*background-color:#a0a000;*/ font-size:13px; }
					
						ul#event77 .title .arrow {
/*							position:absolute; 
							right:-7px; top:12px;
							width: 0px;
							height: 0px;
							border-style: solid;
							border-width: 12px 7px 12px 0px;
							border-color: transparent transparent transparent #000;*/
						}
						
					
		
		#EVENT-77-Banner-sec {
			float:left; width:260px; height:100%; /*background-color:#003;*/ position:absolute; right:0px; 
			margin-top:15px;	
		}

		

/*Banner SECTION*/

	.BANNER-MAX-728 {
		float:left; width:99.8%; min-height:20px; padding:5px 0px; text-align:center; 
		background-color:#F4F4F4; border:1px solid #EEE; margin:15px auto 20px auto;	
	}
	.BANNER-MAX-728.blank {
		margin:15px auto;
		padding:0px;	
		min-height:0px;
		border:none;
	}
		.BANNER-MAX-728 img { width:728px; } 
	
	.BANNER-MAX-728.BG{ background:none; border:none;}
	
	.BANNER-250-POS-1,.BANNER-250 {
		float:right; 
		width:260px;
		/*background-color:#F00; */
		height: auto;
	}
	
	.BANNER-250 img { width:260px; }
	
	
	.BANNER-728-right {
		float:right;
	}
	
	#Download-app-left {
		float: right; 
		width:260px; 
		height: auto; 
		
	}
		#Download-app-left .label { font-family: Conv_thaisanslite_r1; font-size:28px; margin-bottom:5px; margin-left:5px; }
	
		#Download-app-left a { 
			float:left; width:250px; height:60px; margin-bottom:10px; margin-left:5px; overflow:hidden;
			-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
			box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
			position:relative;
			text-indent:1000px;
		}
			#Download-app-left a span { 
				float:left; position:absolute; width:50px; height:40px; background:url(../asset/cloud-dl-32.png) no-repeat; background-size:50px; 
				right:15px; top:10px;
					opacity:0.4;
        			filter:alpha(opacity=40); /* For IE8 and earlier */
			}
			
			#Download-app-left a:hover > span { opacity:1; filter:alpha(opacity=100) }
			
			#Download-app-left a#ios {
				background:url(../asset/on-app-store.jpg) no-repeat; 	
			}
			#Download-app-left a#andriod { background:url(../asset/on-google-play.jpg) no-repeat }
	
	
/*------------- EAT TRAVEL SECTION -------------*/
	#EAT-TRAVEL-WRAP {
		float:left; 
		width:100%; 
		height:400px; 
		/*background-color:#999900;*/
		position:relative;
		margin:40px auto 40px auto;
		
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
	}
	
		#EAT-TRAVEL-WRAP .wait { float:left; width:50px; height:40px;  position:absolute; top:40%; left:46%; /*display:none;*/ }
	
	#EAT-TRAVEL-WRAP .column {
		float:left; width:407px; height:100%; 
		background-color:#FFF; 
		border-left:1px solid #CCC;
		position:relative;
	}
	
	#EAT-TRAVEL-WRAP .column.last {
	   border-right:1px solid #CCC;
	   width:408px;
	}
	
		#EAT-TRAVEL-WRAP .caption {
			/*float:left;*/
			width:94%; margin:0 3%; 
			border-bottom:1px solid #EEE; 
			height:34px; 
			line-height:35px; 
			position:relative;  
			font-weight:bold;
			color:#999;
		}
		#EAT-TRAVEL-WRAP .caption .view-all { float:right; font-size:12px; color:#888; margin-right:10px; text-decoration:none; }
		#EAT-TRAVEL-WRAP .caption .view-all:hover { text-decoration:underline; color:blue; }
			
		
		#EAT-TRAVEL-WRAP .thumbnail {
			float:left; color:#030; 
			width:92%; 
			height: auto;
			margin:2% 4% 0 4%; 
			/*background-color:#963; */
		}
		#EAT-TRAVEL-WRAP .thumbnail img { width:100%; }
		#EAT-TRAVEL-WRAP .title,#EAT-TRAVEL-WRAP .desc {
		
		}	
		#EAT-TRAVEL-WRAP .title a {
			font-family:WDBBangnaRegular;
			max-width:63%;
			float:left;	
		    font-size:16px; line-height:18px;
			position:absolute;
			top:70%; 
			left:2%;
			padding:8px 10px;
			background-color:#000; color:#FFF; 
			text-decoration:none;
		}
		#EAT-TRAVEL-WRAP .desc { 
			width:91%;
			float:left;	
			margin:4% 4% 1% 4%;
			font-size:13px; 
			border-left:4px solid #222;
			padding-left:10px;
		}


.bxslider li {}


		.New_EAT-TRAVEL-WRAP {
			float:left; 
			width:100%;
			overflow:hidden;
			margin-top:5%;
			min-height:400px; 
			-webkit-box-sizing: border-box;
     		-moz-box-sizing: border-box;
          	box-sizing: border-box;
		}		
				
	
/*------------- SPECIAL-COLUMN SECTION -------------*/	
	#SPECIAL-COLUMN_WRAP {
		float:left; 
		width:100%; 
		height:400px; 
		background-color:#FFF; 
		position:relative;	
		margin:0px auto 10px auto;
		
/*		border-top:1px solid #000;
		border-bottom:1px solid #000;*/
	}
	
	#SPECIAL-COLUMN_WRAP .COlumn {
		float:left; 
		width:345px;
		/*width:340px;*/ 
		height:100%; 
		/*background-color:#CCCC33;*/ 
		/*border-left:1px solid #000;*/
	}
	
	#SPECIAL-COLUMN_WRAP .COlumn .caption {
			/*float:left;*/ width:94%; margin:0 3%; 
			/*border-bottom:1px solid #000; */
			height:34px; 
			line-height:38px; 
			position:relative;  
			font-weight:bold;
			 color:#FFF; 
	}
	
			#SPECIAL-COLUMN_WRAP .caption .view-all { 
				line-height:20px; float:right; font-size:11px; color:#FFF; text-decoration:none; 
				background-color:#000; position:absolute;
				top:9px; right:3px; padding:0px 8px; font-weight:normal; 
			}
		    #SPECIAL-COLUMN_WRAP .caption .view-all:hover {background-color:#FFF; color:#333; }
	
	
		#SPECIAL-COLUMN_WRAP .COlumn .thumbnail {
			float:left; color:#030; 
			width:92%; 
			height: auto;
			margin:2% 4% 0 4%; 
			/*background-color:#963; */
		}
		#SPECIAL-COLUMN_WRAP .COlumn .thumbnail img { width:100%; }

		#SPECIAL-COLUMN_WRAP .COlumn .title a {
			font-family:WDBBangnaRegular;
			max-width:67%;
			float:left;	
		    font-size:16px; line-height:18px;
			
			top:0%; 
			margin-left:2%;
			padding:8px 12px;
			/*background-color: #000; */
			background:rgba(0,0,0,0.9);
			color:#FFF; 
			text-decoration:none; 
		}
		#SPECIAL-COLUMN_WRAP .COlumn .title a:hover { background-color: #F90; }
		#SPECIAL-COLUMN_WRAP .COlumn .desc { 
			width:91%;
			float:left;	
			margin:2.5% 4% 0% 4%;
			font-size:13px; 
			border-left:4px solid #FFF;
			padding-left:10px;
			 color:#FFF; 
		}
	
	#SPECIAL-COLUMN_WRAP #Right-COlumn {
		float:left; 
		width:534px; 
		background-color:#FFF; 
		height:100%; 
		position:relative;
		border-left:0px solid #000;
		border-right:0px solid #000;
	}
.spc-col li { list-style:none; position:relative; float:left; width:100%;  }	
	
/*------------- PARTNER SECTION -------------*/	

	#PARTNER-WRAP {
		float:left;
		width:100%; 
		height:auto;
		background-color: transparent;
		margin:0px 0px 0px 0px;
		padding:0 0% 10px 0%;
		overflow:hidden;
		position:relative;
		 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  
		   text-align: center; 
	}
	
	#PARTNER-WRAP ul { 
		float:left; width:100%; 
		margin:0 0 0 0; padding:0;height: auto; list-style:none; 
		 -webkit-box-sizing: border-box;
     	  -moz-box-sizing: border-box;
          box-sizing: border-box;
		  
		  display: inline-block;
		  
	}
		#PARTNER-WRAP ul li { 
			
			
			width: auto;
			height: auto;
			margin-bottom:5px;
			margin-right:5px;
			
			
				  display: inline-block;
				  /* inline block hack for IE 6&7 */
				  zoom: 1;
				  *display: inline;
			
			
		}
		
		#PARTNER-WRAP ul li a { display: inline-block;  float:left;   border:2px solid #DDD;}
		#PARTNER-WRAP ul li a img { }
		#PARTNER-WRAP ul li a:hover {  border:2px solid #999;}
		
		
	@media screen and (max-width: 1250px) {
			#PARTNER-WRAP ul {  width:100%; }
	}

/*-----------------------------*/		
		
.RIGHT-LIST-WRAP {
	float:left; width:300px; height: auto; 
	margin-top:20px; background-color:#052444;
}
.RIGHT-LIST-WRAP #label{
	float:left; width:100%; 
	padding:10px 0; background-color:#001831;
	text-indent:15px; color:#FFF;
}
ul.RIGHT-LIST {
	float:left;
	margin:0;
	padding:3% 5% 6% 9%; 
	width:87%; 
	clear:both;	
}
	ul.RIGHT-LIST li {
		float:left;
		clear:both;	
		width:100%;
		padding:4px 0;
		font-size:13px; border-bottom:1px dotted #0f3760;	
		color:#FFF;
	}
	ul.RIGHT-LIST li span { font-size:11px; color:#999999; margin-left:10px; }
	ul.RIGHT-LIST li a { color:#FFF; text-decoration:none;}
	ul.RIGHT-LIST li a:hover { color:#0F6FD1;}		


/************************* Pagination  *************************/

.pagination-wrap { float: right; padding:0px 0px; position:relative; z-index:10; margin-top:20px; }

.paginate { font-size:12px; padding: 3px 0px; margin: 6px 0px 7px -3px; }
.paginate a {
	padding:3px 8px;
	margin:2px;
	background-color:#EEE;
	text-decoration:none;
	color: #666;
	font-weight: normal;

}
.paginate a.next,.paginate a.previous { /*background-color:#222;*/ color:#FFF;  border:none; }

.paginate a:hover, .paginate a:active { color: #FFF; background-color: #999;}
.paginate a.next:hover,.paginate a.previous:hover { border:none;}
.paginate span.current {
    margin: 2px;
	padding:3px 8px;
	/*font-weight: bold;*/
	background-color: #111;
	color: #FFF;

}
.paginate span.disabled { padding:2px 6px; margin:2px;  color:#CCC; font-size:13px;}

/************************* END Pagination  *************************/




		.page-text,.page-text-s { 
			font-family:TPKubua; 
			font-size:38px;	
		}
		.page-text-s {
			font-size:22px; line-height:16px;
		}



#breadcrumb-wrap {
	float:left; width:100%; font-size:12px; color:#FFF; margin-top:-10px;
}
	#breadcrumb-wrap ul { float:left; margin:0 0 0 2px; padding:0; }
	#breadcrumb-wrap ul li { float:left; margin:0; padding:0px; list-style:none; }
	#breadcrumb-wrap ul li a { float:left;  padding:4px 25px 4px 11px; color:#FFFFFF; background:url(../asset/breadcrumb-arrow.png) no-repeat right; background-size:10px; }
	#breadcrumb-wrap ul li.curr {  padding:4px 11px;}



/*=== MORE LIST STYLE ===*/
.More_list {
	float:left; 
	width:295px; 
	height: auto;
	/*background-color:#EEE;*/
	margin:30px 0 0 5px;
	overflow:hidden;
}
	.More_list .label {  font-family:TPKubua; font-size:26px; float:left; width:100%; padding:0 0 0px 0; border-bottom:1px solid #000; margin-bottom:15px; }

	.More_list ul { float:left; width:100%; margin:0; padding:0; }
	.More_list ul li { float:left; width:100%; margin:0 0 4px 0; padding:0; list-style:none; position:relative; }
		.More_list ul li .thumbnail { float:left; width:98px; height:68px; background-color:#EEE; border:solid 1px #FFF; }
			.More_list ul li .thumbnail img {  width:98px; }
		.More_list ul li .info { float:left; width:180px; height:70px; /*background-color:#963;*/ margin-left:10px; border-bottom:1px solid #DDD; }
			
			.More_list ul li a { float:left; }
			.More_list ul li a:hover .title{ /*background-color:#99CC00;*/ text-decoration:underline; }
			.More_list ul li .info .title { float:left; width:100%; font-size:13px; padding:10px 0 0 0; }
			.More_list ul li .info .date,.More_list ul li .info .view 
				{ float:left; width:100%; font-size:11px; position:absolute; bottom:3px; color:#333;}		


/******************* Breadcrumb **********************/

#navgator-wrap { float:left; width:100%; border-top:1px solid #111; border-right:1px solid #111; margin-bottom:1px;}

.breadcrumb { 
	list-style: none; 
	overflow: hidden; 
	font-size: 12px;
	padding:0;
	margin:0;
	background:rgba(0,0,0,0.7);
}
.breadcrumb li {
	float: left; 
}
.breadcrumb li a {
	color: #888;
	text-decoration: none; 
	padding: 6px 0 6px 45px;
	background: #222;               
	/*background: hsla(34,85%,35%,1);*/
	position: relative; 
	display: block;
	float: left;
}

.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;        
	border-bottom: 50px solid transparent;
	border-left: 30px solid #222;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}

.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;       
	border-bottom: 50px solid transparent;
	border-left: 30px solid #444;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
}

.breadcrumb li:first-child a {padding-left: 20px;}
.breadcrumb li:nth-child(2) a     { background:rgba(22,22,22,1); }
.breadcrumb li:nth-child(2) a:after { border-left-color:rgba(22,22,22,1); }
.breadcrumb li:nth-child(3) a       {background:rgba(22,22,22,1); }
.breadcrumb li:nth-child(3) a:after { border-left-color:rgba(22,22,22,1); }
/*.breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }*/
.breadcrumb li:last-child a {
	background: transparent !important;
	color:#CCC;
	pointer-events: none;
	cursor: default;
	
}

.breadcrumb li:last-child a:after,.breadcrumb li:last-child a:before { 
	border:none; 
}

.breadcrumb li a:hover { background:#666; color:#FFF; }
.breadcrumb li a:hover:after { border-left-color:#666 !important; }




		.thumb-mask { 
				float:left; width:100%; height:100%; position:absolute;  
				background: rgba(0,0,0,0.7);
				background-image:url(../asset/icon-link.png);
				background-position:center;
				background-repeat:no-repeat;
				background-size:35%;
				
				display:none;
		}
	


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 1250px) {
	
	.login-regis-btn {
		display:none;
	 	
	}
	
	#PAGEWRAP {
		width: 980px;
	}
	
	#footer {
		width: 980px;
	}

	#sidebar-filp {
		width: 690px;
		float:left;
		margin-top:10px;
		margin-bottom:0px;
	}
	
	#weather-wrap { display:none; }
	
	.BANNER-250-POS-1 {
		margin-top:10px;	
	}

/*================  Header ====================*/
#HEADER-WRAP {
	width:980px;
}

a#main-top-logo {
	background-size:95%; 
}

#main-top-slogan {
	left:380px;
	top:24px;
	font-size:18px; 
	line-height:16px;
}

/*================  MAIN MENU ====================*/

.nav-container { 
	/*width: 100%;*/
	width: 980px;
}

	.nav li a.regis-org	{ 
		/*display:none;*/	
	}
	
	#user-info:before,
	#login-fb-top 
	
	{ 
		display:none;
	}
	
	.member-sec-btn {
		display:block;	
	}

/*================ EX-NEWS-WRAP ====================*/
	
	#contentEX-news {
		width:690px;
		/*background-color:#FFF; */
		/*border:1px solid #CCC;*/
	}
	
	#EX-NEWS-WRAP {	
	width:100%;
	padding:0%;

	}
	
	#EX-NEWS-WRAP ul li {
		/*border-bottom:1px solid #DDD;*/
		width:100%;
	}
	
	
/*================ END EX-NEWS-WRAP ====================*/
	
	#Left-Column {
		width: 268px;
		float: right;
		margin-right:0px;
	}
	
	.Block_thumb {
		width:338px;	
		margin-bottom:0px;
	}
	.Block_thumb.clearLeft {
		margin-left:14px;	
	}


/*------------- PROMOTION SECTION -------------*/	
	#PROMOTION-BLOCK {
		width: 960px; 
		margin-top:10px;	
		margin-left:0px;
		height:340px; padding:10px;
	}
	
		#PROMOTION-last-one {
			width:40%;
		}
			#PROMOTION-last-one .thumbnail {
				width:96%; height:204px;margin:2% 2% 0% 2%; 
			}
			#PROMOTION-last-one .thumbnail img { width:100%; top:-10%; left:0%; }
			#PROMOTION-last-one .sub { padding-top:0%;}
			
		
		#PROMOTION-last-list {
			width:56%; padding:2% 1.5% 0 2%;	
		}
			#PROMOTION-last-list ul {height:83%; padding-top:0; }
			#PROMOTION-last-list li {  
					padding:3px 0; margin:0; 
					width:49%; margin-right:5px; margin-bottom:5px;
				}
					#PROMOTION-last-list .thumbnail { float:left; width:90px; height:55px;  }
					#PROMOTION-last-list .desc {
						float:left; width:55%; font-size:12px; 
						margin-left:7px;
					}
						#PROMOTION-last-list .desc a { text-decoration:none; color:#FFFFFF; }
	

/*------------- PR SECTION -------------*/
	
	#PR-wrap { width: 980px; margin-bottom:10px; padding:0px;   position:relative; }
	#PR-wrap .wait { left:34%; }
		#PR-BLOCK {
			width: 670px;
			float: left;
			margin-right:8px; 	
			padding:0px 17px 2px 17px; background-color:#FFF;
		}
		
		#PR-LAST-one,#PR-LAST-list  {
			width: 40%; 
			height:91%;
		}
		
			#PR-LAST-one .thumbnail { width:100%; height:186px;}
				#PR-LAST-one .thumbnail img {}
			#PR-LAST-one .desc	    { width:100%; height:200px; margin-top:0px; margin-left:0%; padding-top:10px;}
			#PR-LAST-one .desc a { font-weight:bold; color:#000; }
		
		#PR-LAST-list {
			width: 60%;
		}

				#PR-LAST-list ul {  
					width:100%;  width:96%;  margin:0 0 0 4%; 
					border-top:none;
					border-left:none;
					border-right:none;
				}
				#PR-LAST-list ul li {  width:100%; margin:0 0 2px 0; padding-bottom:4px; border-bottom:none; }
				
					#PR-LAST-list .thumbnail {  width:31%; height:84px; margin-top:0%;  }
					#PR-LAST-list .thumbnail img { width:100%;  }
					#PR-LAST-list .desc	    { width:65%; margin-left:3%; height:84px;  }
						#PR-LAST-list .desc a { font-size:13px; color:#000; font-weight:bold; }
						#PR-LAST-list .desc .intro { display:none; }
						#PR-LAST-list .desc .intro-full { font-size:12px; display:block; padding-top:5px; }
						
		
		#PR-wrap a#view-all { 
			width:120px; position:absolute;
			top:0px; left:570px;
			/*display:none;*/ 
		}
						

/*------------- EVENT 77 SECTION -------------*/
	
	#Event-2-Col-wrap { 
		width:695px;	
	}
	
	#EVENT-77-region {
		width:695px; 
		/*height:16%;*/
		height:90px;
	}
	
	#EVENT-77-region a#view-all { 
		position:absolute; left:506px; font-size:12px; margin-top:9px; background-color:transparent; 
	}
	
	#EVENT-77-List {
		 width:684px; 
		 height:85%;
	}
	
		#EVENT-77-CAPTION {
			height:28px; 
			margin:1% 0 0 2%;
			width:95%;
			line-height:28px;
			border-bottom:1px solid #529e06;
			background:none;
			 
		}
		#EVENT-77-CAPTION span { display:none; }
	
	#EVENT-77-Banner-sec {
			width:268px; 
	}
	
	#event-flow {
			float:left; 
			width:100%; height:94%; margin:8px 0% auto 0; overflow:auto;
	}
	
	#EVENT-77-region ul { width:100%; margin:1% 0% 0% 0%; }
	
	#EVENT-77-region ul li {
				float: left; 
				list-style:none; 
				margin:0 1px 0px 0;
				width:24.5%;
					
	}
	
	#EVENT-77-region ul li a {
				float: left; 
				clear: none; 
				padding:2.4% 2%; 
				font-size:13px;
				width:96%;
				
	}
		
/*Banner SECTION*/
	.BANNER-250-POS-1,
	.BANNER-250
	 {
		width:260px;
		padding:4px; /*border:1px solid #DDD;*/
	}
	
	
	#Download-app-left  { display:none; }
	
/*------------- EAT TRAVEL SECTION -------------*/
	#EAT-TRAVEL-WRAP {
		 border-right:1px solid #CCC;
	}
	#EAT-TRAVEL-WRAP .column {
		width:325px;
	}
	#EAT-TRAVEL-WRAP .column.last {
	   border-right:none;
	   width:324px;
	}
	
		#EAT-TRAVEL-WRAP .title a {
			max-width:94%;
			margin:0% 4% 1% 4%;
		    font-size:14px;
			/*position: absolute;*/
			top:2.4%; 
			left:0;
			padding:8px 10px;
			background-color:#000; color:#FFF;
		}
		#EAT-TRAVEL-WRAP .desc { 
			width:88.4%;
			float:left;	
			margin:4% 4% 1% 4%;
			font-size:13px; 
			border-left:4px solid #222;
			padding-left:8px;
		}
	
	
/*------------- SPECIAL-COLUMN SECTION -------------*/	
	#SPECIAL-COLUMN_WRAP {
	}
	#SPECIAL-COLUMN_WRAP .COlumn {
		width:329px; 
	}
	#SPECIAL-COLUMN_WRAP #Right-COlumn {
		width:320px; overflow:hidden; 
	}
	

	/* border & guideline (you can ignore these) */
	.mid-content {
		/*background: #CCC;*/
		width:690px;
	}
	#sidebar-filp,#Left-Column {
		/*background: #f0efef;*/
	}
	
	#PAGEWRAP, #HEADER, .mid-content, #sidebar-filp, #footer {
		/*border: solid 1px #ccc;*/
		position:relative;
	}
	
	
	


}

/* for 700px or less */
/*@media screen and (max-width: 700px) {

	#content {
		width: auto;
		float: none;
	}
	#sidebar-filp {
		width: auto;
		float: none;
	}

}*/





/* root element for tabs ---------------------------------------------------------------------------------------------------------  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #ccc;
    height:30px;
	width:100%;
	float:left;
	background-color:#999;
}

/* single tab */
ul.tabs li {
    float:left;
	width:49.7%;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
   /* background: url(green.png) no-repeat -420px 0;*/
   background-color:#999;
    font-size:13px;
	font-weight:bold;
    display:block;
    height: 30px;
    line-height:30px;
    width: 100%; /*width: 149px;*/
    text-align:center;
    text-decoration:none;
    color:#FFF;
    padding:0px;
    margin:0px;
    position:relative;
	border-bottom:1px solid #999;
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    /*background-position: -420px -31px;*/
    color:#FFF;
	background-color:#666;
	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    /*background-position: -420px -62px;*/
	 background-color:#f4f4f4;
	 border:1px solid #CCC;
	 border-bottom:none;
    cursor:default !important;
    color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
}


.panes div.pantab {
    display:none;
    padding:10px 0px 20px 12px;
    border:1px solid #CCC;
    border-top:0;
    height:134px;
    font-size:14px;
    background-color:#f4f4f4;
	
}


.box-shodow5 {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	
	}
	
	
.mask,.mask-link {
	position:absolute; 
	top:0; 
	left:0;
	width:100%;
	height:100%;
/*	background:url(../asset/dark3.png);
	opacity: 0.4; 
	filter:alpha(opacity=40);*/
	/*background:rgba(0,0,0,0.4);*/	
}

.mask-link {

background: rgba(0,0,0,0.88);
background: -moz-linear-gradient(top, rgba(0,0,0,0.88) 0%, rgba(254,254,254,0) 83%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.88)), color-stop(83%, rgba(254,254,254,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.88) 0%, rgba(254,254,254,0) 83%);
background: -o-linear-gradient(top, rgba(0,0,0,0.88) 0%, rgba(254,254,254,0) 83%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.88) 0%, rgba(254,254,254,0) 83%);
background: linear-gradient(to bottom, rgba(0,0,0,0.88) 0%, rgba(254,254,254,0) 83%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#fefefe', GradientType=0 );
}

.mask-link.flip {
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 44%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(44%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 44%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 44%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 44%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 44%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.mask {
	/*background:rgba(0,0,0,0.1);*/
	background:url(../asset/dark6.png);
	opacity: 0.5; 
	filter:alpha(opacity=50);
}

/*MASK LOADING Center*/

    .spinner {
      margin: 19% auto auto auto;
      width: 50px;
      height: 50px;
      text-align: center;
      font-size: 10px;
    }

    .spinner > div {
      background-color: #FFF;
      height: 100%;
      width: 7px;
      display: inline-block;
      
      -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
      animation: stretchdelay 1.2s infinite ease-in-out;
    }
	
		.black > div { background:rgba(0,0,0,0.5); height: 60% }

    .spinner .rect2 {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s;
    }

    .spinner .rect3 {
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
    }

    .spinner .rect4 {
      -webkit-animation-delay: -0.9s;
      animation-delay: -0.9s;
    }

    .spinner .rect5 {
      -webkit-animation-delay: -0.8s;
      animation-delay: -0.8s;
    }

    @-webkit-keyframes stretchdelay {
      0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
      20% { -webkit-transform: scaleY(1.0) }
    }

    @keyframes stretchdelay {
      0%, 40%, 100% { 
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
      } 20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
      }
    }



*.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}



/*----------- Back to top button  -------------*/

#back-top {
	position: fixed;
	bottom: 30px;
	margin-right: 0px;
	right:4px; 
	z-index:5000;
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	font-size:12px;
	/* background color transition */
/*	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;*/
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	background: #999 url(../asset/up-arrow.png) no-repeat center center;
	background-size:30px;
	/* rounded corners */
}
#back-top a:hover span {
	background-color: #222;
}


/*----------- TOOL TIPS -------------*/

.tipsy { padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('../js/tooltips/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/*----------- Background Effect -------------*/

#event77-abs-BG { float:left; width:100%; height:70px; /*background-color:#666600;*/ position:absolute; top:20%; left:0; z-index:0;  }



/*--------------------------------------  LOADER SPIN  */

    .load-spin {
	  float:left;
      margin: auto;
      width: 32px;
      height: 15px;
	  
	  display:none;
	  	opacity:0.8;
        filter:alpha(opacity=80);
    }

    .load-spin > div {
	  float:left;
      background-color: #333;
      height: 100%;
      width: 5px;
	  margin:0 0 0 1px;
      display: inline-block;
      
      -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
      animation: stretchdelay 1.2s infinite ease-in-out;
    }

    .load-spin .rect2 {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s;
    }

    .load-spin .rect3 {
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
    }

    .load-spin .rect4 {
      -webkit-animation-delay: -0.9s;
      animation-delay: -0.9s;
    }
	
    @-webkit-keyframes stretchdelay {
      0%, 40%, 100% { -webkit-transform: scaleY(0.5) }  
      20% { -webkit-transform: scaleY(1.0) }
    }

    @keyframes stretchdelay {
      0%, 40%, 100% { 
        transform: scaleY(0.5);
        -webkit-transform: scaleY(0.5);
      } 20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
      }
    }
	
	
	

input[type=submit] { 
	outline:none;	
}

 .wrapForm,.wrapForm-non { float:left;/* border:1px solid #DDD;*/ padding:15px; position:relative; width: auto; }
 .form-sep { float:left; clear:both; width:100%; margin:0 0 12px 0; position:relative; }
 label { float:left; width:80px; font-size:13px; /*line-height:33px;*/ color:#555; }
 	.form-sep label.long { width:130px;  color:#666; }
	label.long span { color:#999; font-size:11px; }
	
	.require-field { color:red; font-size:14px; font-weight:bold; line-height:23px; }
	
	textarea.short {width:298px; padding:5px 8px; font-family:Tahoma, Geneva, sans-serif; float:left; }
	
 #submit-btn { /*font-size:14px; padding:5px 13px; margin-left:0px; font-weight:bold; color:#444;*/ }
 #submit-btn.long {width:200px;  }
 
 input[type=password],input[type=text] { 
 	padding:7px; width:250px; font-size:15px; 
	border:1px solid #BBB;
	border-left:1px solid #DDD; 
	border-bottom:1px solid #DDD; 
	color: #513311; font-weight:bold; 
}
 .notice {float:left; width:100%; padding:0px 0px; margin-bottom:5px; color:#690; display:none;}
 	.notice.err { color:#F00; font-size:13px; }
 .loading { font-size:11px; color:#888; display:none; margin-bottom:6px; color:#669;}
 
 
 	input.small { font-size:12px; width:300px; font-weight:normal; }
 
 .err-msg { font-size:11px; color:red; display:none; }
 #captcha,#showCaptcha { float:left; }
 	#captcha { width:50px; padding:5px; font-size:18px; margin:0 0 0 5px; }	
	
	
	
/*--------------------------------------  LOADER SPIN  */

.shadow-1 {
	background:#FFF;
	-webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,1);
-moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,1);
box-shadow: 0px 2px 3px 1px rgba(0,0,0,1);	
}

/*-------------------------------------------
	CONNER Cremony
*/			
 .conner {
			position:fixed;
			/*width:104px !important;
			height:106px !important;*/
			
			width:100px !important;
			height:80px !important;
			
			opacity:1 !important;
			z-index:9999 !important;
			top:0;
			
		

 }
 
		.conner:before {
			  height:130%;
			width:130%;

				display:block;
			position:absolute;
			content:'';
			
			 bottom:-25px !important;
			 left:5px !important;

					background-image:url(../asset/conner-Cremony.png);
				background-repeat:no-repeat;
				background-size:55%; 
				
				z-index:100 !important;
		}
 
		 .conner:after{
					display:block;
					position:absolute;
					content:'';
					top:0;
				opacity:1 !important;
				border-style: solid;
				border-width: 80px 80px 0 0;
				border-color: #000 transparent transparent transparent;
				
				z-index:50 !important;

		}

 /* @media screen and (max-width: 992px) {*/
  @media screen and (max-width: 560px) {	  
		.conner {
			display:none !important;
		}
		 .conner:before {
			
		 }
		 .conner:after{

		 }	

  }