@charset "UTF-8";
/* POP window ===== START*/
#bodyMain  .lightbox {
  width: 100%;
  height: 100%;
  background: url(../images/lightbox-bg.png) repeat left top;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 100;
}
/* line 398, ../../scss/_main.scss */
#bodyMain  .lightbox .lightbox-box {
  position: fixed;
  width: 90%;
  left: 50%;
  margin-left: -45%;
  line-height: 1.5;
  padding: 30px 0;
}
/* line 405, ../../scss/_main.scss */
#bodyMain  .lightbox .lightbox-box .lightbox-main {
  position: relative;
  clear: both;
}
/* line 409, ../../scss/_main.scss */
#bodyMain .lightbox .lightbox-box .window-info {
  overflow-y: auto;
  background-color: #fff;
  padding: .5em 1em;
}
/* line 414, ../../scss/_main.scss */
#bodyMain .lightbox .lightbox-box .top-table {
  border-top: solid 2px #818181;
  padding-top: 20px;
}
/* line 417, ../../scss/_main.scss */
 #bodyMain.lightbox .lightbox-box .top-table .table-cell {
  width: 50%;
  float: left;
  outline: solid 1px #818181;
  margin-bottom: 1px;
}
/* line 422, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .top-table .table-cell .name {
  width: 50px;
  display: table-cell;
  vertical-align: middle;	
  background-color: #c0dbda;
  padding: .8em 0;
  border-right: solid 1px #818181;
}
/* line 429, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .top-table .table-cell .text {
   padding: 0 .8em;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
/* line 432, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .top-table .table-cell span {
  text-align: center;
}
/* line 436, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .top-table:after {
  clear: both;
  content: '';
  display: table;
}
/* line 441, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .top-table:first-child {
  border-top: none;
  padding-top: 5px;
}
/* line 446, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list {
  margin-top: 1.5em;
  border-bottom: solid 1px #818181;
}
/* line 449, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list .item {
  width: 100%;
  margin: .5em 0 .8em;
}
/* line 452, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list .item .item-name {
  width: 100%;
  max-width: 450px;
  padding: .3em .5em;
  background: url(../images/lightbox-title.png) repeat-y left top;
  border-radius: 10px;
  color: #fff;
}
/* line 459, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list .item .item-name h3 {
  margin: 0;
  padding: 0;
  padding-left: 20px;
  background: url(../images/icon-item.png) no-repeat left center;
}
/* line 466, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list .item .item-text {
  background: url(../images/lightbox-title-shadow.png) no-repeat center top;
  background-size: 100% auto;
  padding: .6em .3em;
}
/* line 470, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list .item .item-text ol {
  margin: 0;
  padding-left: 22px;
}
/* line 477, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .ps {
  padding: .5em;
  margin-bottom: .5em;
}
/* line 480, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .ps h3 {
  margin: .1em 0 .3em;
}
/* line 483, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .ps ol {
  margin: 0;
  padding-left: 22px;
}
/* line 487, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .ps ol ul li {
  background: url(../images/icon-list.png) no-repeat left 6px;
  padding-left: 12px;
}
/* line 565, ../../scss/_main.scss */
#bodyMain .lightbox .top-close {
  width: 22px;
  float: right;
  cursor: pointer;
}
/* line 569, ../../scss/_main.scss */
#bodyMain .lightbox .top-close img {
  vertical-align: bottom;
}
#bodyMain .lightbox.active {
  display: block;
  transition: all 0.3s ease-in;
}
/* POP window ===== end */
@charset "utf-8";
@font-face {
  font-family: "IDHeiMedium";
  src: url("font/IDHeiMedium.eot");
  src: url("font/IDHeiMedium.eot?#iefix") format("embedded-opentype"), url("font/IDHeiMedium.ttf") format("truetype");
}
@font-face {
  font-family: "LCD2Normal";
  src: url("font/LCD2Normal.eot");
  src: url("font/LCD2Normal.eot?#iefix") format("embedded-opentype"), url("font/LCD2Normal.ttf") format("truetype");
}

/* POP window ===== START*/
#bodyMain  .lightbox {
  width: 100%;
  height: 100%;
  background: url(../images/lightbox-bg.png) repeat left top;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 100;
}
/* line 398, ../../scss/_main.scss */
#bodyMain  .lightbox .lightbox-box {
  position: fixed;
  width: 90%;
  left: 50%;
  margin-left: -45%;
  line-height: 1.5;
  padding: 30px 0;
}
/* line 405, ../../scss/_main.scss */
#bodyMain  .lightbox .lightbox-box .lightbox-main {
  position: relative;
  clear: both;
}
/* line 409, ../../scss/_main.scss */
#bodyMain .lightbox .lightbox-box .window-info {
  overflow-y: auto;
  background-color: #fff;
  padding: .5em 1em;
}
/* line 414, ../../scss/_main.scss */
#bodyMain .lightbox .lightbox-box .top-table {
  border-top: solid 2px #818181;
  padding-top: 20px;
}
/* line 417, ../../scss/_main.scss */
 #bodyMain.lightbox .lightbox-box .top-table .table-cell {
  width: 50%;
  float: left;
  outline: solid 1px #818181;
  margin-bottom: 1px;
}
/* line 422, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .top-table .table-cell .name {
  width: 50px;
  display: table-cell;
  vertical-align: middle;	
  background-color: #c0dbda;
  padding: .8em 0;
  border-right: solid 1px #818181;
}
/* line 429, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .top-table .table-cell .text {
   padding: 0 .8em;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
/* line 432, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .top-table .table-cell span {
  text-align: center;
}
/* line 436, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .top-table:after {
  clear: both;
  content: '';
  display: table;
}
/* line 441, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .top-table:first-child {
  border-top: none;
  padding-top: 5px;
}
/* line 446, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list {
  margin-top: 1.5em;
  border-bottom: solid 1px #818181;
}
/* line 449, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list .item {
  width: 100%;
  margin: .5em 0 .8em;
}
/* line 452, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list .item .item-name {
  width: 100%;
  max-width: 450px;
  padding: .3em .5em;
  background: url(../images/lightbox-title.png) repeat-y left top;
  border-radius: 10px;
  color: #fff;
}
/* line 459, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list .item .item-name h3 {
  margin: 0;
  padding: 0;
  padding-left: 20px;
  background: url(../images/icon-item.png) no-repeat left center;
}
/* line 466, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list .item .item-text {
  background: url(../images/lightbox-title-shadow.png) no-repeat center top;
  background-size: 100% auto;
  padding: .6em .3em;
}
/* line 470, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .box-list .item .item-text ol {
  margin: 0;
  padding-left: 22px;
}
/* line 477, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .ps {
  padding: .5em;
  margin-bottom: .5em;
}
/* line 480, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .ps h3 {
  margin: .1em 0 .3em;
}
/* line 483, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .ps ol {
  margin: 0;
  padding-left: 22px;
}
/* line 487, ../../scss/_main.scss */
 #bodyMain .lightbox .lightbox-box .ps ol ul li {
  background: url(../images/icon-list.png) no-repeat left 6px;
  padding-left: 12px;
}
/* line 565, ../../scss/_main.scss */
#bodyMain .lightbox .top-close {
  width: 22px;
  float: right;
  cursor: pointer;
}
/* line 569, ../../scss/_main.scss */
#bodyMain .lightbox .top-close img {
  vertical-align: bottom;
}
#bodyMain .lightbox.active {
  display: block;
  transition: all 0.3s ease-in;
}
/* POP window ===== end */
#timeoutdiv{
	margin-top:50px;
	height:100px;
	text-align:center;
	background-color:#eeeeee;
}
#timeoutpopUpDiv-main a{
  text-decoration:none;
	padding:5px 15px;
	font-size:15px;
	font-weight:bold;
	border-radius: 3px 3px 3px 3px;
	margin-left:5px;
	color:#ffffff; 
	background: #f1914d; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1914d 0%, #f1914d 50%, #eb6100 51%, #f1914d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1914d), color-stop(50%,#f1914d), color-stop(51%,#eb6100), color-stop(100%,#eb6100)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1914d 0%,#f1914d 50%,#eb6100 51%,#eb6100 100%); /* W3C */
}
#bodyMain .lightbox .window {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 10vh;
}
#bodyMain .lightbox  .window.sm-window {
  max-width: 320px;
}
#bodyMain .lightbox .window.lg-window {
  max-width: 1400px;
  padding-top: 50px;
}
#bodyMain .lightbox .window.lg-window .btn-top-close {
  top: 20px;
}
.window.lg-window .modal-popup {
  min-height: 90vh;
}
#bodyMain .lightbox  .window .modal-popup {
  background-color: #ffffff;
  padding: 10px;
  max-height: 80vh;
  overflow-y: auto;
}
#bodyMain .lightbox  .window .btn-top-close {
  position: absolute;
  right: 0;
  top: calc( 20vh - 30px );
  width: 30px;
  height: 30px;
  background: #ffffff url(../img/template/window_close.png) no-repeat center center;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: block;
}

#bodyMain .lightbox  .window .btn.btn-close {
  font-family: "Microsoft JhengHei", -apple-system, system-ui, Arial, sans-serif;
  font-size: 16px;
  color: #202020;
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 12px 5px 42px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background-color: #d8d8d8;
  border: 1px solid #d7d7d7;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD8D8D8', endColorstr='#FFFEFEFE');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #d8d8d8));
  background-image: -moz-linear-gradient(top, #fefefe 0%, #d8d8d8 100%);
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #d8d8d8 100%);
  background-image: linear-gradient(to bottom, #fefefe 0%, #d8d8d8 100%);
}
#bodyMain .lightbox  .window .title .btn {
  padding: 4px 8px;
  margin-top: -12px;
  margin-bottom: -8px;
  font-size: .86em;
}
#bodyMain .lightbox  .window .title .btn[class*="btn-"] {
  padding-left: 32px;
}
#bodyMain .lightbox  .window .title.subtitle .btn {
  padding: 0 8px;
  margin-top: -8px;
  margin-bottom: -4px;
}
#bodyMain .lightbox  .window .title.subtitle .btn[class*="btn-"] {
  padding-left: 30px;
}
#bodyMain .lightbox  .window .window-top {
  position: absolute;
  right: 25px;
  bottom: 10px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  width: 50px;
  height: 50px;
  text-align: center;
  color: #ffffff;
  line-height: 50px;
  text-decoration: none;
  display: none;
}
#bodyMain .lightbox  .main-header {
  background-color: #eeeeee;
}
#bodyMain .lightbox  .main-header .collapse-content.line {
  border: 1px solid #909090;
}
#bodyMain .lightbox  .main-header.color-table-gy {
  background-color: transparent;
}
#bodyMain .lightbox  .main-header .header-content table {
  margin: 0 auto;
}
#bodyMain .lightbox  .main-header .collapse-content.line {
  border: 1px solid #909090;
}

.clearafter:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
}
.title.subtitle {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 20px;
}
.title.subtitle input, .title.subtitle button, .title.subtitle select {
  padding: 1px 2px;
}
.colorR {
  color: #e10000 !important; 
}
.colorGy {
  color: #909090 !important;
}
.colorBk {
  color: #000000 !important;
}
.colorWt {
  color: #ffffff !important;
}
.colorBl {
	color: blue !important;
}
.title .ltitle {
  float: left;
  line-height: 1;
}
.title.title-g {
  background-color: #03a0a7;
}
.title.title-o {
  background-color: #ffa23e;
}
.title.title-r {
  background-color: #ee3f7a;
}
.title.title-g1 {
  background-color: #acd598;
}
.title.title-g2 {
  background-color: #89c997;
}
.title.title-g3 {
  background-color: #03bfc9;
}
.title.title-b1 {
  background-color: #7ecef4;
}
.title.title-b2 {
  background-color: #88abda;
}
.title.title-r1 {
  background-color: #f19ec2;
}
.title.title-r2 {
  background-color: #f29c9f;
}
.title.title-y1 {
  background-color: #facd89;
  color: #202020 !important;
}
.collapse.open {
	display: block;
}
.collapse.open.collapse-content {
  display: block;
}

.btn-block {
  padding: 15px 0;
}
.btn-block:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
}
.collapse.collapse-content {
  padding: 10px;
  display: none;
}
#bodyMain .lightbox  .window .sm-window .btn {
  font-family: "Microsoft JhengHei", -apple-system, system-ui, Arial, sans-serif;
  font-size: 16px;
  color: #202020;
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 12px 5px 42px;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  background-color: #d8d8d8;
  border: 1px solid #d7d7d7;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD8D8D8', endColorstr='#FFFEFEFE');
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(100%, #d8d8d8));
  background-image: -moz-linear-gradient(top, #fefefe 0%, #d8d8d8 100%);
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #d8d8d8 100%);
  background-image: linear-gradient(to bottom, #fefefe 0%, #d8d8d8 100%);
}

.text-center {
  text-align: center;
}
.btn.btn-warning::before {
  background-image: url(../img/template/icon_warning.png);
}