@charset "utf-8";
/* CSS Document */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	padding: 0;
	margin: 0;
	border: 0; 
  outline: 0; 
  font-size: 100%; 
  vertical-align: baseline; 
  background: transparent; 
  color: #fff;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { text-decoration: none; outline: none; /* for Firefox */ }
.clear { clear : both; }

img { vertical-align: middle; border: 0; text-align: center; height: auto; max-width: 100%; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img, fieldset { border: 0 none; }
ul, ol, li { list-style: none; }
em, address { font-style: normal; }
table { border-collapse: collapse; }
em, i { font-style: normal; }
strong, b { font-weight: normal; }
img { border: none; }
input, img { vertical-align: middle; }
input { outline: none; border: none; }
textarea:focus { outline: 0; }
a { text-decoration: none; cursor: pointer }
.clearfix:after { display: block; clear: both; visibility: hidden; height: 0; content: " "; font-size: 0; }
.clearfix { *zoom:1;
}

input[type="button"] {
	padding:0px;
	margin:0px;
	border: none;
	cursor: pointer;
}
input[type="checkbox"], input[type="radio"]{
 padding:0px;
 box-sizing:border-box;
}

input::placeholder {
	color: #ccc;
}
html,
button,
input,
select,
textarea {
    color: #222;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

::-webkit-input-placeholder {
    font-size: .875em;
    -webkit-user-modify: read-write-plaintext-only;
    -webkit-writing-mode: horizontal-tb;
}

button[disabled],
html input[disabled] {
    cursor: default;
}
* {box-sizing: content-box;-moz-box-sizing: inherit;-webkit-box-sizing: inherit;}/*for ie11*/
*, *:before, *:after {
  font-family: 'Microsoft YaHei', '微軟正黑體',  'PingFang TC', Meiryo, "Meiryo UI", "Microsoft JhengHei UI", "Microsoft JhengHei", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* 220331 增加div:not(.slick-slide):not(.slick-track) 避免影響到循環輪播 */
*, .animated ,a ,a:hover ,a:active ,a:after ,li ,button /*,div:not(.slick-slide):not(.slick-track) */,img {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5;
	transition: all .5s;
}


.hide{
  display: none;
}
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*--lightbox  250206樣式不變 內容另設定----*/
/* 設定好背景層的樣式以及位置 */
.lightbox_GameReserve {
	position: fixed;
	top: -100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;/* 預設透明度為 0，觸發 :target 後，利用動畫效果調整透明度 */
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	overflow: hidden;
	z-index: 99999;
}
/* 設定內容的樣式及位置(白底區塊) */
.lightbox_GameReserve .content {
  width: auto;
  height: auto;
  background: none;
  color: #333;
  margin: auto;
  position: relative;
  top: 10%;
  left: 0%;
  right: 0;
  bottom: 0;
  /*max-height: max-content;
  max-width: 0%;*/
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-align: center;
  overflow: hidden;
  display: block;
}
/* 設定圖片的樣式及位置，利用 
.lightbox_GameReserve img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 0%;*//* 預設寬高為 0，觸發 :target 後，利用動畫效果展開寬與高 
  max-width: 0%;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}*/
/* 當 :target 觸發後，index-target 的透明度為 1；content & img 的寬高為 100% */
.lightbox_GameReserve:target {
  opacity: 1;
  top: 0;
  bottom: 0;
}
.lightbox_GameReserve:target .content/*, .lightbox_GameReserve:target img*/ {
  max-height: max-content;
  max-width: max-content;
}
.lightbox_GameReserve:target .lightbox-close {
  top: 4%;
}

/* 關閉 Lightbox 按鈕的位置及樣式 */
.lightbox_GameReserve .lightbox-close {
  display: block;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  position: absolute;
  top: 4%;
  right: 2%;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  -webkit-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  background-image: url("../images/index/close.png");
  background-repeat: no-repeat;
  z-index: 99999;
}



/* 利用偽元素做出 \ 以及 / 的線條，合併就變成 X 囉 
.lightbox_GameReserve .lightbox-close:before,
.lightbox_GameReserve .lightbox-close:after {
  content: " ";
  display: block;
  height: 20px;
  width: 1px;
  background: #959595;
  position: absolute;
  left: 1%;
  top: 2%;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.lightbox_GameReserve .lightbox-close:after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
*/


/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------*/