body {
	text-align: center;
	color: #666;
}
a {
	color: #333;
	text-decoration: none;
	outline: none;
	jason:expression(this.onFocus=this.blur());
}
a:hover {
	color: #ff6600;
	text-decoration: underline;
}
a:active {
	color: #999;
}
.petty-screen,
.container {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}
cite {
	float: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/* toolbar */
#toptool_bar {
	background: url(../images/onecard_03.png) left top repeat-x;
	height: 37px;
	line-height: 37px;
}
#top_login {
	float: left;
	height: 37px;
	line-height: 37px;
}
input[type="text"],
input[type="password"] {
	color:#666;
	border:1px solid #ccc;
}
input[type="text"]:hover,
input[type="password"]:hover {
	border:1px solid #f60;
}
input[type="text"]:focus,
input[type="password"]:focus {
	background:#f7ffeb;
	border:1px solid #92c93c;
}

#top_nav {
	float: right;
}
#top_nav li {
	float:left;
	line-height: 37px;
	height: 37px;
}
#top_nav li a { margin:0 5px;}
#top_nav li a img { float:left; margin:10px 3px 0 10px;}

#header {
	height: 80px;
}
#logo {
	float: left;
}
#logo a {
	display: block;
	background: url(http://pic.ofcard.com/ofpic/oflogo/logo_01.png) right bottom no-repeat;
	height: 53px;
	width: 331px;
	text-indent: -9999px;
}
#header .search-bar {
	position: relative;
	float: right;
	display: inline;
	margin: 20px 95px 0 0;
	padding: 5px 5px;
	width:401px;
	height:30px;
	background:url(../images/headinput_10.jpg) no-repeat;
}
#header .search-bar input {
	padding: 0 10px;
	background: url(../images/search-back_03.jpg) left top no-repeat;
	width: 288px;
	height: 28px;
	line-height: 28px;
	font-size: 18px;
	border: none;
}
#header .search-bar .but-gray-search {
	position: absolute;
	left: 310px;
	top: 5px;
	* top: 6px;
	display: block;
	background: url(../images/button-back_03.jpg) no-repeat;
	width: 93px;
	height: 28px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#header .thesalesbar {
	position: absolute;
	right: 0px;
	top: 8px;
	z-index: 9999;
}
#header .thesalesbar .thesales-nav-bar {
	float: left;
	padding: 0 10px;
	background: url(../images/bar-back.png) 0 -44px repeat-x;
	height: 53px;
	border: 1px solid #dedede;
	text-align: center;
}
#header .thesalesbar .thesales-nav-bar ul {
	margin: 7px 0 5px 0;
	text-align: center;
	overflow: hidden;
}
.bold14 {
	font-size: 12px;
	color: #FF3300;
	
}
#header .thesalesbar .thesales-nav-bar ul li {
	display: inline;
}
#header .thesalesbar .thesales-nav-bar ul li {
	border-left: 1px solid #ddd;
	padding: 0 5px;
}
.thesales-nav-bar ul li:first-child {
	border: none;
}
.but-thesalesbar {
	display: block;
	float: left;
	background: url(../images/button-back.png) -150px -117px no-repeat;
	width: 19px;
	height: 55px;
	text-indent: -9999px;
}
.but-thesalesbar:hover {
	background-position: -169px -117px;
}
.but-thesalesbar:active {
	background-position: -188px -117px;
}
.but-thesalesbar-out {
	display: block;
	float: left;
	background: url(../images/button-back.png) -207px -117px no-repeat;
	width: 19px;
	height: 55px;
	text-indent: -9999px;
}
.but-thesalesbar-out:hover {
	background-position: -226px -117px;
}
.but-thesalesbar-out:active {
	background-position: -245px -117px;
}

/* navigation */
.main-menu-bar {
	clear: both;
	_height: 1%;
	zoom: 1;
	background: url(../images/bar-back.png) left -415px repeat-x;
}

.main-menu-bar a {
	color: #f1f1f1;
}
.main-menu-bar a:hover {
	color: #fff;
	text-decoration: none;
}
.main-menu-bar .about-card-menu {
	float: right;
	background: url(../images/bar-back.png) right -372px no-repeat;
	font-size: 12px;
	padding-top: 3px;
	height: 40px;
}
.main-menu-bar .about-card-menu li {
	float: left;
	padding: 0 15px;
	line-height: 37px;
}
.main-menu-bar .main-menu {
	float: left;
	background: url(../images/bar-back.png) left -329px no-repeat;
	font-size: 16px;
	font-weight: bold;
	height: 40px;
	padding-top: 3px;
	padding-left: 3px;
}
.main-menu-bar .main-menu li {
	position: relative;
	z-index: 1;
	float: left;
	padding: 0 3px 0 0;
	background: url(../images/bar-back.png) right -464px no-repeat;
	zoom: 1;
	_height: 1%;
	line-height: 37px;
}
.main-menu-bar .main-menu li a {
	float: left;
	display: block;
	padding: 0 25px;
	height: 37px;
}
.main-menu-bar .main-menu li a:hover {
	background: url(../images/button-back.png) center -379px no-repeat;
}
.main-menu-bar .main-menu span {
	background: url(../images/button-back.png) -201px -185px no-repeat;
	width: 17px;
	height: 37px;
	float: left;
}
.main-menu-bar .main-menu span.span-hover {
	background: url(../images/button-back.png) -220px -185px no-repeat;
	cursor: pointer;
}
.main-menu-bar .current {
	background: url(../images/button-back.png) center -434px repeat-x;
	color: #f60;
}
.main-menu-bar .current:hover {
	background: url(../images/button-back.png) center -434px repeat-x!important;
	color: #f60;
}
.main-menu-bar .sub-menu {
	position: absolute;
	left: 0;
	top: 37px;
	padding: 10px 10px 15px;
	display: none;
	background: #fff url(../images/bar-back.png) left bottom repeat-x;
	z-index: 999;
	width: 500px;
	border: 1px solid #666;
}
.main-menu-bar .sub-menu ul {
	overflow: auto;
	_height: 1%;
}
.main-menu-bar .sub-menu li {
	float: left;
	padding-left: 15px;
	line-height: 30px!important;
	width: 28%;
	background: url(../images/norepeat-icon.png) -14px -32px no-repeat;
}
.main-menu-bar .sub-menu a {
	display: block;
	padding: 0!important;
	line-height: 30px!important;
	font-size: 12px;
	background: none!important;
	color: #666;
	height: 30px!important;
	border: none!important;
}
.main-menu-bar .sub-menu a:hover {
	background: none!important;
	color: #f60;
}

/* content */
#content {
	padding: 10px 0 0;
	overflow: hidden;
}

.column {
	float: left;
	display: inline;
	margin: 10px 10px 0 0;
	_height: 1%;
}
.column .head {
	display: block;
	clear: both;
	background: url(../images/bar-back.png) right -538px repeat-x;
	height: 28px;
	line-height: 28px;
}
.column .head h3 {
	float: left;
	font-size: 14px;
	padding-left: 28px;
	color: #f1f1f1;
	background: url(../images/norepeat-icon.png) left top no-repeat;
}
.column .head span {
	float: right;
	padding: 0 10px;
	background: url(../images/bar-back.png) right -510px no-repeat;
}
.column .head span a {
	display: block;
	font: normal 10px/28px Arial;
	color: #d9d9d9;
	text-transform: uppercase;
}
.column .head a:hover {
	color: #fff;
}
.column .head span.show {
	padding: 0px;
}
.column .head span.show a {
	display: block;
	background: url(../images/button-back.png) -127px -273px no-repeat;
	width: 30px;
	height: 28px;
	text-indent: -9999px;
}
.column .head span.show a:hover {
	background-position: -127px -244px;
}
.column .head span.show a:active {
	background-position: -127px -302px;
}
.column .head span.active a {
	background-position: -93px -272px;
}
.column .head span.active a:hover {
	background-position: -93px -301px;
}
.column .head span.active a:active {
	background-position: -93px -243px;
}
.column .column-content {
	border: 1px solid #e9e9e9;
	border-top: none;
	overflow: auto;
}


#checkcard li.label .button-a-tab {
	display: block;
	background: url(../images/button-back.png) -9999px no-repeat;
}
#checkcard li.label .but-orange {
	background-position: left -207px;
	width: 65px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	font-weight: bold;
	color: #f1f1f1;
}
#checkcard li.label .but-orange:hover {
	background-position: -65px -207px;
	color: #fff;
}
#checkcard li.label .but-orange:active {
	background-position: -130px -207px;
	color: #ccc;
}
/* ±íµ¥2 */
textarea {
	padding: 3px 2px 0 3px;
	width: 50%;
	height: 5em;
	font-size: 12px;
	border: 1px solid #a7a6aa;
}
input {
	font-family : Verdana;
	color: #666;
}
input.text {
	margin:0;
	padding:3px 2px 0 3px;
	border:1px solid #a7a6aa;
}
input.pure-text {
	background:none;
	border:1px solid #fff;
	color:#333;
}
input.checkbox {
	margin: 0 4px 0 5px;
	*margin: 0 4px 0 0;
	height: 18px;
	vertical-align: middle;
	background: none;
	outline: none;
}
input.radio {
	margin: 0 4px 0 5px;
	*margin: 0 4px 0 0;
	height: 24px;
	vertical-align: middle;
	background: none;
	outline: none;
}
input.align-right {
	text-align: right;
}
.form-ul select {
	padding: 1px 1px 0 2px;
	border: 1px solid #a7a6aa;
	font-size: 12px;
}
.form-ul {
	padding: 10px;
	zoom:1;
}
.form-ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.form-ul li {
	clear:left;
	padding: 5px 0;
}
.form-ul label {
	float: left;
	width: 112px;
	text-align: right;
	color: #404040;
	padding-right: 8px;
	line-heightdd: 1.2;
	zoom: 1;
	outline: none;
}
.vertical{float:left;margin:-5px 0;}
.vertical li{display:block;}
.transverse{display:block;padding:0;margin-left: -5px;* margin: -20px 0 -20px -5px;overflow:hidden;_zoom:1;}
.transverse li{float:left;display:inline;clear:none;padding-left:10px;}
.vertical label,.transverse label,.formul span label{width:auto!important;float:none;}
.form-ul label b {
	font-weight:normal;
	color:#40d9ff;
}
.order-form .form-ul li.label {
	padding-left: 210px;
}
.order-form .form-ul li.label .NamWidmob {
	padding: 0;
}
.form-ul li span {
	display: block;
	*display: inline;
	overflow: hidden;
	color: #404040;
	zoom: 1;
}
.form-ul li span.label_note {
	display: inline;
	color: #808080;
	margin-left: 12px;
}
.form-ul li span:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.form-ul li em {
	margin: 0 8px;
	font-style: normal;
	color: red;
	line-height: 20px;
	font-size: 12px;
	font-family: 'simsun';
}
.form-ul li span .text {
	width:193px;
}
.form-ul li span .text-error {
	border:1px solid red;
}
.form-ul li span .disabled {
	background:#ECE9D8;
}
.form-ul li .text-short {
	width: 100px;
}
.form-ul li .text-shorter {
	width: 60px;
}
.form-ul li span ul.ul-radio li {
	padding-top: 1px;
}
.form-ul li .text-long {
	width: 400px;
}
.form-ul li .text-longer {
	width: 200px;
}
.form-ul li span ul {
	zoom: 1;
}
.form-ul li span ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.form-ul li span li {
	float: left;
	clear: none;
	margin: 0 20px 0 0;
	white-space: nowrap;
	zoom: 1;
}
.form-ul li span li label {
	float: none;
	width: auto;
	padding-right: 0;
	padding-top: 0;
	line-height: 1.8;
}
.form-ul del {
	float: left;
	background: url(../images/del_back_36.png) right top no-repeat;
	text-decoration: none;
	color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 22px;
	line-height: 22px;
}
.form-ul del ins {
	display: block;
	padding: 0 5px;
	background: url(../images/del_back_36.png) -114px -22px no-repeat;
	text-decoration: none;
}
.ul-radio-vertical li {
	float:none!important;
}
.ul-radio-vertical li .text {
	vertical-align: middle;
	background: white;
}
.ul-radio-vertical li .text:disabled,
.ul-radio-vertical li .text.disabled {
	background: #ece9d8;
}
.ul-radio-vertical li select.select-padding {
	margin: 0 5px;
}
.form-ul li.module-form {
	padding: 3px 0;
	background: #f3f3f3;
}
.form-ul li.module-form .ul-radio-vertical li {
	padding: 2px 0;
}
.form-ul h3 {
	color: #3366cc;
	margin: 15px 10px 10px 20px;
}
.form-ul .margin-10-tb {
	margin: 10px 0;
}
.form-ul .up-file {
	line-height: 25px;
}

/* footer */
.footer {
	clear: both;
	margin-top: 20px;
	padding: 5px;
	text-align: center;
	border: 1px solid #f1f1f1;
	overflow: auto;
}
.footer ul li {
	float: left;
}
.footer div.copyright,

.footer div.copyright {
	padding: 10px;
	color: #666;
	text-align: center;
}
.footer ul.foot-nav li a {
	padding: 10px;
}
.topul li { float:left;}
.topul li a img { margin:7px 5px 0 5px;}
#nav{ float:right;height:60px;}
#menu{position:relative;float:left; padding-top:10px;z-index:9999;}
.navalist { float:left; margin:37px 5px 0 0 ;}
#navmenu{
	width:590px;
	position:absolute;
	right:0px;
	top:48px;
	padding-top:10px;
	font-weight:normal;
	line-height:24px;
	z-index:9999;
	visibility: hidden;
}
#navmenu01{ background-image:url(../images/navmenu01.gif); height:8px; overflow:hidden;}
#navmenu02{ background-image:url(../images/navmenu02.gif); background-repeat:repeat-y; padding:8px 25px; font-size:12px; line-height:26px;overflow:hidden; height:75px;}
#navmenu02 ul{float:left;}
#navmenu02 ul li {}
#navmenu03{ background-image:url(../images/navmenu03.gif); height:8px; overflow:hidden;}