body, tr, td, a, input, textarea {
	font: 12px 'Microsoft Yahei', arial, 'SimSun', sans-serif;
	color: #000;
}
body {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	color: #000;
}
a:link, a:visited {
	text-decoration: none;
	color: #000;
}
a:hover, a:active {
	text-decoration: underline;
	color: #333;
}
#doc1 {
	margin: 0 auto;
	width: 1000px;
}
a img {
	border: none;
}
.clear {
	clear: both;
}
.tw-h, .tw-b, .tw-f {
	overflow: hidden;
	clear: both;
}
.p-setting, .preview, .menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.p-info {
	position: relative;
	height: 88px;
	zoom: 1;
}
.p-image, .p-image span {
	overflow: hidden;
	display: block;
}
.p-image {
	width: 62px;
	height: 62px;
}
.p-image span {
	margin: 5px 2px 3px 6px;
	width: 48px;
	height: 48px;
}
.p-setting, .p-setting li, .signup img, .signup .w, .menu, .menu li {
	float: left;
}
.p-setting {
	padding: 10px 0 0 10px;
}
.signin, .signup {
	overflow: hidden;
	float: left;
}
.signin {
	position: relative;
	width: 680px;
	height: 75px;
	zoom: 1;
	z-index: 10;
}
.signin img {
	margin: 2px 0 0px;
}
#peformSignin {
	position: absolute;
	left: 90px;
	top: 55px;
	z-index: 11;
}
.signup {
	float: right;
	padding: 10px 0 0;
	width: 300px;
}
.signup-button {
	float: left;
	display: block;
	margin-top:15px;
	width: 135px;
	height: 42px;
}
.signup .w {
	float: left;
	display: block;
	padding-left: 20px;
	width: 140px;
}
.signup img {
	padding: 15px 0 0;
}
.f-name, .p-status {
	display: block;
	padding: 0 0 0 10px;
}
.f-name {
	padding-top: 5px;
	padding-bottom: 3px;
}
.preview {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
}
.menu {
	width: 998px;
}
.menu li a {
	display: block;
	width: 94px;
	line-height: 28px;
	text-align: center;
	zoom: 1;
}
.menu li.first {
	margin-left: 94px;
}
.p-status input {
	height: 15px;
	line-height: 15px;
}
/************************************************
 * decoration
 ***********************************************/
.p-info {
	color: #FFF;
	background: url(../../img/default/logo.jpg) 0 0 no-repeat;
}
.signed {
	background-image: url('../../img/default/logo2.jpg');
}
.signup .w {
	padding-top:10px;
	line-height: 17px;
}
.f-name {
	font-size: 18px;
	font-weight: 700;
}
.p-status input {
	font-size: 12px;
	color: #fff;
	border: none;
	background: transparent;
}
.p-status input.focus {
	text-decoration: none;
	color: #000;
	background: #fff;
}
.preview li {
	line-height: 20px;
}
.preview a.c {
	margin-right: 10px;
	text-decoration: none;
	color: #fff;
}
.preview a.c:link, .preview a.c:visited {
	text-decoration: none;
	color: #fff;
}
.preview a.c:hover, .preview a.c:active {
	text-decoration: underline;
	color: #fff;
}
a.message {
	font-weight: 700;
	color: #fff;
	text-decoration: none;
}
a.message:link, a.message:visited {
	color: #fff;
	text-decoration: none;
}
a.message:hover, a.message:active {
	color: #fff;
	text-decoration: underline;
}
a.unread {
	color: #FF0000;
}
a.unread:link, a.unread:visited {
	color: #FF0000;
}
a.unread:link, a.unread:visited {
	color: #FF0000;
}
.menu {
	border: 1px solid #787878;
	background: url(../../img/default/b-bg-1.gif) 0 0 repeat-x;
}
.menu li {
	border-right: 1px solid #787878;
}
.menu li.first {
	border-left: 1px solid #787878;
}
.menu li a {
	text-decoration: none;
}
.menu li a:link, .menu li a:visited {
	text-decoration: none;
}
.menu li a:hover, .menu li a:active {
	text-decoration: none;
	background: url(../../img/default/b-bg-2.gif) 0 0 repeat-x;
}
.menu li a.select {
	background: url(../../img/default/b-bg-2.gif) 0 0 repeat-x;
}
.menu li a.select:link, .menu li a.select:visited {
	background: url(../../img/default/b-bg-2.gif) 0 0 repeat-x;
}
.menu li a.select:hover, .menu li a.select:active {
	background: url(../../img/default/b-bg-2.gif) 0 0 repeat-x;
}
.tw-f .inner {
	margin: 0 auto;
	height: 40px;
	width: 998px;
	border: 1px solid #787878;
	border-top: none;
	background: url(../../img/default/b-bg-4.gif) 0 0 repeat-x;
}
.copyright {
	padding:2px 0 0;
	text-align:center;
}
.p-image {
	background: url(../../img/default/photo_frame2.gif) 50% 50% no-repeat;
}
.p-image span {
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
#peformSignin {
	color: #FFF;
	font-weight: 700;
	text-decoration: none;
}
#peformSignin:link, #peformSignin:visited {
	color: #FFF;
	text-decoration: none;
}
#peformSignin:hover, #peformSignin:active {
	color: #ccc;
	text-decoration: underline;
}
/*H_PANEL_CSS_STYLE*/
.h-panel {
	position: fixed;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 1001;
	padding: 5px 0;
	zoom: 1;
}
.h-panel-i {
	background: #1c4189 url(../../img/default/panel/left.png) 0 0 repeat-y;
}
.h-panel-ii {
	padding: 0px 3px 0;
	background: url(../../img/default/panel/right.png) 100% 0 repeat-y;
}
.h-panel .h-panel-n, .h-panel .h-panel-s {
	position: absolute;
	z-index: 1003;
	left: 0;
	width: 100%;
	zoom: 1;
}
.h-panel .h-panel-n {
	top: 0;
}
.h-panel .h-panel-s {
	bottom: 0;
}
.h-panel .h-panel-n span, .h-panel .h-panel-s span {
	display: block;
	height: 5px;
	line-height: 5px;
}
.h-panel-n {
	background: url(../../img/default/panel/left-top.gif) 0 0 no-repeat;
}
.h-panel-n-i span, .h-panel-s-i span {
	text-indent: -9999px;
}
.h-panel-n .h-panel-n-i {
	background: url(../../img/default/panel/top-right.gif) 100% 0 no-repeat;
}
.h-panel-s {
	background: url(../../img/default/panel/left-bottom.gif) 0 100% no-repeat;
}
.h-panel-s .h-panel-s-i {
	background: url(../../img/default/panel/right-bottom.gif) 100% 100% no-repeat;
}
.h-panel-n .h-panel-n-i span {
	margin: 0 5px;
	background: url(../../img/default/panel/top.png) 0 0 repeat-x;
}
.h-panel-s .h-panel-s-i span {
	margin: 0 5px;
	background: url(../../img/default/panel/bottom.png) 0 100% repeat-x;
}
.h-panel-close {
	display: block;
	position: absolute;
	right: 10px;
	top: 5px;
	width: 15px;
	height: 15px;
	z-index: 1003;
	background: url(../../img/default/panel/close.gif) 50% 50% no-repeat;
	text-indent: -9999px;
	-moz-user-focus: none;
	-moz-outline-style: none;
}
/*SIGN-IN_PANEL*/
#signPanel {
	position: absolute;
	z-index: 1001;
	visibility: hidden;
}
#signPanel form, #signPanel ul {
	margin: 0;
	padding: 0;
}
#signPanel form {
	padding: 20px 50px 30px 10px;
	background-color: #f6f6f6;
}
#signPanel ul {
	list-style-type: none;
}
#signPanel ul li {
	clear: both;
	padding: 5px 0;
}
#signPanel ul li label, #signPanel ul li input {
	float: left;
}
#signPanel ul li label {
	display: block;
	padding-right: 10px;
	width: 70px;
	text-align: right;
	font-weight: 700;
}
#signPanel ul li.btn {
	clear: both;
	padding-left: 80px;
}
.field {
	padding: 2px 0 2px 2px;
	width: 150px;
}
#signPanel ul li.btn input {
	margin-right: 10px;
	width: 60px;
}
#signPanel .h-panel-ii {
	padding-top: 20px;
}
.h-panel-h {
	position: absolute;
	left: 6px;
	top: 0;
	z-index: 1003;
	margin: 0;
	padding: 3px 0 7px;
	width: 290px;
	font-size: 14px;
	color: #fff;
	background: url(../../img/default/panel/dialog_h_1.png) 0 0 no-repeat;
}
.canvas {
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 1000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
	opacity: 0.65;
	background: #000;
}
.mask-panel {
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 1000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	opacity: 0.75;
	background: #fff url(../../img/default/loading.gif) 50% 50% no-repeat;
}
#guiTip {
	overflow: hidden;
	position: fixed;
	padding: 2px 0;
	visibility: hidden;
	z-index: 999;
	left: 0;
	top: 0;
	width: 300px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: 700;
	border: 1px solid #ECEC00;
	background-color: #FFFF00;
}
.miniconsole, .miniconsolei {
	overflow: hidden;
	top: 0;
	left: 0;
}
.miniconsolei {
	position: absolute;
	margin-top: -32px;
	width: 350px;
	height: 30px;
	z-index: 999;
}
.miniconsole {
	position: fixed;
	left: 600px;
	z-index: 998;
	width: 352px;
	height: 32px;
}
.miniconsolei div {
	text-align: center;
	line-height: 28px;
	white-space: nowrap;
}
.miniconsole .t1 {
	background-color: #2879c3;
	border: 1px solid #74ade2;
	color: #fff;
}
.miniconsole .t2 {
	background-color: #f4d7c4;
	border: 1px solid #616161;
	color: #000;
}
/**************
 *MESSAGE BOX
 **************/
#jMessageBox {
	width: 350px;
	z-index: 2008;
}
#jUploadPanel, #jDownloadPanel {
	width: 420px;
}
#jUploadPanel ul, #jUploadPanel p, #jDownloadPanel ul {
	margin: 0;
	padding: 0;
}
#jUploadPanel ul, #jDownloadPanel ul {
	list-style-type: none;
}
#jMessageBox .h-panel-ii, #jUploadPanel .h-panel-ii, #jDownloadPanel .h-panel-ii {
	padding-top: 20px;
	zoom: 1;
}
#jMessageBox form, #jUploadPanel form, #jDownloadPanel form {
	margin: 0;
	padding: 0;
	background: #fff;
}
#jUploadPanel form, #jDownloadPanel form {
	background-color: #f6f6f6;
}
#jMessageBox p {
	margin: 0;
	padding: 0;
}
#jMessageBox .jMessageBoxMessageBody {
	padding: 30px 10px 10px;
	text-align: center;
}
#jMessageBox .jMessageBoxCmd {
	padding: 10px 30px 10px 0;
	text-align: right;
}
#jMessageBox .jMessageBoxCmd input {
	width: 80px;
}
#jUploadPanel #status1Tabs, #jDownloadPanel #downloadTabs {
	padding: 15px 0 0 20px;
	width: 393px;
	border-bottom: 1px solid #c0c0c0;
}
#status1Tabs, #status1Tabs li, #downloadTabs, #downloadTabs li {
	float: left;
}
#statusTab1Content, #statusTab2Content {
	clear: both;
	padding: 15px 20px 0 20px;
}
#downloadContent {
	clear: both;
	padding: 50px 20px 20px 20px;
}
.download-option {
	display: block;
	padding: 10px 0 0;
}
#statusTab1Content label, #statusTab2Content label {
	display: block;
	padding: 0 0 10px;
}
#status1Tabs span, #status1Tabs a, #downloadTabs span, #downloadTabs a {
	display: block;
}
#status1Tabs li, #downloadTabs li {
	margin: 0 3px -1px 0;
}
#status1Tabs a, #downloadTabs a {
	padding: 0 0 0 10px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #c0c0c0;
}
#status1Tabs span, #downloadTabs span {
	padding: 7px 10px 0 0;
	height: 18px;
	cursor: pointer;
}
#status1Tabs .on a, #downloadTabs .on a {
	background: #f6f6f6 url(../../img/default/tab_bg_1.gif) no-repeat 0 2px;
	border-bottom-width: 0;
	-moz-user-focus: none;
	-moz-outline: none;
	-moz-user-select: none;
}
#status1Tabs .on span, #downloadTabs .on span {
	height: 19px;
	font-weight: 700;
	background: #f6f6f6 url(../../img/default/tab_bg_1.gif) no-repeat 100% 2px;
}
#performDownload {
	margin: 0 auto;
}
#jUploadPanel #status1Options {
	padding: 30px 20px 20px;
}
.jupbtn, .jupbtn span {
	display: block;
	height: 29px;
	zoom: 1;
}
.jupbtn {
	padding: 0 0 0 15px;
	width: 100px;
	text-decoration: none;
	background-position: 0 0;
	-moz-user-foucs: none;
	-moz-outline: none;
}
.jupbtn span {
	padding: 0 15px 0 0;
	width: 85px;
	text-align: center;
	cursor: pointer;
	background-position: 100% 0;
}
.jupbtn, .jupbtn span {
	line-height: 27px;
	background-image: url(../../img/default/btn_group4.gif);
	background-repeat: no-repeat;
}
.jupbtn:link, .jupbtn:visited, .jupbtn:hover, .jupbtn:visited {
	text-decoration: none;
}
#jUploadPanelSubmit1, #jupFinish {
	margin: 0 auto;
}
#status1Options .last {
	padding: 20px 0 0;
}
#status2 p, #status3 p {
	padding: 20px 50px 10px;
}
.size2 {
	float: left;
	margin: 0 0 20px;
	width: 70px;
}
.size2 span {
	width: 55px;
}
.size3 {
	width: 60px;
}
.size3 span {
	width: 45px;
}
#status2Tip {
	line-height: 30px;
}
#jupRetry {
	margin-left: 60px;
}
#jupCancel2 {
	margin-left: 110px;
}
#status3 #status3Finish {
	padding-top: 30px;
	padding-bottom: 90px;
	text-align: center;
}
#status3 .upload-status {
	background: url(../../img/default/flat1.png) 50% -80px no-repeat;
}
#status3 .failture {
	background-position: 50% 70px;
}
.signup-button, .signup-button:link, .signup-button:visited, .signup-button:hover, .signup-button:visited {
	-moz-outline: none;
	text-indent: -9999px;
	background: url('../../img/default/signup.png') 0 0 no-repeat;
}
.studio, .studio:link, .studio:visited, .studio:hover, .studio:active {
	text-decoration:underline;
}