@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.5; }
#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 4px rgba(0,0,0,0.4);}
#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; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #517fa4 , #243949); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #517fa4 , #243949); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	 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; /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #a73737 , #7a2828); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #a73737 , #7a2828); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	 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;}

/* blue */
#ZgWindow .zg-theme-blue .WinTitle {
  background: #fafafa; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #fafafa 1%, #f4f4f4 70%, #f8f8f8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-color: #297bb9;
  color:#297bb9;
  border-top: 6px solid #297bb9;
  height: auto;
}
#ZgWindow .zg-theme-blue .WinTitle:hover { box-shadow: 0 3px 6px rgba(255,255,255,0.4) inset;}
#ZgWindow .zg-theme-blue .ion-compose { font-size: 18px; color:#999; text-shadow: 0 0 5px #fff; font-weight: bold; margin-right: 5px; margin-top: -4px; vertical-align: middle; }
#ZgWindow .zg-theme-blue .WinContent { border-color: #243949; }
/* brown */
#ZgWindow .zg-theme-brown .WinTitle {
  background: #fafafa; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #fafafa 1%, #f4f4f4 70%, #f8f8f8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color:#754c0b;
  border-top: 6px solid #bb975d;
  height: auto;
}
#ZgWindow .zg-theme-brown .ion-compose { font-size: 18px; color:#999; text-shadow: 0 0 5px #fff; font-weight: bold; margin-right: 5px; margin-top: -4px; vertical-align: middle; }
#ZgWindow .zg-theme-brown .WinTitle:hover { box-shadow: 0 3px 6px rgba(255,255,255,0.4) inset; }
#ZgWindow .zg-theme-brown .WinContent { border-color: #905326; }
/* orange */
#ZgWindow .zg-theme-orange .WinTitle {
  background: #fafafa; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #fafafa 1%, #f4f4f4 70%, #f8f8f8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-color: #df5236;
  color:#c33316;
  border-top: 6px solid #df5236;
  height: auto;
}
#ZgWindow .zg-theme-orange .WinTitle:hover { box-shadow: 0 3px 6px rgba(255,255,255,0.4) inset;}
#ZgWindow .zg-theme-orange .ion-compose { font-size: 18px; color:#999; text-shadow: 0 0 5px #fff; font-weight: bold; margin-right: 5px; margin-top: -4px; vertical-align: middle; }
#ZgWindow .zg-theme-orange .WinContent { border-color: #da766b; }
/* green */
#ZgWindow .zg-theme-green .WinTitle {
  background: #fafafa; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #fafafa 1%, #f4f4f4 70%, #f8f8f8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-color: #8d9e53;
  color:#3a7600;
  border-top: 6px solid #8d9e53;
  height: auto;
}
#ZgWindow .zg-theme-green .WinTitle:hover { box-shadow: 0 3px 6px rgba(255,255,255,0.4) inset;}
#ZgWindow .zg-theme-green .ion-compose { font-size: 18px; color:#999; text-shadow: 0 0 5px #fff; font-weight: bold; margin-right: 5px; margin-top: -4px; vertical-align: middle; }
#ZgWindow .zg-theme-green .WinContent { border-color: #243949; }
/* white */
#ZgWindow .zg-theme-white .WinTitle {
  background: #fafafa; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #fafafa 1%, #f4f4f4 70%, #f8f8f8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-color: #999999;
  color:#999999;
  border-top: 6px solid #808080;
  height: auto;
}
#ZgWindow .zg-theme-white .WinTitle:hover { box-shadow: 0 3px 6px rgba(255,255,255,0.4) inset;}
#ZgWindow .zg-theme-white .ion-compose { font-size: 18px; color:#999; text-shadow: 0 0 5px #fff; font-weight: bold; margin-right: 5px; margin-top: -4px; vertical-align: middle; }
#ZgWindow .zg-theme-white .WinContent { border-color: #e0e0e0; }
/* yellow */
#ZgWindow .zg-theme-yellow .WinTitle {
  background: #fafafa; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #fafafa 1%, #f4f4f4 70%, #f8f8f8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #fafafa 1%,#f4f4f4 70%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f8f8f8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-color: #e2cf5d;
  color:#776a1b;
  border-top: 6px solid #e2cf5d;
  height: auto;
}
#ZgWindow .zg-theme-yellow .WinTitle:hover { box-shadow: 0 3px 6px rgba(255,255,255,0.4) inset;}
#ZgWindow .zg-theme-yellow .ion-compose { font-size: 18px; color:#999; text-shadow: 0 0 5px #fff; font-weight: bold; margin-right: 5px; margin-top: -4px; vertical-align: middle; }
#ZgWindow .zg-theme-yellow .WinContent { border-color: #eb9316; }