@charset "utf-8";
/* CSS Document */
html{
	width:100%;
	height:100%;
	-webkit-text-size-adjust:none;
}
body{
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
	font-family:verdana, 華康儷中黑, 新細明體, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444;	
	-webkit-text-size-adjust:none;
	background:#fff;
}

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,select,textarea,input {
	margin: 0;
	padding: 0;
	border: none;
}

html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td,select,textarea,input {
	font-weight:normal;
}


:focus { outline: 0; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }

ul { list-style: none; }

a{ text-decoration:none; color:#444; }


/*a:link, a:visited, a:hover, a:active { text-decoration:none; }*/

div.spacer{
	margin:0;
	padding:0;
	clear:both;
	width:0;
	height:0;
	font-size:0em;
	overflow:hidden;
}

/**/
.site-wrap-mask{
	margin:0 auto;
	width:640px;
	overflow:hidden;
	background:#950306;
	position:relative;
}

.site-wrap{
	-webkit-transform:none;
	transform:none;
	padding-top:96px;
	width:640px;
	text-align:left;
	background:#fff;
	position:relative;
	transition: all 0.75s;
	-moz-transition: all 0.75s; /* Firefox 4 */
	-webkit-transition: all 0.75s; /* Safari 和 Chrome */
	-o-transition: all 0.75s;
}

.site-wrap-tx{
	-webkit-transform:translateX(300px);
	transform:translateX(300px);
	transition: all 0.75s;
	-moz-transition: all 0.75s; /* Firefox 4 */
	-webkit-transition: all 0.75s; /* Safari 和 Chrome */
	-o-transition: all 0.75s;
}

.header{
	width:640px;
	height:94px;
	background:url(../../img/system/www/l/header_bg2.jpg) repeat-x top left;
	border-top:4px solid #960306;
	position:fixed;
	top:0;
	z-index:9999;
}

.header .logo{
	display:inline-block;
	margin-left:-140px;
	position:absolute;
	top:5px;
	left:50%;
}

.header-back{
	display:block;
	width:115px;
	height:42px;
	background:url(../../img/system/www/p/page_prev_bg.png) no-repeat;
	position:absolute;
	top:23px;
	left:17px;
}

.header-back:hover{
	background-image:url(../../img/system/www/p/page_prev_bg_o.png);
}

.footer{
	padding:52px 0 36px 0;
	text-align:center;
	font-size:18px;
	line-height:18px;
	color:#444;
}

.footer .f1{
	margin-bottom:10px;
}

.footer a{
	color:#444;
}

.go-top{
	/*display:none;*/
	width:65px;
	height:65px;
	cursor:pointer;
	background:url(../../img/system/www/l/gotop.png) no-repeat top left;
	position:fixed;
	right:18px;
	bottom:200px;
	z-index:99999;
}

.go-top:hover{
	background-image:url(../../img/system/www/l/gotop_o.png);
}


/**/
.slide.in {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromright;
}

.slide.out {
	-webkit-transform: translateX(-100%);
	-webkit-animation-name: slideouttoleft;
}

@-webkit-keyframes slideinfromright {
	from { -webkit-transform: translateX(100%); }
	to { -webkit-transform: translateX(0); }
}
@-webkit-keyframes slideouttoleft {
	from { -webkit-transform: translateX(0); }
	to { -webkit-transform: translateX(-100%); }
}


.slide.in.reverse {
	-webkit-transform: translateX(0);
	-webkit-animation-name: slideinfromleft;
}

.slide.out.reverse {
	-webkit-transform: translateX(100%);
	-webkit-animation-name: slideouttoright;
}

@-webkit-keyframes slideinfromleft {
	from { -webkit-transform: translateX(-100%); }
	to { -webkit-transform: translateX(0); }
}

@-webkit-keyframes slideouttoright {
	from { -webkit-transform: translateX(0); }
	to { -webkit-transform: translateX(100%); }
}

.in, .out {
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: 350ms;
}