/* 共同 */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Verdana, Geneva, sans-serif, "微軟正黑體";
}
.ac-tit img+ img{
	display: none;
}
br.mb{
	display: none;
}
aside ul{
	margin: 20px 0;
}
body{
	width: 100%;
	overflow-x: hidden;
}
img{
	max-width: 100%;
	vertical-align: middle;
	/*width: 100%;
	height: 100%;
    object-fit:cover;*/
}
a{
	text-decoration: none;
	color: #ffffff;
	background: transparent;
	transition: color .5s;
}
a:hover{
	background: transparent;
	color: #FFE301;
}
.row{
	overflow: hidden;
	margin-bottom: 15px;
	padding-left: -15px;
	padding-right: -15px;
}
.col{
	position: relative;
	width: 100%;
	color: #FFF;
	float: left;
	min-height: 1px;
}
.col-1{ width: 8.3333%; }
.col-2{ width: 16.6667%; }
.col-3{ width: 25%; }
.col-4{ width: 33.3333%; }
.col-5{ width: 41.6667%; }
.col-6{ width: 50%; }
.col-7{ width: 58.3333%; }
.col-8{ width: 66.6667%; }
.col-9{ width: 75%; }
.col-10{ width: 83.3333%; }
.col-11{ width: 91.6667%; }
.col-12{ width: 100%; }
.col + .col{
	padding-left: 20px;
}
.text-align-left { text-align: left; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }
.text-color-black { color: black; }
.text-color-white { color: white; }
.text-color-green { color: #c2d44e; }
.mb-30 { margin-bottom: 30px; }
.button-default {
	text-decoration: none;
	display: inline-block;
	padding: 15px 30px;
	font-size: 18px;
	text-transform: uppercase;
	border-width: 2px;
	border-style: solid;
}
.button-black,
.button-white:hover {
	background-color: black;
	color: white;
	border-color: black;
}

.button-white,
.button-black:hover {
	background-color: transparent;
	color: black;
	border-color: black;
}
.button-green {
	background-color: #c2d44e;
	color: white;
	border-color: #c2d44e;;
}
.button-green:hover {
	background-color: transparent;
	color: #c2d44e;
	border-color: #c2d44e;;
}
.banner-item-link {
	display: block;
}
.banner-item-link::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #c4d44e;
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 30;
	transform: scale(0);
	transform-origin: center center;
	transition: all .3s
}
.banner-item-link:hover::before {
	content: '';
	transform: scale(1);
	opacity: .2;
}
.font-import {
	color: #FFD83B;
	font-weight: 600;
}

/* 各區域 */
body {
	background-image: url(../images/BG.jpg);
	background-color: #1E0939;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-attachment: fixed;
	background-size: cover;
	font-size: 1.3rem;
}
body:before {
	content: ' ';
	position: fixed;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/BG.jpg) center 0 no-repeat;
	background-size: cover;
}
div{
	/* outline: 1px solid #fff; */
}
header{
	padding: 0;
}
header .container{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	font-size: 0;
}

nav{
	width: 85%;
    max-width: 1600px;
    margin: 66px auto 40px;
    padding: 0px 30px;
    position: relative;
    z-index: 9999;
}
.topNav{
	max-width: 1257px;
	margin: auto;
}
nav ul{
	margin-bottom: 0;
	list-style: none;
	font-size: 0;
}
nav li{
	display: inline-block;
	width: calc(100% / 3);
	padding: 5px 10px;
	text-align: center;
	margin-bottom: -1%;
}
nav li a{
	display: inline-block;
	width: 100%;
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
	
}
nav li a.disabled {
	/* And disable the pointer events */
	pointer-events: none;
  }
nav li a.check {

}
nav li a img{
	position: relative;
	z-index: 5;
	transition: ease all .3s;
}
nav li a:focus {
	border-color: blue;
  }
nav li a:hover,
nav li a.check {

}
nav .topNav li a::after {
    content: "";
    background: url(../images/btn/hover/BT_s_01.png) center no-repeat;
    top:0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    margin: auto;
    transition: all ease .3s;
    opacity: 0;
    position: absolute;
	background-size: contain;
}
nav .topNav li:nth-child(1) a::after {
	background-image: url(../images/btn/hover/BT_s_01.png);
}
nav .topNav li:nth-child(2) a::after {
	background-image: url(../images/btn/hover/BT_s_02.png);
}
nav .topNav li:nth-child(3) a::after {
	background-image: url(../images/btn/hover/BT_s_03.png);
}
nav .topNav li:nth-child(4) a::after {
	background-image: url(../images/btn/hover/BT_s_04.png);
}
nav .topNav li:nth-child(5) a::after {
	background-image: url(../images/btn/hover/BT_s_05.png);
}
nav .topNav li:nth-child(6) a::after {
	background-image: url(../images/btn/hover/BT_s_06.png?v=0.0.1);
}

nav .topNav li a:hover img,
nav .topNav li a.check img{
	opacity: 0;
}
nav .topNav li a:hover::after,
nav .topNav li a.check::after  {
	opacity: 1;
}

.bottom-tool nav li a{
	filter: brightness(100%);
	display: inline-block;
	width: 100%;
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
}
.bottom-tool nav li a img{
	height: 40px;
	width: auto;
	object-fit: contain;
	margin-bottom: 5px;
}
.bottom-tool nav ul{
	list-style: none;
	font-size: 0;
}
.bottom-tool nav li{
	display: inline-block;
	width: calc(100% / 4);
	text-align: center;
}
/* 文字顏色 */
.sub-title {
	color: #F5E61C;
}
.font-blue {
	color: #00FFEE;
}
.font-yellow {
	color: #F5E61C;
}


.banner .container{
	width: 100%;
	/*max-width: 1600px;*/
	margin: 0 auto;
}
.banner .row-fluid{ 
	width: 100%;
	height: 0;
	padding-bottom: 37%;
}
.banner-pic{
	width: 100%;
	padding-top: 45%;
}
.banner-pic .mb{
	display: none;
}
.banner .banner-content .desc{
	font-size: 42px;
	font-weight: 400;
	vertical-align: super;
	position: relative;
	top: -2em;
}
.banner .banner-content .discount{
	font-size: 150px;
	position: relative;
	top: 0.5em;
}

.banner .banner-row {
	width: 100%;
	position: relative;
	font-size: 0;
	margin-bottom: 20px;
}
.banner .banner-row-big {
	display: inline-block;
	width: 70%;
	padding-right: 20px;
	position: relative;
}

.banner .banner-row-small {
	display: inline-block;
	width: 30%;
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #fa0;
}

.banner .banner-shop-button{
	display: inline-block;
	padding: 15px 30px;
	color: #FFF;
	border: 2px solid #FFF;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.activities { margin-bottom: 50px; }
.activities .container{
	width: 80%;
	max-width: 1520px;
	margin: 0 auto;
	padding: 0 30px;
}
.activities .reward .container{
	width: 100%;
}
.activities h2{
	text-align: center;
	font-size: 35px;
	font-weight: 300;
	padding-bottom: 0;
}
.activities h4{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0;
	padding: 2% 0 1% 3%;
	color: #FFDE9E;
    letter-spacing: 1px;
}
.activities .tag{
	font-size: 24px;
	color: #FFDE9E;
}
.activities .activities-content{
    padding: 0 9%;
    margin-top: -144px;
}
.activities .activities-panel{
	background: rgba(123, 1, 1, 0.85);
	border: 1px solid rgba(225, 193, 152, 0.85);
	padding: 140px 7% 20px;
	color: #ffffff;
	border-radius: 3px;
	margin: auto;
}
.activities-panel .item h3 img{
	width: 303px;
	margin-bottom: 25px;
}
.activities-panel .item {
	margin-bottom: 40px;
}
.activities .item p{
	padding: 0 1%;
	word-break: break-all;
	font-size: 24px;
	color: #ffffff;
    letter-spacing: 1px;
}
.activities .item ol,
.activities .item ul {
	word-break: break-all;
	word-wrap: break-word;
	font-size: 24px;
	padding-left: 4%;
	-moz-padding-start: 4%;
	-webkit-padding-start: 4%;
	-khtml-padding-start: 4%;
	-o-padding-start: 4%;
	padding-inline-start: 4%;
}
.activities .activities-items{
	font-size: 0;
}
.activities .activities-item{
	width: calc(100% / 4);
	display: inline-block;
	padding: 0 15px;
	vertical-align: top;
}
.activities .activities-item-pic{
	display: inline-block;
	width: 100%;
	height: 0;
	padding-bottom: 122.3529%;
	overflow: hidden;
	margin-bottom: 20px;
	background-color: #f1f1f1;
	position: relative;
}
.activities .activities-item-pic img{
	transform: translateY(0%);
	transition: transform .5s;
}
.activities .activities-item-pic:hover img{
	transform: translateY(-100%);
}
.activities .activities-item-pic .activities-item-pic-mark{
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	position: absolute;
	top: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	z-index: 10;
	margin: 10px;
}
.activities .activities-item-pic .activities-item-pic-mark.discount{
	background-color: #c2d44e;
	left: 0;
}
.activities .activities-item-pic .activities-item-pic-mark.new{
	background-color: #393e45;
	right: 0;
}
.activities .activities-item-pic .activities-item-pic-mark.pack{
	background-color: #fbbc05;
	right: 0;
	top: 50px;
}
.activities .activities-item-pic .activities-item-pic-mark.look{
	color: #c2d44e;
	border: 1px solid #c2d44e;
	border-radius: 0;
	background-color: transparent;
	right: 0;
	top: calc(100% - 70px);
	cursor: pointer;
	transition: all .5s;
}
.activities .activities-item-pic .activities-item-pic-mark.look:hover{
	background-color: #c2d44e;
	color: #FFF;
}
.activities .activities-item-info{
	text-align: center;
	font-size: 16px;
	font-weight: 300;
}
.activities .activities-item-info a{ display: block; }
.activities .activities-item-info p{ padding-bottom: 15px; }
.activities .product-price{
	font-weight: 700;
	color: #c2d44e;
}
.activities .product-price .product-price-original{
	text-decoration: line-through;
	padding-right: 0.5em;
	font-weight: 300;
	color: #393e45;
}
.activities-item-button-heart {
	position: absolute;
	left: -50px;
}
.activities-item-button-random {
	position: absolute;
	right: -50px;
}
.activities-item-button-heart:hover,
.product-links a.activities-item-button:hover ~ .activities-item-button-heart {
	left: 15px;
}
.activities-item-button-random:hover,
.activities-item-button-random:hover ~ .product-links a.activities-item-button:first-child,
.product-links a.activities-item-button:hover ~ .activities-item-button-random {
	right: 15px;
}

.promote-banner {
	width: 100%;
	position: relative;
	font-size: 0;
}
.promote-banner-item { 
	display: inline-block;
	width: 50%;
} 
.promote-banner .promote-banner-big {
	display: inline-block;
	width: 66.66%;
	position: relative;
}

.promote-banner-big .promote-banner-pic {
	position: relative;
	margin-bottom: 20px;
}

.force-fit {
	position: absolute;
	top: 0;
	bottom: 0;
}
.force-fit img {
	height: 100%;
}
.pullRight { transform: translateX(100%); }
.promote-banner-big .promote-banner-item:first-child { padding-right: 15px; }
.promote-banner-big .promote-banner-item:nth-child(2) { padding-left: 15px; }
.promote-banner-big .promote-banner-item-text {
	width: 100%;
	margin-bottom: 0;
	padding: 20px 50px;
	background-color: #222;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
}

.banner-content {
	width: 100%;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	z-index: 50;
	padding-top: 41.66%;
}
.banner-content .icon-word{
    position: absolute;
    top: 4%;
    left: 13.5%;
    margin: auto;
    width: 47%;
    z-index: 9999;
    -webkit-animation: pulse 1s ease infinite;
    -moz-animation: pulse 1s ease infinite;
    -ms-animation: pulse 1s ease infinite;
    -o-animation: pulse 1s ease infinite;
    animation: pulse 1s ease infinite;
}
.banner-content .icon-logo{
	display: none;
}
/* Benz */
.banner-content .icon-main{
	position: absolute;
    top: 47%;
    left: 50%;
    width: 57%;
    transform: translate(-51%, 0);
    z-index: 10;
    -webkit-animation: CarMove 1s ease-out;
    -moz-animation: CarMove 1s ease-out;
    -ms-animation: CarMove 1s ease-out;
    -o-animation: CarMove 1s ease-out;
    animation: CarMove 1s ease-out;
}
.banner .row{
	overflow: inherit;
}
.banner-pic{
	position: relative;
}
.shiny{
	position: absolute;
	z-index: 11;

	-webkit-animation: shiny 3s ease infinite; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: shiny 3s ease infinite; /* Firefox < 16 */
	-ms-animation: shiny 3s ease infinite; /* Internet Explorer */
	-o-animation: shiny 3s ease infinite; /* Opera < 12.1 */
	animation: shiny 3s ease infinite;
}
.shiny1 {
    width: 10%;
    right: 39%;
    bottom: 7%;
}
.shiny2{
    top: 77.7%;
    left: 50.7%;
    width: 5.5%;
}
.shiny3{
	top: 72.8%;
    left: 31.8%;
    width: 8.1%;
}
.shiny4{
	top: 62.5%;
    left: 32%;
    width: 8%;
}
.shiny5{
    top: 64.8%;
    left: 29.5%;
    width: 6.1%;
}
.shiny6{
    top: 61.5%;
    left: 13.8%;
    width: 7%;
}
.shiny7{
	top: 62.6%;
    left: 13.8%;
    width: 5%;
}

/* Wanting */
.icon-Endorsers {
	position: absolute;
	top: 8%;
	right: 10%;
	transform: translateY(-1%);
	-webkit-animation: pulse 1s ease infinite;
	-moz-animation: pulse 1s ease infinite;
	-ms-animation: pulse 1s ease infinite;
	-o-animation: pulse 1s ease infinite;
	animation: pulse 1s ease infinite;
}
/* Rolex */
.banner-content .icon-1{
	position: absolute;
	top: 8%;
	right: 16%;
	transform: translateY(-1%);
	z-index: 50;
	opacity: 0;
	-webkit-animation: fadeIn 1s ease-in 1.5s forwards ; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadeIn 1s ease-in 1.5s forwards ; /* Firefox < 16 */
	-ms-animation: fadeIn 1s ease-in 1.5s forwards ; /* Internet Explorer */
	-o-animation: fadeIn 1s ease-in 1.5s forwards ; /* Opera < 12.1 */
	animation: fadeIn 1s ease-in 1.5s forwards ;
}
/* gogoro */
.banner-content .icon-2{
	position: absolute;
	top: 77%;
	left: 12%;
	z-index: 50;
	opacity: 0;
	-webkit-animation: fadeIn 1s ease-in 1.5s forwards ; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadeIn 1s ease-in 1.5s forwards ; /* Firefox < 16 */
	-ms-animation: fadeIn 1s ease-in 1.5s forwards ; /* Internet Explorer */
	-o-animation: fadeIn 1s ease-in 1.5s forwards ; /* Opera < 12.1 */
	animation: fadeIn 1s ease-in 1.5s forwards ;
}
/* Bird */
.dk,.mb{
    position: absolute;
    top: 0;
	width: 100%;
	overflow: hidden;
}
.icon-3{
    position: absolute;
    width: 15.7%;
    bottom: 44%;
    /* right: 0; */
    left: 9%;
    z-index: 999;
	-webkit-animation: shake 2s ease infinite; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: shake 2s ease infinite; /* Firefox < 16 */
	-ms-animation: shake 2s ease infinite; /* Internet Explorer */
	-o-animation: shake 2s ease infinite; /* Opera < 12.1 */
	animation: shake 2s ease infinite;
}
/* iPhone */
.banner-content .icon-4{
	position: absolute;
	top: 36%;
	right: 10%;
	z-index: 50;
	opacity: 0;
	-webkit-animation: fadeIn 1s ease-in 1.5s forwards ; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadeIn 1s ease-in 1.5s forwards ; /* Firefox < 16 */
	-ms-animation: fadeIn 1s ease-in 1.5s forwards ; /* Internet Explorer */
	-o-animation: fadeIn 1s ease-in 1.5s forwards ; /* Opera < 12.1 */
	animation: fadeIn 1s ease-in 1.5s forwards ;
}
.icon-4 img{
	width: 90%;
}
/* iPad */
.banner-content .icon-5{
	position: absolute;
	top: 65%;
	right: 10%;
	transform: translateY(-1%);
	z-index: 50;
	opacity: 0;
	-webkit-animation: fadeIn 1s ease-in 1.5s forwards ; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadeIn 1s ease-in 1.5s forwards ; /* Firefox < 16 */
	-ms-animation: fadeIn 1s ease-in 1.5s forwards ; /* Internet Explorer */
	-o-animation: fadeIn 1s ease-in 1.5s forwards ; /* Opera < 12.1 */
	animation: fadeIn 1s ease-in 1.5s forwards ;
}
.banner-content h2{
	font-size: 60px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.banner-content h2 span{
	display: block;
	font-size: 30px;
	font-weight: 300;
}
.banner-content h3 {
	font-size: 26px;
	font-weight: 400;
	text-transform: uppercase;
}
.banner-content h3 span {
	display: block;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 24px
}

.blog {
	padding: 100px 20px;
}
.blog .container {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.blog .container::after,
.blog .blog-item::after {
	content:'';
	display: block;
	clear: both;
}
.blog h2 {
	font-size: 40px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 50px;
}
.blog .blog-item {
	float: left;
	width: 50%;
}
.blog-item .blog-item-sidebar {
	float: left;
	width: calc(20% - 20px);	
	margin: 0 10px;
}
.blog-item-sidebar .sidebar-box {
	margin-bottom: 10px;
	padding: 20px 10px;
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
	color: #393e45;
}
.blog-item-sidebar .sidebar-box i { 
	font-size: 30px;
	margin-bottom: 5px;
}
.blog-item-sidebar .sidebar-box.sidebar-box-calendar { 
	background-color: #c2d444;
}
.blog-item-sidebar .sidebar-box.sidebar-box-views { 
	background-color: #393e45;
	color: #898e91;
}
.blog-item .blog-item-main {
	float: left;
	width: 80%;
	padding: 0 10px;
}
.blog-item-main .blog-item-pic {
	margin-bottom: 30px;
}
.blog-item-main .blog-item-content h3 {
	margin-bottom: 30px;
}
.blog-item-main .blog-item-content p {
	font-size: 20px;
	line-height: 1.5;
	color: #898e91;
	margin-bottom: 30px;
}


footer {
	font-size: 0;
	padding: 15px 0;
	background-color: rgba(153, 0, 0, 0.9);
}
footer .container {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
footer .sitemap {
	display: inline-block;
	width: calc(100% / 4);
	font-size: 16px;
	vertical-align: top;
	margin-bottom: 50px;
}
footer .sitemap h3 {
	color: #aeb4bc;
	margin-bottom: 20px;
}
footer .sitemap ul {
	display: inline-block;
	list-style: none;
}
footer .sitemap ul li {
	color: #898e91;
	margin-bottom: 0.3em;
}
footer .sitemap ul.mark li {
	margin-left: 0.5em;
	position: relative;
	padding-left: 1em;
}
footer .sitemap ul.mark a::before {
	position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f101";
    font-size: 0.4em;
    line-height: 0.4em;
    left: -0.4em;
    top: 1em;
    color: #898e91;
    transition: all .5s;
}
footer .sitemap a {
	display: block;
	color: #898e91;
	padding: 5px 0;
	font-size: 16px;
}
footer .sitemap a:hover {
	color: white;
}
footer .sitemap ul.mark a:hover::before {
	color: white;
	left: 0;
}
footer .copyright-row {
	display: flex;
	flex-wrap: wrap;
	color: #FFF;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 12px;
	text-align: center;	
	vertical-align: middle;
	justify-content: center;
}

footer img{
	max-width: 100%;
    object-fit: contain;
    height: auto;
}
footer .copyright-row .txt{
	height: 50px;
	line-height: 50px;
}

/* 浮動側邊欄 */
.aside-tool {
    position: fixed;
    bottom: 0;
    margin: auto;
    top: -80px;
    display: flex;
    right: 30px;
    z-index: 999999;
    transition: left .5s;
    align-items: center;
}
.aside-tool-box {
	display: inline-block;
	border-radius: 5px;
	margin: 0 auto;
	position: relative;
	width: 93%;
    padding-bottom: 121px;
	background: rgba(255, 36, 51, 0.85) 0% 0% ;
	border: 1px solid rgba(254, 70, 57, 1);
	color: #FFF;	
	text-align: center;
}
.aside-tool-box-border {
	display: inline-block;
	border-radius: 10px;
	position: relative;
	text-align: center;
	width: 150px;
	background: rgba(146, 105, 11, 0.7) 0% 0% no-repeat padding-box;
    background: -webkit-linear-gradient(rgba(146, 105, 11, 0.7) 0%, rgba(251, 209, 172, 0.7) 100%);
    background: -o-linear-gradient(rgba(146, 105, 11, 0.7) 0%, rgba(251, 209, 172, 0.7) 100%);
    background: -moz-linear-gradient(rgba(146, 105, 11, 0.7) 0%, rgba(251, 209, 172, 0.7) 100%);
    background: linear-gradient(rgba(146, 105, 11, 0.7) 0%, rgba(251, 209, 172, 0.7) 100%);
    border: 1px solid rgba(252, 140, 89, 1);
}
.aside-tool-box .aside-tool-icon {
	display: inline-block;
	position: absolute;
	width: 170px;
	left: 50%;
	transform: translate(-50%, 0);
	top: -70px;

	cursor: pointer;
}
.aside-tool-box .aside-tool-icon label { cursor: pointer; }
.aside-tool-box .title {
	display: inline-block;
	margin-top: 40px;
	font-size: 18px;
}
.aside-tool-box h4 {
	padding: 19px 10px;
	border-bottom: 1px solid #535545;
}
.aside-tool-box p {
	margin: 0;
	padding: 3px;
	font-size: 20px;
	text-align: center;
}
.aside-tool-box .adv-pic {
    position: absolute;
    width: 219%;
    left: 52%;
    transform: translate(-50%, 0);
    bottom: -2.5em;
}
.aside-tool-box .adv-pic img {
	width: 65%;
}
/* Mobile置底列 */
.bottom-tool {
	display: none;
	-webkit-box-shadow: 0px -1px 5px rgb(37, 37, 37);
	-moz-box-shadow: 0px -1px 5px rgb(37, 37, 37);
	box-shadow: 0px -1px 5px rgb(37, 37, 37);
	opacity: 0.9;
}
.bottom-tool nav {
	padding: 5px 15px;
	height: 60px;
	width: 100%;
	margin: 0;
}
.bottom-tool nav ul {
	display: flex;
	justify-content: center;
	height: 50px;
	margin: 0;
}
.bottom-tool nav li img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.bottom-tool nav li{
	width: 100%;
	padding: 5px 15px;
	display: inline-block;
	height: 100%;
	line-height: 100%;
	text-align: center;
}
.bottom-tool div {
	text-align: center;
}


/* Table element */
.threshold,
.gameType,
.scratch,
.topUp {
	padding: 0 1%;
}
.threshold table,
.gameType table,
table {
	border: 1px solid #000000;
	border-collapse: separate;
	word-wrap: break-word;
	border-spacing: 0;
	border-radius: 10px;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
	color: #000000;
}

.threshold thead th,
.gameType thead th,
thead th{
	background: transparent linear-gradient(180deg, #FF9F4B 0%, #F45437 41%, #E80020 100%) 0% 0% no-repeat padding-box;
	border: 1px solid #000000;
	font-size: 1em;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-transform: uppercase;
	color: #ffffff;
}
/*表頭例外處理*/
thead th.fish-head-1 {
	background: #0795e8; /* Old browsers */
	background: -moz-linear-gradient(top, #0795e8 0%, #2359b5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #0795e8 0%,#2359b5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0795e8 0%,#2359b5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
thead th.fish-head-2 {
	background: #e8205f; /* Old browsers */
	background: -moz-linear-gradient(top, #e8205f 0%, #b5233b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e8205f 0%,#b5233b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e8205f 0%,#b5233b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
thead th.fish-head-3 {
	background: #bb07e8; /* Old browsers */
	background: -moz-linear-gradient(top, #bb07e8 0%, #7323bb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #bb07e8 0%,#7323bb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #bb07e8 0%,#7323bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.threshold table tr,
.gameType table tr,
table tr {
	background-color: #ffffff;
	border-radius: 10px;
}
  
table th,
table td,
.threshold table th,
.threshold table td,
.gameType table th,
.gameType table td {
	text-align: center;
	border: 1px solid #000000;
	padding: 10px 0;
}
.topUp tbody tr th {
	background-color: #FE9500;
}
/*第一欄第一列：左上*/
thead tr:first-child th:first-child,
.threshold thead tr:first-child th:first-child,
.gameType thead tr:first-child th:first-child {
	border-top-left-radius: 8px;
}
tbody tr:first-child td:first-child,
.threshold tbody tr:first-child td:first-child,
.gameType tbody tr:first-child td:first-child {
	border-top-left-radius: 0px;
}
/*第一欄最後列：左下*/
thead tr:first-child th:first-child,
.threshold thead tr:first-child th:first-child,
.gameType thead tr:first-child th:first-child {
	border-bottom-left-radius: 0px;
}
tbody tr:last-child td:first-child,
tbody tr:last-child th:first-child,
.threshold tbody tr:last-child td:first-child,
.threshold tbody tr:last-child th:first-child,
.gameType tbody tr:last-child td:first-child,
.gameType tbody tr:last-child th:first-child {
	border-bottom-left-radius: 8px;
}
/*最後欄第一列：右上*/
thead tr:first-child th:last-child,
.threshold thead tr:first-child th:last-child,
.gameType thead tr:first-child th:last-child {
	border-top-right-radius: 8px;
}
tbody tr:first-child td:last-child,
.threshold tbody tr:first-child td:last-child,
.gameType tbody tr:first-child td:last-child {
	border-top-right-radius: 0px;
}
/*最後欄第一列：右下*/
thead tr:first-child th:last-child,
.threshold thead tr:first-child th:last-child,
.gameType thead tr:first-child th:last-child {
	border-bottom-right-radius: 0px;
}
tbody tr:last-child td:last-child,
.threshold tbody tr:last-child td:last-child,
.gameType tbody tr:last-child td:last-child {
	border-bottom-right-radius: 8px;
}
#gameTicket_m {
	display: none;
}


.reward {
	margin: 0 0%;
	/* padding: 0 3%; */
	padding-bottom: 30px;
	background-color: #ffffff;
	border-radius: 5px;
	border: 1px solid #4B000A;
}
.reward header{
	border-radius: 5px 5px 0 0;
	background: transparent linear-gradient(180deg, #FF2930 0%, #4B000A 100%) 0% 0% no-repeat padding-box;
	border: 1px solid #FFFFFF;
	margin-bottom: 10px;
	text-align: center;
}
.reward header img{
	width: 50%;
}
.reward .items.row{
	margin: 0 -5px;
}
.reward .items .col-6,
.reward .items .col-12,
.reward .items .col-sm-3{
	padding-left: 5px;
	padding-right: 5px;
}
.reward .item {
	text-align: center;
	background: transparent linear-gradient(180deg, #FF3737 0%, #6A0006 100%) 0% 0% no-repeat padding-box;
	border-radius: 5px;
	padding: 0 0 10px 0;
	margin: 5px 0;
}
.reward .title {
	padding: 7px 5%;
    border-radius: 5px 5px 0 0;
    height: 56px;
	line-height: 42px;
	background: transparent linear-gradient(180deg, #EC3030 0%, #F96655 92%, #F69347 100%) 0% 0% no-repeat padding-box;
}
.reward .item-body {
	margin-top: 5px;
	height: 100%;
	padding: 10px 0;
}
.reward .item-body img{
	height: 230px;
	object-fit: contain;
}
.reward .gem .item-body img {
	height: 194px;
	object-fit: contain;
}
.reward .item-body p{
	height: 100%;
}
.reward .jackpot{
	height: 80px;
}
.reward .title img {
	height: 100%;
}
.reward .gem {
	
}
.reward p {
	margin-bottom: 0;
	padding-left: 0;
}
.activities .gem p{
	padding-left: 0;
	font-size: 24px;
}
.firstItem {
	margin: 0 0px;
}
.firstItem .row {
	margin-bottom: 0;
	padding: 20px 0 0;
}
.pic {
	width: 58%;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
}
.reward .mb_reward .pic{
	position: relative;
	width: 100%;
}
.mb_reward .gold_1_base{
	display: none;
}
.reward-top{
	width: 21%;
    position: absolute;
    top: 2%;
    left: 0.5%;
}
.gold_1_base {
    width: 90%;
}
.title-center h2 {
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-weight: 600;
}
.announce {
	padding-top: 30px;
	font-size: 14px;
}
@media screen and (max-width: 600px) {
	.reward .title{
		height: 40px;
		line-height: 40px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.threshold table {
		border: 0;
	}

	.threshold table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.threshold table tr {
		border: 0px;
		background: none;
		display: block;
	}

	.threshold table td {
		border: 2px solid #000000;
		background-color: #ffffff;
		display: block;
		font-size: .8em;
		text-align: center;
		font-size: 18px;
		padding: 0px;
		height: 90px;
		border-radius: 10px;
		margin-top: 5px;;
	}

	.threshold table td::before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);
		*/
		display: inline-block;
		text-align: center;
		border-top-left-radius: 7px;
		border-top-right-radius: 7px;
		content: attr(data-label);
		width: 100%;
		margin-bottom: 10px;
		font-weight: bold;
		line-height: 30px;
		height: 30px;
		color: #ffffff;
		background: transparent linear-gradient(180deg, #FF9F4B 0%, #F45437 41%, #E80020 100%) 0% 0% no-repeat padding-box;
		text-transform: uppercase;
	}
	/*第一欄第一列：左上*/
	.threshold tbody tr:first-child td:first-child {
		border-top-left-radius: 8px;
	}
	/*第一欄最後列：左下*/
	.threshold tbody tr:last-child td:first-child {
		border-bottom-left-radius: 8px;
	}
	/*最後欄第一列：右上*/
	.threshold tbody tr:first-child td:last-child {
		border-top-right-radius: 8px;
	}
	/*最後欄第一列：右下*/
	.threshold tbody tr:last-child td:last-child {
		border-bottom-right-radius: 8px;
	}

	#gameTicket {
		display: none;
	}
	#gameTicket_m {
		display: block;
	}
}


#gotop {
	display: block;
	position: fixed;
	width: 80px;
	height: 80px;
	right: 50px;
	bottom: 90px;
	font-size: 10px;
	color: white;
	cursor: pointer;
	z-index: 999999;
}
@media (max-width: 1400px){
	.activities .container{
		width: 90%;
	}
	.reward .container{
		width: 100%;
	}
	.reward .jackpot img, .reward .title img {
		height: 35px;
	}
}
@media (max-width: 1199.98px){

	.reward .gem {
		padding-top: 20%;
	}
	.activities .gem p{
		padding-left: 0;
		font-size: 24px;
	}
}
@media (max-width: 1024px){
	.reward .gem {
		padding-top: 30%;
	}
	.activities .gem p{
		padding-left: 0;
		font-size: 20px;
	}
}
@media screen and (orientation:portrait) {	
	body{
		background:url(../images/Background_Phone.jpg) fixed;
		background-size: cover;
	}
	body:before {
		content: ' ';
		position: fixed;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: url(../images/Background_Phone.jpg) center 0 no-repeat;
		background-size: cover;
	}
}
@media (max-width: 991.98px){

	body{
		font-size: 1.1em;
	}
	br.mb{
		display: block;
	}
	.ac-tit img{
		width: 100%;
	}
	.activities .item h3{
		width: 100%;
		text-align: center;
	}
	
	
	.announce{
		padding-top: 5px;
	}
	.reward .jackpot {
		height: 42px;
	}
	.reward .jackpot img,
	.reward .title img{
		height:26px;
	}
	.reward .gem .item-body img {
		/* height: 147px; */
		height: auto;
	}
	.reward .items.row{
		margin: 0;
		padding-top: 0;
	}
	.reward .item{
		margin:5px 0;
	}
	.reward .item-body{
		padding: 0 5px;
	}
	/* header */
	nav {
		padding: 0 0px;
		width: 100%;
		margin-top: 0%;
		margin: -18px auto 20px;
	}
	nav img {
		width: 100%;
	}
	nav li{
		display: inline-block;
		width: calc(100% / 2);
		text-align: center;
		padding: 0;
	}
	footer {
		padding-bottom: 60px;
	}
	footer img{
		vertical-align: middle;
		height: 50px;
	}
	.banner-pic {
		margin-bottom: 36%;
	}
	.shiny1{
		top: 77.5%;
		left: 48.2%;
		width: 14%;
	}
	.shiny2{
		top: 84.7%;
		left: 49.7%;
		width: 5.5%;
	}
	.shiny3{
		top: 78.8%;
		left: 25.8%;
		width: 8.1%;
	}
	.shiny4{
		top: 58.5%;
		left: 30%;
		width: 8%;
	}
	.shiny5{
		top: 59.8%;
		left: 26.5%;
		width: 6.1%;
	}
	.shiny6{
		top: 56.5%;
		left: 6.8%;
		width: 7%;
	}
	.shiny7{
		top: 57.6%;
		left: 6.2%;
		width: 5%;
	}
	.banner-pic .dk{
		display: none;
	}
	.banner-pic .mb{
		display: block;
	}
	.banner-content{
		width: 100%;
		padding-top: 70%;
	}
	.banner-content .icon-logo{
		display: block;
		position: absolute;
		top: 3%;
		left: 0%;
		right: 0;
		margin: auto;
		width: 20%;
		z-index: 51;
	}
	.banner-content .icon-word{
		position: absolute;
		top: 68%;
		width: 85%;
		z-index: 999;
		left: 0;
		right: 0;
	
	}
	.icon-30{
		position: absolute;
		right: -8%;
		top: 26%;
		width: 37%;
		z-index: 999;
	}
	.icon-31{
		position: absolute;
		left: -4%;
		top: 40%;
		width: 26%;
		z-index: 90;
	}
	/* Wanting */
	.icon-Endorsers {
		position: absolute;
		width: 32%;
		top: 3%;
		right: 5%;
		transform: translateY(-1%);
		-webkit-animation: pulse 1s ease infinite;
		-moz-animation: pulse 1s ease infinite;
		-ms-animation: pulse 1s ease infinite;
		-o-animation: pulse 1s ease infinite;
		animation: pulse 1s ease infinite;
	}

	/* BMW */
	.banner-content .icon-main{
		position: absolute;
		top: 24%;
		left: 50%;
		transform: translate(-50%, 0);
		width: 70%;
	}
	/* GOGORO */
	.banner-content .icon-2{
		position: absolute;
		width: 23%;
		top: 50%;
		left: 1%;
		z-index: 51;
	}
	.icon-3{
		top: 26%;
		width: 57%;
	}
	.banner-content .icon-4{
		position: absolute;
		width: 18%;
		top: 77%;
		right: 3%;
		z-index: 51;
	}
	.banner-content .icon-5{
		position: absolute;
		width: 25%;
		top: 45%;
		right: 0;
		z-index: 50;
	}
	.aside-tool{
		display: none;
	}
	.bottom-tool{
		width: 100%;
		height: 60px;
		background-color: #330808;
		position: fixed;
		bottom: 0;
		display: inline-block;
		z-index: 99999;
	}
	.activities .item h3 {
		width: 66%;
	}
	.activities .item p,
	.activities .item h4,
	.activities .tag {
		padding-left: 0%;
		font-size: 22px;
		letter-spacing: 0px;
	}
	.reward .gem {
		padding-top: 25px;
	}
	.threshold,
	.gameType,
	.reward,
	.scratch,
	.topUp {
		padding: 0;
		margin-left: 0;
	}
	.activities .container {
		padding: 0 3px;
		width: 100%;
	}
	.activities .activities-content {
		padding: 0 6%;
		margin-top: -11%;
	}
	.activities-panel .item h3 img{
		margin-bottom: 10px;
	}
	.activities .activities-panel {
		padding: 60px 3% 10px;
	}
	.activities .item h3{
		margin: auto;
	}
	.activities .item ol,
	.activities .item ul {
		word-wrap: break-word;
		font-size: 22px;
		padding-inline-start: 30px;
	}
	.reward .gem {
		padding-top: 20%;
	}
	.activities .gem p{
		padding-left: 0;
		font-size: 22px;
	}
	#gotop {
		display: block;
		position: fixed;
		width: 40px;
		height: 40px;
		right: 10px;
		bottom: 70px;
		font-size: 10px;
		color: white;
		cursor: pointer;
		z-index: 999;
	}
	footer .container-xl{
		padding: 0;
	}
	footer .container-xl .col-2{
		padding: 0;
	}
	footer .copyright-row .txt{
		line-height: 1.2;
		height: auto;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	/*手機版拔掉hover效果*/
	nav .topNav li a:hover img{
		opacity: 1;
	}
	nav .topNav li a:hover::after  {
		opacity: 0;
	}
	nav .topNav li a.check img{
		opacity: 0;
	}
	nav .topNav li a.check::after  {
		opacity: 1;
	}
}
@media (max-width: 900px) {
	.reward .gem {
		padding-top: 0%;
		height: 96%;
	}
	.activities .gem p{
		padding-left: 0;
		font-size: 18px;
	}
	.reward .item-body img{
		height: auto;
		width: 100%;
	}
}
@media (max-width: 575.98px) {
	.ac-tit img+ img{
		display: block;
	}
	.ac-tit img:first-child{
		display: none;
	}
	body {
		font-size: 0.8rem;
	}
	.pic {
		width: 60%;
		left: 50%;
		transform: translatex(-50%);
	}
	.reward .mb_reward .pic {
		width: 50%;
		position: absolute;
	}
	.reward .item-body.mb_reward .gold_1_base{
		display: block;
		width: 80%;
		margin: 0 auto 0;
	}
	.reward .item-body.mb_reward{
		padding-top: 20px;
	}
	.title-center h2 {
		position: relative;
		font-size: 24px;
		padding-bottom: 0;
	}
	.activities .item p,
	.activities .item h4,
	.activities .tag {
		padding-left: 0%;
		font-size: 14px;
	}
	.activities .item ol,
	.activities .item ul {
		word-wrap: break-word;
		font-size: 16px;
		padding-inline-start: 30px;
	}
	footer img {
		vertical-align: middle;
		height: 35px;
		width: auto;
	}
}
@media (min-width: 2000px) {
	/*Bird*/
	.icon-3{
		position: absolute;
		width: 18%;
		top: 380px;
		left: 8%;
	}

}