/* CSS Document */
body{margin:0px; padding:0px; width:100%; overflow:hidden;}
a{text-decoration: none;}
form{padding:0px; margin:0px;}
body,div,span,form,label,input,td,p{font-family:verdana,arial; font-size:12px; color:#000000; }
.doc01{width:100%; font-family:verdana,arial; font-size:12px; font-weight:normal;}
.logoRow{background-color:#003366; padding:0px; height:50px; overflow:hidden;}
.padt05r00b05l00{padding:5px 0px;}
.padt05r00b00l00{padding:5px 0px 0px 0px;}

.padt00r10b00l10{padding:0px 10px;}
.padt10r00b10l00{padding:10px 0px;}
.padt10r00b00l00{padding:10px 0px 0px 0px;}
.padt10r10b10l10{padding:10px;}

.font1101{font-family:verdana,arial; font-size:11px; color:#999999; font-weight:normal;}
.font1201{font-family:verdana,arial; font-size:12px; color:#333333; font-weight:normal;}

.title1200{font-weight:normal; color:#000000; font-size:12px; height:16px; line-height:16px;}
.title1201{font-weight:bold; color:#0E2D5F; font-size:12px; height:16px; line-height:16px;}

.lineU01{border-top:1px solid #003366;}
.lineD01{border-bottom:1px solid #003366;}

.clear0{clear:both; display:block; overflow:hidden; height:0px; line-height:0px;}
.clear1{clear:both; display:block; overflow:hidden; height:1px; line-height:1px;}
.clear2{clear:both; display:block; overflow:hidden; height:2px; line-height:2px;}
.clear5{clear:both; display:block; overflow:hidden; height:5px; line-height:5px;}
.clear8{clear:both; display:block; overflow:hidden; height:8px; line-height:8px;}
.clear10{clear:both; display:block; overflow:hidden; height:10px; line-height:10px;}
.clear15{clear:both; display:block; overflow:hidden; height:15px; line-height:15px;}
.clear20{clear:both; display:block; overflow:hidden; height:20px; line-height:20px;}

.right01{text-align:right;}
.right02{float:right;}
.left01{text-align:left;}
.left02{float:left;}
.center01{text-align:center;}

.hand{ cursor:pointer;}
.border0{border-width:0px !important;}
.padding0{padding:0px !important;}
.padding5{padding:5px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.padding30{padding:30px;}

.red00{color:#FF0000;}
.red01{color:#FC0216;}
.green00{color:#00ff00;}
.green01{color:#036403;}
.blue00{color:#0000ff;}
.redStar{color:#FF0000; font-size:14px; font-weight:bold;}

.paddingU5{padding-top:5px;}

.paddingLR0{padding-left:0px; padding-right:0px;}
.paddingLR1{padding-left:1px; padding-right:1px;}
.paddingLR2{padding-left:2px; padding-right:2px;}
.paddingLR5{padding-left:5px; padding-right:5px;}
.paddingLR10{padding-left:10px; padding-right:10px;}
.paddingLR20{padding-left:20px; padding-right:20px;}
.paddingLR30{padding-left:30px; padding-right:30px;}

.marginLR0{margin-left:0px; margin-right:0px;}
.marginLR1{margin-left:1px; margin-right:1px;}
.marginLR2{margin-left:2px; margin-right:2px;}
.marginLR5{margin-left:5px; margin-right:5px;}
.marginLR10{margin-left:10px; margin-right:10px;}
.marginLR20{margin-left:20px; margin-right:20px;}
.marginLR30{margin-left:30px; margin-right:30px;}

.fix01{resize:none; font-family:verdana,arial;}
.dtime01{font-family:arial,verdana; font-size:10px; font-weight:normal; color:#333333; padding-left:10px;}
.dtime02{font-family:arial,verdana; font-size:10px; font-weight:normal; color:#333333; clear:right; float:right; padding:1px 2px 1px 9px;}
.dtime03{font-family:arial,verdana; font-size:10px; font-weight:normal; color:#333333; padding:1px 5px;}

a.ablack01:link, a.ablack01:visited{font-family:verdana,arial; font-size:12px; color:#000000; text-decoration:none;}
a.ablack01:hover, a.ablack01:active{font-family:verdana,arial; font-size:12px; color:#0000FF; text-decoration:none;}

/*--card app main Menu css--*/
.mainMenuCon01{width:100%; font-family:verdana,arial; font-size:12px; font-weight:normal; height:20px; z-index:8886}
ul.ulmenu01{margin:0px; padding:0px;}
li.limenu01{font-family:verdana,arial; font-size:12px; font-weight:normal; height:26px; line-height:28px; float:left; padding:0px; list-style:none; list-style-type:none; margin-right:5px; border:2px solid #0099FF; border-bottom:0px}
.curUserNameCon{border:0px !important; padding-right:5px;}
.dayQueryNumberCon{border:0px !important; color:#2080ff; padding-left:5px; padding-right:5px;}
.dayQueryNumberCon:hover{color:#800000; background-color:#ff8020;}
.cardDataTipCon{color:#2080ff; display:inline-table; padding-left:5px; padding-right:5px;}
.cardDataTipCon:hover{color:#800000; background-color:#ff8020;}

a.acm01:link,a.acm01:visited {font-family:verdana,arial; font-size:12px; text-align:left; height:28px; line-height:28px; padding:0px 5px; font-style:normal; font-weight: normal; color: #333333; float:left; text-decoration: none;}
a.acm01:active,a.acm01:hover {font-family:verdana,arial; font-size:12px; text-align:left; padding:0px 5px; font-style:normal; font-weight: normal; color:#003366; float:left; text-decoration: none; background-color:#FF9900;}
a.acm01Act:link,a.acm01Act:visited {font-family:verdana,arial; font-size:12px; text-align:left; height:28px; line-height:28px; padding:0px 5px; font-style:normal; font-weight: normal; color: #333333; float:left; text-decoration: none; background-color:#FF9900;}
a.acm01Act:active,a.acm01Act:hover {font-family:verdana,arial; font-size:12px; text-align:left; padding:0px 5px; font-style:normal; font-weight: normal; color:#003366; float:left; text-decoration: none; background-color:#FF9900;}
 
.mainBoxRow01{font-family:verdana,arial; font-size:12px; clear:both; word-wrap: break-word; word-break: break-all; font-weight:normal; border-top:2px solid #0099FF;}
.mainBox01{font-size:12px; font-family:verdana,arial; font-weight:normal; word-wrap:break-word; word-break:break-all; padding:0px; display:block; position:relative;}

.adRow01{font-family:verdana,arial; font-size:12px; font-weight:normal; text-align:left; margin:0px auto; padding:1px 0px; width:100%;
 height:60px; _height:64px; line-height:60px; vertical-align:middle; border-top:1px solid #003366; border-bottom:1px solid #003366; overflow:hidden; overflow-x:hidden;}

.adRowTitle01{font-family:verdana,arial; font-size:10px; text-align:right; vertical-align:bottom; height:15px; overflow:hidden; padding:1px 0 1px 0;}
.adRowNav01{
	font-family:verdana,arial; font-size:12px; text-align:left; padding:0px 3px; font-style:normal; 
	display:inline-block; cursor:pointer; margin-right:8px; font-weight: normal; color: #333333;
	text-decoration: none; border:1px solid #999999;
}
.adRowNav01:hover{ background-color:#FF9900;}

.input00{font-family:verdana,arial; font-size:12px; height:16px; background-image:url(../image/dot_gray01.gif); background-repeat:repeat-x; font-weight:normal; border:1px solid #848484; border-bottom:1px solid #D4D4D4; border-right:1px solid #D4D4D4; }
.searchCon01{text-align:left; padding:0px 10px;}


/*===== START: user Card style 01(blue) =====*/
/*==attend: WIDTH of uCard is more Small(padding*2 px) to the WIDTH of uCardContainer ==*/
.uCardContainer01{ position:absolute; left:100px; top:100px; width:460px!important; _width:470px; z-index:8888;}
.uCard01{width:450px!important; _width:460px; height:250px!important; _height:260px; padding:5px; border:1px solid #003151; background-color:#FEFEFE; overflow:hidden; 
-webkit-box-shadow:2px 2px 5px #0099CC, -2px -2px 5px #0099CC; -moz-box-shadow:2px 2px 5px #0099CC, -2px -2px 5px #0099CC; box-shadow:2px 2px 8px #0099CC,-2px -2px 8px #0099CC;
}

ul.ulc01{padding:0px; margin:0px;}
li.lic01{padding:0px; margin:0px; list-style:none; list-style-type:none;}
.cardWup01{width:320px;}
.cardCONameCN01{font-family:arial,verdana; font-size:12px; font-weight:bold; display:inline-table; padding:3px 0px; color:#000000;}
.cardCONameEN01{font-family:arial,verdana; font-size:12px; font-weight:normal; display:inline-table; padding:2px 0px; color:#000000;}
.cardUNameCN01{font-family:arial,verdana; font-size:18px; font-weight:normal; width:40%; display:inline-table; padding:2px 20px 2px 0px; color:#000000;}
.cardUNameEN01{font-family:arial,verdana; font-size:18x; font-weight:normal; width:40%; display:inline-table; padding:2px 20px 2px 0px; color:#000000;}
.cardJobTitleCN01{font-family:arial,verdana; font-size:12px; font-weight:normal; display:inline-table; padding:2px 0px; color:#000000;}
.cardJobTitleEN01{font-family:arial,verdana; font-size:12px; font-weight:normal; display:inline-table; padding:2px 0px; color:#000000;}
.cardTel01{font-family:arial,verdana; color:#000000; font-size:12px; font-weight:normal; width:49%; display:inline-table; padding:2px 0px; margin-right:20px;}
.cardFax01{font-family:arial,verdana; color:#000000; font-size:12px; font-weight:normal; display:inline-table; padding:2px 0px;}
.cardEmail01{font-family:arial,verdana; color:#000000; font-size:12px; font-weight:normal; width:49%; display:inline-table; padding:2px 0px; margin-right:20px;}
.cardSite01{font-family:arial,verdana; color:#000000; font-size:12px; font-weight:normal; display:inline-table; padding:2px 0px;}
.cardMible01{font-family:arial,verdana; color:#000000; font-size:12px; font-weight:normal; width:49%; display:inline-table; padding:2px 0px; margin-right:20px;}
.cardIms01{font-family:arial,verdana; color:#000000; font-size:12px; font-weight:normal; display:inline-table; padding:2px 0px;}

.coAddrCN01{font-family:arial,verdana; color:#000000; font-size:12px; font-weight:normal; display:inline-table; padding:2px 0px;}
.coAddrEN01{font-family:arial,verdana; color:#000000; font-size:12px; font-weight:normal; display:inline-table; padding:2px 0px;}
.zipCode01{font-family:arial,verdana; color:#000000; font-size:12px; font-weight:normal; display:inline-table; padding:2px 0px; margin-left:20px;}

/*===== END: user Card style 01 =====*/


/*===== START: user Card style 02(red) =====*/
.uCard02{width:450px!important; _width:460px; height:250px!important; _height:260px; padding:15px; border:1px solid #FF0000; background-color:#FEFEFE; overflow:hidden;  
-webkit-box-shadow:2px 2px 5px #FF3300, -2px -2px 5px #FF3300; -moz-box-shadow:2px 2px 5px #FF3300, -2px -2px 5px #FF3300; box-shadow:2px 2px 8px #FF3300,-2px -2px 8px #FF3300;
}

/*===== END: user Card style 02 =====*/


/*===== START: user Card style 03(green) =====*/
.uCard03{width:450px!important; _width:460px; height:250px!important; _height:260px; padding:15px; border:1px solid #003300; background-color:#FEFEFE; overflow:hidden; 
-webkit-box-shadow:2px 2px 5px #006600, -2px -2px 5px #006600; -moz-box-shadow:2px 2px 5px #006600, -2px -2px 5px #006600; box-shadow:2px 2px 8px #006600,-2px -2px 8px #006600;
}

/*===== END: user Card style 03 =====*/


/*===== START: user Card style 04(black) =====*/
.uCard04{width:450px!important; _width:460px; height:250px!important; _height:260px; padding:15px; border:1px solid #000000; background-color:#FEFEFE; overflow:hidden; 
-webkit-box-shadow:2px 2px 5px #000000, -2px -2px 5px #000000; -moz-box-shadow:2px 2px 5px #000000, -2px -2px 5px #000000; box-shadow:2px 2px 8px #000000,-2px -2px 8px #000000;
}
/*===== END: user Card style 04 =====*/

.workContent01{font-family:arial,verdana; border:1px solid #66CCFF; font-size:12px; font-weight:normal; display:block; background-color:#FFFFFF; padding:3px; line-height:16px;}

/*===== START: message box, position is on right of Card =====*/
.msgBox01{width:250px!important; _width:260px; height:150px!important; _height:160px; z-index:9999; position:absolute; padding:1px; border:1px solid #003151; background-color:#FFFFFF;
-webkit-box-shadow:2px 2px 5px #0099CC, -2px -2px 5px #0099CC; -moz-box-shadow:2px 2px 5px #0099CC, -2px -2px 5px #0099CC; box-shadow:2px 2px 8px #0099CC,-2px -2px 8px #0099CC;}
.msgBoxTitle01{font-family:verdana,arail; font-size:12px; font-weight:normal; background-color:#66EEFF; -moz-box-shadow:0 2px 2px #666666; -webkit-box-shadow:0 2px 2px #666666; box-shadow:0 2px 2px #666666;}
.sendMSGTip01{font-family:verdana,arail; font-size:12px; font-weight:normal; clear:right; float:right;}
.msgContent01{font-family:verdana,arail; font-size:12px; font-weight:normal; width:244px!important; _width:248px; height:100px; padding:2px; resize:none; word-wrap: break-word; 
 margin:1px 0px; overflow-x:none;overflow-y:auto; border:1px solid #999999; background-image:url(../image/dot_gray01.gif); background-repeat:repeat-x;}
.msgFooter01{font-family:verdana,arail; font-size:12px; font-weight:normal; text-align:right; padding:0px;}
/*===== END: message box =====*/


/*===== START: login box, position is on right of Card =====*/
.loginBox01{display:none;width:280px!important; _width:290px; height:200px!important; _height:210px; position:absolute; padding:1px; border:1px solid #003151; background-color:#FFFFFF;
-webkit-box-shadow:2px 2px 5px #0099CC, -2px -2px 5px #0099CC; -moz-box-shadow:2px 2px 5px #0099CC, -2px -2px 5px #0099CC; box-shadow:2px 2px 8px #0099CC,-2px -2px 8px #0099CC;}
.loginBoxTitle01{font-family:verdana,arail; font-size:12px; font-weight:normal; background-color:#66EEFF; padding:3px 5px; -moz-box-shadow:0 2px 2px #666666; -webkit-box-shadow:0 2px 2px #666666; box-shadow:0 2px 2px #666666;}

/*===== END: login box =====*/
.cardList01{font-family:verdana,arial; font-size:12px; margin-top:1px; font-weight:normal; height:96%; border:1px solid #DFDFDF; overflow-x:hidden; overflow-y:auto; 
clear:both; display:block;}
.tr01{padding:1px 1px; font-size:12px; height:18px; font-family:arial,verdana; cursor:pointer;}
.tr02{padding:1px 1px; font-size:12px; height:14px; font-family:arial,verdana; cursor:pointer;}
.td01{padding:1px 1px; font-size:12px; height:16px; font-family:arial,verdana;}
.td02{padding:2px 10px 2px 2px; font-size:12px; height:14px; font-family:arial,verdana;}
.td03{padding:3px 2px; font-size:12px; font-weight:normal; height:16px; font-family:arial,verdana; border-top:1px dotted #A3D1F1; cursor:pointer;}


.cardAdd01{font-family:verdana,arial; font-size:12px; margin-top:1px; font-weight:normal; height:97%; border:1px solid #DFDFDF; overflow-x:hidden; overflow-y:auto; 
clear:both; display:block;}

.pgNavCon01{font-family:verdana,arial; font-size:12px; font-weight:normal; text-align:right; display:block; padding:2px 1px; margin:1px 0 0 0;}
a.pgNav01:link, a.pgNav01:visited{font-family:verdana,arial; font-size:11px; color:#000000; border:1px solid #999999; padding:1px 5px; margin-left:5px; background-color:#EFEFEF; text-decoration:none;}
a.pgNav01:hover, a.pgNav01:active{font-family:verdana,arial; font-size:11px; color:#0000FF; border:1px solid #006699; padding:1px 5px; margin-left:5px; background-color:#66CCFF; text-decoration:none;}
.pgNav01Cur{font-family:verdana,arial; font-size:11px; color:#0000FF; border:1px solid #006699; padding:1px 5px; margin-left:5px; background-color:#66CCFF; text-decoration:none;}


/*.................... below is about the user message style ....................*/
.messageBox01{font-family:verdana,arial; font-size:12px; margin-top:1px; font-weight:normal; height:99%; border:1px solid #DFDFDF; overflow-x:hidden; overflow-y:auto; 
clear:both; display:block;}
.userMSGADBox01{border:1px solid #EFEFEF; background-color:#FCFCFC; width:37%; font-size:12px; font-weight:normal; height:99%; clear:right; float:right;}
/*==attend: WIDTH of serMSGBox is more Small(padding*2 px) to the WIDTH of userMSGContainer ==*/
.userMSGContainer01{ position:absolute; left:600px; top:100px; width:360px!important; _width:370px; z-index:9999;}

/*===== START: user Message Container style 01(blue) =====*/
.userMSGBox01{width:350px!important; _width:360px; height:200px!important; _height:210px; padding:5px; border:1px solid #003151; background-color:#FEFEFE; overflow:hidden; 
-webkit-box-shadow:2px 2px 5px #0099CC, -2px -2px 5px #0099CC; -moz-box-shadow:2px 2px 5px #0099CC, -2px -2px 5px #0099CC; box-shadow:2px 2px 8px #0099CC,-2px -2px 8px #0099CC;
}
/*===== END: user Message Container style 01(blue) =====*/
.userMSGListCon01{font-size:12px; font-family:verdana; border:0px solid red; width:60%; clear:left; float:left; padding:2px;}
.boxTitle01{font-size:12px; font-weight:normal; font-family:verdana,arial; border-bottom:1px solid #666666; padding:3px 2px;}
.userMSGContent01{ padding:5px; height:160px; font-family:verdana,arial; font-size:12px; color:#000000; display:block; overflow:auto; overflow-x:hidden;}


.settingCon01{font-family:verdana,arial; font-size:12px; margin-top:1px; font-weight:normal; height:98%; border:1px solid #DFDFDF; overflow-x:hidden; overflow-y:auto; 
clear:both; display:block;}
.myCardSettingCon{height:30px;overflow:hidden;padding-top:5px;}
.myCardSettingCon label:hover{color:#0066ff;}


.btnSendMsg2User01{
	font-size:14px;
	margin-left:10px;
	padding-left:3px;
	border-left:1px solid #ff3300;
    cursor: pointer;
    color:#003366;
}

.btnSendMsg2User01:hover{
	background-color:#f3ab61;
}