html, body { width:100%;margin:0; }

#MnuTopBar {
	float:left;
	width:100%;
	height:35px;
	background:url(../tool/images/mainmenu_04.gif);
	font-family: Tahoma;
	font-size: 12px;	
}

.MnuTop_LeftSide {
	float:left;
	width:500px;
	height:35px;
}

.MnuTop_RightSide {
	float:right;
	width:415px;
	height:35px;
}

#MnuTopBar_logo {
	float:left;
	width:154px;
	height:35px;
	background:url(../tool/images/logo_csz_topbar.gif);
}

.MnuTopBar_IconUser {
	float:left;
	padding-left:28px;
	width:38px;
	height:35px;
}

.MnuTopBar_UserName {
	float:left;
	width:280px;
	height:35px;
	line-height:35px;
}

.MnuTopBar_IconUser {
	float:left;
	padding-left:22px;
	width:40px;
	height:35px;
}

.MnuTopBar_MessageInbox {
	float:left;
	width:97px;
	height:35px;
	line-height:35px;
}

.MnuTopBar_IconCorrect {
	float:left;
	padding-left:18px;
	width:35px;
	height:35px;
}

.MnuTopBar_EditUser {
	float:left;
	width:77px;
	height:35px;
	line-height:35px;
}

.MnuTopBar_IconLock {
	float:left;
	padding-left:20px;
	width:32px;
	height:35px;
}

.MnuTopBar_LogOff {
	float:left;
	width:70px;
	height:35px;
	line-height:35px;
}

.MnuTopBarBttn {
	float:left;
	height:34px;
	cursor:pointer;
	background:url(../tool/images/mainmenu_07.gif) no-repeat right center;
}

.MnuTopBarBttn:hover {
	background:#1c1a1c;
	color:#ffffff;
}

.MnuMain_Bttn:hover {
	cursor:pointer;
	background:url('../tool/mycsz/images/mainmenu_hover.gif');
}

.MnuMain_BttnSubMnu:hover {
	cursor:pointer;
	background:#ffffff;
}


#MnuMain {
	float:left;
	width:100%;
	height:53px;
	background:url('../tool/mycsz/images/mainmenu_11.gif');
	font-family: Tahoma;
	font-size: 12px;	
	font-weight:bold;	
}

.MnuMain_LineSeperate {
	width:2px;
	background:url('../tool/mycsz/images/mnumain_seperate.gif');
}

.MnuMain_IconMenu {
	width:20px;
	padding-left:15px;
	padding-right:15px;
}

#MnuPath {
	float:left;
	width:100%;
	height:35px;
	line-height:35px;
	background:url('../tool/mycsz/images/mainmenu_14.gif');
}

#MnuPath_Content {
	float:left;
	width:970px;
	padding-left:26px;
	height:35px;
	line-height:35px;
	font-family:Tahoma;
	font-size:11px;
	color:#ffffff;
}

#MnuPath_Content a {
	color:#ffffff;
	text-decoration:none;
}

#MnuPath_Content a:hover {
	color:#fff000;
	text-decoration:underline;
}

#MnuProgram_Topic {
	float:left;
	width:100%;
	height:47px;
}

#obj_AppName {
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
}

#MnuProgram_TopicLeft {
	float:left;
	width:715px;
	height:47px;
	line-height:47px;
	font-family:Tahoma;
	font-size:15px;
	font-weight:bold;	
}

#MnuProgram_TopicRight {
	float:right;
	width:280px;
	padding-top:6px;
	height:41px;
	line-height:47px;
}

#Program_Content {
	float:left;
	width:100%;
	min-height:420px;
}

.Tab_Selected {
	float:left;
	width:214px;
	height:29px;
	line-height:29px;
	background:url(../tool/mycsz/images/mainmenu_25.gif);
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	text-align:center;	
	margin-right:3px;
}

.Tab_DeSelect {
	float:left;
	width:214px;
	height:29px;
	line-height:29px;
	background:url(../tool/mycsz/images/mainmenu_28.gif);
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	text-align:center;	
	margin-right:3px;
	cursor:pointer;
}

.Tab_DeSelect:hover {
	color:#449800;
	background-position: 0 0;
}

#bttn_Search {
	float:left;
	width:137px;
	height:36px;
	cursor:pointer;
	background:url(../tool/mycsz/images/bttnSearch.gif);
}

#bttn_Search:hover {	
	background:url(../tool/mycsz/images/bttnSearch_hover.gif);
}

#obj_Help {
	float:left;
	margin-left:5px;
	width:124px;
	height:36px;
	cursor:pointer;
	background:url(../tool/mycsz/images/bttnHelp.gif);
}

#bttn_Help:hover {
	background:url(../tool/mycsz/images/bttnHelp_hover.gif);
}

#MnuSubPopup {
	display:none;
	width:154px;
	min-height:150px;
	background:#ffffff;
	padding:5px;
	z-index:999;


	border:#d8e4e6 solid 3px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0 10px #888;
	-webkit-box-shadow: 0 0 10px#888;
	box-shadow: 0 0 10px #888;
}

.mnusubpopup_data {
	display:none;
}

.mnusubpopup_topic {
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	padding-bottom:5px;
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	color:#ff6c00;
	text-align:center;
}

.ul_mnusubpopup {
   	margin:0;
	padding:0;
	list-style:none;
	width:96%;
}

.ul_mnusubpopup li {
	width:100%;
	min-height:20px;
	padding:3px;
	padding-top:8px;
	font-family:Tahoma;
	font-size:11px;
	background:url(../images/dash_line.gif) repeat-x bottom;
}

.ul_mnusubpopup li a {
	color:#0080d1;
	text-decoration:none;
}

.ul_mnusubpopup li a:hover {
	color:#ff8a00;
	text-decoration:underline;
}

#MnuSub {
	display:none;
	position:absolute;
	left:0;
	top:88px;
	width:100%;
	z-index:900;
	padding-bottom:50px;
	background: #000000;
}

.MnuSub_DecTop {
	float:left;
	width:100%;
	height:58px;
	background:url(../tool/mycsz/images/popup_menu_04.gif) repeat-x;
}

.MnuSub_ProgBox {
	width:950px;
	margin-left:auto;
	margin-right:auto;
}

#div_desc {
	text-align:center;
}

#span_desc {
	font-family:Tahoma;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

.td_BttnBack {
	width:91px;
	height:55px;
	padding-left:5px;
}

.td_BttnBar {
	height:55px;
	text-align:right;
	padding-right:10px;
}


/* ------- Dropdown ProductGroup Select --------*/
#div_PDTG {
	margin-top:25px;
	position:absolute;
	z-index:1;
	width:283px;
	height:420px;
	background:#ffffff;
	border:solid 1px #c5ced8;	
	display:none;
}

.bttnShowGroup {
	margin-top:4px;
	width:199px;
	height:27px;
	line-height:27px;
	text-align:center;
	background:#e1e7ee;
	cursor:pointer;
	font-family:Tahoma;
	font-size:12px;
}

.bttnShowGroup:hover {
	background:#fff43c;
}

#div_AddPdtgBox {
	width:63px;
	height:47px;
	padding-top:11px;
	background:#d9ffbe;
	margin-top:4px;
	text-align:center;
}






/*---------------- »ØèÁ¨Ò¡ FrontStroe ----------------*/

.front_BttnBottomBox {
	padding-top:10px;
	padding-left:10px;
	height:53px;
	line-height:53px;
}

.front_LineBottom {
	height:6px;
	background:url(../tool/frontstore/images/appfront_13.gif);
}

.front_BttnBottomBox {
	padding-left:10px;
	height:53px;
	line-height:53px;
}

.front_button {
	width:138px;
	height:33px;
	/* line-height:33px; */

	font-size:13px;
	font-weight:bold;


	color:#fff;
	text-shadow:0px 1px 0px rgba(0,0,0,.2);

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);
	box-shadow:
		inset 0px 1px 0px rgba(255,255,255,.5),
		0px 1px 2px rgba(0,0,0,.3);

}

.front_button.red {
	background: -webkit-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -moz-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -o-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: -ms-linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	background: linear-gradient(top,  rgba(248,114,136,1) 0%,rgba(243,71,85,1) 90%,rgba(225,65,77,1) 95%,rgba(206,59,70,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87288', endColorstr='#ce3b46',GradientType=0 );

	border:1px solid #b0333e;

	margin:0 35px 0 5px;
	margin:0 28px 0 4px !important;
	text-decoration:none;
	cursor:pointer;
}

#front_MsgDialog {
	font-family:Tahoma;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #050505;
	padding: 6px 9px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#dbdbdb);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#dbdbdb));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #8e8f8f;
	-moz-box-shadow:
		0px 1px 2px rgba(105,105,105,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 2px rgba(105,105,105,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 2px rgba(105,105,105,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.browse_bttn
{ 
  font-family:MS Sans Serif; 
  font-size:35px;
  font-weight:normal; 
  border: none; 
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
  BACKGROUND-COLOR: transparent;
  filter : alpha(opacity=0);
  opacity: .0;
  width:196px;
  height:41px;
  size:0;
  cursor:pointer;
}

#div_browse_bttn
{
  width:196px;
  height:41px;
  overflow:hidden;
  margin-left:auto;
  margin-right:auto;
  background:url(../tool/frontstore/images/bttn_browse.png);
  cursor:pointer;
}

#div_browse_bttn:hover
{
  background:url(../tool/frontstore/images/bttn_browse_hover.png);
}

#ScrollTip {
	position:fixed;
	z-index:10;
	padding-left:112px;
	padding-right:25px;
	width:490px;
	height:70px;
	line-height:27px;
	padding-top:25px;
	font-family:Tahoma;
	font-size:12px;
	background:url(../tool/frontstore/images/tipbar.png);
	top:0;
	left:0;
	text-align:center;
}

#Bottom_CSZ {
	float:left;
	width:100%;
	height:70px;
	font-family:Tahoma;
	font-size:12px;
}

#div_imgprw2 {
 FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
}