html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: center;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: "Microsoft JhengHei", 微軟正黑體, Arial,Tahoma,Century gothic, sans-serif!important;

	font-size: 13px;
	line-height: 1.42857143;
	color: #5b5a5a;
	background-color: #fff;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{
	margin:0;
	padding:0;
}
a {
	color:#000;text-decoration: none;
}
a:hover {
	color:#000;text-decoration: none;
}


.img-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000000 url(http://f.duckhk.com/images/play-icon.png) no-repeat center center;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.navigation_item{
	float:left;margin-right:18px;
}
		.navigation_item {
			font-family: "arial",sans-serif;
			float: left;
			background-color: #FDBAAE;
			border: 1px solid #CAD4E7;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			border-spacing: 0;
			cursor: pointer;
			font-size: 15px;
			line-height: normal;
			padding: 5px;
			margin-right: 5px;
			margin-bottom: 2px;
			margin-top: 5px;
			text-decoration: none;
			border-image: initial;
		}
.tag_item {
	font-family: "arial",sans-serif;
	float: left;
	background-color: #B5EDFF;
	border: 1px solid #20C8FF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-spacing: 0;
	cursor: pointer;
	font-size: 12px;
	line-height: normal;
	padding: 3px;
	margin-right:5px;
	margin-top:5px;
	text-decoration: none;
	border-image: initial;
}
.likeus {
	position:fixed; 
	top:50%; left:50%; 
	margin-left:-300px; margin-top:-100px;
	border: 0;
	width: 520px;
	height:420px
	margin: 0px;
	background-color: #FDEF9F;
	color: #000;
	font-size: 17px;
	font-family: Microsoft Yahei, tahoma, verdana, arial, sans-serif;
	z-index: 9999;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	padding: 25px;
	border-bottom: solid 1px #d10909;
	box-shadow: #FEF7CF 5px 5px 10px;
	-webkit-box-shadow: #FB9797 5px 5px 10px;
	_position:absolute;
	_top:expression(documentElement.scrollTop+"px");
}
.form_cs li {
	float: none;
	margin: 25px;
}
.input_box{
    font-size:15px;height:23px;padding:5px;border:1px solid #CCC;
    -webkit-appearance: none;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
.top_member li{
	float:left;
}
.topstrip {
	width: 100%;
	height: 38px;
	border-bottom: #e3e3e3 solid 1px;
	background-color: #F5F5F5;
}
.topstrip li{
	float:left;
	position: relative;
	display: block;
	margin-right:10px;
}
.topstrip li a{
	color: #404040;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
}
.topstrip li a:hover{
	color: #d10909;
}
.w980{
	padding-top:0px;margin:0 auto;width:980px
}
.logobar {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 3px;
	background: #f5f5f5;
	-webkit-box-shadow: inset 0px -10px 18px -6px #D0D0D0;
	-moz-box-shadow: inset 0px -10px 18px -6px #D0D0D0;
	box-shadow: inset 0px -10px 18px -6px #D0D0D0;
	border-bottom: solid 3px #47639E
}
.clearfix{
	clear:both;
}

.searchlist li{
	display: inline-block;
	padding-left: 0;
	margin: 5px;
}

.p_bar{
	clear:both;
}
.p_bar li{
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.p_bar li a {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #428bca;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}
.p_bar li:first-child a {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}
.p_bar li:last-child a{
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
.p_bar li a:hover{
	background-color: #eee;
	border-color: #ddd;
}
.p_curpage {
	background: #E73737 !important;
	border-color: #E73737 !important;
	color: #FFF !important;
}

.section-header {
	padding: 8px 15px;
	margin-bottom: 0px;
	list-style: none;
	background-color: #f5f5f5;
	border-bottom: solid 1px #FB9797;
}
.section-header h3 {
	color: #888;
	font-size: 20px;
	letter-spacing: 0px;
	margin: 0;
	font-weight: 300;
	font-family: "Lato", sans-serif !important;
	float: left;
}
.col{
	float:left;
	margin-bottom: 40px;
	position: relative;
	min-height: 1px;
	width:190px;
	margin-left:15px;
}
.item-img {
	position: relative;
}
.item-img:hover > a .img-hover {
	opacity: .50;
}
.item-title{
	height:48px;max-height: 2.9em;overflow:hidden
}
.item-title a{
	color: #1b7fcc;font-size:14px;font-weight: bold;
}
.item-title a:hover{
	text-decoration:underline
}
.searchlist{
	background-color: #FFF;
	border-bottom: solid 1px #FB9797;
	padding:10px;
	/*
	-webkit-box-shadow: 4px 6px 4px 0px rgba(94,102,92,0.44);
	-moz-box-shadow: 4px 6px 4px 0px rgba(94,102,92,0.44);
	box-shadow: 4px 6px 4px 0px rgba(94,102,92,0.44);
	*/
}
.search_left {
	float:left;width:160px
}
.search_right{
	float:left;width:440px;font-size:16px;margin-left:16px
}
.search-title a{
	color: #1b7fcc;font-size:16px;font-weight: bold;
}
.search-title a:hover{
	text-decoration:underline
}
.meta{
	float:right;
	margin-top:7px;
}
.fixed {
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	/* center all inline content */
	text-align: center;
	z-index: 20002;
}
.welcomebox {
	width: 305px;
	height: 360px;
	padding: 15px;
	background: #fff;
	border: #808080 5px solid;
	position:absolute;
	top: 45px;
	left:24%;
	z-index: 2;
	border-radius: 5px;
}
.likesbox {
	width: 405px;
	height: 380px;
	padding: 20px;
	background: #fff;
	border: #808080 5px solid;
	position:absolute;
	top: 30px;
	left:18%;
	z-index: 2;
	border-radius: 5px;
}
.btn_share {
	font-family: "arial",sans-serif;
	height: 16px;
	float: left;
	background-color: #ECEEF5;
	border: 1px solid #CAD4E7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-spacing: 0;
	cursor: pointer;
	font-size: 12px;
	line-height: normal;
	padding: 2px 3px 0 3px;
	margin-right: 5px;
	text-decoration: none;
	border-image: initial;
}
.btn_share span {
	background: url('{$siteurl}/images/fb.png') no-repeat;
	color: #3B5998;
	display: block;
	padding-left: 1px;
	white-space: nowrap;
}
.btn_share_count {
	line-height: 1.28;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	line-height: 14px;
	white-space: nowrap;
}
.btn_share_count {
	line-height: 1.28;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	color: #333;
	font-size: 12px;
	background: white;
	border: 1px solid #D1D1D1;
	float: left;
	font-weight: normal;
	height: 15px;
	min-width: 15px;
	padding: 1px 2px 1px 2px;
	text-align: center;
	line-height: 14px;
	white-space: nowrap;
	border-image: initial;
}
.welcome{
	background-color:#000;
	border-top: solid 0px #FB9797;
}
.wtitle{
	height:28px;font-size:24px;padding:10px;color:#FFF;
}
.wtitle2 {
	clear: both;
	vertical-align: top;
	border: 1px solid #ededef;
	border-bottom: 0px solid #ededef;
	padding:8px;
	background-color: #f8f8f8;
	border-top: 1px solid #ededef;
	font-size:24px;
	padding-bottom:10px;
	color:#000;
	width:646px;
}
.view_post_text {
	clear: both;
	vertical-align: top;
	border: 1px solid #ededef;
	border-top: 0px solid #ededef;
	padding:8px;
	background-color: #FFF;
	border-top: 1px solid #ededef;
	font-size:24px;padding-bottom:10px;color:#000;
	width:646px;
	font-size:18px;
	line-height:36px;
}
.wtext{
	color:#333;font-family:Microsoft Yahei, tahoma, verdana, arial, sans-serif;
	font-size:15px;margin:0px;padding:0px;text-decoration:none;font-weight:bold
}
.thumbnail {
	width: 280px;
	height: 158px;
	overflow: hidden;
	float: left;
	position: relative;
	border: 2px solid #d10909;
	border-radius: 3px;
}
.desc {
	width: 280px;
	height: 24px;
	color: white;
	display: block;
	padding: 0 5px;
	font-size: 14px;
	font-family: Microsoft Yahei;
}
.message-m {
	width: 640px;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 10px;
	font-size:16px;
	color:#000;
}
.message-box {
	width: 640px;
	border: 1px solid #CCC;
	padding: 5px;
	background: white;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: 0 1px 3px 0 #b5b5b5;
	-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
	-webkit-box-shadow: 0 1px 3px 0 #b5b5b5;
	border: 1px solid #DDD;
	border-bottom: 4px solid #F88C00;
	border-bottom-color: #5952EB;
}
.fff a{
	color:#FFF;
}

.form_cs li{
    float:none;margin:25px;
}
.form_cs p.input_name{
    font-size:15px;
    margin:4px;
    font-weight:bolder;
    color:#666;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    letter-spacing: 6px;
}
.input_box{
    font-size:15px;height:23px;padding:5px;border:1px solid #CCC;
    -webkit-appearance: none;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
.red{
    color:red;letter-spacing: 3px;margin:8px;
}


@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300);

	/* position the menu */
	#nav {
	  float:left; 
	  z-index:3999; 
	  position:relative;
	  width: auto;
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	  background: #ffffff;
	  border-bottom: 4px solid #000;
	  border-bottom-right-radius:5px; 
	  border-bottom-left-radius:5px; 
	}
	/* first level */
	#nav > li {
		float:left; 
		list-style:none; 
		font-size:16px;
		font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
		display: inline-block;
		*display: inline;
		zoom: 1;
		padding-left: 2.2px;
	}
	#nav > li > a {
		display: block;
		font-size: 17px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		padding:0 18px; 
		text-decoration:none;
		background: url('http://www.towngag.com/images/nav-rightbg.png') no-repeat right top;
		line-height:39px;
	}
	/*#nav > li > a:hover, #nav > li .active {background-color:#000; color:#fff;}*/
	#nav > li ul {
	  display:none; 
	  position:absolute; 
	  z-index:10000;
	  float:left; 
	  width:10em;
	  background: #ffffff;
	  border: 1px solid #ece6e8;
	  border-bottom: 3px solid #d9ced2;
	  -webkit-border-radius: 2px;
	  -moz-border-radius: 2px;
	  -o-border-radius: 2px;
	  border-radius: 2px;
	}
	#nav > li ul a {display:block; width:7.5em; color:#666; padding:6.8px 20px; font-size:16px; text-decoration:none;}
	/*#nav > li ul a:hover {background-color:#000; color:#fff;}*/
	/* second level */
	#nav > li:hover > ul {display:block;}
	/* all levels  */
	#nav > li li > ul {margin:-36px 0 0 10em;}
	#nav > li li:hover > ul {display:block;}
	#nav > li ul.has-sub > a {
	  background-image: url('http://www.towngag.com/images/caret.png');
	  background-repeat: no-repeat;
	  background-position: 90% -95%;
	}
	.nav_active {background-color:#000; color:#fff;}
	.nav_active > a{background-color:#000;color:#fff;}


#search-form {
	width: 300px;
	height: 50px;
	padding-bottom: 20px;
	background: url(../images/form-bg.png) top center no-repeat;
}

.form-container {
	width: 300px;
	height: 49px;
	padding: 0;
	overflow: hidden;
	text-align: left;
	background: #f8f8f8;
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#eeeeee));
	background-image: -webkit-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -moz-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -ms-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: -o-linear-gradient(top, #f8f8f8, #eeeeee);
	background-image: linear-gradient(top, #f8f8f8, #eeeeee);
	-moz-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
	box-shadow: 0 4px 0 #ddd, 0 6px 8px rgba(0,0,0,.5);
}

.search-field {
	float: left;
	width: 200px;
	height: 34px;
	margin: 6px 0 0 8px;
	padding: 0 8px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	background: #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; 
	border-radius: 8px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -moz-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -ms-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: -o-linear-gradient(top, #f5f5f5, #ffffff);
	background-image: linear-gradient(top, #f5f5f5, #ffffff);
	-moz-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #e2e2e2 inset, 0 1px 0 #fff;
}

.search-field:focus {
	outline: 0;
	color: #666;
	border-color: #aaa;
	-moz-box-shadow: 0 1px 1px #dadada inset;
	-webkit-box-shadow: 0 1px 1px #dadada inset;
	box-shadow: 0 1px 1px #dadada inset;
}

.submit-container {
	float: left;
	width: 60px;
	height: 32px;
	margin: 7px 0 0 7px;
	padding: 0;
	cursor: pointer;
	background: #e63c0d;
	border: 1px solid #d62700;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f55f15), to(#e63c0d));
	background-image: -webkit-linear-gradient(top, #f55f15, #e63c0d);
	background-image: -moz-linear-gradient(top, #f55f15, #e63c0d);
	background-image: -ms-linear-gradient(top, #f55f15, #e63c0d);
	background-image: -o-linear-gradient(top, #f55f15, #e63c0d);
	background-image: linear-gradient(top, #f55f15, #e63c0d);
	-moz-box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #fa8e1f inset, 0 1px 0 #fff;
}

.submit-container:hover, .submit-container:focus {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e63c0d), to(#f55f15));
	background-image: -webkit-linear-gradient(top, #e63c0d, #f55f15);
	background-image: -moz-linear-gradient(top, #e63c0d, #f55f15);
	background-image: -ms-linear-gradient(top, #e63c0d, #f55f15);
	background-image: -o-linear-gradient(top, #e63c0d, #f55f15);
	background-image: linear-gradient(top, #e63c0d, #f55f15);
	-moz-box-shadow: 0 1px 1px #f36215 inset, 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 1px #f36215 inset, 0 1px 0 #fff;
	box-shadow: 0 1px 1px #f36215 inset, 0 1px 0 #fff;
}

.submit-container:active {
	outline: 0;
	-moz-box-shadow: 0 1px 6px #e4340b inset;
	-webkit-box-shadow: 0 1px 6px #e4340b inset;
	box-shadow: 0 1px 6px #e4340b inset;
}

.submit {
	float: left;
	width: 60px;
	height: 32px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: 0px solid #000;
	background: url(../images/magnifier.png) 20px 6px no-repeat;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	border-radius: 6px;
}

.popup {
	width: 175px;
	margin: 3px 0 0 45px;
	padding: 1px 0 0 0;
	background: url(../images/popup-bg.png) 10px 0 no-repeat;
	font-family: Georgia, serif;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	text-align: left;
}

.popup p {
	margin: 8px 0 0 0;
	padding: 8px 14px 9px 14px;
	background: #3d3d3d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	border-radius: 6px;
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
}

.playicon {
	position: absolute;
	left: 285px;
	top: 170px;
	z-index: 9
}

.playicon_mobile {
	position: absolute;
	left:43%;
	top: 100px;
	z-index: 9
}

.facebook_like1 {
	z-index: 99999;
	position: absolute;
	left: 335px;
	top: 190px;
	z-index: 100;
	width: 50px;
	height: 100px;
	overflow: hidden;
	opacity: 0.0;
	cursor:pointer;
	filter: alpha(opacity=0.0);
}
.facebook_like2 {
	z-index: 99999;
	position: absolute;
	left: 285px;
	top: 190px;
	z-index: 100;
	width: 50px;
	height: 100px;
	overflow: hidden;
	opacity: 0.0;
	cursor:pointer;
	filter: alpha(opacity=0.0);
}
.facebook_like3 {
	z-index: 99999;
	position: absolute;
	left: 95px;
	top: 80px;
	z-index: 100;
	width: 50px;
	height: 20px;
	overflow: hidden;
	opacity: 0.0;
	cursor:pointer;
	filter: alpha(opacity=0.0);
}
.facebook_like4 {
	z-index: 99999;
	position: absolute;
	left: 115px;
	top: 80px;
	z-index: 100;
	width: 50px;
	height: 20px;
	overflow: hidden;
	opacity: 0.0;
	cursor: pointer;
	filter: alpha(opacity=0.0);
}
.facebook_like1_mobile {
	z-index: 99999;
	position: absolute;
	left:35%;
	top: 100px;
	z-index: 100;
	width: 50px;
	height: 100px;
	overflow: hidden;
	opacity: 0.0;
	filter: alpha(opacity=0.0);
}

.facebook_like2_mobile {
	z-index: 99999;
	position: absolute;
	left:50%;
	top: 100px;
	z-index: 100;
	width: 50px;
	height: 100px;
	overflow: hidden;
	opacity: 0.0;
	filter: alpha(opacity=0.0);
}

.poptext{
	padding-bottom:15px;padding-left:9px;font-size:14px;color:#FFF;padding-top:9px;
}

.poptext a{
	color:#FFF;
}

.pop_left{
	float:left;width:90px;margin-top:10px;margin-left:10px;
}

.pop_right{
	float:left;width:147px
}

.pophover:hover{
	background-color:#1C1C1C;cursor:pointer
}

#widget{
	width: 277px;
	height:456px;
	overflow: auto;
	background-color:#000;
	padding-left:15px;
	padding-top:10px;	
	margin-top:0px;
	/*border-top: solid 3px #FB9797;*/
}
#widget::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
#widget::-webkit-scrollbar-button:start:decrement,
#widget::-webkit-scrollbar-button:end:increment  {
	display: none;
}
		             
#widget::-webkit-scrollbar-track-piece  {
	background-color: #3b3b3b;
	-webkit-border-radius: 6px;
}
		             
#widget::-webkit-scrollbar-thumb:vertical {
	-webkit-border-radius: 6px;
	background: #666 url('../images/scrollbar_thumb_bg.png') no-repeat center;
}

#shadow {background-image:url('http://www.towngag.com/images/shade1x1.png'); position:absolute; left:0; top:0; width:100%; z-index:4999;}
.lightSwitcher {position:relative; z-index:5000; background-image:url('http://www.towngag.com/images/light_bulb_off.png'); 
                     background-repeat:no-repeat; background-position:left; padding: 8px 0 0 20px;margin-right:10px;
                      outline:none; text-decoration:none;}
.turnedOff {color:#ffff00; background-image:url('http://www.towngag.com/images/light_bulb.png');}
.turnedOff a.hover {color:#ffff00}
.turnedOff a {color:#ffff00}

	.list_post {
		width: 630px;
		border: 1px solid #CCC;
		padding: 10px;
		background: white;
		border-radius: 1px;
		-moz-border-radius: 1px;
		-webkit-border-radius: 1px;
		box-shadow: 0 1px 3px 0 #b5b5b5;
		-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
		-webkit-box-shadow: 0 1px 3px 0 #b5b5b5;
		border: 1px solid #DDD;
		min-height: 100px
	}
	.list_post_left {
		float:left;width:150px;
	}
	.list_post_right {
		float:left;width:460px;
	}
	.list_post:hover {
		background-color: #F3F3F3
	}
	.list_post_link {
		width: 120px;font-weight: bold;color:#333399;font-size: 1.6em;
	}
	.list_post_img {
		width: 139px;height: 94px;display: inline-block;overflow: hidden;vertical-align: bottom;padding: 1px;border: 1px solid #c0c0c0;
		background: url() no-repeat center 50% #fff;
	}
	.list_post_title {
		margin: 0 0 5px 0;font-size: 15px;color: #276998;font-weight: bold;
	}
	.list_post_message {
		clear:both;padding:0px;line-height:19px;color:#121212;font-size:13px;
	}

	.view_post_text img {
     	max-width: 646px;
     	height: auto;
	}

.pop_posts {
	background: url(http://www.towngag.com/images/fabric_of_squares_gray.png);
	border-radius: 5px;
	padding: 3px 10px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border: solid 2px #DDD;
}
.pop_posts h2 {
	padding: 5px 5px;
	padding-left: 0;
	margin-bottom: 0px;
	text-transform: uppercase;
	color: #5C5C5C;
	font-weight: bold;
	font-size: 18px
}
.morecontent a {
	border-bottom: solid 2px #EEE !important;
	display: block;
	padding: 8px 0;
	text-shadow: 0 0 2px rgba(255,255,255,0.31);
}
.morecontent .tbm h3 {
	display: inline-block;
	width: 216px;
	vertical-align: middle;
	padding-left: 5px;
}
.morecontent a h3 {
	text-shadow: 0 0 5px rgba(0,0,255,.08);
	font-weight: bold;
	color: #005EC1;
	font-size: 15px;
}
.morecontent a img {
	display: inline-block;
	border-radius: 3px;
	width: 40px;
	height: 40px;
	border: solid 1px #888;
	vertical-align: middle;
}
.morecontent a:hover img {
	border-color: #444;
	box-shadow: 0 0 2px #CCC;
}

.div_right_bottom {
width:300px;
float:right;
position:fixed;
right: 0px;
bottom:-5px;
z-index:20;
_position:absolute; /* position fixed for IE6 */
}

.div_left_bottom {
width:300px;
height:250px;
float:right;
position:fixed;
right:0px;
top:0px;
z-index:20;
_position:absolute; /* position fixed for IE6 */
}


a#inifiniteLoader{
    position: fixed;  
    z-index: 2;  
    bottom: 15px;   
    right: 10px; 
    display:none;
}


#elevator_item {
width: 60px;
height: 100px;
position: fixed;
right: 15px;
bottom: 300px;
-webkit-transition: opacity .4s ease-in-out;
-moz-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
opacity: 1;
z-index: 100020;
display: none;
}
#elevator_item.off {
opacity: 0;
visibility: hidden
}
#elevator {
display: block;
width: 60px;
height: 50px;
background: url(http://www.towngag.com/images/icon_top.png) center center no-repeat;
background-color: #444;
background-color: rgba(0,0,0,.6);
border-radius: 2px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
cursor: pointer;
margin-bottom: 10px
}
#elevator:hover {
background-color: rgba(0,0,0,.7)
}
#elevator:active {
background-color: rgba(0,0,0,.75)
}
#elevator_item .qr:hover {
background-color: rgba(0,0,0,.7)
}
#elevator_item .qr:active {
background-color: rgba(0,0,0,.75)
}
#elevator_item .qr-popup {
width: 170px;
height: 200px;
background: #fff;
box-shadow: 0 1px 8px rgba(0,0,0,.1);
position: absolute;
left: -180px;
bottom: 0;
border-radius: 2px;
display: none;
text-align: center
}
#elevator_item .qr-popup .code-link {
display: block;
margin: 10px;
color: #777
}
#elevator_item .qr-popup .code {
display: block;
margin-bottom: 10px
}
#elevator_item .qr-popup .arr {
width: 6px;
height: 11px;
background: url(img/code_arrow.png) 0 0 no-repeat;
position: absolute;
right: -6px;
bottom: 14px
}

.button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding-right: 30px;
	padding-left: 70px;
	position: relative;
	background-color: rgb(0,0,0);
	color: rgb(255,255,255);
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true)";
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=1,Color=#ff123852,Positive=true);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true)";
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#33000000,Positive=true);
}

.button span {
position: absolute;
left: 0;
width: 50px;
font-size: 30px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-right: 1px solid rgba(0,0,0,0.15);
text-decoration: none;
}

.facebook {
	background: #3b5998;
}

.facebook:hover{
	color: #FFF;
}

.icon-facebook{
font-weight: bold;
display: inline;
width: auto;
height: auto;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
margin-top: 0;
}

.icon-facebook:before {
content: "f";
}

.topphp {
width: 980px;
}

/*-------------------------------------------fb like link-------------------------------------------*/
.black{	border:1px solid #656565; background-color:#484848;}.ttblack{color:#fff;}.white{}.iframead{position:relative;height:84px;}
.iframead .title{font-size: 11px;-webkit-text-size-adjust: none;height: 61px;width: 12px;line-height: 18px;float:left;margin-left:6px;margin-top:6px;}
.adlist{
	height:75px;
	position:absolute;
	left:18px;
	z-index:1;
	*top:0px;
}
.adlist li{position:relative;width:148px;height:70px;float:left;overflow:hidden;margin-top:7px;	margin-left:10px;float:left;}
.adlist li img{position:absolute;top:-20px;border:0px;max-width:150px;}
.anad .tag{transition:0.5s; -moz-transition:0.5s;-webkit-transition:0.5s; -o-transition:0.5s;position:absolute;top:-30px;left:0;width:40px;height:17px;background:url(http://www.gamme.com.tw/images/black.png);font-size: 11px;color:#fff;text-align:center;line-height:17px;z-index:11;text-decoration:none;}
.adlist li a .adbg{-moz-box-shadow: 3px 3px 3px 3px #669FEC;
-webkit-box-shadow: 3px 3px 3px 3px #669FEC;
box-shadow: 3px 3px 3px 3px #669FEC;

width:150px;height:70px;opacity:0;filter:alpha(opacity=0);transition:0.5s; -moz-transition:0.5s;-webkit-transition:0.5s; -o-transition:0.5s;display:block;}
.adlist li a:hover .adbg{opacity:100;filter:alpha(opacity=100);	}
.anad a .adtitle,.anadsony a .adtitle{position:absolute;bottom:-13px;bottom:-12px \9;left:3px;width:145px;height: 12px;-moz-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);-webkit-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);font-size: 11px;line-height:18px;color: #fff;z-index:11;transition:0.5s; -moz-transition:0.5s;-webkit-transition:0.5s; -o-transition:0.5s;text-decoration:none;}
.anad a:hover .adtitle,.anadsony a:hover .adtitle{bottom:20px;bottom:20px \9;height: 27px;line-height:15px;}
.anad a:hover .tag{	top: 0px;left: 0;transition:0.5s; -moz-transition:0.5s;-webkit-transition:0.5s; -o-transition:0.5s;}

.adbg{position:absolute;top:0;left:0;width:150px;height:70px;background: url(http://www.gamme.com.tw/images/orange.png);z-index:10;}
.graybg{position:absolute;top:0;left:0;width:150px;	height:70px;/*background: url(http://www.gamme.com.tw/images/gray.png);*/z-index:9;}
.anadsony .tag{position:absolute;top:0;left:0;width:40px;height:17px;background-color:#F00;font-size: 11px;color:#fff;text-align:center;line-height:17px;z-index:11;text-decoration:none;}
/*-------------------------------------------fb like link-------------------------------------------*/
.spillbtn:hover{background-color:#ffffff;color:#f99019;text-decoration: none;}
.spillbtn {float: right;float: none\9;padding:0 9px;height:28px;line-height:28px;color:#FF0000;font-size: 12px;text-decoration: none;}

.shadow {
box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
}
.radius-4 {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wraps {
padding: 10px;
border-radius: 6px;
background: #FFF;
}
#site-inner .wrap {
padding: 20px 20px 40px 20px;
border-radius: 6px;
background: #FFF;
}
#site-inner .content {
float: left;
width: 600px;
}
.content .entry {
padding: 20px 0;
border-bottom: 1px solid #eee;
}
.content .entry .img {
float: left;
width: 220px;
max-height: 180px;
overflow: hidden;
display: block;
position: relative;
margin-right: 24px;
}
.content .entry .img .thumb {
width: 220px;
}
.content .entry .text {
float: left;
width: 350px;
}
.content .entry h2 {
padding: 0;
margin-top: 0;
}
.content .entry h2 a {
font-size: 26px;
color: #111;
}
.content .entry .date {
color: #999;
font-size: 12px;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.content .entry .desc2 {
color: #666;
font-size: 15px;
margin-top: 10px;
}
.content .entry .more {
color: #0065bb;
margin-top: 6px;
display: block;
font-size: 15px;
}
.content .entry h2 a:hover { color: #f30; }
.bh a{
	color: #428bca;
}
.sidebar .post {
position: relative;
width: 298px;
height: 167px;
padding: 0;
margin-top: 10px;
overflow: hidden;
background: #333;
border: 1px solid #eee;
}
.sidebar .post .title {
position: absolute;
bottom: 0;
width: 298px;
overflow: hidden;
text-align: center;
background-color: rgba(0, 0, 0, 0.8);
}
.sidebar .post .title a {
color: #eee;
font-size: 19px;
font-weight: normal;
display: inline-block;
padding: 6px 8px;
white-space: nowrap;
}
.sidebar .post .thumb {
margin-top: -28px;
}
.sidebar .post .thumb img {
width: 298px;
}
.sidebar .post:hover .title { background-color: #e74c3c; }
.sidebar .posts-recent h4 {
color: #090;
font-size: 28px;
}

h1.post-title {
font-size: 38px;
font-weight: normal;
font-family: Microsoft JhengHei, 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 0;
margin: 10px 0 20px 0;
line-height: 1em;
}
.post-content {
color: #333;
font-size: 18px;
line-height: 1.8em;
}

/* Main Nav  */
#main-nav  {
	margin:0 auto;
	background:url(http://www.towngag.com/images/main-menu-bg.png) repeat-x bottom;
	height:52px;
	border-bottom:5px solid #F88C00 ;
}
	#main-nav  .menu-alert{
		float:left;
		padding:18px 0 0 10px ;
		font-style:italic;
		color:#FFF;
	}
	#top-menu-mob , #main-menu-mob{ display:none; }
	#main-nav .main-menu{margin-left:10px;}
	#main-nav  ul li {
		font-size:13px;
		position: relative;
		display: inline-block;
		float: left;
		border:1px solid #222222;
		border-width:0 0 0 1px;
		height:47px;
		margin-top:5px;
	}
		#main-nav  ul li:first-child,
		#main-nav  ul li:first-child a{border:0 none;}
		#main-nav  ul li:last-child a{border-right:0 none;}
		#main-nav  ul li a {
			font-size: 16px;
			display: inline-block;
			height: 47px;
			line-height: 47px;
			color: #ddd;
			padding:0 15px;
			text-shadow:0 1px 1px #000;
			/*border-left:1px solid #383838;*/
		}
		#main-nav  ul li a .sub-indicator{}
		#main-nav  ul li a:hover {}
		#main-nav  ul ul{
			display: none;
			padding:0;
			position: absolute;
			top: 42px;
			width: 180px;
			z-index: 99999;
			float: left;
			background: #2d2d2d !important;
			-webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
			box-shadow: 0 3px 4px 1px rgba(0, 0, 0, 0.2);
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;
		}
		#main-nav  ul li.current-menu-item ul,
		#main-nav  ul li.current-menu-parent ul,
		#main-nav  ul li.current-page-ancestor ul{ top: 52px;}

		#main-nav  ul ul li, #main-nav  ul ul li:first-child {
			background: none !important;
			z-index: 99999;
			min-width: 180px;
			border:0 none;
			border-bottom: 1px solid #222;
			border-top: 1px solid #383838;
			font-size:12px;
			height:auto;
			margin:0;
		}
			#main-nav  ul ul li:first-child ,#main-nav ul li.current-menu-item ul li:first-child,
			#main-nav ul li.current-menu-parent ul li:first-child,#main-nav ul li.current-page-ancestor ul li:first-child { border-top:0 none !important;}
		#main-nav  ul ul ul ,#main-nav  ul li.current-menu-item ul ul,	#main-nav  ul li.current-menu-parent ul ul,	#main-nav  ul li.current-page-ancestor ul ul{right: auto;left: 100%;	top: 0 !important;	z-index: 99999;	}
		#main-nav  ul.sub-menu a ,
		#main-nav  ul ul li.current-menu-item a,
		#main-nav  ul ul li.current-menu-parent a,
		#main-nav  ul ul li.current-page-ancestor a{
			border:0 none;
			background: none !important;
			height: auto !important;
			line-height: 1em;
			padding: 10px 10px;
			width: 160px;
			display: block !important;
			margin-right: 0 !important;
			z-index: 99999;
			color: #ccc !important;
			text-shadow:0 1px 1px #000 !important;
		}
		 #main-nav  ul li.current-menu-item ul a,
		 #main-nav  ul li.current-menu-parent ul a,
		 #main-nav  ul li.current-page-ancestor ul a{ color:#eee !important; text-shadow:0 1px 1px #222 !important;}

		#main-nav  ul li:hover > a,	#main-nav  ul :hover > a {	color: #FFF ;}
		#main-nav  ul ul li:hover > a,
		#main-nav  ul ul :hover > a {color: #FFF !important;	padding-left:15px !important;padding-right:5px !important;}
		#main-nav  ul li:hover > ul {display: block;}
		#main-nav  ul li.current-menu-item,
		#main-nav  ul li.current-menu-parent,
		#main-nav  ul li.current-page-ancestor{
			margin-top:0;
			height:52px;
			border-left:0 none !important;
		}
		
		#main-nav  ul li.current-menu-item ul.sub-menu a, #main-nav  ul li.current-menu-item ul.sub-menu a:hover,
		#main-nav  ul li.current-menu-parent ul.sub-menu a, #main-nav  ul li.current-menu-parent ul.sub-menu a:hover
		#main-nav  ul li.current-page-ancestor ul.sub-menu a, #main-nav  ul li.current-page-ancestor ul.sub-menu a:hover{background: none !important;}

		#main-nav  ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover,
		#main-nav  ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover,
		#main-nav  ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover{
			background:#F88C00;
			text-shadow:0 1px 1px #000;
			color:#FFF;
			height:52px;
			line-height:52px;
			border-left:0 none !important;
		}
		#main-nav  ul.sub-menu li.current-menu-item,#main-nav  ul.sub-menu li.current-menu-item a,
		#main-nav li.current-menu-item ul.sub-menu a,#main-nav  ul.sub-menu li.current-menu-parent,
		#main-nav  ul.sub-menu li.current-menu-parent a,#main-nav li.current-menu-parent ul.sub-menu a,
		#main-nav  ul.sub-menu li.current-page-ancestor,#main-nav  ul.sub-menu li.current-page-ancestor a,
		#main-nav li.current-page-ancestor ul.sub-menu a{height:auto !important; line-height: 12px;}
		#main-nav  ul li.menu-item-home a{
			background-image:url(http://www.towngag.com/images/separate.png) !important;
			background-repeat:no-repeat !important;
			background-position:center -350px;
			text-indent:-9999px;
			height: 52px;
			width: 35px;
		}
		#main-nav  ul li.menu-item-home.current-menu-item a{background-position:center -292px;}
		#main-nav  ul li.menu-item-home ul li a,
		#main-nav  ul ul li.menu-item-home  a,
		#main-nav  ul li.menu-item-home ul li a:hover{
			background-color:transparent !important;
			text-indent:0;
			background-image:none !important;
			height:auto !important;
			width:auto;
		}
	#top-menu-mob{
		background: #FFF;
		width: 500px;
		padding: 5px;
		border: 1px solid #ccc;
		height: 26px;
		color:#000;
		margin:2px 0 0 10px;
	}
	#main-menu-mob{
		background: #222;
		width: 500px;
		padding: 5px;
		border: 1px solid #000;
		color:#DDD;
		height: 27px;
		margin:13px 0 0 10px;
	}
		body.dark-skin #top-menu-mob{background: #222;border: 1px solid #000;	color:#DDD;}
	.fixed-nav{
		position:fixed;
		top:-5px;
		width:1045px;
		z-index:999;
		opacity:0.9;
		-webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
		-moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
		box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
	}
	body.admin-bar .fixed-nav{top:23px;}

			#main-nav ul li a:hover, #main-nav ul li:hover > a, #main-nav ul :hover > a , #main-nav  ul ul li:hover > a, #main-nav  ul ul :hover > a  {
				text-shadow: 0 1px 1px #8deb00 !important;
		}

.post-title a, ul.slider-navigation li, .pagenavi a, a.more-link, .main-menu li a, .subscribe-icons a, .flickr_badge_image img {
	webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

		.t{
			color:#000
		}
		.t:hover{
			color: #f8694d;
			text-decoration: none;
		}