@charset "utf-8";


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,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, 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;
}
/*--basic style--*/
html, body{
	height: 100%;
}
.link-bs{
	text-decoration: none;
	color: inherit;
}
/*--line height--*/
.line-h35{
	line-height: 35px;
}
.line-h30{
	line-height: 30px;
}
.line-h25{
	line-height: 25px;
}
.line-h23{
	line-height: 23px;
}
.line-h20{
	line-height: 20px;
}
.line-h15{
	line-height: 15px;
}
.line-h10{
	line-height: 10px;
}
/*--text align--*/
.textal-l{
	text-align: left;
}
.textal-c{
	text-align: center;
}
.textal-r{
	text-align: right;
}
/*--overflow--*/
.overflow{
	white-space: nowrap;
	overflow: hidden;             
	-o-text-overflow: ellipsis;    /* Opera */
	text-overflow:    ellipsis;    /* IE, Safari (WebKit) */
}
.overpre{
	white-space: inherit;
	overflow: inherit;
}
/*--font color--*/
.fwhite15{
	color: white;
	font-size: 15px;
}
.fwhite24{
	color:white;
	font-size: 24px;
}
.fgreen16{
	color:#33b3ab;
	font-size:16px;
}
.fgray13{
	color: #868686;
	font-size: 13px;
}
.fblack12{
	color: black;
	font-size: 12px;
}
.fblack13{
	color: black;
	font-size: 13px;
}
.fblack14{
	color: black;
	font-size: 14px;
}
.fblack16{
	color: black;
	font-size: 16px;
}
.fwhite14{
	font-size: 14px;
	color: white;
}
.fwhite18{
	font-size: 18px;
	color: white;
}
.fwhite12{
	font-size: 12px;
	color: white;
}
.fyellow24{
	font-size:24px;
	color:#FF3;
}
.fwhite16{
	color:#FFFFFF;
	font-size:16px;
}
.fwhite14{
	color:#FFFFFF;
	font-size:14px;
}
.forum_fwhite16{
	color: #FFF;
	font-size: 16px;
}
.fred24{
	color: #fc6c5e;
	font-size: 24px;
}
.fred14{
	color: #fc6c5e;
	font-size: 14px;
}
.fred16{
	color: #fc6c5e;
	font-size: 16px;
}
/*--line--*/
.greenline{
	background-color: #1cbbb4;
	height: 3px;
}
.redline{
	background-color: #ff6c5e;
	height: 3px;
}
/*--bg color--*/
.bgwhite{
	background-color: white;
}
.bgred{
	background-color: #fc6c5e;
}
.bggreen{
	background-color: #1cbbb4;
}
/*--margin--*/
.mg1t{
	margin-top: 1%;
}
.mg2t{
	margin-top: 2%;
}
.mg1l{
	margin-left: 1%;
}
.mg2l{
	margin-left: 2%;
}
.mg1b{
	margin-bottom: 1%;
}
.mg2b{
	margin-bottom: 2%;
}
.mg1r{
	margin-right: 1%;
}
.mg2r{
	margin-right: 2%;
}
.mg5t{
	margin-top: 5%;
}
.mg5b{
	margin-bottom: 5%;
}
/*--padding--*/
.pad2{
	padding: 2%;
}
.pad2l{
	padding-left: 2%;
}
.pad5d{
	padding-bottom: 5px;
}
.pad2b{
	padding-bottom: 2%;
}
.pad2t{
	padding-top: 2%;
}
/*--width--*/
.widthflex{
	width: 40%;
}
.widthflex2{
	width: 30%;
}
/*--main--*/
.main{
 	width: 1100px;
 	margin: 0 auto;
}
.outer-wrap{
	width: 1100px;
	margin: 0px auto;
	min-height: 100%;
	position: relative;
}
/*--main left--*/
.mainleft{
	margin-left:0%;
	margin-top: 4%;
}
/*--menu--*/
/*--container--*/
.container{
	background-color:#252525;
	border-left:#ff6c5e 2px solid;
	border-right:#ff6c5e 2px solid;
	border-bottom:#ff6c5e 2px solid;
	width:76%;
	margin-top: 4%;
	height:auto;
	border-radius: 15px;
}
/*--footer--*/
.clearfoot{
	clear:both;
	height: 216px;
}
.vlife-foot {
	background-color: #252525 !important;
	position: relative;
}
.footer {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.event-foot {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.event-footer {
	width: 100%;
	height: auto;
}
.movie-footer{
	margin-top: -5%;
}
/*--map--*/
.details-content{
	background-color: white;
}
.triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ebebeb transparent;
	margin-top: 3%;
	margin-left: -13%;
}
.hover:hover{
	background-color: #353535;
}
.tag2{
	position: absolute;
	width: 39%;
	height: 206px;
}
.tag3{
	position: absolute;
	width: 66%;
	height: 150px;
}
.intro-box{
	border: 1px #756F6F solid;
}
.readmore-js-toggle, .readmore-js-section {
  display: block;
  width: 100%;
}
.readmore-js-section {
  overflow: hidden;
}