/* CSS Document */

/*******************
     B A S I C
*******************/
* { margin:0; padding:0;}
body { margin:0; padding: 0; text-align:center; background: #ffffff; color: #000000;
	font: normal normal normal/*font weight*/ 12px normal/*line height*/ "  ",Verdana;}
img { border: none;}
p { 
	margin:0;
	padding:0; 
	line-height: 200%; 
	text-align: left; 
	font-size: 12px;
	}
h1,h2,h3,h4 {	line-height: 150%; color: #000; text-align: left; font-size: 12px;}
ul { margin:0; padding:0;}
li { margin:0; padding:0; list-style-type: none;  text-align: left;}
a { text-decoration: none;}
a:link, a:visited { color: #474747;}
a:hover, a:active { color: #c71314;}
span { font-weight:bold;}

.formbox { border:1px #999 solid; font-size:12px; background:#fafafa; height:15px; padding:2px;}
.formselect { border:1px #999 solid; font-size:12px; background:#fafafa; height:20px; padding:2px;}
.formarea { border:1px #999 solid; font-size:12px; background:#fafafa; padding:2px;}
.formbutton { border:1px #999 solid; font-size:12px; background:#fafafa; height:20px; padding:2px; cursor:pointer;}

/***************
     A L L 
***************/
#all { float:left}
#aaa {}


/**********************
     H E A D E R
**********************/
#header { width:950px; height:103px; clear:both; margin: 0 auto; align: center;}
#header #headtop { width:950px; height:18px; background: url(../images/menu_bg01.gif) repeat-y top; clear:both; text-align:right;}
#header #headmenu { width:822px; height:85px; background: url(../images/menu_bg02.gif) repeat-y top; float:left; text-align:left; }
#header #headlogo { width:128px; height:85px; float:right;}


/**********************
     F O O T E R
**********************/
#footline { width:950px; height:5px; clear:both; margin: 0 auto;}
#footbg { width:950px; height:77px; background:url(../images/foot_bg.gif) repeat-x left; color:#666666; margin: 0 auto;}
#footer { width:949px; height:77px; background:url(../images/foot_img.jpg) no-repeat right; border-left:1px #D6D6D6 solid;}
#footer #footcopy { width:280px; height:32px; float:left;}
#footer #footname { width:600px; height:32px; text-align:left; line-height:32px; float:left;}
#footer #footinfo { width:800px; height:30px; text-align:left; float:left; padding:10px 0 5px 20px;}


/************************
     C O N T E N T
************************/
#banner { width:950px; height:163px; padding:1px 0 4px 0; margin: 0 auto;}
#certification { width:950px; height:92px; clear:both; padding:4px 0; margin: 0 auto;}

#contentbg { width:950px; background:url(../images/content_bg.gif) repeat-y top; margin: 0 auto;}
#content { width:950px; clear:both; margin: 0 auto;}
#content #indexbody { width:950px; height:511px;}

/******   indexbody left   ******/
#content #indexbody #indexleft { width:337px; height:511px; float:left;}
#content #indexbody #indexleft #leftclient { width:335px; height:223px; background: url(../images/client_bg.jpg) repeat-x left; border-left:1px #DFDFDF solid; border-right:1px #DFDFDF solid;}
	#leftclient li { width:152px; height:20px; line-height:20px; border-bottom:1px #DFDFDF solid; float:left; margin-left:7px; overflow: hidden;}
	#leftclient li a {}
#content #indexbody #indexleft #lefthot { width:337px; height:114px; padding:5px 0;}
#content #indexbody #indexleft #lefthelp { width:337px; height:164px; background: url(../images/help_bg.jpg) no-repeat;}
	#lefthelp ul { padding:15px 0px 10px 90px;}
	#lefthelp ul li { height:23px; line-height:23px; padding-left:10px; background: url(../images/help_listbg.gif) no-repeat;}

/******   indexbody center   ******/
#content #indexbody #indexcenter { width:235px; height:511px; float:left; padding:0 7px;}
#content #indexbody #indexcenter #centercase { width:235px; height:511px;}
#content #indexbody #indexcenter #centercase #caseweb { width:213px; height:182px; background:url(../images/images/case_bg01.gif) repeat-x left; border-left:1px #DFDFDF solid; border-right:1px #DFDFDF solid; padding:0px 10px;}
#content #indexbody #indexcenter #centercase #caseweb #webtitle { color:#AD0000;}
	#webtitle ul { height:13px; padding:6px 0px;}
	#webtitle ul li { float:left; padding-left:3px; cursor: pointer;}
#content #indexbody #indexcenter #centercase #caseweb #webcontent { width:206px; line-height:21px;}
	#webcontent img { background:#FFFFFF; border:1px #DFDFDF solid; padding:2px;}
	.hidden {display:none;}
#content #indexbody #indexcenter #centercase #casewebtext { height:58px; background:#F4F4F4; color:#000000; padding:5px 14px; margin:2px 0px 3px 0px; border:1px #DFDFDF solid;}
	#casewebtext p { line-height:150%;}
#content #indexbody #indexcenter #centercase #casevi { width:213px; height:182px; background:url(../images/images/case_bg01.gif) repeat-x left; border-left:1px #DFDFDF solid; border-right:1px #DFDFDF solid; padding:0px 10px;}
#content #indexbody #indexcenter #centercase #casevi #vititle { color:#AD0000;}
	#vititle ul { height:13px; padding:6px 0px;}
	#vititle ul li { float:left; padding-left:3px; cursor: pointer;}
#content #indexbody #indexcenter #centercase #casevi #vicontent { width:206px; line-height:21px;}
	#vicontent img { background:#FFFFFF; border:1px #DFDFDF solid; padding:2px;}
#content #indexbody #indexcenter #centercase #casevitext { height:58px; background:#F4F4F4; color:#000000; padding:5px 14px; margin:2px 0px 0px 0px; border:1px #DFDFDF solid;}
	#casevitext p { line-height:150%;}

/******   indexbody right   ******/
#content #indexbody #indexright { width: 364px; height:511px; float:left;}
#content #indexbody #indexright #righttaocan { width:362px; border-left:1px #DFDFDF solid; border-right:1px #DFDFDF solid;}
	.taocan { background:url(../images/taocan_bg.gif) repeat-x left; line-height:150%;}
#content #indexbody #indexright #rightmap { width:364px; height:164px; padding-top:7px;}

/******   leftmenu list   ******/
#content #leftmenu { width:197px; background:#F3F3F3; border-left:1px #CECECE solid; border-right:1px #CECECE solid; float:left;}
#content #leftmenu #menulist { width:197px;}
#content #leftmenu #menulist #listtop { width:197px; height:38px; padding-bottom:3px;}
#content #leftmenu #menulist #listbody { width:175px; border:1px #CECECE solid; padding:0px 7px; background:#FFFFFF; margin:0 3px;}
#content #leftmenu #menulist #listbody li { width:163px; height:25px; border-bottom:1px #ECECEC solid; line-height:25px; cursor:pointer;}
	#listbody li a:link, #listbody li a:visited { background:url(../images/leftmenu_arrow01.gif) no-repeat 10px 1px; padding-left:30px;}
	#listbody li a:hover, #listbody li a:active { background:url(../images/leftmenu_arrow02.gif) no-repeat 10px 1px; padding-left:30px; color:#C2130C; font-weight:bold; text-decoration:none;}

/******   leftmenu hot   ******/
#content #leftmenu #menuhot { width:197px;}
#content #leftmenu #menuhot #hottop { width:197px; height:38px; padding-top:3px;}
#content #leftmenu #menuhot #hotbody01 { width:189px; padding:0 4px;}
#content #leftmenu #menuhot #hotbody01 img { padding-top:4px;}
#content #leftmenu #menuhot #hotbody02 { width:189px; padding:0 4px;}
	#hotbody02 img { float:left;}
	#hotbody02 h1 { padding:15px 0px 5px 40px;}
	#hotbody02 h2 { color:#FC8B01; text-align:center;}
	#hotbody02 p { line-height:150%;}
#content #leftmenu #menuhot #hotbody02 #hotmsn { border:1px #CECECE solid; border-bottom:0px; background:#FFFFFF; margin-top:4px; padding:15px;}
#content #leftmenu #menuhot #hotbody02 #hotqq { border:1px #CECECE solid; border-top:0px; border-bottom:0px; background:#FFFFFF; margin-top:4px; padding:15px;}
#content #leftmenu #menuhot #hotbody02 #hottel { border:1px #CECECE solid; border-top:0px; background:#FFFFFF; margin:4px 0; padding:15px;}

/******   rightbody title   ******/
#content #rightbody { width:743px; border-left:1px #CECECE solid; border-right:1px #CECECE solid; text-align:center; float:right;}
#content #rightbody #bodytitle { width:743px;}
#content #rightbody #bodytitle #titletopbg { width:743px;}
#content #rightbody #bodytitle #titletop { width:743px; height:31px; text-align:right; background:url(../images/flow_bg01.gif) repeat-x left;}
	#titletop img { float:left;}
	#titletop p { background:#FFFFFF; line-height:15px; float:right; margin-top:10px; padding:0 5px;}
/******   bodytitle XXX   ******/
#content #rightbody #bodytitle #titleimg { width:136px; padding:20px; float:left;}
#content #rightbody #bodytitle #titletext { width:534px; padding:75px 30px 0 0; float:right; text-align:left;}
	#titletext p { text-indent:24px; }
	#titletext span { color:#C2130C;}
#content #rightbody #bodytitle #titleline { width:713px; height:6px; clear:both; background: url(../images/group_topbg2.gif) repeat-x left; padding:10px 0px 0px 0px; margin:0 auto;}

#content #rightbody #bodytitle #titlepayment { width:703px; height:164px; padding:20px; text-align:center;}
	#titlepayment ul { padding-left:50px;}
#content #rightbody #bodytitle #titlecontact { width:703px; height:164px; padding:20px; text-align:center;}
	#titlecontact p { padding-left:30px; text-indent:24px;}
	#titlecontact span { color:#C2130C;}
	
/******   rightbody XXX   ******/
#content #rightbody #bodyprefer { width:713px; padding:15px 0; margin:0 auto;}
	.prefer { padding:0px 40px;}
	.prefer h1 { padding:5px;}
	.prefer ul { padding-top:10px;}
	.prefer ul li { text-align:center;}
	.prefer p { line-height: 120%;}
	
#content #rightbody #bodyprefershow { width:713px; padding:15px; margin:0 auto;}
	.prefershow { text-align:center; padding:10px;}
	.prefershow ul { list-style-position:outside; list-style-type: decimal;}
	.prefershow ul li { text-align:left;}
	.prefershow span { font-weight:normal;}

#content #rightbody #bodycase { width:713px; padding:15px; margin:0 auto;}
	#bodycase ul { padding:10px;}
	#bodycase ul li { float:none; border-bottom:1px #d9d9d9 solid; padding:20px 0;}
	#bodycase p { line-height:150%;}
	#bodycase img { padding:2px; border:1px #ccc solid;}
	
#content #rightbody #bodycaseshow { width:713px; padding:15px; margin:0 auto;}
	.caseshow { background:#f3f3f3; border:2px #fff solid; text-align:center; padding:7px;}
	.caseshow img { cursor:pointer; border:1px #ccc solid; background:#FFFFFF; padding:1px;}
	.caseshowbody img { cursor:auto; border:1px #ccc solid; background:#FFFFFF; padding:5px;}
	
#content #rightbody #bodyfaq { width:713px; padding:15px; margin:0 auto;}
	#bodyfaq p { line-height:150%;}
	#bodyfaq ul { padding-left:0px;}
	#bodyfaq ul li { background:url(../images/faq_arrow.gif) no-repeat; line-height:200%; padding-left:15px; border-bottom:1px #ccc dotted;}
	#bodyfaq span { font-size:15px;}
	.faqshow { padding:15px;}

#content #rightbody #bodypayment { width:713px; padding:15px; margin:0 auto; text-align:center;}
	.payment { text-align:center; margin:0 auto;}
	.payment ul { padding-left:30px;}
	.payment ul li { line-height:200%;}
	.bank { font-weight:bold; color:#C2130C;}

#content #rightbody #bodycontact { width:713px; padding:15px; margin:0 auto;}
	.contact { text-align:center; margin:0 auto;}
	.contact ul { padding-left:30px;}
	.contact ul li { line-height:200%;}

#content #rightbody #bodywebdesign { width:713px; padding:15px; margin:0 auto;}

#content #rightbody #bodyinquiry { width:713px; padding:15px; margin:0 auto;}
	.inquiry { text-align:center; margin:0 auto;}
	.inquiry ul li { line-height:200%;}
	.inquiry span { color:#cc0000;}
	
#content #rightbody #bodyprice { width:713px; padding:15px; margin:0 auto;}
#content #rightbody #bodyflow { width:713px; padding:15px; margin:0 auto;}