body {height:100%; margin:0px; text-align:center;}
body.bg {background:#AFB1B6;}
body, td, input, select, textarea{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

a {color:#4C4C4C; text-decoration: none;}
a:hover {color:#006C79;}

form {margin:0px;}

img { border: 0px;}

.center {text-align:center;}
.absmiddle { vertical-align: middle;}
.clear {clear:both; *display:inline;}
.nodata {height:60px; text-align:center; padding-top:25px; color:#666;}

/*** ¤å¦rÃC¦â ***/
.fg1 {color:#999A9C;}
.fg2 {color:#9B0002;}
.fg3 {color:#CB0000;}
.fg4 {color:#005871;}
.fg5 {color:#FF3200;}
.fg6 {color:#989898;}

/************************************/
.doc {width:1038px; height:100%; text-align:left; margin:0 auto; border:0px;}
.doc .lbar {width:20px; height:100%; vertical-align:top; background:url(images/lbar.jpg) left top repeat-y;}
.doc .lbar div {width:20px; height:68px;}
.doc .rbar {width:18px; height:100%; vertical-align:top; background:url(images/rbar.jpg) left top repeat-y;}
.doc .rbar div {width:18px; height:68px;}
.doc .mleft {width:198px; height:100%; vertical-align:top; text-align:center; border-left:1px solid #CBCCCC; border-right:1px solid #CBCCCC; background:#CBCCCC;}
.doc .mright {width:800px; vertical-align:top; background:#FFFFFF;}
.doc .mfoot {width:800px; height:206px; vertical-align:top; background:url(images/foot_bg.jpg) #FEFEFE left top repeat-x;}

/*** block ***/
.larea {width:198px; height:100%; margin:0 auto; text-align:left; background:#F5F5F5;}
.larea .logo {text-align:center; background:#CBCCCC;}
.larea .prodcls {border-top:2px solid #CBCCCC;}
.larea .prodcls .padd {padding:6px 8px 6px 8px;}
.larea .prodcls .padd .timg {width:60px; height:16px; background:url(images/pcls_t.jpg) left top no-repeat;}
.clsarea1 {}
.clsarea1 .parent {padding:8px 16px 6px 16px; margin:0px;}
.clsarea1 .parent .text {list-style:none; line-height:16px; color:#4C4C4C;}
.clsarea1 .parent .text a{color:#4C4C4C;}
.clsarea1 .parent .text a:hover{color:#006C79;}
.clsarea1 .parent:hover {background:#99CC00;}
.clsarea1 .parent:hover .text {list-style:none; line-height:16px; color:#FFFFFF;}
.clsarea1 .parent:hover .text a{color:#FFFFFF;}
.clsarea1 .parent_in {padding:8px 16px 6px 16px; margin:0px;}
.clsarea1 .parent_in .text {list-style:none; line-height:16px; color:#4C4C4C;}
.clsarea1 .parent_in .text a{color:#4C4C4C;}
.clsarea1 .parent_in .text a:hover{color:#006C79;}
.clsarea1 .now {background:#99CC00;}
.clsarea1 .now .text {color:#006F7A;}
.clsarea1 .now .text a {color:#FFFFFF; }
.clsarea1 .now .text a:hover {color:#FFFFFF; text-decoration:underline;}
.clsarea1 .now .in {line-height:16px; font-weight:bold; color:#006F7A;}
.clsarea1 .now .in a {color:#006F7A;}
.clsarea1 .now .in a:hover {color:#006F7A; text-decoration:underline;}
.clsarea1 .child {padding:0px; margin:0 0 0 16px;}
.clsarea1 .child .text {list-style:square; line-height:13px; color:#FFFFFF !important;}
.clsarea1 .child .text a {color:#FFFFFF; }
.clsarea1 .child .text a:hover {color:#FFFFFF; text-decoration:underline;}
.clsarea1 .child .in { line-height:13px; font-weight:bold; color:#FFFFFF !important;}
.clsarea1 .child .in a {color:#FFFFFF; }
.clsarea1 .child .in a:hover {color:#FFFFFF; text-decoration:underline;}

.clsarea2 {}
.clsarea2 .parent {padding:8px 16px 6px 16px; margin:0px;}
.clsarea2 .parent .text {list-style:none; line-height:16px; color:#4C4C4C;}
.clsarea2 .parent .text a{color:#4C4C4C;}
.clsarea2 .parent .text a:hover{color:#006C79;}
.clsarea2 .parent:hover {background:#FFB900;}
.clsarea2 .parent:hover .text {list-style:none; line-height:16px; color:#FFFFFF;}
.clsarea2 .parent:hover .text a{color:#FFFFFF;}
.clsarea2 .parent_in {padding:8px 16px 6px 16px; margin:0px;}
.clsarea2 .parent_in .text {list-style:none; line-height:16px; color:#4C4C4C;}
.clsarea2 .parent_in .text a{color:#4C4C4C;}
.clsarea2 .parent_in .text a:hover{color:#006C79;}
.clsarea2 .now {background:#FFB900;}
.clsarea2 .now .text {color:#A72601;}
.clsarea2 .now .text a {color:#FFFFFF; }
.clsarea2 .now .text a:hover {color:#FFFFFF; text-decoration:underline;}
.clsarea2 .now .in {line-height:16px; font-weight:bold; color:#A72601;}
.clsarea2 .now .in a {color:#A72601;}
.clsarea2 .now .in a:hover {color:#A72601; text-decoration:underline;}
.clsarea2 .child {padding:0px; margin:0 0 0 16px;}
.clsarea2 .child .text {list-style:square; line-height:13px; color:#FFFFFF !important;}
.clsarea2 .child .text a {color:#FFFFFF; }
.clsarea2 .child .text a:hover {color:#FFFFFF; text-decoration:underline;}
.clsarea2 .child .in {line-height:13px; font-weight:bold; color:#FFFFFF !important;}
.clsarea2 .child .in a {color:#FFFFFF; }
.clsarea2 .child .in a:hover {color:#FFFFFF; text-decoration:underline;}

.head {height:54px;}
.head .url {float:left; margin-top:28px; min-height:24px; _height:24px; padding-left:10px; line-height:17px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif;}
.head .url a {color:#FFFFFF;}
.head .url a:hover {color:#FFFF99;}
.head .url span {display:block; float:left; margin-right:5px; min-height:24px; _height:24px;}
.head .url span.arr {background:url(images/icon_downarr.png) no-repeat; background-position:center 16px;}
.head .search {float:right; margin-top:10px; margin-right:23px;}
.head .search .old {line-height:18px; color:#FFFFFF;}
.head .search .old a {color:#FFFFFF;}
.head .search .stxt {float:left; width:47px; line-height:17px; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif;}
.head .search .input {float:left; width:112px; height:17px;}
.head .search .input input.text {width:108px; height:11px; margin:3px 0 0 4px; color:#505050; border:0px; font-size:7pt; /* Chrome */ -webkit-text-size-adjust:none;}
.head .search .bt {float:left; width:23px; height:17px;}
.head1 {background:url(images/hheadbg_1.jpg) left top repeat-x;}
.head1 .search .input {background:url(images/sh_input_bg_1.jpg) left top no-repeat;}
.head1 .search .input input.text {background:#FFEAB3;}
.head2 {background:url(images/hheadbg_2.jpg) left top repeat-x;}
.head2 .search .input {background:url(images/sh_input_bg_2.jpg) left top no-repeat;}
.head2 .search .input input.text {background:#DCFEBA;}


.murl {}
.murl .url {padding-left:10px; line-height:16px; color:#6C6C6C; font-family: Arial, Helvetica, sans-serif;}
.murl .url a {color:#6C6C6C;}
.murl .url a:hover {color:#0088D2;}
.murl .url span {color:#0088D2;}

.footarea {position:relative;}
.footarea .backtop {position:absolute; left:694px; top:-34px; width:77px; height:13px; z-index:90; display:none;}
.footarea ul.foot {border-top:1px solid #CBCCCC; padding:10px 8px 0 8px; margin:0px;}
.footarea ul.foot li {list-style:none;}
.footarea ul.foot li.item {float:left;}
.footarea ul.foot li.item  .title {font-size:9pt; color:#006E79; line-height:18px; font-family: Arial, Helvetica, sans-serif;  /* Chrome */ -webkit-text-size-adjust:none;}
.footarea ul.foot li.item  .title a {color:#006E79;}
.footarea ul.foot li.item  ul {padding:0px; margin:0px; margin-top:6px;}
.footarea ul.foot li.item  ul li {line-height:18px; color:#4E4E4E; font-size:9pt; font-family: Arial, Helvetica, sans-serif; /* Chrome */ -webkit-text-size-adjust:none;}
.footarea ul.foot li.w1 {width:150px;}
.footarea ul.foot li.w2 {width:146px;}
.footarea ul.foot li.w3 {width:134px;}
.footarea ul.foot li.w4 {width:120px;}
.footarea ul.foot li.w5 {width:150px;}
.footarea ul.foot li.w6 {width:66px;}



.copyright {text-align:right; padding-right:23px; line-height:16px; color:#9C9C9C; font-size:8pt; /* Chrome */ -webkit-text-size-adjust:none;}
.copyright a{color:#9C9C9C;}

/*** module ***/
.banners {width:800px; height:404px; position:relative;}
.banners .bnr {position:absolute; width:800px; height:404px; left:0px; top:0px;}
.banners .icon {position:absolute; width:778px; height:24px; top:380px;}
.banners .icon .area {float:right;}
.banners .icon .area .inbox {float:left; width:12px; height:12px; overflow:hidden; margin-left:6px; cursor:pointer; background:url(images/inbox.png) left top no-repeat;}
.banners .icon .area .outbox {float:left; width:12px; height:12px; overflow:hidden; margin-left:6px; cursor:pointer; background:url(images/outbox.png) left top no-repeat;}

.mnews {height:41px; background:url(images/mnewsbg.jpg) left top repeat-x;}
.mnews .area {padding:10px 15px 0 15px;}
.mnews .area .title {float:left; width:85px; line-height:14px; color:#0088D2; margin-top:1px;}
.mnews .area .arr {float:left; width:68px;}
.mnews .area .data {float:left; width:616px; height:28px; line-height:14px; margin-top:1px;}
.mnews .area .data .txt {color:#666666; line-height:14px;}
.mnews .area .data .txt a {color:#0E8CD4;}
.mnews .area .data .txt span {color:#0E8CD4;}

.menvi {margin:0px; padding:0px;}
.menvi li {float:left; width:200px; list-style:none;}
.menvi li img {display:block;}

.about {}
.about .about1 {width:800px; height:413px; background:url(images/about1.jpg) left top no-repeat;}
.about .about_l {float:left; width:574px;}
.about .about_l .padd {padding:7px 25px 8px 25px; line-height:18px; color:#4C4C4C;}
.about .about_l .padd .txt {line-height:18px; color:#4C4C4C;}
.about .about_l .padd .txt a {color:#4C4C4C;}
.about .about_l .padd .txt a:hover {color:#CC3333;}
.about .about_r {float:left; width:226px;} 
.about .about_r .about2 {width:226px; height:406px; background:url(images/about2.jpg) left top no-repeat; }

.html {width:800px; overflow:hidden;}

.manage_block {width:800px; height:153px; background:url(images/manage.jpg) left top no-repeat;}
.vmarket_block {width:800px; height:149px; background:url(images/vm_block.jpg) left top no-repeat;}

.help_block {width:800px; height:156px; background:url(images/help_block.jpg) left top no-repeat;}
.help {}
.help .area  {width:750px; margin:0 auto; margin-top:8px; text-align:left;}
.help .area .note {line-height:18px; color:#4C4C4C;}
.help .area ul.software {padding:0px; margin:0px;}
.help .area ul.software li {list-style:none; float:left; width:176px; min-height:76px; _height:76px; margin-left:11px; margin-top:7px; border:1px solid #D6D6D6; background:#FFFFFF;}
.help .area ul.software li:hover {background:#D8D8DC;}
.help .area ul.software li.first {margin-left:0px !important;}
.help .area ul.software li .simg {float:left; width:84px; height:76px;}
.help .area ul.software li .simg .img {width:84px; height:76px; display: table-cell; vertical-align:middle; text-align:center;
	/* IE Hack */
	*display:block; *font-size: 68px; /* 76 * 0.9 = 106.2 */ *font-family:Arial;
}
.help .area ul.software li .simg .img img {vertical-align:middle;}
.help .area ul.software li .sname {float:left; width:92px;}
.help .area ul.software li .sname span {display:block;line-height:22px; color:#4C4C4C; padding:5px 5px 5px 0;}
.help .area ul.software li .sname span a {color:#4C4C4C;}
.help .area ul.software li .sname span a:hover {color:#006D79;}


.news_block {width:800px; height:151px; background:url(images/news_block.jpg) left top no-repeat;}
.news {text-align:center;}
.news .area {width:750px; margin:0 auto; margin-top:38px; text-align:left;}
.news ul.th {padding:0px; margin:0px;}
.news ul.th li {list-style:none; float:left;}
.news ul.th li.th_1 {width:118px; height:33px; background:url(images/news_th_1.jpg) left top no-repeat;}
.news ul.th li.th_2 {width:156px; height:33px; background:url(images/news_th_2.jpg) left top no-repeat;}
.news ul.th li.th_3 {width:475px; height:33px; background:url(images/news_th_3.jpg) left top no-repeat;}
.news ul.data {padding:0px; margin:0px;}
.news ul.data li {list-style:none; float:left;}
.news ul.data li.date {width:118px;}
.news ul.data li.date span {display:block; text-align:left; padding-left:38px; line-height:16px; color:#4C4C4C; font-size:9pt; font-family: Arial, Helvetica, sans-serif; /* Chrome */ -webkit-text-size-adjust:none;}
.news ul.data li.view {width:156px; text-align:center;}
.news ul.data li.title {width:475px;}
.news ul.data li.title .txt {padding:0 18px 0 18px; line-height:16px; color:#006F7A; font-size:9pt; font-family: Arial, Helvetica, sans-serif;}
.news ul.data li.title .desc {padding:0 18px 0 18px; line-height:16px; color:#515151; font-size:9pt; font-family: Arial, Helvetica, sans-serif; /* Chrome */ -webkit-text-size-adjust:none;}
.news ul.data li.title .desc .continue {color:#0086D2;}
.news ul.data li.title .desc .continue a {color:#0086D2;}
.news ul.data li.title .desc .continue a:hover {color:#0086D2; text-decoration:underline;}
.news .subject {line-height:20px; font-size:1.5em; color:#5BBDC8; font-family: Arial, Helvetica, sans-serif;}
.news .subject span {color:#969696; font-size:8pt; font-family: Arial, Helvetica, sans-serif; /* Chrome */ -webkit-text-size-adjust:none;}
.news .desc {color:#4C4C4C; font-size:9pt; line-height:18px;}

.store_block {width:800px; height:155px; background:url(images/store_block.jpg) left top no-repeat;}
.store {text-align:center;}
.store .area {width:746px; margin:0 auto; margin-top:20px; text-align:left;}
.store .area .line {background:url(images/store_line.jpg) left top repeat-x; height:19px; overflow:hidden;}
.store .area .data {}
.store .area .data .location {line-height:14px; color:#000000; font-size:9pt;}
.store .area .data .location span {display:block; padding:0 3px 0 3px;}
.store .area .data .conn {line-height:14px; color:#666666; font-size:9pt;}
.store .area .data .conn span {display:block; padding:0 3px 0 3px;}
.store .area .data .conn a {color:#147A84;}
.store .area .data .conn a:hover {color:#147A84; text-decoration:underline;}
.store .area .data ul {padding:0px; margin:0px;}
.store .area .data ul li {float:left; list-style: square; width:30%; margin-left:22px; line-height:16px; color:#5A5A5A;}

.job_block {width:800px; height:152px; background:url(images/job_block.jpg) left top no-repeat;}
.job {text-align:center;}
.job .area {width:746px; margin:0 auto; margin-top:20px; text-align:left;}
.job .area .line {background:url(images/store_line.jpg) left top repeat-x; height:19px; overflow:hidden;}
.job .htitle {width:397px; height:35px; background:url(images/job_title.jpg) left top no-repeat;}
.job .hdesc {line-height:22px; margin-top:15px; font-size:16px; color:#6C6C6C;}
.job .jobsel {font-size:16px; color:#000000; font-weight:bold;}
.job ul.name {padding:0px; margin:0px; margin-top:10px;}
.job ul.name li {list-style:disc; margin-left:20px; font-size:10pt; line-height:20px; color:#6C6C6C;}
.job ul.name li:hover {color:#006F7A;}
.job ul.name li a {color:#6C6C6C;}
.job ul.name li a:hover {color:#006F7A;}
.job .area .item {}
.job .area .item .subject {font-size:16px; color:#006D79; }
.job .area .item .field {margin:10px 0 10px 0;}
.job .area .item .field .title {float:left; width:120px; font-size:1em; color:#000000; line-height:1.5em;}
.job .area .item .field .content {float:left; width:600px; font-size:10pt; color:#4C4C4C;}
.job .area .item .field .content ul {margin:0px; padding:0px;}
.job .area .item .field .content ul li {font-size:1em; color:#4C4C4C; line-height:1.5em;}
.job .area .item .field .content a {color:#006C79; text-decoration:underline;}
.job .area .item .field .content a:hover {color:#006C79; text-decoration:underline;}

.contact_block {width:800px; height:155px; background:url(images/contact_block.jpg) left top no-repeat;}
.contact .conn {margin:0px; padding:0px;}
.contact .conn li {float:left; list-style:none; line-height:22px; color:#4C4C4C; font-size:9pt;}
.contact .conn li a {color:#40939B;}
.contact .conn li a:hover {color:#40939B; text-decoration:underline;}
.contact .conn li.te {width:352px; text-align:right; color:#40939B;}
.contact .conn li.t {width:352px; text-align:right;}
.contact .conn li.v {width:360px; text-align:left; margin-left:6px;}
.contact .title {padding:0 20px 0 10px;}
.contact .title .txt {font-size:1.6em; color:#3E909A; font-weight:bold;}
.contact .title .note {float:right; line-height:22px; color:#393939; font-size:9pt;}
.contact .title .note span {color:#FF4343; font-size:8pt; /* Chrome */ -webkit-text-size-adjust:none;}
.contact .tab {width:634px; margin:0 auto; text-align:left; border:0px; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}
.contact .tab th, .contact .tab td {border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC;}
.contact .tab th {height:28px; padding:0 5px 0 5px; vertical-align:middle; background:#C2DAF2; font-size:12px; font-weight:normal; color:#33335D;}
.contact .tab td {padding:5px; line-height:23px; color:#333333; font-size:12px; vertical-align:top;}
.contact .tab td.field {width:208px; text-align:right; background:#F9F9F9;}
.contact .tab td.field span {color:#666666; font-size:8pt; /* Chrome */ -webkit-text-size-adjust:none;}
.contact .tab td.text {width:424px; background:#FFFFFF;}
.contact .tab td span {color:#FF0000; font-size:8pt; /* Chrome */ -webkit-text-size-adjust:none;}
.contact .tab input.text {border:1px solid #CCE5FF; height:18px;}
.contact .tab textarea {border:1px solid #CCE5FF;}
.contact .tab select {border:1px solid #CCE5FF;}
.contact .qchoose {width:634px; height:30px; margin:0 auto; text-align:left; background:#C2DAF2;}
.contact .qchoose span {display:block; padding:5px 0 0 7px; color:#333333;}

/*** 1st Prod Class ***/
.p1st {min-height:259px; _height:259px; text-align:center; background:url(images/p1st_bg.jpg) #FFFFFF left bottom repeat-x;}
.p1st .pg {width:786px; height:246px; margin:0 auto; text-align:left; overflow:hidden; position:relative;}
.p1st .pg .lbt {position:absolute; width:50px; height:246px; left:0px; top:0px; cursor:pointer; z-index:51; *background:#FFFFFF; background:#FF0000\9; *filter:alpha(opacity=0); opacity:0\9;}
.p1st .pg .lbt_hover {position:absolute; width:50px; height:246px; left:0px; top:0px; cursor:pointer; z-index:51; background:url(images/icon_toL.png) 3px 100px no-repeat;}
.p1st .pg .rbt {position:absolute; width:50px; height:246px; right:0px; top:0px; cursor:pointer; z-index:51; *background:#FFFFFF; background:#FF0000\9; *filter:alpha(opacity=0); opacity:0\9;}
.p1st .pg .rbt_hover {position:absolute; width:50px; height:246px; right:0px; top:0px; cursor:pointer; z-index:51; background:url(images/icon_toR.png) 26px 100px no-repeat;}
.p1st .pg .max {position:absolute; width:1000000px; height:246px; left:0px; top:0px; z-index:50;}
.p1st .pg .child {float:left; width:262px; height:246px; cursor:pointer;}
.p1st .pg .child .border {border:0px; width:262px; height:246px;}
.p1st .pg .child .border .padd{padding:1px;}
.p1st .pg .child .border:hover {border:1px solid #99CC01; width:260px; height:244px;}
.p1st .pg .child .border:hover .padd{padding:0px;}
.p1st .pg .child .pos {position:relative; width:260px; height:244px;}
.p1st .pg .child .pos .info {position:absolute; width:252px; height:228px; left:4px; top:8px; z-index:61;}
.p1st .pg .child .pos .info .node {line-height:18px; color:#2E2E2E; font-size:1.4em; font-weight:bold;}
.p1st .pg .child .pos .info .desc {line-height:16px; color:#6E6E6E; font-size:1em; margin-top:8px;}
.p1st .pg .child .pos .pic {position:absolute; width:260px; height:145px; left:0px; top:99px; z-index:60;}
.p1st .pg .child .pos .pic .img {width:260px; height:145px; display:table-cell; text-align:center; vertical-align:middle;
	/* IE */ *font-size:130.5px;  /* 145px * 0.9 */ *font-family:Arial;
}
.p1st .pg .child .pos .pic .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;}
.p1st .pg .child .pos .pic .img img {vertical-align:middle;}

.p3st {height:65px; background:url(images/trd_bg.jpg) left top repeat-x; position:relative;}
.p3st .lbt {position:absolute; width:22px; height:24px; left:3px; top:21px; cursor:pointer; z-index:51;}
.p3st .lbt:hover {background:url(images/icon_to_sL.png) left top no-repeat;}
.p3st .rbt {position:absolute; width:22px; height:24px; right:3px; top:21px; cursor:pointer; z-index:51;}
.p3st .rbt:hover {background:url(images/icon_to_sR.png) left top no-repeat;}
.p3st .pg {width:780px; height:50px; margin:0 auto; text-align:left; overflow:hidden; position:relative; z-index:50;}
.p3st .pg .max {position:absolute; width:1000000px; height:50px; left:0px; top:0px;}
.p3st .pg .child {float:left; width:130px; height:50px; cursor:pointer;}
.p3st .pg .child:hover {background:url(images/trd_bkbg.png) left top no-repeat;}
.p3st .pg .in {background:url(images/trd_bkbg.png) left top no-repeat;}
.p3st .pg .child .pic {float:left; width:50px; height:50px;}
.p3st .pg .child .pic .img {width:50px; height:50px; display:table-cell; text-align:center; vertical-align:middle;
	/* IE */ *font-size:45px;  /* 50px * 0.9 */ *font-family:Arial;
}
.p3st .pg .child .pic .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;}
.p3st .pg .child .pic .img img {vertical-align:middle;}
.p3st .pg .child .info {float:left; width:74px; height:45px; margin-top:5px; line-height:13px; font-size:8pt; color:#FFFFFF; overflow:hidden; /* Chrome */ -webkit-text-size-adjust:none;}

.pcompare {padding:0 10px 0 10px;}
.pcompare .title {line-height:16px; color:#323232; font-size:1.4em;}

.pcompare .compare {width:780px; overflow:auto;}
.pcompare .compare .maxh {max-height:340px; _height:340px; overflow:auto; position:relative; top:-1px;}
.pcompare .compare .maxh .comp {}
.pcompare .compare .comp {border:0px;}
.pcompare .compare .comp th {width:90px; height:56px; line-height:20px; color:#2E9DDA; text-align:center; vertical-align:middle; font-weight:normal;}
.pcompare .compare .comp th a {color:#2E9DDA; text-decoration:underline;}
.pcompare .compare .comp th a:hover {color:#2E9DDA; text-decoration:underline;}
.pcompare .compare .comp th div.img {text-align:center;}
.pcompare .compare .comp th .pdf {width:142px; text-align:left; line-height:20px; color:#2E9DDA;}
.pcompare .compare .comp th .pdf span.ic_pdf {display:block; padding-left:30px; background:url(images/icon_pdf.jpg) no-repeat; background-position:5px 0px;}
.pcompare .compare .comp th .pdf span.ic_edit {display:block; padding-left:30px; background:url(images/icon_edit.jpg) no-repeat; background-position:5px 0px;}
.pcompare .compare .comp td {width:90px; text-align:center;}
.pcompare .compare .comp td div {padding:8px;}
.pcompare .compare .comp td.mod {width:142px; text-align:left; background:#4F5259; color:#FFFFFF; font-size:9pt; /* Chrome */ -webkit-text-size-adjust:none;}
.pcompare .compare .comp td.bg0 {background:#E17B3D; color:#FFFFFF; font-size:9pt; /* Chrome */ -webkit-text-size-adjust:none;}
.pcompare .compare .comp td.bg1 {background:#D21242; color:#FFFFFF; font-size:9pt; /* Chrome */ -webkit-text-size-adjust:none;}
.pcompare .compare .comp td.bg2 {background:#6B9900; color:#FFFFFF; font-size:9pt; /* Chrome */ -webkit-text-size-adjust:none;}
.pcompare .compare .comp td.bg3 {background:#2296BD; color:#FFFFFF; font-size:9pt; /* Chrome */ -webkit-text-size-adjust:none;}
.pcompare .compare .comp td.gw {width:142px;}
.pcompare .compare .comp td.group {background:#C8C8C8; color:#000000; text-align:left; font-size:8pt; /* Chrome */ -webkit-text-size-adjust:none;}
.pcompare .compare .comp td.group0 {background:#EAAF84 !important;}
.pcompare .compare .comp td.group1 {background:#EB99AD !important;}
.pcompare .compare .comp td.group2 {background:#CDF583 !important;}
.pcompare .compare .comp td.group3 {background:#98C9ED !important;}
.pcompare .compare .comp td.item0 {background:#EBEBEB; color:#000000; font-size:8pt; /* Chrome */ -webkit-text-size-adjust:none;}
.pcompare .compare .comp td.item00 {background:#FBEDE6 !important;}
.pcompare .compare .comp td.item01 {background:#F7D9E1 !important;}
.pcompare .compare .comp td.item02 {background:#F4FFD9 !important;}
.pcompare .compare .comp td.item03 {background:#E6F0FB !important;}
.pcompare .compare .comp td.item1 {background:#E1E1E1; color:#000000; font-size:8pt; /* Chrome */ -webkit-text-size-adjust:none;}
.pcompare .compare .comp td.item10 {background:#F9E2D7 !important;}
.pcompare .compare .comp td.item11 {background:#F5C7D3 !important;}
.pcompare .compare .comp td.item12 {background:#EAFFB3 !important;}
.pcompare .compare .comp td.item13 {background:#CDEDF5 !important;}
.pcompare .note {}
.pcompare .note .nt {float:left; line-height:20px; color:#949494; font-size:9pt; margin-right:4px;}
.pcompare .note .nv {float:left; width:740px; line-height:20px; color:#949494; font-size:9pt;}

.product {}
.product .detail {position:relative; min-height:234px; _height:234px; z-index:10;}
.product .detail .pic {float:left; width:340px; height:216px; margin-left:10px;}
.product .detail .pic .img {width:340px; height:216px; display:table-cell; text-align:center; vertical-align:middle;
	/* IE */ *font-size:194.4px;  /* 216px * 0.9 */ *font-family:Arial;
}
.product .detail .pic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;}
.product .detail .pic .img img {vertical-align:middle;}
.product .detail .info {float:left; width:250px; margin-left:3px; padding-top:12px; position:relative;}
.product .detail .info .name {line-height:20px; color:#585858; font-weight:bold; font-size:1.5em;}
.product .detail .info .cont {float:right; margin-right:26px; margin-top:5px;}
.product .detail .info .fb {float:right;}
.product .detail .info .model {line-height:1.5em; margin-top:5px; font-size:1em; color:#20818B;}
.product .detail .info .line {height:3px; background:url(images/pname_line.jpg) left top no-repeat; overflow:hidden;}
.product .detail .info .saluepoint {min-height:78px; _height:78px;}
.product .detail .info .saluepoint ul {padding:0px; margin:0px; padding-left:20px;}
.product .detail .info .saluepoint ul li {line-height:16px; color:#6B6B6B; font-size:1em;}
.product .detail .info .imglist {width:250px; height:42px; position:absolute; left:0px; top:180px; overflow:hidden;}
.product .detail .info .imglist .area {position:absolute; left:0px; top:0px; width:100000px; height:42px;}
.product .detail .info .imglist .gitem {float:left; width:50px; height:42px;}
.product .detail .info .imglist .gitem .border {padding:0px;}
.product .detail .info .imglist .gitem .border {padding:1px;}
.product .detail .info .imglist .gitem:hover {float:left; border:1px solid #99CC00; width:48px; height:40px;}
.product .detail .info .imglist .gitem:hover .border {padding:0px;}
.product .detail .info .imglist .gitem  .border .img {width:48px; height:40px; display:table-cell; text-align:center; vertical-align:middle;
	/* IE */ *font-size:36px;  /* 40px * 0.9 */ *font-family:Arial;
}
.product .detail .info .imglist .gitem  .border:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;}
.product .detail .info .imglist .gitem  .border img {vertical-align:middle; margin-left:-2px \0; margin-top:-4px \0;}
.product .detail .other {float:left; width:174px; margin-left:3px;}
.product .detail .other .coming {width:174px; min-height:120px; _height:120px; text-align:center;}
.product .detail .other .movie {width:174px; min-height:108px; _height:108px; text-align:center; margin-top:3px;}
.product .detail .other .movie .border {width:166px; height:106px; border:1px solid #CCCCCC; display: table-cell; vertical-align:middle; text-align:center;
	/* IE Hack */
	*display:block; *font-size: 95px; /* 106 * 0.9 = 95.4 */ *font-family:Arial;
}
.product .detail .other .movie .border img {vertical-align:middle;}

.product .label {position:relative; height:27px; /*45px-18px*/ }
.product .label ul {padding:0px; margin:0px; position:absolute; top:-18px; width:100%; height:45px; background:url(images/plab_bg.jpg) left top repeat-x; z-index:2;}
.product .label ul li {list-style:none; float:left;}
.product .label ul li.start {width:11px; height:45px; background:url(images/plab_s.jpg) left top no-repeat;}
.product .label ul li.end {width:11px; height:45px; background:url(images/plab_e.jpg) left top no-repeat;}
.product .label ul li.hr {width:5px; height:45px; background:url(images/plab_r.jpg) left top no-repeat;}
.product .label ul li.bt {cursor:pointer;}
.product .intro {padding:20px; line-height:20px; color:#666666;}
.product .intro ul.component {margin:0px; margin-top:20px; padding:0px;}
.product .intro ul.component li {list-style:none; float:left; margin-right:2px;}
.product .intro .tit {color:#000000; font-size:10.5pt; line-height:20px; font-weight:bold;}
.product .intro .note {color:#06727D; font-size:12px; line-height:20px; font-weight:bold;}
.product .intro .overview ul {margin:0px; margin-top:5px; padding:0px; padding-left:18px; *padding-left:18px; padding-left:16px\0;}
.product .intro .overview li {margin-left:0px;}

.product .intro .spec {width:750px; border:0px;}
.product .intro .spec tr.bg0 {background:#EBEBEB;}
.product .intro .spec tr.bg1 {background:#E1E1E1;}
.product .intro .spec th {text-align:left; font-size:10pt; font-weight:normal;}
.product .intro .spec th.t {width:155px; padding:7px 15px 7px 15px; color:#FFFFFF; background:#4D525A;}
.product .intro .spec th.d {padding:7px 12px 7px 12px; color:#FFFFFF; background:#99CC00;}
.product .intro .spec td {text-align:left; vertical-align:top; font-size:10pt; font-weight:normal;}
.product .intro .spec td.t {padding:7px 15px 7px 15px; color:#4C4C4C;}
.product .intro .spec td.d {padding:7px 12px 7px 12px; color:#4C4C4C;}
.product .intro ul.dl {margin:0px; padding:0px;}
.product .intro ul.dl li {line-height:22px; color:#4C4C4C; font-size:10pt;}
.product .intro ul.dl li a {color:#006E79;}
.product .intro ul.dl li a:hover {color:#FF6600;}
.product .intro ul.dl li.file {float:left; list-style:none; line-height:22px; margin-right:4px;}
.product .intro ul.dl li.file span {display:block; padding-left:12px; background:url(images/icon_disc.jpg) no-repeat; background-position:left 10px; background-position:left 8px\0; *background-position:left 9px;}
.product .intro ul.dl li.lock {float:left; list-style:none; width:16px; padding-top:2px;}
.product .video {}
.product .video .tit {color:#000000; font-size:10.5pt; line-height:20px; font-weight:bold; padding:20px 20px 0 20px;}
.product .video .item {float:left; width:198px;}
.product .video .item .pic {padding-left:16px;}
.product .video .item .pic .border {width:166px; height:106px; border:1px solid #CCCCCC; display: table-cell; vertical-align:middle; text-align:center;
	/* IE Hack */
	*display:block; *font-size: 95px; /* 106 * 0.9 = 95.4 */ *font-family:Arial;
}
.product .video .item .pic .border img {vertical-align:middle;}
.product .video .item .vn {width:166px; margin:0 auto; text-align:left; color:#000000; line-height:18px; font-weight:bold; font-size:9pt;}
.product .video .item .vd {width:166px; margin:0 auto; text-align:left; color:#757575; line-height:16px; font-size:9pt; padding:5px 0 5px 0;}
.product .linehr {background:url(images/app_hr.jpg) left top repeat-x;}

.prodtype {}
.prodtype .ftitle {font-size:32px; line-height:46px; color:#000000; font-weight:bold; text-align:center;}
.prodtype .fdesc {font-size:20px; line-height:30px; color:#7C7C7C; font-weight:normal; text-align:center;}
.prodtype .list {}
.prodtype .list .item {float:left; width:266px; text-align:center;}
.prodtype .list .item .border {width:230px; height:250px; position:relative; border:1px solid #DFDFDF; background:#F8F8F8; margin:0 auto; cursor:pointer;}
.prodtype .list .item .border:hover {background:#DFDFE1;}
.prodtype .list .item .border .subject {position:absolute; width:150px; text-align:left; left:10px; top:10px; line-height:22px; color:#792C79; font-size:12pt; z-index:22;}
.prodtype .list .item .border .img {position:absolute; width:230px; height:250px; left:0px; top:0px; display: table-cell; vertical-align:middle; text-align:center; z-index:21;
	/* IE Hack */
	*display:block; *font-size: 225px; /* 250 * 0.9 = 225 */ *font-family:Arial;
}
.prodtype .list .item .border .img img {vertical-align:middle;}
.prodtype .list .item .note {width:230px; margin:0 auto; text-align:left;}
.prodtype .list .item .note span {display:block; padding:5px 8px 5px 8px; line-height:18px; color:#6C6C6C; font-size:9pt;}
.prodtype .stitle {line-height:18px; color:#0087D2; font-size:10pt; padding-left:10px;}
.prodtype .list .pinfo {float:left; width:200px; text-align:center;}
.prodtype .list .pinfo .box {border:0px; width:190px; min-height:162px; _height:162px; margin:0 auto; text-align:center;}
.prodtype .list .pinfo .box .padd {padding:1px;}
.prodtype .list .pinfo .box:hover {border:1px solid #99CC00; width:188px; min-height:160px; _height:160px;}
.prodtype .list .pinfo .box:hover .padd {padding:0px;}
.prodtype .list .pinfo .box .padd .img {width:188px; height:118px; display: table-cell; vertical-align:middle; text-align:center;
	/* IE Hack */
	*display:block; *font-size: 106px; /* 118 * 0.9 = 106.2 */ *font-family:Arial;
}
.prodtype .list .pinfo .box .padd .img img {vertical-align:middle;}
.prodtype .list .pinfo .box .padd .name {padding:0 14px 0 14px; line-height:16px; color:#6C6C6C; text-align:left;}
.prodtype .list .pinfo .box .padd .name a {color:#6C6C6C;}
.prodtype .list .pinfo .box .padd .name a:hover {color:#6C6C6C;}
.prodtype .list .pinfo .box .padd .code {padding:0 14px 0 14px; line-height:16px; color:#107781; font-size:8pt; text-align:left; /* Chrome */ -webkit-text-size-adjust:none;}

.support {padding-top:25px;}
.support .htxt {line-height:42px; color:#000000; font-size:26pt; text-align:center;}
.support .ntxt {margin-top:5px; line-height:30px; color:#6C6C6C; font-size:18pt; text-align:center;}
.support .button {text-align:center;}
.support .button span {margin-right:6px;}

.qa_block {width:800px; height:154px; background:url(images/qa_block.jpg) left top no-repeat;}
.mqa {}
.mqa .area {padding:18px;}
.mqa .area .title {font-size:14pt; line-height:20px; color:#006F7A;}
.mqa .area .minH {min-height:80px; _height:80px;}
.mqa .linehr {background:url(images/app_hr.jpg) left top repeat-x;}
.mqa .field {color:#000000; font-size:10.5pt; line-height:20px; font-weight:bold;}
.mqa .nofind {color:#CC3333;}
.mqa .remark {line-height:20px; color:#606060; font-size:9pt;}
.mqa .input {margin-top:3px;}
.mqa .input .warn {line-height:20px; color:#CC3333;}
.mqa ul.qa {margin:0px; margin-top:5px; padding:0px;}
.mqa ul.qa li {list-style:none; color:#4C4C4C; font-size:9pt; line-height:20px;}
.mqa ul.qa li.q {font-family: Arial, Helvetica, sans-serif;}
.mqa ul.qa li.q .tt {float:left; margin-right:6px; color:#1C1C1C;}
.mqa ul.qa li.q .tt span {color:#99CC00; font-weight:bold;}
.mqa ul.qa li.q .tv {float:left; width:720px; color:#4C4C4C;}
.mqa ul.qa li.q .tv a {color:#4C4C4C;}
.mqa ul.qa li.q .tv a:hover {color:#398D97;}
.mqa .toMail {color:#0085D2; line-height:20px; font-size:10pt;}
.mqa .toMail a {color:#0085D2; text-decoration:underline;}

.dl_block {width:800px; height:154px; background:url(images/dl_block.jpg) left top no-repeat;}
.mdl {}
.mdl .area {padding:18px;}
.mdl .area .title {font-size:14pt; line-height:20px; color:#006F7A;}
.mdl .field {color:#000000; font-size:10.5pt; line-height:20px; font-weight:bold;}
.mdl .remark {line-height:20px; color:#606060; font-size:9pt;}
.mdl .linehr {background:url(images/app_hr.jpg) left top repeat-x;}
.mdl .tab {border:0px; border-bottom:1px solid #BBBBBB; border-right:1px solid #BBBBBB;}
.mdl .tab th {height:24px; font-size:9pt; font-weight:normal; line-height:18px; color:#FFFFFF; text-align:center; border-left:1px solid #FFFFFF;}
.mdl .tab th.g1 {width:88px; background:#4F5259;}
.mdl .tab th.g2 {width:204px; background:#D21242;}
.mdl .tab th.g3 {width:100px; background:#EC851E;}
.mdl .tab th.g4 {width:90px; background:#6B9900;}
.mdl .tab th.g5 {width:90px; background:#4250CC;}
.mdl .tab th.g6 {width:90px; background:#006699;}
.mdl .tab th.g7 {width:90px; background:#2296BD;}
.mdl .tab td {padding:0 6px 0 6px; height:24px; color:#000000; line-height:18px; font-size:9pt; font-weight:normal; text-align:center; vertical-align:middle;}
.mdl .tab td.code {text-align:left; background:#F3F3F3; border-left:1px solid #DDDDDD;}
.mdl .tab td.name {text-align:left; background:#F3F3F3;}
.mdl .tab td.img {padding:6px; background:#F3F3F3; border-left:1px solid #DDDDDD;}
.mdl .tab td.data {height:24px; border-left:1px solid #FFFFFF; text-align:center;}
.mdl .tab td.data .cate {text-align:left !important;}
.mdl .tab td.bg0 {background:#E0E0E0;}
.mdl .tab td.bg1 {background:#C8C8C8;}
.mdl .tab td.bg2 {background:#F7DFC5;}
.mdl .tab td.bg2 .cate {color:#0085D2; font-weight:bold;}
.mdl .tab td.change {border-top:1px solid #FFFFFF;}
.mdl .tab td.more {border-left:1px solid #FFFFFF;}

.member {}
.member .main {width:747px; margin-left:22px; text-align:left;}
.member .main .a1 {width:747px; height:36px; background:url(images/login_a1.jpg) left top no-repeat;}
.member .main .a2 {float:left; width:304px; height:315px; background:url(images/login_a2.jpg) left top no-repeat;}
.member .main .a4 {float:left; width:7px; height:315px; background:url(images/login_a4.jpg) left top no-repeat;}
.member .main .a5 {float:left; width:24px; height:315px; background:url(images/login_a5.jpg) left top no-repeat;}
.member .main .a6 {width:747px; height:41px; background:url(images/login_a6.jpg) left top no-repeat;}
.member .main .login {float:left; width:206px; height:315px;}
.member .main .login .h1 {width:206px; height:41px; background:url(images/login_h1.jpg) left top no-repeat;}
.member .main .login .h2 {width:206px; height:8px; background:url(images/login_h2.jpg) left top no-repeat; overflow:hidden;}
.member .main .login .a3 {width:206px; height:41px; background:url(images/login_a3.jpg) left top no-repeat;}
.member .main .login .hbg {width:206px; height:266px; background:url(images/login_bg.jpg) left top repeat-x;} 
.member .main .login .hbg .padd {padding:4px 11px 4px 11px; color:#4C4C4C; line-height:16px;}
.member .main .login .hbg .padd a{color:#0087D2;}
.member .main .login .hbg .padd .remember {float:right; line-height:23px;}
.member .main .login .hbg .padd input.text {width:180px;}
.member .main .login .hbg .fbt {}
.member .main .login .hbg .apply {margin-top:10px;}
.member .forget {width:745px; height:390px; margin-left:23px; text-align:left; background:url(images/forget_bg.jpg) left top no-repeat;}
.member .forget .padd {padding:35px 30px 35px 30px; color:#000000;}
.member .forget .padd .title {font-size:24px; color:#006D79; line-height:22px;}
.member .forget .padd .remark {font-size:14px; line-height:18px; color:#4C4C4C; }
.member .forget .padd .note {font-size:14px; line-height:18px; color:#000000; }
.member .forget .padd input.text {width:234px; height:20px; font-size:10pt;}
.member .forget .padd .input {float:left;}
.member .forget .padd .tips {float:left; margin-top:-3px; margin-left:5px; color:#4C4C4C; line-height:16px; font-size:8pt; /* Chrome */ -webkit-text-size-adjust:none;}
.member .forget .padd .title2 {padding-top:35px; font-size:24px; color:#006D79; line-height:22px;}
.member .forget .padd .success {width:342px; text-align:center; margin:0 auto; color:#595959; line-height:22px; font-size:12pt;}
.member .join {margin-left:24px; width:745px; border:0px;}
.member .join .t1 {width:27px; height:23px; background:url(images/join_t1.jpg) left top no-repeat;}
.member .join .t1 div {width:27px; height:23px;}
.member .join .t2 {width:691px; height:23px; background:url(images/join_t2.jpg) left top no-repeat;}
.member .join .t2 div {width:27px; height:23px;}
.member .join .t3 {width:27px; height:23px; background:url(images/join_t3.jpg) left top no-repeat;}
.member .join .t3 div {width:27px; height:23px;}
.member .join .f1 {width:27px; height:32px; background:url(images/join_f1.jpg) left top no-repeat;}
.member .join .f1 div {width:27px; height:32px;}
.member .join .f2 {width:691px; height:32px; background:url(images/join_f2.jpg) left top no-repeat;}
.member .join .f2 div {width:27px; height:32px;}
.member .join .f3 {width:27px; height:32px; background:url(images/join_f3.jpg) left top no-repeat;}
.member .join .f3 div {width:27px; height:32px;}
.member .join .m1 {width:27px; height:728px; vertical-align:top; background:url(images/join_m1.jpg) left top repeat-y;}
.member .join .m1 div {width:27px; height:700px; background:url(images/join_mt1.jpg) left top no-repeat;}
.member .join .m2 {width:27px; height:728px; vertical-align:top; background:url(images/join_m2.jpg) left top repeat-y;}
.member .join .m2 div {width:27px; height:700px; background:url(images/join_mt2.jpg) left top no-repeat;}
.member .join .mdata {text-align:left; vertical-align:top; background:url(images/join_mbg.jpg) #A8D5E6 left top repeat-x;}
.member .join .htxt {font-size:24px; color:#006D79; line-height:22px;}
.member .join .remark {font-size:14px; line-height:18px; color:#4C4C4C; }
.member .join .note {font-size:14px; line-height:18px; color:#4C4C4C; }
.member .join .note span {display:block; padding:0 6px 0 6px;}
.member .join .field {margin:8px 0 8px 0;}
.member .join .field .mk {float:left; width:10px; color:#000000; margin-top:5px; line-height:15px;}
.member .join .field .title {float:left; width:136px; color:#000000; margin-top:5px; line-height:15px; margin-right:10px;}
.member .join .field .ftxt {float:left;}
.member .join .field .tip1 {float:left; margin-left:6px; width:212px; line-height:14px; color:#1790D5; font-size:8pt; /* Chrome */ -webkit-text-size-adjust:none;}
.member .join .field .tip1 span.kyes {color:#339933;}
.member .join .field .tip1 span.kno {color:#FF3333;}
.member .join .field .tips {float:left; margin-left:6px; margin-top:4px; line-height:14px; color:#1790D5; font-size:8pt; /* Chrome */ -webkit-text-size-adjust:none;}
.member .join .field .tips span.kyes {color:#339933;}
.member .join .field .tips span.kno {color:#FF3333;}
.member .join .field .ftxt input.text {width:184px;}
.member .join .field .ftxt input.text2 {width:312px;}
.member .join .field .option {float:left;}
.member .join .field .data {float:left; margin-left:10px; margin-top:-4px; *margin-top:-2px; margin-top:-2px\9\0;}
.member .join .field .option {float:left; width:364px; width:368px\9\0;}
.member .join .field .option2 {float:left; width:412px;}
.member .join .field .option3 {float:left; width:328px; *width:320px; width:324px\9\0;}
.member .join .field .option4 {float:left; width:240px; width:249px\9\0;}
.member .join .field .ls select {width:223px; *width:221px; width:213px\9\0;}
.member .join .field .option5 {float:left; width:316px; width:322px\9\0;}
.member .join .field .canvas {width:470px; min-height:30px; _height:30px; border:1px solid #A2BDC7; background:#F4F9FB; margin-left:10px;}
.member .join .field .item {float:left; width:33%; color:#4C4C4C; margin:3px 0 3px 0;}
.member .join .field .item div.ck {float:left; width:18%; text-align:center;}
.member .join .field .item div.cv {float:left; width:82%;}
.member .join .field .item2 {float:left; width:25%; *width:24.5%; color:#4C4C4C; margin:3px 0 3px 0;}
.member .join .field .item2 div.ck {float:left; width:22%; text-align:center;}
.member .join .field .item2 div.cv {float:left; width:78%;}

.memintro {text-align:center; min-height:864px; _height:864px; background:url(images/mem_bg.jpg) #EAEAE8 left top repeat-x;}
.memintro .timg {width:507px; height:106px; margin:0 auto; background:url(images/m_intro.gif) left top no-repeat;}
.memintro .text {width:555px; margin:0 auto; font-size:18px; color:#4C4C4C; font-family:Arial; line-height:28px;}
.memintro ul {width:716px; padding:0; margin:0 auto;}
.memintro ul li {list-style:none; margin:12px 12px 0 0; float:left; text-align:left; border:1px solid #D6D6D6; background:#FFFFFF;}
.memintro ul li:hover {background:#D8D8DC;}
.memintro ul.t2 {width:542px !important;}
.memintro .pic {width:799px; height:343px; background:url(images/mem_pic.jpg) left top no-repeat;}

.membt {height:61px; background:url(images/mrd_bg.jpg) left top repeat-x; position:relative;}
.membt .lbt {position:absolute; width:22px; height:24px; left:3px; top:21px; cursor:pointer; z-index:51;}
.membt .lbt:hover {background:url(images/icon_to_sL.png) left top no-repeat;}
.membt .rbt {position:absolute; width:22px; height:24px; right:3px; top:21px; cursor:pointer; z-index:51;}
.membt .rbt:hover {background:url(images/icon_to_sR.png) left top no-repeat;}
.membt .pg {width:784px; height:44px; margin:0 auto; text-align:left; overflow:hidden; position:relative; z-index:50;}
.membt .pg .max {position:absolute; width:1000000px; height:44px; left:0px; top:0px;}
.membt .pg .child {float:left; width:112px; height:44px; cursor:pointer;}
.membt .pg .child:hover {background:url(images/mrd_bkbg.jpg) left top no-repeat;}
.membt .pg .in {background:url(images/mrd_bkbg.jpg) left top no-repeat;}
.membt .pg .child .pic {float:left; width:42px; height:44px;}
.membt .pg .child .pic .img {width:42px; height:44px; text-align:center;}
.membt .pg .child .pic .img img {margin-top:4px;}
.membt .pg .child .info {float:left; width:70px; height:40px; margin-top:2px; line-height:13px; font-size:8pt; color:#FFFFFF; overflow:hidden; /* Chrome */ -webkit-text-size-adjust:none;}

.memarea {height:100%; background:#EDF3F8;}
.memarea .mtitle {line-height:30px; font-size:16pt; color:#42929C; padding:0 26px 0 26px;}
.memarea .mnote {line-height:18px; font-size:11pt; color:#595A5A; padding:0 26px 0 26px;}
.memarea .width {width:686px; margin-left:54px;}
.memarea .width ul.label {padding:0px; margin:0px; min-height:23px; _height:23px; background:url(images/memlab_bg.jpg) left top repeat-x;}
.memarea .width ul.label li {float:left; list-style:none; margin-right:9px;}
.memarea .width ul.label li.in {background:url(images/memlab_in2.jpg) left top repeat-x;}
.memarea .width ul.label li.in .l {background:url(images/memlab_in1.jpg) left top no-repeat;}
.memarea .width ul.label li.in .l .r {padding:0 10px 0 10px; line-height:23px; color:#309DDA; font-size:16px; background:url(images/memlab_in3.jpg) right top no-repeat;}
.memarea .width ul.label li.in .l .r a {color:#309DDA;}
.memarea .width ul.label li.out {background:url(images/memlab_out2.jpg) left top repeat-x;}
.memarea .width ul.label li.out .l {background:url(images/memlab_out1.jpg) left top no-repeat;}
.memarea .width ul.label li.out .l .r {padding:0 10px 0 10px; line-height:23px; color:#EAF1F7; font-size:16px; background:url(images/memlab_out3.jpg) right top no-repeat;}
.memarea .width ul.label li.out .l .r a {color:#EAF1F7;}
.memarea .width .box {border:1px solid #D6D6D6; border-top:0px; min-height:220px; _height:220px; background:#FFFFFF;}
.memarea .width .box .padd {padding:16px 44px 16px 44px;}
.memarea .width .box .padd2 {padding:20px 15px 20px 15px;}
.memarea .info {}
.memarea .info .title {line-height:20px; font-size:10.5pt; color:#006D79;}
.memarea .info .intro {float:left; width:498px; line-height:18px; font-size:9pt; color:#6B6B6B;}
.memarea .info .dl {float:left; width:38px; margin-left:44px;}
.memarea .mkt {float:left; width:312px;}
.memarea .mkt .pic {float:left; width:156px; text-align:center;}
.memarea .mkt .data {float:left; width:144px; min-height:220px; _height:220px; margin-left:10px; position:relative;}
.memarea .mkt .data .title {line-height:18px; font-size:10.5pt; color:#006D79;}
.memarea .mkt .data .intro {line-height:16px; font-size:9pt; color:#6B6B6B;}
.memarea .mkt .data .link {position:absolute; width:144px; left:0px; top:175px;}
.memarea .mkt .data .link span {margin-right:7px;}
.memarea .mkt .data .price {position:absolute; left:0px; top:200px; color:#000000;}
.memarea .nr {float:left; width:24px; height:100px;}

.memarea .advert {width:744px; margin-left:26px;}
.memarea .advert .ainfo {float:left; width:236px;}
.memarea .advert .ainfo .border {width:234px; min-height:154px; border:1px solid #D6D6D6; background:#FFFFFF;}
.memarea .advert .ainfo .border:hover {background:#D8D8DC;}
.memarea .advert .ainfo .border .padd {padding:10px;}
.memarea .advert .ainfo .border .padd .pic {width:214px; height:114px; display:table-cell; vertical-align:middle; text-align:center;
	/* IE Hack */
	*display:block; *font-size: 102px; /* 114 * 0.9 = 102.6 */ *font-family:Arial;
}
.memarea .advert .ainfo .border .padd .pic img {vertical-align:middle;}
.memarea .advert .ainfo .border .padd .tit {line-height:18px; text-align:center; font-size:10pt; color:#606060;}
.memarea .advert .space {float:left; width:18px;}
.memarea .advert .toMore {line-height:18px; font-size:10.5pt; color:#0086D2; text-align:right;}
.memarea .advert .toMore a {color:#0086D2;}
.memarea .advert .toMore a span {color:#666666;}
.memarea .souvenir {width:744px; height:260px; margin-left:26px; text-align:left; overflow:hidden; position:relative;}
.memarea .souvenir .lbt {position:absolute; width:50px; height:260px; left:0px; top:0px; cursor:pointer; z-index:51; background:#FF0000\0; filter:alpha(opacity=0)\0; opacity:0\0; zoom:1\0; -moz-opacity:0;}
.memarea .souvenir .lbt:hover {background:url(images/icon_toL.png) 3px 107px no-repeat; filter:alpha(opacity=100)\0; opacity:1\0; zoom:1\0; -moz-opacity:1;}
.memarea .souvenir .rbt {position:absolute; width:50px; height:260px; right:0px; top:0px; cursor:pointer; z-index:51; background:#FF0000\0; filter:alpha(opacity=0)\0; opacity:0\0; zoom:1\0; -moz-opacity:0;}
.memarea .souvenir .rbt:hover {background:url(images/icon_toR.png) 26px 107px no-repeat; filter:alpha(opacity=100)\0; opacity:1\0; zoom:1\0; -moz-opacity:1;}
.memarea .souvenir .max {position:absolute; width:1000000px; height:260px; left:0px; top:0px; z-index:50;}
.memarea .souvenir .sinfo {float:left; width:254px; height:260px;}
.memarea .souvenir .sinfo .border {border:1px solid #D6D6D6; width:234px; height:258px; background:#FFFFFF; text-align:center;}
.memarea .souvenir .sinfo .border .padd {padding-bottom:5px; text-align:center;}
.memarea .souvenir .sinfo .border .padd .pic {width:224px; height:188px; margin:0 auto;}
.memarea .souvenir .sinfo .border .padd .pic .img {width:224px; height:188px; display:table-cell; vertical-align:middle; text-align:center;
	/* IE Hack */
	*display:block; *font-size: 162px; /* 180 * 0.9 = 162 */ *font-family:Arial;
}
.memarea .souvenir .sinfo .border .padd .pic .img img {vertical-align:middle;}
.memarea .souvenir .sinfo .border .padd .tit {width:190px; margin:0 auto; text-align:left; line-height:20px; font-size:10pt; color:#1C7C88;}
.memarea .souvenir .sinfo .border .padd .tit .zoom {float:right;}
.memarea .souvenir .sinfo .border .padd .size  {width:190px; margin:0 auto; text-align:left; line-height:18px; font-size:9pt; color:#696969;}
.memarea .souvenir .sinfo .border .padd .price  {width:190px; margin:0 auto; text-align:left; line-height:18px; font-size:9pt; color:#000000;}



/*** blockUI ***/
#BlockData, .BlockData {display:none;}
.block {}
.block td.tl {width:20px; height:20px; background:url(images/block/t_l.png) left top no-repeat;}
.block td.tl div {width:20px; height:20px;}
.block td.tc {height:20px; background:url(images/block/t_c.png) left top repeat-x;}
.block td.tc div {width:20px; height:20px;}
.block td.tr {width:20px; height:20px; background:url(images/block/t_r.png) left top no-repeat;}
.block td.tr div {width:20px; height:20px;}
.block td.bl {width:20px; height:20px; background:url(images/block/b_l.png) left top no-repeat;}
.block td.bl div {width:20px; height:20px;}
.block td.bc {height:20px; background:url(images/block/b_c.png) left top repeat-x;}
.block td.bc div {width:20px; height:20px;}
.block td.br {width:20px; height:20px; background:url(images/block/b_r.png) left top no-repeat;}
.block td.br div {width:20px; height:20px;}
.block td.cl {width:20px; background:url(images/block/c_l.png) left top repeat-y;}
.block td.cl div {width:20px; height:20px;}
.block td.cr {width:20px; background:url(images/block/c_r.png) left top repeat-y;}
.block td.cr div {width:20px; height:20px;}
.block td.cm {}
.block .content {text-align:center;}

.answer {
	width:800px;
	text-align:left;
	border:1px solid #727272;
	-moz-box-shadow: 0px 0px 10px 5px #727272; /* Firefox */
	-webkit-box-shadow: 0px 0px 10px 5px #727272; /* Safari & Chrome */
	box-shadow: 0px 0px 10px 5px #727272; /* Opera */
	filter: progid:DXImageTransform.Microsoft.Shadow( color='#727272', Direction=145, Strength=10 );
}
.answer .ans_t {min-height:50px; _height:50px; background:#F0F0EE;}
.answer .ans_t .val {width:750px; line-height:20px; font-size:16px; font-weight:bold; color:#3A8D95;}
.answer .ans_t .val span {display:block; padding:15px 0 15px 24px;}
.answer .ans_t .close {float:right; width:16px; height:17px; margin:7px 8px 0 0;}
.answer .ans_r {background:#FFFFFF; padding:6px;}
.answer .ans_r .size {height:540px; overflow:auto;}
.answer .ans_r .size .padd {padding:10px 20px 10px 20px; line-height:22px; color:#6C6C6C;}

.mkpdf {
	width:400px;
	text-align:left;
	border:1px solid #727272;
	cursor: default;
	-moz-box-shadow: 0px 0px 10px 5px #727272; /* Firefox */
	-webkit-box-shadow: 0px 0px 10px 5px #727272; /* Safari & Chrome */
	box-shadow: 0px 0px 10px 5px #727272; /* Opera */
	filter: progid:DXImageTransform.Microsoft.Shadow( color='#727272', Direction=145, Strength=10 );
}
.mkpdf .pdf_t {min-height:50px; _height:50px; background:#F0F0EE;}
.mkpdf .pdf_t .val {width:750px; line-height:20px; font-size:16pt; color:#3A8D95;}
.mkpdf .pdf_t .val span {display:block; padding:15px 0 15px 24px;}
.mkpdf .pdf_t .close {float:right; width:16px; height:17px; margin:7px 8px 0 0;}
.mkpdf .pdf_r {background:#FFFFFF; padding:6px;}
.mkpdf .pdf_r .size {height:540px; overflow:auto;}
.mkpdf .pdf_r .size .padd {padding:10px 5px 10px 5px; line-height:22px; color:#6C6C6C; text-align:center;}
.mkpdf .pdf_r .group {width:250px; margin:0 auto; padding:0px; border:0px; border-top:1px solid #AAAAAA; border-right:1px solid #AAAAAA;}
.mkpdf .pdf_r .group th {height:18px; line-height:18px; font-weight:normal; text-align:left; color:#000000; background:#DDDDDD; border-left:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;}
.mkpdf .pdf_r .group th div {padding-left:3px;}
.mkpdf .pdf_r .group td {height:20px; line-height:20px; text-align:left; color:#323232; background:#FFFFFF; border-left:1px solid #AAAAAA; border-bottom:1px solid #AAAAAA;}
.mkpdf .pdf_r .group td.ck {width:24px; text-align:center;}
.mkpdf .pdf_r .group td.cn {text-align:left; padding:0 3px 0 3px;}




/*** PAGE UP DOWN ***/
.page {}
.page .prev {float:left; color:#656666; margin-left:20px;}
.page .prev a {color:#656666;}
.page .prev a:hover {color:#656666; text-decoration:underline;}
.page .prev a span {color:#0087D2;}
.page .prev a:hover span {color:#0087D2;}
.page .next {float:right; margin-right:20px;}
.page .next a {color:#656666;}
.page .next a:hover {color:#656666; text-decoration:underline;}
.page .next a span {color:#0087D2;}
.page .next a:hover span {color:#0087D2;}


/*** LINE ***/
.mh2 {height:2px; overflow:hidden;}
.mh3 {height:3px; overflow:hidden;}
.mh5 {height:5px; overflow:hidden;}
.mh6 {height:6px; overflow:hidden;}
.mh8 {height:8px; overflow:hidden;}
.mh10 {height:10px; overflow:hidden;}
.mh12 {height:12px; overflow:hidden;}
.mh15 {height:15px; overflow:hidden;}

.lineType1 {background:#DBDCDC; height:1px;}
.lineType2 {background:#FFFFFF; height:1px;}
.lineType3 {background:url(images/store_line.jpg) left top repeat-x; height:19px; overflow:hidden;}
.lineType4 {background:#A9A9A9; height:1px;}
.lineType5 {background:#B3B3B3; height:1px;}

/*** ªí³æ ***/
.welcome {}
.welcome .warn {padding:0 8px 0 8px; line-height:20px; color:#686868; text-align:left;}

.cform {}
.cform .float {float:left;}
.cform .next {float:left; margin-left:3px;}
.cform .next2 {float:left; margin-left:6px;}
.cform .bg {background:url(images/inp_bg_2.jpg) left top repeat-x;}
.cform .bg .lbg {height:22px; padding-left:6px; background:url(images/inp_bg_1.jpg) left top no-repeat;}
.cform .bg .rbg {height:22px; padding-right:6px; background:url(images/inp_bg_3.jpg) right top no-repeat;}
.cform .bg span.size {*display:block; *height:18px; *overflow:hidden; *margin-top:2px;}
.cform .bg span.size select {*margin:-1px -1px 0px -1px;}
.cform input.text {color:#666666; font-size:8pt; border:0px; height:16px; margin-top:2px; margin-top:1px\9; margin-top:2px\0; /* Chrome */ -webkit-text-size-adjust:none;}
.cform input.sz {width:336px;}
.cform input.sel {width:164px; *width:158px; width:158px\0;}
.cform input.butt {margin-top:3px; cursor:pointer;}
.cform select {border:0px; font-size:8pt; margin-top:3px; margin-top:1px\9; margin-top:4px\0; color:#666666; /* Chrome */ -webkit-text-size-adjust:none;}


input.button04 {width:62px; height:22px; border:0px; color:#666465; line-height:22px; *line-height:24px; background:url(images/button04.jpg) left top repeat-x;}
input.button06 {width:82px; height:22px; border:0px; color:#666465; line-height:22px; *line-height:24px; background:url(images/button06.jpg) left top repeat-x;}

/******** pop menu ************/
ul.menu {display:none;}

#root-menu-div {z-index:60;}
#root-menu-div ul {
	width:152px;
	list-style: none;
	margin:0px;
	padding:0px;
}

#root-menu-div li {
	padding:0px; margin:0px;
}

#root-menu-div li .c_tab {border:0px;}
#root-menu-div li .c_tab .mut1 {width:6px; height:6px; background:url(images/menubg_t1.png) left top no-repeat;}
#root-menu-div li .c_tab .mut1 div {width:6px; height:6px; overflow:hidden; }
#root-menu-div li .c_tab .mut2 {width:140px; height:6px; background:url(images/menubg_t2.png) left top repeat-x;}
#root-menu-div li .c_tab .mut2 div {width:6px; height:6px; overflow:hidden; }
#root-menu-div li .c_tab .mut3 {width:6px; height:6px; background:url(images/menubg_t3.png) left top no-repeat;}
#root-menu-div li .c_tab .mut3 div {width:6px; height:6px; overflow:hidden; }
#root-menu-div li .c_tab .mum1 {width:6px; vertical-align:top; background:url(images/menubg_m1.png) left top repeat-y;}
#root-menu-div li .c_tab .mum2 {width:6px; vertical-align:top; background:url(images/menubg_m2.png) left top repeat-y;}
#root-menu-div li .c_tab .muf1 {width:6px; height:13px; background:url(images/menubg_f1.png) left top no-repeat;}
#root-menu-div li .c_tab .muf2 {height:13px; background:url(images/menubg_f2.png) left top repeat-x;}
#root-menu-div li .c_tab .muf3 {width:6px; height:13px; background:url(images/menubg_f3.png) left top no-repeat;}
#root-menu-div li .c_tab .c_area {background:#FFFFFF; text-align:left;}
#root-menu-div li .c_tab .c_area .c_item {line-height:18px; padding:4px 0 4px 0;}
#root-menu-div li .c_tab .c_area .c_item span {display:block; padding:0 5px 0 5px;}
#root-menu-div li .c_tab .c_area .fd {border-bottom:1px solid #DBDCDC;}

#root-menu-div li a {color:#4C4C4C;}
#root-menu-div li a:hover{ color:#0088D2;}
