@charset "utf-8";
* {
	padding: 0;
	margin: 0;
	outline: none;
	list-style-type: none;
}
body {
	padding: 0;
	margin: 0;
	font-family: tahoma;
	font-size: .8em;
	background: url(http://static.sanook.com/share/story_picture/bg-body.gif);
}
#cover {
	position: relative;
	margin: 0 auto;
	width: 950px;
	border-left: 1px dotted #d4d4d1;
	border-right: 1px dotted #d4d4d1;
/*	background: #FFF;*/
	background:url(http://btgsf1.fsanook.com/css/sanook/imgs/bg_lg_sanoook.jpg) #FFF no-repeat 0 10%;
}
#cover h1 {
	position: relative;
	height: 23px;
	text-align: center;
	font-size: 15px;
	background: #f0f1ed;
}
#main-content {
	position: relative;
	margin-right: 190px;
	padding-top: 10px;
}
/*Ad*/
#advertisement {
	position: relative;
	float: right;
	width: 190px;
	min-height: 550px;
/*	border-left: 1px solid #efefef;*/
	text-align: center;
	background: url(http://static.sanook.com/share/story_picture/bg-body.gif);
}
#main-content:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#advertisement p {
	margin-top: 0;
	text-align: center;
}
#advertisement p img { border: none; }
.hide { display: none; }
/*End Ad*/
#main-content h2 {
	margin-top: -20px;
	font-size: 14px;
	color: #666;
	text-align: center;
}
#main-content p.btn-slide {
	position: relative;
	margin: 0 auto;
	width: 690px;
	height: 25px;
	text-align: right;
}
#main-content img { border: none; }
/*Control Image*/
#main-content .show-img {
	position: relative;
	margin: 10px auto 0 auto;
	z-index: 999 !important;
}
#main-content .show-img img {
	max-height: 415px;
	max-width: 415px;
}
#main-content .bt-ctrl-img a {
	display: block;
	width: 50px;
	height: 56px;
	background: url(http://static.sanook.com/share/story_picture/btn-non.gif) no-repeat;
}
#main-content .bt-ctrl-img a:hover { background: url(http://static.sanook.com/share/story_picture/btn-hv.gif) no-repeat; }
#main-content .bt-ctrl-img-prev {
	position: absolute;
	top: 290px;
	margin-left: 70px;
	z-index: 998;
	display: block;
	width: 50px;
	height: 56px;
}
#main-content .bt-ctrl-img-next {
	position: absolute;
	top: 290px;
	margin-left: 640px;
	z-index: 998;
	display: block;
	width: 50px;
	height: 56px;
}
#main-content ul {
	position: relative;
	list-style-type: none;
}
#main-content ul li.wraptocenter {
	float: left;
	margin: 4px 8px;
	border: solid 1px #E6E6E6;
	background: #FFF;
}
#main-content ul li.selected { border: solid 1px #FD8E2B !important; }
#main-content .ctrl-all-images {
	position: relative;
	margin: 0 auto 5px auto;
	width: 683px !important;
	height: 60px;
	padding-left: 3px;
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	overflow: hidden;
	background: #FFF;
}
#main-content .btn-ctrl-prev {
	position: absolute;
	top: 11px;
	left: 36px;
	height: 60px;
	z-index: 9998;
	border-left: 1px solid #CCC;
}
#main-content .btn-ctrl-next {
	position: absolute;
	top: 11px;
	left: 712px;
	height: 60px;
	z-index: 9998;
	border-right: 1px solid #CCC;
}
#main-content .btn-ctrl-prev a, #main-content .btn-ctrl-next a {
	display: block;
	width: 10px;
	height: 44px;
}
/*#main-content .btn-ctrl-prev img, #main-content .btn-ctrl-next img {
	margin-top: 25px;
}*/
#main-content ul li a img {
	max-width: 50px;
	max-height: 50px;
	border: none;
}
/*Fix Center*/
.wraptocenter {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 50px;
	height: 50px;
}
.wraptocenter * { vertical-align: middle; }
.wraptocenter { display: block; }
.wraptocenter span {
	display: inline-block;
	height: 93%;
	width: 0;
}
.show-img {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 425px;
	height: 425px;
}
.show-img * { vertical-align: middle; }
.show-img { display: block; }
.show-img span {
	display: inline-block;
	height: 100%;
	width: 1px;
}
.description {
	width: 300px;
	margin: 8px auto 0 auto;
	text-align: center;
	font-size: 11px;
	color: #666;
}
