body {
	margin: 0;
	padding: 0;
	height: 100%;
}

ul,
ol,
h4,
table,
img,
dt,
dd {
	margin: 0;
	padding: 0;
}

div {
	margin: 0;
	padding: 0;
	text-align: left;
}

p,td,th,dd,input,li {
	font-size: 12px;
	padding: 0;
	margin: 0;
	color: #333;
}


/*----------------//wrapper--------------------*/

div#wrapper {
	width: 100%;
	text-align: center;
}

/*----------------//headArea--------------------*/

div#head {
	height: 75px;
	width: 100%;
	text-align: center;
	background: url(../h_bg_001.gif) repeat-x;
}

#head table {
	width: 747px;
	margin-left: auto;
	margin-right: auto;
}

#head table td {
	vertical-align:top;
	text-align:left;
}

#head td#logo {
	width:222px;
	height:75px;
	vertical-align:top;
	padding:0;
}

#head td #tel {
	padding:0;
	margin-top:10px;
}

div#head table h1 {
	padding: 0;
	margin-top:29px;
}

#headerBg01 {
	background: url(../index_bg_001.gif) top left repeat-x;
	height: 31px;
	text-align: center;
}

#headerBg01 p#headerTop01 {
	width: 745px;
	padding: 8px 0 0 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#head #globalLink {
	font-size: 12px;
	color: #fff;
	text-align: right;
	padding-top: 5px;
}

#head #globalLink a:link {
	color: #fff;
	text-decoration: none;
	background: transparent;
}
#head #globalLink a:visited {
	color: #fff;
	text-decoration: none;
	background: transparent;
}
#head #globalLink a:hover {
	color: #DFF4FD;
	text-decoration: underline;
	background: transparent;
}
#head #globalLink a:active {
	color: #fff;
	text-decoration: none;
	background: transparent;
}

h2 {
	margin: 0;
	padding: 0;
}

h2 .h2Style {
	margin: 33px 0 17px 0;
}

h2#h2Style01 {
	width: 880px;
	margin: 0 auto;
}

h3 {
	margin: 0;
	padding: 0;
}

/*---------------------//middleArea--------------------------*/

#middleArea {
	width: 745px !important;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#loginform {
	width: 561px;
	margin: 0 92px 30px 92px;
}

div#loginform input {
	width: 200px;
	height: 20px;
	border: 1px solid #A5ACB2;
}

div#loginbg {
	text-align: left;
	padding: 16px 57px 12px 40px;
	background: url(../bg_001.gif) repeat-y;
}

div#loginbg table {
	width: 462px;
	margin: 20px 0 15px 0;
}

div#loginbg table td {
	padding: 0 0 10px 0;
	text-align: left;
}

div.companyH3 {
	clear: both;
	width: 745px;
	background: url(../login_bg_003.gif) repeat-y;
}

div.companyH3 ol.listBlock01 {
	list-style-type: none;
	padding: 25px 25px 0 25px;
}

div.companyH3 ol.listBlock01 li.icoBgA01,
div.companyH3 ol.listBlock01 li.icoBgA02,
div.companyH3 ol.listBlock01 li.icoBgA03,
div.companyH3 ol.listBlock01 li.icoBgA04,
div.companyH3 ol.listBlock01 li.icoBgA05 {
	margin-bottom: 15px;
	clear: both;
	text-align: left;
}

div.companyH3 ol.listBlock01 li.icoBgA01 {
	background: transparent url(../login_ico_001.gif) no-repeat 0 top;
	height: 52px;
}

div.companyH3 ol.listBlock01 li.icoBgA02 {
	background: transparent url(../login_ico_002.gif) no-repeat 0 top;
	height: 52px;
}

div.companyH3 ol.listBlock01 li.icoBgA03 {
	background: transparent url(../login_ico_003.gif) no-repeat 0 top;
	height: 52px;
}

div.companyH3 ol.listBlock01 li.icoBgA04 {
	background: transparent url(../login_ico_004.gif) no-repeat 0 top;
	height: 52px;
}

div.companyH3 ol.listBlock01 li.icoBgA05 {
	background: transparent url(../login_ico_005.gif) no-repeat 0 top;
	height: 52px;
}

div.companyH3 ol.listBlock01 li img {
	float: left;
}

div.companyH3 ol.listBlock01 li dl {
	margin-left: 10px;
	padding-left: 55px;
	float: left;
}

div.companyH3 ol.listBlock01 li dt img {
	float: none;
}

div.companyH3 ol.listBlock02 {
	list-style-type: none;
	margin: 20px 0 0 0;
}

div.companyH3 ol.listBlock02 li {
	width: 330px;
	margin-left: 23px;
	float: left;
	display: inline;
}

div.companyH3 ol.listBlock02 li dl {
	margin-left: 10px;
	padding-left: 50px;
}

div.companyH3 ol.listBlock02 li dd {
	line-height: 16px;
}

div.companyH3 ol.listBlock02 li.icoBgA01,
div.companyH3 ol.listBlock02 li.icoBgA02,
div.companyH3 ol.listBlock02 li.icoBgA03,
div.companyH3 ol.listBlock02 li.icoBgA04 {
	padding-bottom: 15px;
}


div.companyH3 ol.listBlock02 li.icoBgA01 {
	background: transparent url(../index_ico_001.gif) no-repeat 0 top;
}

div.companyH3 ol.listBlock02 li.icoBgA02 {
	background: transparent url(../index_ico_002.gif) no-repeat 0 top;
}

div.companyH3 ol.listBlock02 li.icoBgA03 {
	background: transparent url(../index_ico_003.gif) no-repeat 0 top;
}

div.companyH3 ol.listBlock02 li.icoBgA04 {
	background: transparent url(../index_ico_004.gif) no-repeat 0 top;
}


div.companyH3 ol.listBlock02 li.icoBgA01 dd.icon {
	background: url(../arr_002.gif) no-repeat top left;
	padding:0 0 0 18px;
	line-height: 16px;
}

div.companyH3 ol.listBlock02 li.icoBgA02 dd.icon {
	background: url(../arr_002.gif) no-repeat top left;
	padding:0 0 0 18px;
	line-height: 16px;
}

div.companyH3 ol.listBlock02 li.icoBgA03 dd.icon {
	background: url(../arr_002.gif) no-repeat top left;
	padding:0 0 0 18px;
	line-height: 16px;
}

div.companyH3 ol.listBlock02 li.icoBgA04 dd.icon {
	background: url(../arr_002.gif) no-repeat top left;
	padding:0 0 0 18px;
	line-height: 16px;
}

div#topBlock01 {
	text-align:right;
	padding: 12px 0 0 0;
	width: 745px;
	margin:0 auto;
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* for macIE \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* end of for macIE */

div#topBlock01 p#topTxt01 {
	float: right;
	text-align: left;
}

div.listBlock03 {
	height: 37px;
	width: 745px;
	margin: 0 0 20px 0;
}

div.listBlock03 ul {
	list-style-type: none;
}

div.listBlock03 ul li {
	float: left;
}

div.tableA01 {
	padding: 20px 0 5px 23px;
}

div.tableA01 table {
	border:1px solid #ababab;
	border-top: none;
	border-left: none;
}

div.tableA01 table th {
	border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	background-color: #e8e8e8;
	padding: 5px;
}

div.tableA01 table td {
	border-top: 1px solid #ababab;
	border-left: 1px solid #ababab;
	text-align: center;
	padding: 8px;
}

div.tableA01 table td ul {
	list-style-type: none;
	text-align:left;
	padding-top: 5px;
}

div.tableA01 ul.h_link03 {
	margin-left:17px;
}

div.tableA01 ul.h_link01 li {
	background: url(../arr_002.gif) no-repeat top left;
	padding:0 0 0 16px;
	line-height: 16px;
}

div.tableA01 ul.h_link02 li {
	background: url(../arr_003.gif) no-repeat top left;
	padding:0 0 0 16px;
	line-height: 16px;
}

div.tableA01 ul.h_link03 li {
	background: url(../arr_004.gif) no-repeat top left;
	padding:0 0 0 16px;
	line-height: 16px;
}

div.tableA01 ul.h_link01 li a.a1:link,
div.tableA01 ul.h_link01 li a.a1:active,
div.tableA01 ul.h_link01 li a.a1:visited {
	color: #003780;
	text-decoration: none;
	font-size: 13px;	
}

div.tableA01 ul.h_link01 li a.a1:hover {
	color: #003780;
	text-decoration: underline;
	font-size: 13px;
}

div.tableA01 ul.h_link02 li a.a2:link,
div.tableA01 ul.h_link02 li a.a2:active,
div.tableA01 ul.h_link02 li a.a2:visited {
	color: #2f8b23;
	text-decoration: none;
	font-size: 13px;
}

div.tableA01 ul.h_link02 li a.a2:hover {
	color: #2f8b23;
	text-decoration: underline;
	font-size: 13px;
}

div.tableA01 ul.h_link03 li a.a2:link,
div.tableA01 ul.h_link03 li a.a2:active,
div.tableA01 ul.h_link03 li a.a2:visited {
	color: #fc7100;
	text-decoration: none;
	font-size: 13px;
}

div.tableA01 ul.h_link03 li a.a2:hover {
	color: #fc7100;
	text-decoration: underline;
	font-size: 13px;
}

div.tableA01 table th.th01 {
	background-color: #d4dfeb;
}

div.tableA01 table th.th02 {
	background-color: #c3e9c6;
}

div.tableA01 table th.th03 {
	background-color: #f7e1a0;
}

div.tableA01 table th.th04 {
	width:74px;
}

div.tableA01 p.txt01 {
	padding: 8px 0 0 0;
}

div.companyH3 div.tableA02 {
	padding: 15px 0 5px 23px;
}

div.companyH3 div.tableA02 table {
	border: 1px solid #ababab;
	border-right: none;
	border-bottom: none;
}

div.companyH3 div.tableA02 table td {
	border-right: 1px solid #ababab;
	border-bottom:  1px solid #ababab;
	background-color: #e5e7ff;
	font-weight: bold;
	text-align: center;
	padding: 8px;
}

div.companyH3 div.tableA02 table td.hidden {
	display: none;
}

div.companyH3 h4 {
	padding: 15px 0 10px 23px;
}

div.companyH3 .h4txt01 {
	margin:0 0 0 23px;
}

div.companyH3 div.cautionBlock01 {
	margin: 8px 0 10px 25px;
}

div.companyH3 div.listBlock04 {
	width: 740px;
	margin: 15px 15px 0 15px;
	float: left;
	display: inline;
}

div.companyH3 div.listBlock04 div,
div.companyH3 div.listBlock04 div p {
	float: left;
}

div.companyH3 div.listBlock04 div {
	padding-bottom: 15px;
}

div.companyH3 div.listBlock04 div p.text {
	width: 502px;
	margin: 4px 0 0 10px;
}

/*----------------//area search---------------------*/

h2.hBlue01{
	text-align:left;
}

.reqEditBox.space{
	font-size: 14px;
}

/*----------------//footArea---------------------*/

#footArea {
	width: 100%;
	background: url(../footer_bg_002.gif) repeat-x;
	background-color: #dfe4ec;
	text-align: center;
	margin-top: 25px;
}

div#footArea a,
div#footArea a:link,
div#footArea a:visited {
	text-decoration: none;
}

div#footArea a:hover,
div#footArea a:active {
	text-decoration: underline;
}

.bgImg {
	background: url(../footer_bg_001.gif) repeat-x!important; 
	background-color: #e9f2f3;
}

#footArea h2 {
	height: 33px;
	margin: 0;
}

#footAreaA01 {
	width: 745px;
	margin: 0 auto;
	padding: 7px 0px;
}

#footAreaM {
	height: 77px;
	vertical-align: top;
	padding-top: 5px;
	font-size: 15px;
}
#footAreaM div.floatL {
	float: left;
	width: 400px;
	margin: 0 40px 10px 0;
}

div#footLink01 {
	padding: 12px 0 0px 0;
	text-align: left;
}

div#copyRight {
	background-color: #17779f;
	padding: 5px 0 3px 0;
	text-align: center;
}
div#copyRight p#copy {
	width: 745px;
	color: #FFFFFF;
	text-align: right;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
}

/*------------------//other-------------------*/

#indexiframe {
	margin: 15px;
	width: 713px;
	height: 90px;
	border: 0;
}

#itext {
	margin: 5px 2px 5px 2px;
}


.left {
	text-align: left;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.pagetop {
	width: 745px;
	text-align:right;
	margin: 15px 0 15px 0;
}

.pagetop a:link,
.pagetop a:active,
.pagetop a:visited {
	color:#003780;
	text-decoration: none;
}

.pagetop a:hover {
	color:#2ebdf4;
	text-decoration: none;
}

.pagetop01 {
	width: 745px;
	text-align:right;
	margin: 15px 0 0 0;
}

.pagetop01 a:link,
.pagetop01 a:active,
.pagetop01 a:visited {
	color:#003780;
	text-decoration: none;
}

.pagetop01 a:hover {
	color:#2ebdf4;
	text-decoration: none;
}


.arrowTxt {
	width: 745px;
	text-align: center;
	margin: 0 0 10px 0;
}

div.hojin_close {
	text-align: center;
	margin:15 0 0 0px;
}

/*------------------//Tianjin-------------------*/

/* magin */
.mt4 {
	margin-top: 4px!important;
}

.mt10 {
	margin-top: 10px!important;
}

.mt8 {
	margin-top: 8px!important;
}

.mt13 {
	margin-top: 13px!important;
}

.mt15 {
	margin-top: 15px!important;
}

.mt20 {
	margin-top: 20px!important;
}

.mt30 {
	margin-top: 30px!important;
}

.mt60 {
	margin-top: 60px!important;
}

.mr15 {
	margin-right: 15px!important;
}

.ml23 {
	margin-left:23px!important;
}

.ml35 {
	margin-left:35px!important;
}

.mb00 {
	margin-bottom: 0px;
}

/* padding */
.pt18 {
	padding-top: 18px;
}

/* width */
.wid81 {
	width: 81px!important;
}

/* font */
.fontFF0000 {
	color: #FF0000;
}

.txtL {
	text-align: left;
}

.fontBoldNone {
	font-weight: normal;
}
/* companyH3 */
div.companyH3Inner {
	width: 740px;
	padding: 28px 0px 0px;
}

div.companyH3 div.companyH3Inner ul {
	list-style-type: none;
}

div.companyH3 div.companyH3Inner ul li {
	float: left;
	width: 146px;
}

div.companyH3 div.companyH3Inner ul li p {
	padding: 7px 2px 0px;
}

div.companyH3 div.companyH3Inner ul li.ar {
	width: 17px;
	margin-top: 68px;
}

div.companyH3Inner div.comH3InnerL {
	float: left;
	width: 390px;
	padding: 0px 0px 0px 22px;
}

div.companyH3Inner div.comH3InnerR {
	float: left;
	width: 309px;
}

div.companyH3Inner div.tabBlockA01 {
	clear: both;
	width: 309px;
	background-image: url(../form_bg_002.gif);
	background-repeat: repeat-y;
	margin-bottom: 15px;
}

div.companyH3Inner div.tabBlockA01 p {
	padding: 8px 10px 2px;
}

/* form */
div.formSubmit {
	clear: both;
	width: 745px;
}

div.formSubmit a,
div.formSubmit a:link,
div.formSubmit a:visited {
	text-decoration: none;
	color: #003780;
	font-size: 100%;
	line-height: 120%;
}

div.formSubmit a:hover,
div.formSubmit a:active {
	text-decoration: underline;
	color: #003780;
	font-size: 100%;
	line-height: 120%;
}

div.formSubmit h3 {
	background-image: url(../form_ar_003.gif);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	padding-left: 22px;
	font-weight: bold;
	font-size: 12px;
	line-height: 150%;
}

div.tableBlockA01 table {
	background-color: #ABABAB;
	margin-top: 12px;
	font-size: 100%
}

div.tableBlockA01 table th {
	background-color: #E8E8E8;
	width: 154px;
	text-align: center;
	vertical-align: middle;
}

div.tableBlockA01 table th.top {
	padding-top: 20px;
	vertical-align: top;
}

div.tableBlockA01 table td {
	background-color: #FFF;
	padding: 15px 5px 15px 15px;
}

div.tableBlockA01 table td input {
	height: 20px;
	line-height: 20px;
}

div.tableBlockA01 table td input.wid66 {
	width: 66px;
}

div.tableBlockA01 table td input.wid78 {
	width: 78px;
}

div.tableBlockA01 table td input.wid200 {
	width: 200px;
}

div.tableBlockA01 table td input.wid300 {
	width: 300px;
}

div.tableBlockA01 table td input.wid430 {
	width: 430px;
}

div.tableBlockA01 table td input.wid450 {
	width: 450px;
}

div.tableBlockA01 table td input.wid490 {
	width: 490px;
}

div.tableBlockA01 table td input.butt1 {
	width: 140px;
	line-height: 120%;
}

div.tableBlockA01 table td input.butt2 {
	width: 77px;
	line-height: 120%;
}

div.tableBlockA01 table td input.butt3 {
	width: 125px;
	line-height: 120%;
}

div.tableBlockA01 table td input.butt4 {
	width: 144px;
	line-height: 120%;
}

div.tableBlockA01 table td textarea.wid556 {
	width: 556px;
	height: 120px;
	line-height: 120%;
}

div.tableBlockA01 table.styleNone {
	background: none;
	margin: 0px;
	padding: 0px;
	font-size: 100%
}

div.tableBlockA01 table.styleNone th {
	background: none;
	margin: 0px;
	padding: 0px;
	font-size: 100%
}

div.tableBlockA01 table.styleNone td {
	background: none;
	margin: 0px;
	padding: 1px;
	font-size: 100%
}


div.tableBlockA02 table {
	background-color: #ABABAB;
	margin-top: 12px;
	font-size: 100%
}

div.tableBlockA02 table th {
	background-color: #E8E8E8;
	text-align: center;
	vertical-align: middle;
	padding: 10px 5px 10px 5px;
}

div.tableBlockA02 table td {
	background-color: #FFF;
	text-align: left;
	padding: 7px 5px 7px 5px;
}

div.tableBlockA02 table td.ct {
	text-align: center;
}

div.tableBlockA02 table.styleNone {
	background: none;
	margin: 0px;
	padding: 0px;
	font-size: 100%
}

div.tableBlockA02 table.styleNone th {
	background: none;
	margin: 0px;
	padding: 0px;
	font-size: 100%
}

div.tableBlockA02 table.styleNone td {
	background: none;
	margin: 0px;
	padding: 1px;
	font-size: 100%
}


div.cautionBlockA01 ul {
	list-style: none;
}

div.cautionBlockA01 ul li {
	text-indent: -0.9em;
	padding-left: 10px;
}

div#loginBlock {
	width: 745px;
	background-image: url(../login_bg_001.gif);
	background-repeat: repeat-y;
	margin-bottom: 30px;
}

div#loginLform {
	width: 501px;
	float: left;
}

div#loginLform input {
	width: 187px;
	height: 20px;
	border: 1px solid #A5ACB2;
	line-height: 20px;
}

div#loginLbg {
	text-align: left;
	padding: 9px 20px 11px 23px;
	background: url(../bg_001.gif) repeat-y;
	min-height: 239px;
	height: auto !important; 
	height: 233px;
}

div#loginLbg div.img {
	margin-bottom:16px;
}

div#loginLbg #loginLIn {
	background: url(../bg_003.gif) left top no-repeat;
	padding: 18px 13px 12px;
	margin:18px 0px;
}

div#loginLbg #loginLIn table {
	width: 422px;
}


div#loginLbg table td {
	padding: 0 0 10px 0;
	text-align: left;
}

div#shilogin {
	width: 229px;
	float: right;
}

div#shiloginbg {
	text-align: left;
	padding: 5px 10px 4px 15px;
	background: url(../bg_002.gif) repeat-y;
	min-height: 220px;
	height: auto !important; 
	_height: 240px;
}

div#shiloginbg div.img {
	margin-bottom:15px;
}

div#shiloginbg p.notice {
	font-size: 85%;
	margin:10px 0 15px 50px;
}

div#formendtit {
	margin: 30px 0 56px 0;
}

div.companyH3 {
	clear: both;
	width: 745px;
	background: url(../login_bg_003.gif) repeat-y;
}

div.txtstyle {
	margin: 0 0 45px 181px;
}

p.text01 {
	text-align: center;
}

p.text02 {
	text-align: center;
	margin: 18px 0 138px 0;
}

div.companyH3 table {
	margin: 19px 20px 14px 23px;
}

div.companyH3 table th {
	text-align: center;
}

div.companyH3 table td {
	padding-top: 9px;
}
