@charset "utf-8";  html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video  {  	border:0;  	outline:0;  	vertical-align:baseline;  	background:transparent;  	margin:0;  	padding:0;  }  :focus	{outline:0;}  body	{ margin:0 auto; background:#FFFFFF; color:#555555; text-align:center; width:100%; }  body, td, div, input, select, textarea	{ font-family:'Segoe UI',verdana,arial,sans-serif; font-size:12px; color:#555555; line-height:18px; }  body.extra-large-window	{ overflow:auto; }  body.mobi	{ width:100%;}  td,div	{ text-align:left; }  ol,ul	{ list-style:none; }  ul,ol,li,dl,dt,dd	{ margin:0; padding:0; border:0; }  label	{ display:block; font-weight:bold; margin-bottom:4px; }  h1,h2,h3,h4,h5,h6	{ color:#222; font-weight:bold; color:#555555; }  h1		{ font-size:38px; line-height:38px; font-weight:normal; margin-bottom:10px; display:inline-block;}  h2		{ font-size:24px; line-height:28px; font-weight:normal; margin-bottom:9px; text-align:center; }  h3,h4,h5,h6	{ font-size:14px; line-height:20px; margin-bottom:6px; }  textarea.full,input.full	{ width:100%; }  textarea	{ width:100%; min-height:150px; font-size:14px; line-height:18px; transition:background 85ms ease-in,border-color 85ms ease-in; -moz-transition:background 85ms ease-in,border-color 85ms ease-in; -ms-transition:background 85ms ease-in,border-color 85ms ease-in; -webkit-transition:background 85ms ease-in,border-color 85ms ease-in; resize:vertical; }  textarea,input	{ display:block; margin-bottom:12px; min-height:30px; padding:6px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; background-color:#E9E9E9; border:1px solid #BFBFBF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }  a		{ cursor:pointer; }  input[type="radio"]	{ -webkit-appearance:radio; }  input[type="checkbox"]	{ -webkit-appearance:checkbox; margin-right:4px; }  input[type="text"],input[type="password"],input[type="email"]	{ transition:background 85ms ease-in,border-color 85ms ease-in;-moz-transition:background 85ms ease-in,border-color 85ms ease-in;-ms-transition:background 85ms ease-in,border-color 85ms ease-in;-webkit-transition:background 85ms ease-in,border-color 85ms ease-in; width:250px; }  input[type="text"].full,input[type="password"].full,input[type="email"].full	{ width:100%; }  input[type="email"]:invalid	{ box-shadow:none; }  input[type="text"]:hover,input[type="password"]:hover,input[type="email"]:hover,textarea:hover	{ border-color:#777; }  input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus	{ background:#fcfcfc; border-color:#2887bd; box-shadow:0 0 2px #2887bd; -moz-box-shadow:0 0 2px #2887bd; -ms-box-shadow:0 0 2px #2887bd; -o-box-shadow:0 0 2px #2887bd; -webkit-box-shadow:0 0 2px #2887bd; }  .lbody	{}  .fancy-scrollbar	{ -webkit-overflow-scrolling:touch; }  .hrline		{ width:100%; height:1px; background:#BBBBBB; margin:5px 0 5px 0; }  .highlight	{ background-color:yellow; }  .edit		{ display:none; position:relative; }  .edits-warning	{ display:none; clear:both; }  .gutter		{ margin-left:40px; }  .quiet		{ color:#939393; }  .error		{ color:#EB3800; }  .checklists:empty { display:none; }  .hide	{ display:none !important; }  .show	{ display:block !important; }  .bold	{ font-weight:bold !important; }  .center	{ text-align:center !important; }  .left	{ float:left !important; }  .right	{ float:right !important; }  .first	{ margin-left:0; padding-left:0; }  .last	{ margin-right:0; padding-right:0; }  .top	{ margin-top:0; padding-top:0; }  .bottom	{ margin-bottom:0; padding-bottom:0; }  .relative	{ position:relative; }  .block	{ display:block; }  .inline	{ display:inline; }  .inline-block{ display:inline-block; }  .cursor-pointer	{ cursor:pointer !important; }  .cursor-default	{ cursor:default !important; }  .cursor-not-allowed	{ cursor:not-allowed !important; }  .no-drop	{ cursor:no-drop; }  .ellip	{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }  .invisible	{ visibility:hidden; }  .wrapword	{ word-wrap:break-word; }  .grab	{ cursor:grab; cursor:-moz-grab; cursor:-webkit-grab; }  .grabbing	{ cursor:grabbing; cursor:-moz-grabbing; cursor:-webkit-grabbing; }  .cnowrap	{ white-space:nowrap; }  .fs12	{ font-size:12px !important; }  .fs14	{ font-size:14px !important; }  .fs16	{ font-size:16px !important; }  .fs18	{ font-size:18px !important; }  .fs20	{ font-size:20px !important; }    #markAll	{ position:fixed; top:0px;left:0px;margin:0;padding:0; background:#bbb;z-index:900;filter:alpha(opacity=60); -moz-opacity:0.6; }	/* for ff */  * html #markAll { position:absolute; filter:alpha(opacity=50); }	/* for ie */  .html_max_error { position:fixed; z-index:1000; left:350px; top:200px;}	/* for ff */  * html .html_max_error { position:absolute; }	/* for ie */  .conLine	{ width:100%; height:10px; overflow:hidden; padding:0; margin:0; border:0; }  .conLineS	{ width:100%; height:5px; overflow:hidden; padding:0; margin:0; border:0; }  .clearfloat	{ clear:both; height:1px; overflow:hidden; font-size:0px; display:hidden; }  .clearfix	{ zoom:1; }  .clearfix:after	{ clear:both; content:"."; display:block; height:0; overflow:hidden; visibility:hidden; }  /* transparent */  .alpha100	{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }  .alpha90	{ filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }  .alpha80	{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }  .alpha70	{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }  .alpha60	{ filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }  .alpha50	{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }  .alpha40	{ filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4; }  .alpha30	{ filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; }  .alpha20	{ filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; }  .alpha10	{ filter:alpha(opacity=10); -moz-opacity:0.1; opacity:0.1; }  .alpha0	{ filter:alpha(opacity=0); -moz-opacity:0.0; opacity:0.0; }  * html .alpha80 { filter:alpha(opacity=80); opacity:0.8; }	/* for ie */  * html .alpha60 { filter:alpha(opacity=60); opacity:0.6; }	/* for ie */  * html .alpha40 { filter:alpha(opacity=40); opacity:0.4; }	/* for ie */  * html .alpha20 { filter:alpha(opacity=20); opacity:0.2; }	/* for ie */  * html .alpha0 { filter:alpha(opacity=0); opacity:0.0; }	/* for ie */    a	{ color:#555; text-decoration:none; }  a:link	{}  a:visited	{}  a:hover	{ color:#111; }  a:active	{}  a.lnlk	{ text-decoration:underline; }  a.lnlk:link	{ text-decoration:underline; }  a.lnlk:visited	{ text-decoration:underline; }  a.lnlk:hover	{ text-decoration:none; }  a.lnlk:active	{ text-decoration:underline; }  a.wlk	{ text-decoration:none; color:#FFFFFF; }  a.wlk:link	{ text-decoration:none; }  a.wlk:visited	{ text-decoration:none; }  a.wlk:hover	{ text-decoration:underline; }  a.wlk:active	{ text-decoration:underline; }  a.noln	{ text-decoration:none; }  a.noln:link	{ text-decoration:none; }  a.noln:visited	{ text-decoration:none; }  a.noln:hover	{ text-decoration:underline; }  a.noln:active	{ text-decoration:none; }  .graybg		{ background-color:#F0F0F0; }  .graybg:hover	{ background-color:#DCDCDC; }  /*   ********************************************************************************   * for app   ********************************************************************************   */  .pop-menu	{ border-bottom:1px solid rgba(185,185,185,0.8); padding:8px; }  .pop-over	{ box-shadow:0 1px 5px rgba(0,0,0,0.35); -moz-box-shadow:0 1px 5px rgba(0,0,0,0.35); -ms-box-shadow:0 1px 5px rgba(0,0,0,0.35); -o-box-shadow:0 1px 5px rgba(0,0,0,0.35); -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.35); }  .pop-overs	{ box-shadow:0 1px 3px #D3D3D3; -moz-box-shadow:0 1px 3px #D3D3D3; -ms-box-shadow:0 1px 3px #D3D3D3; -o-box-shadow:0 1px 3px #D3D3D3; -webkit-box-shadow:0 1px 3px #D3D3D3; }  .pop-overfs	{ box-shadow:0 0px 5px #D3D3D3; -moz-box-shadow:0 0px 5px #D3D3D3; -ms-box-shadow:0 0px 5px #D3D3D3; -o-box-shadow:0 0px 5px #D3D3D3; -webkit-box-shadow:0 0px 5px #D3D3D3; }  .pop-overblue	{ box-shadow:0 1px 5px rgba(0,163,227,0.35); -moz-box-shadow:0 1px 5px rgba(0,163,227,0.35); -ms-box-shadow:0 1px 5px rgba(0,163,227,0.35); -o-box-shadow:0 1px 5px rgba(0,163,227,0.35); -webkit-box-shadow:0 1px 5px  rgba(0,163,227,0.35); }  .pop-overblues	{ box-shadow:0 1px 3px rgba(0,163,227,0.35); -moz-box-shadow:0 1px 3px rgba(0,163,227,0.35); -ms-box-shadow:0 1px 3px rgba(0,163,227,0.35); -o-box-shadow:0 1px 3px rgba(0,163,227,0.35); -webkit-box-shadow:0 1px 3px  rgba(0,163,227,0.35); }  .pop-overbluefs	{ box-shadow:0 0px 5px rgba(0,163,227,0.35); -moz-box-shadow:0 0px 5px rgba(0,163,227,0.35); -ms-box-shadow:0 0px 5px rgba(0,163,227,0.35); -o-box-shadow:0 0px 5px rgba(0,163,227,0.35); -webkit-box-shadow:0 0px 5px rgba(0,163,227,0.35); }  .round		{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }  .rounds		{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }  .roundss	{ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }  .roundsss	{ -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; }    /* float count icon*/  .floatcount {  	background:#BD2828;  	box-shadow:0 2px 3px #333; -moz-box-shadow:0 2px 3px #333333; -ms-box-shadow:0 2px 3px #333333; -o-box-shadow:0 2px 3px #333333; -webkit-box-shadow:0 2px 3px #333;  	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;  	color:white; font-size:13px; font-weight:bold; line-height:16px;  	height:18px; padding:0 6px;  	position:absolute; top:-3px; right:-3px;  }  .floatcount.blue	{ background:#00A5FF; }  .floatcount.gray	{ background:#A3A3A3; }  .floatcount.transgray	{ background:rgba(163,163,163,0.6); }  .floatcount.thinbox	{ font-size:11px; line-height:15px; height:16px; }  .floatcount.highpos	{ top:-5px; right:-5px; }  .supcount	{ font-size:11px; font-weight:bold; }    .button-icon {  	background-position:0 0;  	background-repeat:no-repeat;  	background-size:16px 48px;  	display:block;  	float:left;  	width:16px;  	height:16px;  	overflow:hidden;  	position:relative;  	text-indent:100%;  	vertical-align:top;  	white-space:nowrap;  }  .button-menu-icon	{ background-image:url(http://image.desktopcal.com/default/btnmenu.png?ver=2.3.108.5601); background-position:0px 0px; }  .button-menu-icon:hover	{ background-position:0px -16px; }  .button-menu-icon:active	{ background-position:0px -32px; }  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)  {  	.button-menu-icon { background-image:url(http://image.desktopcal.com/default/btnmenu.png?ver=2.3.108.5601)); }  }  .button-secure-icon	{ color:#33C705; background-position:0px 0px; background-size:18px 54px; width:auto; height:18px; background-image:url(http://image.desktopcal.com/default/secure.png?ver=2.3.108.5601); }  .button-secure-icon:hover	{ color:#39DE06; background-position:0px -18px; }  .button-secure-icon:active	{ color:#33C705; background-position:0px -36px; }  .button-donate-icon	{ background-position:0px 0px; background-size:18px 54px; width:auto; height:18px; background-image:url(http://image.desktopcal.com/default/donate.gif?ver=2.3.108.5601); }  .button-donate-icon:hover	{ background-position:0px -18px; }  .button-donate-icon:active	{ background-position:0px -36px; }    /* app icon png */  .app-icon {  	background-position:-9999px -9999px;  	background-repeat:no-repeat;  	background-size:30px 90px;  	display:block;  	float:left;  	width:30px;  	height:30px;  	overflow:hidden;  	position:relative;  	text-indent:100%;  	vertical-align:top;  	white-space:nowrap;  }  .close-icon	{ background-image:url(http://image.desktopcal.com/default/iconclose.png?ver=2.3.108.5601); background-position:0px -30px; }  .close-icon:hover	{ background-position:0px 0px; }    /* buttons */  .button-link {  	color:#555555;  	cursor:pointer;  	display:block;  	margin-top:6px;  	overflow:hidden;  	white-space:nowrap;  	padding:6px;  	position:relative;  	text-decoration:none;  	text-overflow:ellipsis;  }  .button-link:hover, .button-link.hover  {  	color:#000000;  }  .highlighticon:hover { background:#00A5FF; color:white; }  .button-link:hover .button-menu-icon, button-link.hover .button-menu-icon	{ background-position:0px -16px; }  /* for multi-language compat */  .lbody-zhh .button-link	{ line-height:22px !important; padding:4px 6px 2px 6px !important; }  .lbody-cht .button-link	{ line-height:22px !important; padding:4px 6px 2px 6px !important; }    /* header */  .header		{ width:100%; height:86px; background:#F5F5F5; }  .header .headercnt	{ width:980px; margin:0 auto; }  .header .headercnt .logo	{  	width:190px;  	height:50px;  	margin-top:14px;  /*  	background-image:url(http://image.desktopcal.com/default/logo.gif?ver=2.3.108.5601);  	background-size:190px 50px;  	-moz-background-size:190px 50px;  	-webkit-background-size:190px 50px;  	-o-background-size:190px 50px;  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://image.desktopcal.com/default/logo.gif?ver=2.3.108.5601', sizingMethod='scale' );  */  }  .header .headercnt .right	{ float:right; margin:7px 2px 0px 0px; }  .header .headercnt .right .langdiv	{ position:relative; float:right; margin-top:13px; margin-right:5px; }  .header .headercnt .right .langdiv .langlnk	{ margin-top:0px; }  .header .headercnt .right .langdiv .langlnk .langname	{ margin-right:14px; }  .header .headercnt .right .langdiv .langlnk .button-menu-icon	{ position:absolute; top:9px; right:0px; }  .header .headercnt .right .langdiv .app-icon	{ width:40px; height:26px; }  .header .headercnt .right .langdiv a.langicon	{ display:block; width:40px; height:26px; border:2px solid #00A5FF; }  .header .headercnt .right .langdiv a.langicon.gray	{ border:2px solid #B9B9B9; }  .header .headercnt .right .langdiv a.langicon .app-icon	{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }  .header .headercnt .right .langdiv a.langicon:hover	{ border:2px solid #32C4FD; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }  .header .headercnt .right .langdiv a.langicon:hover .app-icon	{ filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)  {  	.header .headercnt .logo {}  }  /* popupmenu : change lang */  .change-lang li	{ width:100%; height:28px; margin-bottom:3px; }  .change-lang li a	{ display:block; width:98%; height:26px; padding:5px 0 0 5px; background-color:#FFFFFF; color:#555555; font-size:14px; line-height:20px; text-decoration:none; }  .change-lang li a:hover	{ background-color:#00A5FF; color:#FFFFFF; }    /* maindiv */  .maindiv	{ width:980px; margin:0 auto; }    /* contentdiv */  .contentdiv	{}  .contentdiv .ver	{ font-size:16px; }  .contentdiv .dldiv {margin-top:20px; display: flex; justify-content: space-around; }  .contentdiv .dldiv a.dlbtn	{ display:block; background-color:#33C705; width:180px; height:50px; margin:0; color:#FFFFFF; text-align:center; font-size:18px; font-weight:bold; line-height:46px; text-decoration:none; }  .contentdiv .dldiv a.dlbtn:hover	{ background-color:#39DE06; }  .contentdiv .dldiv a.dlbtn:active	{ background-color:#33C705; }  .contentdiv .dldiv a.macbtn	{ display:block; background-color:#212121; width:180px; height:50px; margin:0; color:#FFFFFF; text-align:center; font-size:18px; font-weight:bold; line-height:46px; text-decoration:none; }  .contentdiv .dldiv a.macbtn:hover	{ background-color:#000000; }  .contentdiv .dldiv a.macbtn:active	{ background-color:#333333; }  .contentdiv .dldiv a.lnlk	{ font-size:15px; line-height:20px;  }  .contentdiv .dldiv .dlbtndiv	{ margin-left:-50px }  .contentdiv .dldiv .dlbtndiv .dlbtopdiv	{ display: inline-block; }  .contentdiv .dldiv .dlbtndiv .dlbtopdiv .pcimg { float:left; }      .contentdiv .dldiv .dlbtndiv .dlbtopdiv .pctext { font-size:18px; float:left; margin-bottom:10px; margin-top:10px; margin-left:10px;}      .contentdiv .dldiv .dlbtndiv .dlbtopdiv .pcver { font-size:14px; float:left; margin-bottom:10px; margin-top:15px; margin-left:15px;}      .contentdiv .dldiv .dlbtndiv .line { border-top:1px solid #c7c7c7; margin-bottom:20px; }  .contentdiv .dldiv .dlbtndiv .dlbqrcodecontainer {  }  .contentdiv .dldiv .dlbtndiv .dlbqrcodecontainer .qrcodeimg	{ float:left; width:120px; height:120px; }  .contentdiv .dldiv .dlbtndiv .dlbqrcodecontainer .dlbphone { margin-left:10px; float:left }  .contentdiv .dldiv .dlbtndiv .dlbqrcodecontainer .dlbphone .androidicon { background: url(http://image.desktopcal.com/default/phone_down_icon.png) no-repeat -44px 0; display: block; width: 44px; height: 51px; margin-top: 6px;}  .contentdiv .dldiv .dlbtndiv .dlbqrcodecontainer .dlbphone .androidicon:hover { background: url(http://image.desktopcal.com/default/phone_down_icon.png) no-repeat no-repeat 0 0; }  .contentdiv .dldiv .dlbtndiv .dlbqrcodecontainer .dlbphone .iosicon { background: url(http://image.desktopcal.com/default/phone_down_icon.png) no-repeat 0 -50px; display: block; width: 44px; height: 51px; margin-top: 6px;}  .contentdiv .dldiv .dlbtndiv .dlbqrcodecontainer .dlbphone .iosicon:hover { background: url(http://image.desktopcal.com/default/phone_down_icon.png) no-repeat -47px -50px; }  .contentdiv .dldiv .dlbtndiv .dldesc	{ margin-top:20px; height:22px; font-size:16px; line-height:17px; }  .contentdiv .dldiv .dlbblank	{ width:100px; height:50px;}  .contentdiv .dldiv .dldescdiv	{ width:460px; margin:5px 0 0 18px; }  .contentdiv .dldiv .dldescdiv .dldesc	{ height:22px; font-size:16px; line-height:17px; }  .contentdiv .dldiv .dldescdiv .button-secure-icon	{ position:static; display:inline-block; float:none; text-indent:18px; height:19px; }  /* go downstairs div */  .downstairsdiv		{ display:table; width:100%; height:80px; overflow:hidden; padding:0; margin:0; border:0 }  .downstairsdiv .dsimg	{ vertical-align:middle; display:table-cell;text-align:center; }  .downstairsdiv .dsimg img	{ border-width:0px; }  /* featurediv */  .featurediv	{ width:100%; height:90px; }  .featurediv .fvleft	{ display:block; width:490px; }  .featurediv .fvspace	{ display:block; width:30px; }  .featurediv .fvright	{ display:block; width:460px; }  .featurediv .fimg	{ width:70px; }  .featurediv .fcnt	{ width:390px; margin-bottom:20px; font-size:18px; line-height:26px; word-wrap:break-word; overflow:hidden; }  /* footer */  .footer		{ background-color:#00A5FF; }  .footer	.footercnt	{ width:980px; margin:0 auto; }  .footer	.footercnt .tit	{ height:36px; color:#FFFFFF; font-size:18px; line-height:24px; font-weight:bold; overflow:hidden; }  .footer	.footercnt .cnt	{ color:#FFFFFF; font-size:16px; line-height:24px; word-wrap:break-word; overflow:hidden; }  .footer	.footercnt .aboutus	{ width:300px; margin-right:30px; }  .footer	.footercnt .aboutus .button-donate-icon	{ display:inline-block; float:left; text-indent:18px; width:300px; height:19px; }  .footer	.footercnt .cstsupport	{ width:260px; }  .footer	.footercnt .contactus	{ width:140px; }  .footer	.footercnt .document	{ width:300px; }  .footer	.footercnt .copyright	{ height:30px; color:#FFFFFF; font-size:14px; }    /* donate */  .commpage		{}  .commpage .tit		{ font-size:18px;line-height:35px;font-weight:bold; }  .commpage .cnt, .commpage .cnt td, .commpage .cnt div	{ font-size:16px;line-height:28px; }  /* donate */  .donate		{}  .donate .tit		{ font-size:18px;line-height:35px;font-weight:bold; }  .donate .cnt, .donate .cnt td, .donate .cnt div	{ font-size:16px;line-height:28px; }  /* festival */  .festival	{}  .festival .conLineT	{ height:60px; }  .festival .conLineB	{ height:40px; }  .festival .fname	{ font-size:35px; font-weight:bold; }  .festival .tit	{ font-size:18px; line-height:35px; font-weight:bold; }  .festival .subname	{ font-size:18px; line-height:18px; font-weight:bold; display:inline-block; padding:6px 15px 9px 15px; margin-bottom:10px; background-color:#666666; color:#FFFFFF; }  .festival .cnt, .festival .cnt td, .festival .cnt div	{ font-size:16px; line-height:28px; }  .festival .indent	{ text-indent:2em; }  /* textpage */  .textpage		{}  .textpage .tit		{ font-size:18px;line-height:35px;font-weight:bold; }  .textpage .cnt, .textpage .cnt td, .textpage .cnt div	{ font-size:16px;line-height:28px; }    /* common menu item */  ul.lmenu-ul			{ margin-bottom:3px; }  ul.lmenu-ul li			{ width:100%; height:30px; }  ul.lmenu-ul li a		{ position:relative; display:block; font-weight:bold; width:99%; height:24px; padding:5px 0 1px 2px; background-color:#FFFFFF; color:#555555; cursor:pointer; text-decoration:none; }  ul.lmenu-ul li a .app-icon	{ margin-left:5px; }  ul.lmenu-ul li a:hover		{ background-color:#00A5FF; color:#FFFFFF; }  ul.lmenu-ul li a.hover		{ background-color:#00A5FF; color:#FFFFFF; }  ul.lmenu-ul li a.disabled	{ background-color:transparent; color:#999; cursor:default; }  ul.lmenu-ul li a.disabled:hover	{ background-color:transparent; color:#999; }  ul.lmenu-ul li a.selected	{}  ul.lmenu-ul li a .text			{ margin-left:5px; }  ul.lmenu-ul li a .complete-icon		{ background-position:-180px -90px; }  ul.lmenu-ul li a:hover .complete-icon	{ background-position:-180px -126px; }  ul.lmenu-ul li a .complete-icon		{ display:none; position:absolute; top:4px; right:4px; }  ul.lmenu-ul li a.selected .complete-icon	{ display:block; }  /* for multi-language compat */  .lbody-zhh ul.lmenu-ul li a .text	{ line-height:22px !important; }  .lbody-cht ul.lmenu-ul li a .text	{ line-height:22px !important; }    /* page button for menu */  .menupage-button	{ background:#F6F6F6; position:absolute; top:0px; left:0px; display:block; width:50px; padding:0px; margin:auto 0px; }  .menupage-button:hover	{ background:#00A5FF; }      /* for touch style scrollbar */  .touchscrollbar				{ position:relative; left:0; top:0; margin:0; width:260px; height:100%; padding:0 0 0 0; }  .touchscrollbar .scrollbox			{ position:relative; height:100%; overflow:hidden; }  .touchscrollbar .scrollbox .container	{ position:relative; width:240px; top:0; float:left; }  .touchscrollbar .scrollbox .content		{}  .touchscrollbar .scrollbox .content .hint	{ padding:5px 5px 5px 10px; font-size:14px; line-height:26px; color:#666; }  .touchscrollbar .draggerdiv		{ position:absolute; top:0px; right:0px; }  .touchscrollbar .draggercontainer	{ position:relative; width:9px; height:480px; display:none; float:right; margin:7px 5px 0 0px; background:#D0D0D0; }  .touchscrollbar .dragger		{ position:absolute; width:9px; height:60px; background:#999999; text-align:center; line-height:60px; color:#666; overflow:hidden; cursor:default;}  .touchscrollbar .draggerpressed	{ position:absolute; width:9px; height:60px; background:#666666; text-align:center; line-height:60px; color:#777; overflow:hidden; cursor:default;}  .touchscrollbar .scrollUpBtn, .touchscrollbar .scrollDownBtn	{ position:absolute; display:inline-block; width:14px; height:15px; margin-right:12px; text-decoration:none; right:0; filter:alpha(opacity=20); -moz-opacity:0.20; -khtml-opacity:0.20; opacity:0.20;}  .touchscrollbar .scrollUpBtn	{ top:16px; background:url(mcs_btnUp.png?ver=2.3.108.5601) center center no-repeat;}  .touchscrollbar .scrollDownBtn	{ bottom:12px; background:url(mcs_btnDown.png?ver=2.3.108.5601) center center no-repeat;}  .touchscrollbar .scrollUpBtn:hover,#mcs_container .scrollDownBtn:hover{filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity:0.60; opacity:0.60;}    /*   ********************************************************************************   * UI window(dialog)   ********************************************************************************   */  /* popover window */  .window-overlay	{ display:none; z-index:1006; position:fixed; background-color:rgba(0,0,0,0.3); height:100%; left:0; top:0; width:100%; overflow-x:hidden; overflow-y:auto; }  .window		{ display:none; z-index:1011; padding:0; position:absolute; width:710px; }  .window .window-wrapper	{ background:#FFFFFF; overflow:hidden; width:100%; }  .window .window-wrapper	.window-header-utils	{ position:absolute; top:4px; right:4px; height:30px; overflow:hidden; width:30px; }  .window .window-wrapper	.window-header-utils a	{ display:block; float:left; height:30px; overflow:hidden; text-indent:100%; width:30px; white-space:nowrap; }  .window .window-wrapper	.window-header	{ margin:4px 30px 4px 40px; padding:12px 12px 0; position:relative; }  .window .window-wrapper	.window-header .app-icon.window-header-icon { left:-28px; position:absolute; top:8px; }  .window .window-wrapper	.window-header .edit	{ float:left; margin-right:40px; }  .window .window-wrapper	.window-header .edit textarea	{ font-size:14px; min-height:30px; line-height:22px; }  .window .window-wrapper	.window-header a.cool-button	{ padding:0 20px 0 20px; }  .window .window-wrapper	.window-main-col	{ float:left; overflow-x:hidden; overflow-y:auto; margin:0; min-height:20px; padding:6px 12px 12px; width:480px; }  .window .window-wrapper	.window-main-col .edit textarea.field { display:block; min-height:50px; }  .window .window-wrapper	.window-sidebar	{ float:right; padding:0px 15px 12px 0; width:190px; overflow:hidden; }  .dialog-updatehistory-window	{}  .dialog-updatehistory-window .contentdiv	{}  .dialog-updatehistory-window .contentdiv ul li p	{ font-size:14px; line-height:200%; }  .dialog-updatehistory-window .contentdiv ul li p .tit	{ font-size:18px; }    /* modeldialog from .window */  .modeldialog	{ border:5px solid rgba(0,0,0,0.2); width:500px; }  .modeldialog .window-title-text	{}  .modeldialog .window-content-text	{ font-size:14px; }  .window-title		{}  .window-title h2	{ margin-right:0px; font-size:18px; line-height:22px; margin-bottom:9px; }  .window-title-text	{ display:block; min-height:20px; min-width:50px; word-wrap:break-word; }  .window-title .text-box-gray	{ padding:4px 5px 4px 5px; margin-right:3px; }  .window-title .text-box-gray .createnew-icon:hover	{ background-position:-882px -108px; }  .window-title .text-box-gray .comment-icon:hover	{ background-position:-90px -108px; }  .window-title .text-box-gray .date-icon		{ background-position:-198px -126px; }  .window-title .text-box-gray .date-icon:hover	{ background-position:-198px -126px; }  .window-title .quiet-button .add-icon:hover	{ background-position:-450px -108px; }    .window-module	{ clear:both; margin-bottom:14px; position:relative; }    .window-module-title.no-divider { border-bottom:none; }  .window-module-title { border-bottom:1px solid gainsboro; padding:6px 0; position:relative; margin:0 0 6px 40px; }  .window-module-title .app-icon.window-module-title-icon { left:-40px; position:absolute; top:0; }  .window-module-title h3 { display:inline-block; width:auto; margin:0 2px 0 0; min-height:18px; }  .window-module-title .comment-icon:hover	{ background-position:-150px -30px; }  .window-module-title .memberlist-icon:hover	{ background-position:0px -30px; }    /* loading */  .spinner		{ height:48px; width:48px; background-image:url(http://image.desktopcal.com/default/loading.round.555555.48x48.gif?ver=2.3.108.5601); background-size:48px 48px; display:block; }  .spinner.centered	{ margin:0 auto; }  .spinner.small	{ height:24px; width:24px; background-image:url(http://image.desktopcal.com/default/loading.round.black.24x24.gif?ver=2.3.108.5601); background-size:24px 24px; float:left; }  .spinner.smalls	{ height:16px; width:16px; background-image:url(http://image.desktopcal.com/default/loading.round.black.16x16.gif?ver=2.3.108.5601); background-size:16px 16px; float:left; }  .spinner.wsmall	{ height:24px; width:24px; background-image:url(http://image.desktopcal.com/default/loading.round.white.24x24.gif?ver=2.3.108.5601); background-size:24px 24px; float:left; }  .spinner.wsmalls	{ height:16px; width:16px; background-image:url(http://image.desktopcal.com/default/loading.round.white.16x16.gif?ver=2.3.108.5601); background-size:16px 16px; float:left; }  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)  {  .spinner.small		{ background-image:url(http://image.desktopcal.com/default/loading.round.black.48x48.gif?ver=2.3.108.5601); }  .spinner.wsmall		{ background-image:url(http://image.desktopcal.com/default/loading.round.white.48x48.gif?ver=2.3.108.5601); }  }  /* loading for common */  .loading-overlay	{ display:none; z-index:1100; position:fixed; background-color:rgba(0,0,0,0.1); width:100%; height:100%; left:0; top:0; overflow:hidden; }  .loadingdiv		{ display:none; z-index:1101; position:absolute; top:40%; left:45%; text-align:center; }  .loading		{ background-color:#555555; }  .loading img	{ width:48px; height:48px; border:30px solid #555555; }  .loadingdivs		{}  .loadingdivs .spinner	{ background:#555555 url(http://image.desktopcal.com/default/loading.gear.24x24.gif?ver=2.3.108.5601) center center no-repeat; background-size:30px 30px; display:block; height:24px; width:24px; }  .loadingdivs .spinner.centered	{ margin:0 auto; }