@charset "utf-8";
/* CSS Document */
/*#ZgWindow div{
	display: block;
}*/
.bg { visibility: visible; display: none; position: fixed; width: 100%; height: 100%; background: #000; z-index: 0; top: 0; left: 0; opacity: 0.6; }
#ZgWindow { position: absolute; visibility: hidden; visibility: visible \9; top: 0; right: 0; z-index: 99999; height: 100%; width: 100%; overflow: hidden; }
#ZgWindow .zg-window { position: relative; float: right; width: 600px; height: 100%; margin: 0 5px;}
#ZgWindow .zg-window div { visibility: visible; }
#ZgWindow .Cn { position: absolute; width: 100%; bottom: 0; visibility: visible; border-radius: 0 0 2px 2px; box-shadow: 1px 1px 5px rgba(0,0,0,0.8);}
#ZgWindow .Cnn { height: 100%; }
#ZgWindow .zg-window.small { width: 200px; margin-top: 0; position: absolute;}
#ZgWindow .zg-window.big { display: block; position: absolute; margin: 0 auto; min-width: 250px; min-height: 100px; }
#ZgWindow .zg-window.big .Cn { /*height:100%;*/ padding-top: 35px; top: 0; }
#ZgWindow .zg-window.small .WinTitle { position: absolute; bottom: 0; }
#ZgWindow .WinTitle { 
	z-index: 1; position: absolute; left: 0; width: 100%; padding: 0 8px; font-size: 15px; border-radius: 4px 4px 0 0; font-family: "微軟正黑體";
	height: 35px; line-height: 35px; color: #FFFFFF; cursor: move; overflow: hidden;
	border:1px solid; border-bottom: none;
}
#ZgWindow .zg-window.small .WinTitle { font-family: '新細明體'; font-size: 12px; }

#ZgWindow .WinTitle .title_string { overflow : hidden; text-overflow : ellipsis; white-space : nowrap; width: 100%; cursor: move; }
#ZgWindow .WinTitle .tool { position: absolute; top: 0; height: 35px; right: 0; margin-right: 0;/*10px;*/ }
#ZgWindow .zg-window.small .WinTitle .tool > div.ToSmall,
#ZgWindow .zg-window.small .WinTitle .tool > div.ToMaxEnlarge { display: none; }
#ZgWindow .zg-window.small .WinTitle .title_string { cursor: default; }
#ZgWindow .WinTitle .tool > div { display: inline-block; height: 35px; padding: 0 10px; cursor: pointer; }
#ZgWindow .WinTitle .tool > div:hover { background: rgba(0,0,0,0.3); }
#ZgWindow .WinTitle .tool > div.Close:hover { background: rgba(255,30,30, 0.6); }
#ZgWindow .WinContent { height: 500px; border-top: none; background: rgba(255, 255, 255, 0.95); border: 1px solid #bbcdd7; border-top: none; }
#ZgWindow .zg-window.big .WinContent { height: 100%; overflow: auto; }
#ZgWindow .Mask { display: none; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.3); width: 100%; height: 100%; z-index: 2; }

#ZgWindow .ui-resizable-handle { left: auto; }
#ZgWindow .ui-resizable-handle.ui-resizable-s, #ZgWindow .ui-resizable-handle.ui-resizable-w { left: 0; }
#ZgWindow .ui-resizable-handle.ui-resizable-e { right: 0; }
#ZgWindow .ui-resizable-handle.ui-resizable-se { right: 1px; bottom: 1px; }

#ZgWindow .unselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#ZgWindow .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#ZgWindow .overlay>.fa { position: absolute;top: 50%;left: 50%; margin-left: -15px; margin-top: -15px; color: #bbb; font-size: 30px;}

/* Custom style */
#ZgWindow .zg-resizable-helper { border: 1px dashed #900; background: rgba(255,200,220, 0.2); }

/* --------------------------------------------- theme --------------------------------------------- */
/* default*/
#ZgWindow .zg-theme-default .WinTitle { 
	background: #34c8b8; 
	background: -moz-linear-gradient(top, #34c8b8 0%, #2fb4a5 50%, #2ca194 100%); 
	background: -webkit-linear-gradient(top, #34c8b8 0%, #2fb4a5 50%, #2ca194 100%); 
	background: linear-gradient(to bottom, #34c8b8 0%, #2fb4a5 50%, #2ca194 100%);  
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c8b8', endColorstr='#2ca194', GradientType=0 );
}
.zg-title-ts-blue { background-color: rgba(30,150,210,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.2) inset; }
.zg-title-ts-black { background-color: rgba(10,10,10,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.4) inset; }

/* bluedark */
#ZgWindow .zg-theme-bluedark .WinTitle { 

	background: #517fa4;
	background: -webkit-linear-gradient(to left, #517fa4 , #243949);
	background: linear-gradient(to left, #517fa4 , #243949);
	
	 border-color: #517fa4;
	/*box-shadow: 0 3px 6px rgba(255,255,255,0.3) inset;*/
	text-shadow: 1px 1px 1px #000;
}
#ZgWindow .zg-theme-bluedark .WinTitle:hover { box-shadow: 0 3px 6px rgba(255,255,255,0.4) inset;}
#ZgWindow .zg-theme-bluedark .WinContent { border-color: #243949; }

/* bloodred */
#ZgWindow .zg-theme-bloodred .WinTitle { 
	background: #a73737;
	background: -webkit-linear-gradient(to left, #a73737 , #7a2828);
	background: linear-gradient(to left, #a73737 , #7a2828);

	 border-color: #a73737;
	/*box-shadow: 0 3px 6px rgba(255,255,255,0.3) inset;*/
	text-shadow: 1px 1px 1px #000;
}
#ZgWindow .zg-theme-bloodred .WinTitle:hover { box-shadow: 0 4px 6px rgba(255,255,255,0.4) inset;}
#ZgWindow .zg-theme-bloodred .WinContent { border-color: #a73737;}

/* midnight */
#ZgWindow .zg-theme-midnight .WinTitle { 
	background: #232526;
	background: -webkit-linear-gradient(to left, #232526 , #414345);
	background: linear-gradient(to left, #232526 , #414345);

	 border-color: #414345;
	/*box-shadow: 0 3px 6px rgba(255,255,255,0.3) inset;*/
	text-shadow: 1px 1px 1px #000;
}
#ZgWindow .zg-theme-midnight .WinTitle:hover { box-shadow: 0 2px 4px rgba(255,255,255,0.2) inset;}
#ZgWindow .zg-theme-midnight .WinContent { border-color: #232526;}

/* mirage */
#ZgWindow .zg-theme-mirage .WinTitle { 
	background: #16222A;
	background: -webkit-linear-gradient(to left, #16222A , #3A6073);
	background: linear-gradient(to left, #16222A , #3A6073);

	 border-color: #3A6073;
	/*box-shadow: 0 3px 6px rgba(255,255,255,0.3) inset;*/
	text-shadow: 1px 1px 1px #000;
}
#ZgWindow .zg-theme-mirage .WinTitle:hover { box-shadow: 0 2px 4px rgba(255,255,255,0.2) inset;}
#ZgWindow .zg-theme-mirage .WinContent { border-color: #16222A;}