@charset "utf-8";
/* CSS Document */
body {
	font-family:Microsoft JhengHei;
	overflow-x: hidden;
	background-color:#fff;
}
.pchidden {
	display:none !important;
}
.phhidden {
	display:inline-block !important;
}
.phhidden1 {
	display:block !important;
}
#reference_div {
	display: none !important;
}
#reference_img {
	display: inline-block !important;
}

@media (max-width: 767px) {
	.pchidden {
		display:inline-block !important;
	}
	.phhidden {
		display:none !important;
	}
	.phhidden1 {
		display:none !important;
	}
	#reference_img {
		display: none !important;
	}
	#reference_div {
		display: inline-block !important;
	}
}
.goback {
	position:fixed;
    right: 10px;
    bottom: 10px;
    border: none;
    background-color: rgba(0,0,0,0);
    font-size: 30px;
	color:#fff;
	outline:none;
}
/****************************20171204 16:47**********************/

/**上傳按扭**/
.a_ifile {
	position: relative;
	display: block;
	width: 100px;
	height: 30px;
	background: #EEE;
	border: 1px solid #999;
	text-align: center;
	line-height: 30px;
}

.input_ifile {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	opacity: 0;
}

.doc_uncomplete {
	color: crimson;
}

.doc_complete {
	color: #016600;
}
/***/

.nopadding {
	padding:0px;
}

.navbar-SL {
	/*border-bottom: .5px solid #fff6ce2e;*/
}
.navbar-SL .navbar-nav > li > a {
	color:#dfdabf;
	line-height:30px;
	text-align:left;
	outline:none;
	/*border-bottom: 5px solid #333;*/
	background-color: rgba(0,0,0,0) !important;
	font-size: 18px;
}
.navbar-inverse .navbar-nav > .active > a {
	border-bottom:5px solid #b5977a;
}
.navbar-SL .navbar-nav > li > a.active {
	/*border-bottom:5px solid #b5977a;*/
	color:#dfdabf;
	line-height:30px;
	text-align:left;
	outline:none;
}
.navbar-SL .navbar-nav > li::before {
    content: url('../../Images/active/menu_line.png');
    position: absolute;
    right: -1.8vw;
    bottom: 0px;
}
@media screen and (max-width: 768px)
{
	.navbar-SL .navbar-nav > li::before {
		content: '';
	}
}
.navbar-SL .navbar-nav > li:last-child > a::before {
	content: ' ';
}
.navbar-SL .navbar-nav > li > .active::after {
	content: url('../../Images/active/menu_active.png');
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: -9px;
}
.navbar-SL .navbar-nav > li > a:hover::after,
.navbar-SL .navbar-nav > li > a:focus::after {
    content: url('../../Images/active/menu_active.png');
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -9px;
}
@media screen and (max-width: 768px)
{
	.navbar-SL .navbar-nav > li > .active::after {
		content: ' ';
		position: absolute;
		left: 0px;
		bottom: 0px;
		color: #fff;
	}
	.navbar-SL .navbar-nav > li > a:hover::after,
	.navbar-SL .navbar-nav > li > a:focus::after {
		content: ' ';
		position: absolute;
		left: 0px;
		bottom: 0px;
		color: #fff;
	}
	.navbar-SL .navbar-nav > li > a::before {
		content: ' ';
	}
}
.navbar-SL .navbar-nav > li:last-child > a {
	border-right:none;
}
.navbar-SL .navbar-nav > .open > a,
.navbar-SL .navbar-nav > .open > a:hover,
.navbar-SL .navbar-nav > .open > a:focus {
	background-color:rgba(0,0,0,0);
}
.navbar-SL .navbar-nav > .open > .dropdown-menu {
	margin-top: 0px;
	background-color: rgba(69,69,69,.95);
	border-top: 5px solid #b5977a;
}
.navbar-SL .navbar-nav > .open > .dropdown-menu > li {
	text-align:center;
	padding:5px;
}
.navbar-SL .navbar-nav > .open > .dropdown-menu > li > a {
	color:#222;
}
.navbar-SL .navbar-nav > .open > .dropdown-menu > li > a:hover,
.navbar-SL .navbar-nav > .open > .dropdown-menu > li > a:focus {
	color:#ccc;
}

@media screen and (max-width:767px) {
	.navbar-SL .navbar-nav > li {
		width:100%;
		margin-left:0px;
	}
	.navbar-SL .navbar-nav > li > a {
		border-right:none;
		text-align:left;
		padding-right:0px;
	}
	.navbar-SL .navbar-nav > li > a.active {
		border-bottom: none !important;
		color: #b5977a;
	}
	.navbar-SL .navbar-nav > li > a:hover,
	.navbar-SL .navbar-nav > li > a:focus {
		border-bottom: none !important;
		color: #b5977a;
	}
	.header_list {
		margin: 0px !important;
	}
}


.newproductbox {
	background:#cb0821;
	-moz-box-shadow: 0px 10px 35px #000 inset; /* 老的 Firefox */
	box-shadow: 0px 10px 35px #000 inset;
	padding:60px 0px;
}

/****************** 20180502 slider start ******************/
.spe-cor {
  position: relative;
  background: #FFF;
}
.spe-cor .carousel-correspondence [class*="cloneditem-"] {
  display: none;
}
.spe-cor .carousel-inner {
  margin-bottom: 20px;
}
.spe-cor h4.title {
  padding-top: 25px;
  padding-bottom: 10px;
}
.spe-cor .thumbnail img {
  border-radius: 50%;
  border: 1px solid #DDD;
}
.spe-cor .thumbnail {
  margin-bottom: 0;
  border-radius: 0;
  padding: 10px;
  height: auto;
  position: relative;
  border: none;
  overflow: hidden;
}
.spe-cor .thumbnail:hover, .spe-cor .thumbnail:active, .spe-cor .thumbnail:focus {
  background: #FFF;
}
.spe-cor .thumbnail:after {
  content: '';
  background: #005fb1;
  position: absolute;
  height: 5px;
  width: 100%;
  left: calc(100% + 10px);
  bottom: 0;
  -webkit-transition: 0.5s; /* Safari */
  transition: 0.5s;
  -moz-transition: 0.5s;
}
.spe-cor .thumbnail:hover:after, .spe-cor .thumbnail:active:after, .spe-cor .thumbnail:focus:after {
  left: 0%;
  -webkit-transition: 1s; /* Safari */
  transition: 1s;
  -moz-transition: 1s;
}
.spe-cor .thumbnail .caption {
  padding: 0;
}
.spe-cor .thumbnail .caption h3 {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  line-height: 0.8;
}
.spe-cor .thumbnail .caption h3 > a {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  color: #555;
  line-height: 0.8;
  text-transform: uppercase;
}
.spe-cor .thumbnail .caption h3 > a:hover, .spe-cor .thumbnail .caption h3 > a:active, .spe-cor .thumbnail .caption h3 > a:focus {
  color: #005fb1;
  text-decoration: none;
}
.spe-cor .thumbnail .caption p.cate-para {
  margin-bottom: 0px;
  text-align: center;
}
.spe-cor .thumbnail .caption p.cate-para > a, .spe-cor .thumbnail .caption p.cate-para > a {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: rgb(102, 102, 102);
  line-height: 1.2;
  text-align: left;
}
.spe-cor .thumbnail .caption p.cate-para > a:hover, .spe-cor .thumbnail .caption p.cate-para > a:focus, .spe-cor .thumbnail .caption p.cate-para > a:active {
  color: #cc0000;
  text-decoration: none;
}
.spe-cor .thumbnail .caption span.date, .spe-cor .thumbnail .caption span.comment {
  margin-bottom: 0;
}
.carousel-correspondence .carousel-control.left, .carousel-correspondence .carousel-control.right, .carousel-video-thumb .carousel-control.left, .carousel-video-thumb .carousel-control.right {
  background-image: none !important;
  color: #c0c0c0;
  height: 35px;
  width: 35px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(224, 224, 224);
  background-color: rgb(245, 245, 245);
  margin: 0;
}
.carousel-correspondence .carousel-control.left:hover, .carousel-correspondence .carousel-control.right:hover, .carousel-video-thumb .carousel-control.left:hover, .carousel-video-thumb .carousel-control.right:hover {
  color: #FFF;
  background: #C00;
}
.carousel-correspondence .controls, .carousel-video-thumb .controls {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  background: none;
  top: 50%;
  right: 0;
  margin-top: -40px;
  height: 35px;
}
.carousel-correspondence .carousel-control, .carousel-video-thumb .carousel-control {
  color: #fff;
  padding: 0px;
  padding-top: 3px;
  color: #428BCA;
  bottom: auto;
  width: 35px;
  height: 35px;
  text-shadow: none;
  opacity: 1;
  top: 0;
}
.carousel-correspondence .carousel-control:hover, .carousel-video-thumb .carousel-control:hover {
  color: #d9534f;
}
.carousel-correspondence .carousel-control.left, .carousel-correspondence .carousel-control.right, .carousel-video-thumb .carousel-control.left, .carousel-video-thumb .carousel-control.right {
  background-image: none !important;
}
.carousel-correspondence .carousel-control.right, .carousel-video-thumb .carousel-control.right {
  left: auto;
}
.carousel-correspondence .carousel-control.left, .carousel-video-thumb .carousel-control.left {
  right: auto;
}
.carousel-correspondence .carousel-indicators, .carousel-video-thumb .carousel-indicators {
  bottom: -30px;
}
.carousel-correspondence .carousel-indicators li, .carousel-video-thumb .carousel-indicators li {
  border-radius: 0;
  width: 10px;
  height: 10px;
  background: #ccc;
  border: 1px solid #ccc;
}
.carousel-correspondence .carousel-indicators .active, .carousel-video-thumb .carousel-indicators .active {
  width: 12px;
  height: 12px;
  background: #3276b1;
  border-color: #3276b1;
}

/*================================================*/

/*Correspondece Slider*/
@media all and (min-width:768px) {
	.carousel-correspondence .carousel-inner > .active.left, .carousel-correspondence .carousel-inner > .prev {
		left: -50%;
	}
	.carousel-correspondence .carousel-inner > .active.right, .carousel-correspondence .carousel-inner > .next {
		left: 50%;
	}
	.carousel-correspondence .carousel-inner > .left, .carousel-correspondence .carousel-inner > .prev.right, .carousel-correspondence .carousel-inner > .active {
		left: 0;
	}
	.carousel-correspondence .carousel-inner .cloneditem-1, .carousel-correspondence .carousel-inner .cloneditem-2 {
		display: block;
	}
}
@media all and (min-width:768px) and (transform-3d), all and (min-width:768px) and (-webkit-transform-3d) {
	.carousel-correspondence .carousel-inner > .item.active.right, .carousel-correspondence .carousel-inner > .item.next {
		-webkit-transform: translate3d(33.333%, 0, 0);
		transform: translate3d(33.33%, 0, 0);
		left: 0;
	}
	.carousel-correspondence .carousel-inner > .item.active.left, .carousel-correspondence .carousel-inner > .item.prev {
		-webkit-transform: translate3d(-33.333%, 0, 0);
		transform: translate3d(-33.333%, 0, 0);
		left: 0;
	}
	.carousel-correspondence .carousel-inner > .item.left, .carousel-correspondence .carousel-inner > .item.prev.right, .carousel-correspondence .carousel-inner > .item.active {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		left: 0;
	}
}
@media all and (min-width:992px) and (max-width:1200px) {
	.carousel-correspondence .carousel-inner > .active.left, .carousel-correspondence .carousel-inner > .prev {
		left: -25%;
	}
	.carousel-correspondence .carousel-inner > .active.right, .carousel-correspondence .carousel-inner > .next {
		left: 25%;
	}
	.carousel-correspondence .carousel-inner > .left, .carousel-correspondence .carousel-inner > .prev.right, .carousel-correspondence .carousel-inner > .active {
		left: 0;
	}
	.carousel-correspondence .carousel-inner .cloneditem-2, .carousel-correspondence .carousel-inner .cloneditem-3 {
		display: block;
	}
}
@media all and (min-width:992px) and (transform-3d), all and (min-width:992px) and (-webkit-transform-3d) {
	.carousel-correspondence .carousel-inner > .item.active.right, .carousel-correspondence .carousel-inner > .item.next {
		-webkit-transform: translate3d(16.666%, 0, 0);
		transform: translate3d(25%, 0, 0);
		left: 0;
	}
	.carousel-correspondence .carousel-inner > .item.active.left, .carousel-correspondence .carousel-inner > .item.prev {
		-webkit-transform: translate3d(-16.666%, 0, 0);
		transform: translate3d(-25%, 0, 0);
		left: 0;
	}
	.carousel-correspondence .carousel-inner > .item.left, .carousel-correspondence .carousel-inner > .item.prev.right, .carousel-correspondence .carousel-inner > .item.active {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		left: 0;
	}
}
@media all and (min-width:1200px) {
	.carousel-correspondence .carousel-inner > .active.left, .carousel-correspondence .carousel-inner > .prev {
		left: -16.666667%;
	}
	.carousel-correspondence .carousel-inner > .active.right, .carousel-correspondence .carousel-inner > .next {
		left: 16.666667%;
	}
	.carousel-correspondence .carousel-inner > .left, .carousel-correspondence .carousel-inner > .prev.right, .carousel-correspondence .carousel-inner > .active {
		left: 0;
	}
	.carousel-correspondence .carousel-inner .cloneditem-2, .carousel-correspondence .carousel-inner .cloneditem-3, .carousel-correspondence .carousel-inner .cloneditem-4, .carousel-correspondence .carousel-inner .cloneditem-5, .carousel-correspondence .carousel-inner .cloneditem-6 {
		display: block;
	}
}
@media all and (min-width:1200px) and (transform-3d), all and (min-width:1200px) and (-webkit-transform-3d) {
	.carousel-correspondence .carousel-inner > .item.active.right, .carousel-correspondence .carousel-inner > .item.next {
		-webkit-transform: translate3d(16.666667%, 0, 0);
		transform: translate3d(16.666667%, 0, 0);
		left: 0;
	}
	.carousel-correspondence .carousel-inner > .item.active.left, .carousel-correspondence .carousel-inner > .item.prev {
		-webkit-transform: translate3d(-16.666667%, 0, 0);
		transform: translate3d(-16.666667%, 0, 0);
		left: 0;
	}
	.carousel-correspondence .carousel-inner > .item.left, .carousel-correspondence .carousel-inner > .item.prev.right, .carousel-correspondence .carousel-inner > .item.active {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		left: 0;
	}
}


.thumbnail {
	padding:15px;
}
.thumbnail .caption {
	padding: 0px;
    color: #333;
    position: absolute;
    top: 15px;
    /*width: 100%;
    height: 100%;*/
	background-color:rgba(0,0,0,.45);
	text-align:center;
	left:15px;
	
}
@media screen and (max-width:767px) {
	.thumbnail {
		padding:10px;
	}
	.thumbnail .caption {
		/*left:52px;*/
		top:10px;
		left:10px;
	}
	.thumbnail .caption > h3 {
		font-size:14px;
	}
	#spe-cor .controls > .left,
	#spe-cor .controls > .right {
		font-size: 38px !important;
    	margin-top: 16px !important;
	}
	#spe-cor .controls > .left {
		margin-left:-10px;
	}
	#spe-cor .controls > .right {
		margin-right:-10px;
	}
	.product_inbox > .fliter {
		top:3px !important;
	}
}
.thumbnail .caption:hover,
.thumbnail .caption:focus {
	padding: 0px;
    color: #333;
    position: absolute;
    top: 15px;
    /*width: 100%;
    height: 100%;*/
	background-color:rgba(0,0,0,0);
	opacity:0;
	
}
.thumbnail .caption a {
	color:#fff;
	display:block;
	margin:auto;
	text-align:center;
}
.carousel-inner {
    position: relative;
    width: 90%;
    overflow: hidden;
    display: block;
    margin: auto;
}

#spe-cor .controls > .left,
#spe-cor .controls > .right {
    background-color: rgba(0,0,0,0);
    border: none;
    color: #fff;
	font-size:80px;
}


/******************** 20180502 slider end *****************/


.newstitle {
	color:#fff;
	font-weight:bold;
	font-size:55px;
	font-family:sans-serif;
	letter-spacing:1px;
}
.newstitle span {
	font-size:48px;
}
.newsbtn {
	border:3px solid #fff;
	color:#fff;
	background-color:rgba(0,0,0,0);
	font-size:18px;
	font-family:sans-serif;
	margin-top:10px;
	padding:5px 10px;
	transition: all .5s;
	margin-bottom:10px;
}
.newsbtn:hover,
.newsbtn:focus {
	border:3px solid #fff;
	color:#cb0821;
	background-color:#fff;
}

.abouttitle {
	color:#cb0821;
	font-weight:bold;
	font-size:55px;
	font-family:sans-serif;
	letter-spacing:1px;
	line-height:50px;
}
.abouttitle2 {
	color:#555;
	font-weight:bold;
	font-size:25px;
	font-family:Microsoft JhengHei;
	letter-spacing:1px;
}
.aboutcontent {
	color:#666;
	font-size:16px;
	font-family:Microsoft JhengHei;
	letter-spacing:1px;
	text-align: justify;
	text-justify:inter-ideograph;
}
.aboutbtn {
	background-color:#ccc;
	color:#fff;
	padding:2px 8px;
	font-size:16px;
	float:right;
}
.aboutbtn:hover,
.aboutbtn:focus {
	background-color:#666;
	color:#fff;
	padding:2px 8px;
	font-size:16px;
	text-decoration:none;
}
.productbox {
	padding:30px 0px;
}
.product_inbox {
	padding:30px;
	margin-top:20px;
}
.product_inbox > h4 {
	font-size:20px;
	font-weight:bold;
	color:#666;
	font-family:Microsoft JhengHei;
	letter-spacing:1px;
}
.product_inbox > .fliter {
	background-color:rgba(0,0,0,.25);
	position:absolute;
	top:30px;
	opacity:0;
}
.product_inbox > .fliter:hover {
	opacity:1;
}
.product_inbox > .fliter a:hover,
.product_inbox > .fliter a:focus {
	text-decoration:none;
}
.product_inbox > .fliter p {
	color:#fff;
	font-size:18px;
	font-family:Microsoft JhengHei;
	letter-spacing:1px;
	display: block;
    margin: 25% auto;
    /*transform: translateY(50px);*/
}

.textalign_center {
	text-align:center;
}

.footerinbox {
	background-color:#222;
	color:#fff;
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.footerinbox img {
	float:left;
}
.footerinbox h5 {
	float:left;
	letter-spacing:0.05em;
	line-height:22px;
}
.margin_ten {
	margin: 10px auto;
}

.navbar-toggle .icon-bar {
	margin-bottom:-10px;
	width:25px;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background-color:#fff;
}
@media screen and (max-width:767px) {
	.phnav {
		margin-top: -30px;
		width: 100%;
		left: 0px;
	}
	.navbar-toggle {
		/*transform:translateY(-10px);*/
		float:left;
		/*transform:translateX(15px);*/
	}
	.product_inbox {
		padding:4px;
	}
	.scrolltotop {
		right:15px !important;
	}
	.scrolltotop > img {
		width:15vw !important;
	}
	.about_top {
		width:90% !important;
	}
	#logo_img {
		display: block !important;
		margin: 20px auto !important;
	}
	.navbar-nav {
		margin: auto !important; 
	}
	.header_register {
		display: none !important;
	}
	.header_list {
		padding-right: 10px;
	}
	.header_list a i {
		display: inline-block !important;
		line-height: 26px;
	}
	.header_list a span {
		display: none;
	}

	.header_list div span {
		display: none;
	}
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
	background-color:rgba(0,0,0,0);
}


/**************** gotop *******************/
.scrolltotop {
    bottom: 18vh;
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 30px;
    text-align: center;
    position: fixed;
    right: 30px;
    z-index: 999;
    padding-top: 1px;
}
.scrolltotop > img { 
	width:100px;
}

.about_rightbox {
	position:absolute;
	right:0px;
	top:20px;
}
.about_leftbox {
	position:absolute;
	left:0px;
	bottom:55%;
}

.pagetitle {
	border-bottom:2px solid #cb0821;
	margin-top:50px;
}

/************************************************** 20180503 table pagenation *************************************************/
#example_length,
#example_filter {
	display:none;
}

.news_table {
	border:none;
	font-family:Microsoft JhengHei;
	width:100%;
	margin:30px auto 40px auto;
}
.news_table > tbody > tr:nth-child(odd) {
	background-color:rgba(0,0,0,0);
}
.news_table > tbody > tr > td {
	border:none;
	padding:10px;
}
.news_table > tbody > tr > td:first-child {
	text-align:right;
	color:#009944;
	font-size:18px;
}
.news_table > tbody > tr > td:last-child {
	text-align:left;
	color:#595757;
	font-size:18px;
}
.news_table > tbody > tr:hover {
	background-color:#eeeeee;
}
.news_table > tbody > tr > td a,
.news_table > tbody > tr > td a:hover,
.news_table > tbody > tr > td a:focus {
	color:#595757;
	text-decoration:none;
}
.news_pagination {
	list-style:none;
	display:block;
	margin:20px auto 80px auto;
	text-align:center;
}
.news_pagination li {
	display: inline;
}
.news_pagination li a {
	padding:5px;
	padding-right:18px;
	font-size:16px;
	color:#595757;
}
.news_pagination li a:hover,
.news_pagination li a:focus{
	color:#009944;
	text-decoration:none;
}
.news_pagination li a.active {
	color:#009944;
}
.news_pagination li:after{
    content: "";
    position: absolute;
    width: 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #595757;
    transform: rotateZ(-60deg) scale(1.414) translateX(-10px) translateY(-3px);
}
.news_pagination li:first-child:after,
.news_pagination li:nth-last-child(-n+3):after {
	border-bottom: 1px solid rgba(255,255,255,0);
}

/******************************************************************************************************************************/

.news_date {
	width:100%;
	text-align:right;
	margin:20px auto;
}
.news_date img {
	width:45px;
	transform: translateY(-4px);
}
.news_date p {
	color:#555;
	font-weight:bold;
	font-size:20px;
	font-family:Microsoft JhengHei;
	letter-spacing:1px;
	display: inline;
	padding:5px;
}
.news_content {
	margin:20px auto;
	margin-bottom:50px;
}

.news_btn {
	display:block;
	margin:auto;
	border:none;
	background-color:rgba(0,0,0,0);
	font-size:18px;
	color:#666;
	margin-top:20%;
	margin-bottom:5%;
}

.news_btn:hover {
	color:#009944;
	outline:none;
}
.service_content {
	padding-top:5%;
	padding-bottom:5%;
}
.service_ctitle {
	font-size:24px;
	font-weight:bold;
	color:#555;
	margin-bottom:30px;
	margin-top:20px;
}
.service_cinside {
	font-size:22px;
	color:#787878;
	line-height:35px;
}

.service_table {
	width:100%;
	font-size:18px;
}
.service_table td {
	padding:8px 0px;
}
.service_table td:first-child {
	width:2.5em;
	vertical-align:text-top;
}
.service_table .form-control {
	border-radius:0px;
}
.service_table button {
	background-color:#9fa0a0;
	color:#fff;
	border:none;
	border-radius:8px;
	font-size:16px;
	margin:12px;
	padding:4px 8px;
}
.service_table button:hover,
.service_table button:focus {
	background-color:#333;
}

.contact_table {
	width:100%;
	font-size:18px;
}
.contact_table td {
	padding:8px 0px;
}
.contact_table td:first-child {
	width:5em;
	vertical-align:text-top;
}
.contact_table .form-control {
	border-radius:0px;
}
.contact_reset {
	background-color:#9fa0a0;
	color:#fff;
	border:none;
	font-size:16px;
	margin:12px auto;
	padding:4px 50px;
	border-bottom:2px solid #727171;
	display:block;
	transition:all .3s ease-in-out;
}
.contact_reset:hover,
.contact_reset:focus {
	background-color:#727171;
	border-bottom:2px solid #333;
}
.contact_submit {
	background-color:#b81c22;
	color:#fff;
	border:none;
	font-size:16px;
	margin:12px auto;
	padding:4px 50px;
	border-bottom:2px solid #740003;
	display:block;
	transition:all .3s ease-in-out;
}
.contact_submit:hover,
.contact_submit:focus {
	background-color:#a30004;
	border-bottom:2px solid #520608;
}
.bg_content {
	position:absolute;
	bottom: 20px;
    width: 100%;
    padding: 10px;
}
.bg_content button {
	border:3px solid #cb0821;
	font-size:20px;
	color:#cb0821;
	padding:5px 8px;
	background-color:rgba(0,0,0,0);
	display: block;
    margin: auto;
	font-weight:bold;
}
.bg_img:hover {
	opacity:.85;
}
.product_title {
	font-size:45px;
	font-weight:bold;
	font-family:Microsoft JhengHei;
	color:#595757;
}
.product_en {
	font-size:22px;
	font-family:sans-serif;
	color:#444444;
	margin-left:10px;
}
.product_id {
	font-size:14px;
	font-family:Microsoft JhengHei;
	color:#444444;
	margin-left:10px;
}

.product_num {
	font-size:24px;
	font-family:Microsoft JhengHei;
	font-weight:bold;
	color:#595757;	
}
.product_num p {
	float:left;
}
.product_num .section {
	transform:translateY(6px) translateX(30px);
}
.product_num input {
	border:none;
	width:2.5em;
	float:left;
	text-align:center;
	margin-top:-8px;
}
.product_num .btn-minus,
.product_num .btn-plus {
	float:left;
}
.buybox button {
	padding:12px 25px;
	font-size:18px;
	background-color:#ca0821;
	border:none;
	border-radius:8px;
	color:#fff;
	font-family:Microsoft JhengHei;
	font-weight:bold;
	letter-spacing:0.08em;
	margin:10px auto;
}
.buybox {
	margin-top: 30%;
    margin-left: 5px;
}

/******************************************************** 20180503 product select ****************************************************/


.preview {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column; 
}
@media screen and (max-width: 996px) {
	.preview {
		margin-bottom: 20px; 
	} 
}

.preview-pic {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1; 
}

.preview-thumbnail.nav-tabs {
	border: none;
	margin-top: 15px; 
}
.preview-thumbnail.nav-tabs li {
	width: 30%;
	margin-right: 2.5%;
	padding:10px; 
}
.preview-thumbnail.nav-tabs li img {
	max-width: 100%;
	display: block; 
}
.preview-thumbnail.nav-tabs li a {
	padding: 0;
	margin: 0; 
}
.preview-thumbnail.nav-tabs li:last-of-type {
	margin-right: 0; 
}

.tab-content {
	overflow: hidden; 
}
/*.tab-content img {
	width: 100%;
	-webkit-animation-name: opacity;
	animation-name: opacity;
	-webkit-animation-duration: .3s;
	animation-duration: .3s; 
}*/

.card {
	margin-top: 50px;
	background: #eee;
	padding: 3em;
	line-height: 1.5em; 
}

@media screen and (min-width: 997px) {
	.wrapper {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex; 
	} 
}

.details {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column; 
}

.colors {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1; 
}

.product-title, .price, .sizes, .colors {
	text-transform: UPPERCASE;
	font-weight: bold; 
}

.checked, .price span {
	color: #ff9f1a; 
}

.product-title, .rating, .product-description, .price, .vote, .sizes {
	margin-bottom: 15px; 
}

.product-title {
	margin-top: 0; 
}

.size {
	margin-right: 10px; 
}
.size:first-of-type {
	margin-left: 40px; 
}

.color {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	height: 2em;
	width: 2em;
	border-radius: 2px; 
}
.color:first-of-type {
	margin-left: 20px; 
}

.add-to-cart, .like {
	background: #ff9f1a;
	padding: 1.2em 1.5em;
	border: none;
	text-transform: UPPERCASE;
	font-weight: bold;
	color: #fff;
	-webkit-transition: background .3s ease;
	transition: background .3s ease; 
}
.add-to-cart:hover, .like:hover {
	background: #b36800;
	color: #fff; 
}

.not-available {
	text-align: center;
	line-height: 2em; 
}
.not-available:before {
	font-family: fontawesome;
	content: "\f00d";
	color: #fff; 
}

.orange {
	background: #ff9f1a; 
}

.green {
	background: #85ad00; 
}

.blue {
	background: #0076ad; 
}

.tooltip-inner {
	padding: 1.3em; 
}

@-webkit-keyframes opacity {
	0% {
		opacity: 0;
		-webkit-transform: scale(3);
		transform: scale(3); 
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1); 
	} 
}

@keyframes opacity {
	0% {
		opacity: 0;
		-webkit-transform: scale(3);
		transform: scale(3); 
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1); 
	} 
}


/*************************************************************************************************************************************/


.tabcontent {
	line-height:35px;
	padding:0px 10px;
}
.custom-tab-content > .nav-tabs > li.active > a,
.custom-tab-content > .nav-tabs > li.active > a:hover,
.custom-tab-content > .nav-tabs > li.active > a:focus {
	background-color:#9fa0a0;
	color:#fff;
	border:none;
	border-radius:0px;
}
.custom-tab-content > .nav-tabs > li > a {
	color:#333;
}

.header_list {
	margin: 20px 15px;
	float: right;
	font-size: 12px;
	color: #d6c8b2;
	list-style: none;
}
.header_list li {
	float: left;
	padding: 0px 8px;
}
.header_list li a {
	color: #ffd200;
	vertical-align: -webkit-baseline-middle;
}
.header_list li a:hover,
.header_list li a:focus {
	text-decoration:none;
	color: #a29580;
}
.header_list li .btn-group {
	vertical-align: inherit;
}
.header_list li .btn-group .dropdown-menu {
	background-color: #fff;
	right: 0;
	left: auto;
	transform: translateY(10px);
}
.header_list li .btn-group .dropdown-menu li a {
	color: #aaa;
	line-height: 35px;
}
.header_list li .btn-group .dropdown-menu li a.active,
.header_list li .btn-group .dropdown-menu li a:hover {
	color: #666;
}


#mogo-slider .controls a img {
	width: 5vw;
	display: block;
	margin:auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#mogo-slider .controls a:hover:first-child {
	animation: bannergo1;
	animation-duration: .8s;
	animation-iteration-count: infinite;
}

@keyframes bannergo1 {
	0% {
		transform: translateX(5px);
	}
	100% {
		transform: translateX(-5px);
	}
}
#mogo-slider .controls a:hover:last-child {
	animation: bannergo2;
	animation-duration: .8s;
	animation-iteration-count: infinite;
}

@keyframes bannergo2 {
	0% {
		transform: translateX(-5px);
	}
	100% {
		transform: translateX(5px);
	}
}

.category_box div a img {
	padding: 50px 0px;
	display: block;
	margin:auto;
	width: 95%;
}
@media screen and (max-width: 768px) {
	.category_box div {
		padding: 0px
	}
	.category_box div a img {
		padding: 10px 5px;
	}
	.col-container {
	    display: block !important;
	}
	.col {
	    flex: auto !important;
	    float: left;
	    width: 100%;
	}
	.img_list div p {
		text-align: left !important;
	}
}

.footer_list {
	list-style: none;
	color: #fff;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: .4px;
}
.footer_list li a {
	color: #c0b88e;
}
.footer_list li a:hover,
.footer_list li a:focus {
	color: #9e9770;
	text-decoration: none;
}

.col-container {
    display: flex;
}
.col {
    flex: 1;
}

.img_list div img {
	display: block;
	margin: auto;
	float: left;
}

.img_list div a img {
	display: block;
	margin: auto;
	float: left;
}

.img_list div a:hover img {
	opacity: 0.5;
}

.img_list div p {
	text-align: center;
	color: #c0b88e;
	line-height: 35px;
}

.reward_nav {
	width: 100%;
	text-align: center;
}
.reward_nav li {
	display:inline-block;
	float: initial;
	margin: 0 2%;
	border-right-width: 1px;
	/*border-image: linear-gradient(to top, rgba(255, 244, 226, 1) 0%, rgb(226, 215, 160) 51%, rgb(255, 244, 226) 100%)1;*/
}
.reward_nav li a {
	word-break: keep-all;
	padding: 10px 0px;
}

.slider_cover {
	position: absolute;
	top: 25%;
	width: 100vw;
}
.slider_cover p {
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin-top: 10px;
}
.slider_cover a i {
	font-size: 25vh;
	color: rgba(255,255,255,.6);
	transform: translateY(5vh);
}
.slider_cover a:hover i {
	color: rgba(255,255,255,.9);
}
@media screen and (max-width: 1023px) {
	.slider_cover {
		position: absolute;
		top: 12%;
		width: 100vw;
	}
	.slider_cover img {
		height: 20vw;
		width: auto;
	}
	.slider_cover p {
		font-size: 14px;
		color: #fff;
		text-align: center;
		margin-top: 5px;
	}
}

@media screen and (max-width: 768px) {
	.slider_cover a i {
		font-size: 55px;
	}
}
.reward_insidediv a {
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
	font-family: Century Gothic,CenturyGothic,AppleGothic !important;
	width: 100%;
	margin-top: 25px;
}
.reward_insideul {
	margin-top: 10px;
	font-family: Century Gothic,CenturyGothic,AppleGothic !important;
	border-top: 1px solid #fff;
	padding-top: 5px;
	margin-bottom: 25px;
}
.reward_insideul li {
	width: 100%;
	margin: 5px 0;
}
.reward_insideul li a {
	color: #fff;
	font-weight: 500;
	border-bottom: none;
	width: 100%;
	white-space: nowrap;
}
.product_list {
	list-style: none;
	margin: 10px auto;
	font-family: Century Gothic,CenturyGothic,AppleGothic !important;
}
.product_list li {
	line-height: 35px;
}

.product_page {
	list-style: none;
	width: 100%;
	text-align: center;
	margin: 40px auto;
}
.product_page li {
	float: left;
	padding: 8px;
	display:inline-block;
	float: initial;
	color: #ccc;
}
.product_page li a {
	color: #ccc;
}
.product_page li.active a {
	color: #222;
}
.product_page li a:hover,
.product_page li a:focus {
	color: #666;
	text-decoration: none;
}

.dropdown-large {
  position: static !important;
}
.dropdown-menu-large {
  padding: 20px 0px;
}
.dropdown-menu-large > li > ul {
  padding: 0;
  margin: 0;
}
.dropdown-menu-large > li > ul > li {
  list-style: none;
}
.dropdown-menu-large > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.dropdown-menu-large > li ul > li > a:hover,
.dropdown-menu-large > li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu-large .disabled > a,
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  color: #999999;
}
.dropdown-menu-large .disabled > a:hover,
.dropdown-menu-large .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.dropdown-menu-large .dropdown-header {
  color: #428bca;
  font-size: 18px;
}
@media (max-width: 768px) {
  .dropdown-menu-large {
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .dropdown-menu-large > li {
    margin-bottom: 30px;
  }
  .dropdown-menu-large > li:last-child {
    margin-bottom: 0;
  }
  .dropdown-menu-large .dropdown-header {
    padding: 3px 15px !important;
  }
}
.productbox div {
	font-family: Century Gothic,CenturyGothic,AppleGothic !important;
}
.productbox div .brand {
	 font-size: 20px;
	 font-weight: bold;
}
.productbox div .title {
	 font-size: 16px;
}
.productbox div .price {
	 font-size: 18px;
	 font-weight: 550;
}
.search_btn {
	transform: translateY(-1.5em);
    background-color: #fff;
    border: none;
    float: right;
    margin-right: 5px;
    font-size: 18px;
    color: #ccc;
    outline: none;
}

.home_marquee {
	display: block;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.6);
	color: #ffd200;
	line-height: 35px;
	padding-bottom: 10px;
	font-size: 14px;
	letter-spacing: 2px;
	z-index: 1;
}
@media screen and (max-width: 768px)
{
	.home_marquee {
		top: 55px;
	}
}
.home_marquee i {
    position: absolute;
    padding: 12px;
    font-size: 22px;
}

.home_marquee marquee {
	height: 40px;
	width: 95%;
    float: right;
}

.home_marquee marquee ul {
	list-style: none;
}
.home_marquee marquee ul li {
	/*float: left;*/
	padding-right: 20px;
	display: inline-block;
	line-height: 50px;
}

.home_marquee marquee ul li span.name {
	color: #54b0f5;
}

.home_marquee marquee ul li span.title {
	color: #fff;
}

.home_marquee marquee ul li span.price {
	color: #f44336;
	font-weight: bold;
	font-size: 16px;
}

/************** map ***************/
.map_china {
	position: absolute;
	right: 28.6vw;
    top: 18.1vw;
    font-size: .7vw;
	animation: map_china 3s infinite;
}
.map_china p {
	position: absolute;
    white-space: nowrap;
    background-color: #ffdb2f;
    padding: 2px 4px;
    box-shadow: 1px 1px 2px #000;
    right: 20px;
    top: -5px;
    width: fit-content;
}
@keyframes map_china {
  from {opacity: 1;}
  to {opacity: 0;}
}


.map_taiwan {
	position: absolute;
	right: 22.35vw;
    bottom: 24.7vw;
    font-size: .7vw;
	animation: map_taiwan 3s infinite;
}
.map_taiwan p {
	position: absolute;
    white-space: nowrap;
    background-color: #ffdb2f;
    padding: 2px 4px;
    box-shadow: 1px 1px 2px #000;
    left: 20px;
    top: -5px;
    width: fit-content;
}
@keyframes map_taiwan {
  from {opacity: 0;}
  to {opacity: 1;}
}


.map_america {
	position: absolute;
	left: 32.25vw;
    top: 26.6vw;
    font-size: .7vw;
	animation: map_taiwan 2.5s infinite;
}
.map_america p {
	position: absolute;
    white-space: nowrap;
    background-color: #ffdb2f;
    padding: 2px 4px;
    box-shadow: 1px 1px 2px #000;
    left: 20px;
    top: -5px;
    width: fit-content;
}
@keyframes map_america {
  0%   {opacity: 0;}
  25%  {opacity: 1;}
  50%  {opacity: 0;}
  100% {opacity: 1;}
}


.map_japan {
	position: absolute;
	right: 21.65vw;
    top: 16.55vw;
    font-size: .7vw;
	animation: map_japan 2.5s infinite;
}
.map_japan p {
	position: absolute;
    white-space: nowrap;
    background-color: #ffdb2f;
    padding: 2px 4px;
    box-shadow: 1px 1px 2px #000;
    left: 20px;
    top: -5px;
    width: fit-content;
}
@keyframes map_japan {
  0%   {opacity: 1;}
  25%  {opacity: 0;}
  50%  {opacity: 1;}
  100% {opacity: 0;}
}


.map_korea {
	position: absolute;
	right: 18.15vw;
    top: 13.85vw;
    font-size: .7vw;
	animation: map_korea 3s infinite;
}
.map_korea p {
	position: absolute;
    white-space: nowrap;
    background-color: #ffdb2f;
    padding: 2px 4px;
    box-shadow: 1px 1px 2px #000;
    right: 20px;
    top: -5px;
    width: fit-content;
}
@keyframes map_korea {
  0%   {opacity: 1;}
  33%  {opacity: 0;}
  66%  {opacity: 1;}
  100% {opacity: 0;}
}


.map_canada {
	position: absolute;
	left: 22.5vw;
    top: 15vw;
    font-size: .7vw;
	animation: map_canada 2.5s infinite;
}
.map_canada p {
	position: absolute;
    white-space: nowrap;
    background-color: #ffdb2f;
    padding: 2px 4px;
    box-shadow: 1px 1px 2px #000;
    left: 20px;
    top: -5px;
    width: fit-content;
}
@keyframes map_canada {
  0%   {opacity: 0;}
  33%  {opacity: 1;}
  66%  {opacity: 0;}
  100% {opacity: 1;}
}

@media screen and (max-width: 768px)
{
	.map_china p {
		display: none;
	}
	.map_taiwan p {
		display: none;
	}
	.map_japan p {
		display: none;
	}
	.map_korea p {
		display: none;
	}
	.map_america p {
		display: none;
	}
	.map_canada p {
		display: none;
	}
}


.map_cost {
	position: absolute;
    bottom: 10%;
    left: 4vw;
}
.map_cost .count {
	font-size: 3vw;
    color: #c70000;
    font-weight: bold;
    margin: 0px;
}
.map_cost .count span {
	font-size: 1.5vw;
    padding-left: 10px;
}
.map_cost .title {
	font-size: 2vw;
    font-weight: bold;
}


.map_reward {
	position: absolute;
    bottom: 10%;
    right: 10vw;
}

.map_reward .count {
	font-size: 3vw;
    color: #c70000;
    font-weight: bold;
    margin: 0px;
}
.map_reward .count span {
	font-size: 1.5vw;
    padding-left: 10px;
}
.map_reward .title {
	font-size: 2vw;
    font-weight: bold;
}


.map_title {
	position: absolute;
    bottom: 5%;
    width: 100%;
}

.map_title .count {
	font-size: 1.5vw;
    color: #c70000;
    font-weight: bold;
    margin: 0px;
    text-align: center;
}
.map_title .title {
	font-size: 2vw;
    font-weight: bold;
    text-align: center;
}

/************** map ***************/

.lottery .title {
	text-align: center;
    font-size: 34px;
    font-weight: bold;
}

.lottery .title_en {
	text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #989898;
    height: 45px;
    animation: lottery_en 1.5s infinite;;
}
@keyframes lottery_en {
  0%   {color: #916620;}
  25%  {color: #e6ba24; font-size: 28px;}
  50%  {color: #e6ba24;}
  75%  {color: #e6ba24; font-size: 28px;}
  100% {color: #916620;}
}


.lottery_more {
	border: 1px solid #ccc;
	background-color: rgba(0,0,0,0);
	display: block;
	margin: 10px auto;
	padding: 10px 18px;
	margin-top: 30px;
	font-weight: bold;
	font-size: 18px;
}
/***********************************/
.home_keno {
	padding: 30px 0px;
	border-bottom: 1px solid #fff;
}
.home_keno p {
    font-size: 34px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.kenobox {
	padding: 60px 10px;
}
.kenobox .title {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 40px;
}
.kenobox .time {
	color: #ffe982;
	text-align: center;
	line-height: 40px;
}
.kenobox .itembox {
	display: block;
	margin: auto;
	float: initial;
	width: max-content;
}
.kenobox .itembox .item {
	background-color: #ffda2f;
	border-radius: 100%;
	text-align: center;
	color: #333;
	box-shadow: 2px 2px 7px #000;
	width: 32px;
	height: 32px;
	float: left;
	line-height: 30px;
	margin: 5px;
	font-weight: bold;
	font-size: 16px;
}
.kenobox .itembox .special {
	background-color: #ff0000;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	box-shadow: 2px 2px 5px #000;
	width: 32px;
	height: 32px;
	float: left;
	line-height: 30px;
	margin: 5px;
	font-weight: bold;
	font-size: 18px;
}

.kenobox_more {
	border:1px solid rgba(0,0,0,0);
	background-color: rgba(0,0,0,0);
	display: block;
	margin: 40px auto;
	padding: 10px 18px;
	font-weight: bold;
	font-size: 18px;
	color: #fff
}
.kenobox_more:hover {
	border:1px solid #fff;
}

.home_news .newstitle {
	padding: 30px 0px;
	border-bottom: 1px solid rgba(0,0,0,.5);
}
.home_news .newstitle p {
    font-size: 34px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.home_news .newsbox {
	background-color: rgba(0,0,0,.5);
	border-radius: 6px;
	margin: 20px auto;
	display: block;
	float: initial;
	padding: 30px 25px;
	width: 90%;
}
.home_news .newsbox .newsbox_title {
	text-align: center;
    font-size: 20px;
    letter-spacing: 0.8px;
    border-bottom: 1px solid #ffffff26;
	padding-bottom: 10px;
	font-weight: 500;
}
.home_news .newsbox table {
	color: #fff;
	font-size: 16px;
	width: 100%;
	line-height: 40px;
}

.home_news .newsbox table tr td:first-child {
	width: 110px;
}

.home_news .newsbox table tr td:last-child {
	line-height: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	text-indent: 1.5em;
}

.adtext {
	background-color: #222;
	padding: 20px 0px;
	width: 100vw;
}
.adtext p {
	font-size: 3vw;
	text-align: center;
	color: #fff;
}
.adbox {
	z-index: 9;
}
.adbox .item {
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,.6);
	padding: 20px 0px;
	width: 100%;
	height: 120px;
	transition: height .3s linear;
}
.adbox a .item .title {
	font-size: 28px;
	color: #ffda2f !important;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.adbox .item .title {
	font-size: 28px;
	color: #ffda2f;
	text-align: center;
	font-weight: bold;
}
.adbox a .item .brief {
	font-size: 20px;
	color: #fff !important;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
.adbox .item .brief {
	font-size: 20px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.adbox:hover .item {
	height: 200px;
}

#imagecenter {
	display: block;
	margin: auto;
}

/******************  News Slider Demo-2 *******************/
.post-slide2{
    margin: 0 15px;
    box-shadow: 2px 2px 7px rgba(43,59,93,0.30);
    margin-bottom:2em;
    border: 1px solid rgba(0,0,0,.2);
    padding: 30px 10px;
}
.post-slide2 .post-img{
    overflow: hidden;
}
.post-slide2 .post-img img{
    width: 80%;
    height: auto;
    transform: scale(1);
    transition: all 1s ease-in-out 0s;
    display: block;
    margin: auto
}
.post-slide2:hover .post-img img{
    transform: scale(1.08);
}
.post-slide2 .post-content{
    background: rgba(0,0,0,0);
    padding: 20px 0px;
}
.post-slide2 .post-title{
    font-size: 24px;
    font-weight: 600;
    margin-top: 0;
    text-transform: capitalize;
    text-align: center;
    white-space: nowrap;
}
.post-slide2 .post-title a{
    display: inline-block;
    color: #808080;
    transition: all 0.3s ease 0s;
}
.post-slide2 .post-title a:hover{
    color: #3d3030;
    text-decoration: none;
}
.post-slide2 .post-description{
    font-size: 22px;
    color: #222;
    line-height: 24px;
    margin: 15px auto;
    text-align: center;
}
.post-slide2 .post-description span{
	font-size: 36px;
    text-align: center;
    font-weight: bold;
    color: #ca0000;
    letter-spacing: 2px;
}

.post-slide2 .post-bar{
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
}
.post-slide2 .post-bar li{
    color: #676767;
    padding: 2px 0;
}
.post-slide2 .post-bar li i{
    margin-right: 5px;
}
.post-slide2 .post-bar li a{
    display: inline-block;
    font-size: 12px;
    color: #808080;
    transition: all 0.3s ease 0s;
}
.post-slide2 .post-bar li a:after{
    content: ",";
}
.post-slide2 .post-bar li a:last-child:after{
    content: "";
}
.post-slide2 .post-bar li a:hover{
    color: #3d3030;
    text-decoration: none;
}
.post-slide2 .read-more{
    background: linear-gradient(to bottom, #ffe381 0%,#ffd200 100%);
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    display: block;
    margin: 15px auto;
    border-radius: 6px;
    text-align: center;
    width: 150px;
}
.post-slide2 .read-more:hover {
	background: linear-gradient(to bottom, #ff0000 0%,#db0000 99%);
	color: #fff;
	text-decoration: none;
}

.keno-play {
    background: linear-gradient(to bottom, #ffe381 0%,#ffd200 100%);
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    display: block;
    margin: 0 auto;
    border-radius: 6px;
    text-align: center;
    width: 150px;
    margin-top: 20px;
}
.keno-play:hover {
	background: linear-gradient(to bottom, #ff0000 0%,#db0000 99%);
	color: #fff;
	text-decoration: none;
}

#news-slider1 .post-slide2 .title {
	font-size: 20px;
    margin: 0px;
    text-align: center;
    font-weight: bold;
    border-width: 3px;
    border-style: solid;
    border-top: none;
	border-left: none;
	border-right: none;
    border-image: linear-gradient(to left, #fff 0%, #efefef 25%, #ccc 50%, #efefef 75%, #fff 100%);
    -o-border-image: linear-gradient(to left, #fff 0%, #efefef 25%, #ccc 50%, #efefef 75%, #fff 100%);
    -moz-border-image: -moz-linear-gradient(to left, #fff 0%, #efefef 25%, #ccc 50%, #efefef 75%, #fff 100%);
    -webkit-border-image: -webkit-linear-gradient(to left, #fff 0%, #efefef 25%, #ccc 50%, #efefef 75%, #fff 100%);
    border-image-slice: 1;
    padding-bottom: 15px;
    width: 100%;
}

#news-slider2 .post-slide2 .title {
	font-size: 20px;
    margin: 0px;
    text-align: center;
    font-weight: bold;
    border-width: 3px;
    border-style: solid;
    border-top: none;
    border-image: linear-gradient(to left, #efefef 0%, #eae8e8 25%, #ccc 50%, #eae8e8 75%, #efefef 100%);
    -o-border-image: linear-gradient(to left, #efefef 0%, #eae8e8 25%, #ccc 50%, #eae8e8 75%, #efefef 100%);
    -moz-border-image: -moz-linear-gradient(to left, #efefef 0%, #eae8e8 25%, #ccc 50%, #eae8e8 75%, #efefef 100%);
    -webkit-border-image: -webkit-linear-gradient(to left, #efefef 0%, #eae8e8 25%, #ccc 50%, #eae8e8 75%, #efefef 100%);
    border-image-slice: 1;
    padding-bottom: 15px;
    width: 100%;
}
#news-slider3 .post-slide2 .title {
    font-size: 20px;
    margin: 0px;
    text-align: center;
    font-weight: bold;
    border-width: 3px;
    border-style: solid;
    border-top: none;
    border-image: linear-gradient(to left, #efefef 0%, #eae8e8 25%, #ccc 50%, #eae8e8 75%, #efefef 100%);
    -o-border-image: linear-gradient(to left, #efefef 0%, #eae8e8 25%, #ccc 50%, #eae8e8 75%, #efefef 100%);
    -moz-border-image: -moz-linear-gradient(to left, #efefef 0%, #eae8e8 25%, #ccc 50%, #eae8e8 75%, #efefef 100%);
    -webkit-border-image: -webkit-linear-gradient(to left, #efefef 0%, #eae8e8 25%, #ccc 50%, #eae8e8 75%, #efefef 100%);
    border-image-slice: 1;
    padding-bottom: 15px;
    width: 100%;
}
.post-slide2 .time {
    color: #999;
    text-align: center;
    letter-spacing: 0.5px;
    font-weight: bold;
    font-size: 16px;
}

.home_keno .title_en {
	text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #989898;
    height: 45px;
    animation: keno_en 1.5s infinite;
}

@keyframes keno_en {
  0%   {color: #337abb;}
  25%  {color: #55bfff; font-size: 28px;}
  50%  {color: #55bfff;}
  75%  {color: #55bfff; font-size: 28px;}
  100% {color: #337abb;}
}

@media screen and (max-width: 767px)
{
	.post-slide2 {
		padding: 0px;
	}
	.post-slide2 .post-title {
		white-space: nowrap;
	}
	.post-slide2 .post-description {
		white-space: nowrap;
	}
	.post-slide2 .time {
		white-space: nowrap;
	}
	.post-slide2 .post-img img {
		margin: 20% auto;
	}
	.navbar-collapse,
	.headerlist {
	    background-color: #2b2b2b;
	    transform: translateY(-7px);
	}
	.navbar-collapse .reward_nav li a {
		font-size: 14px;
	}
	#logo_img {
		position: absolute;
	    top: -25px;
	    left: 0;
	    right: 0;
	    z-index: 999;
	}
	#getheader {
		height: 55px;
		padding: 18px 0px;
	}
	#headerheight {
		height: 55px !important;
	}
	.navbar-toggle {
		transform: translateY(-5px) !important;
	}
	.post-slide2 .title {
		border-width: 0px !important;
	    border-style: none !important;
	    border-image: none !important;
	}
	.post-slide2 .post-content {
		padding: 8% 10px;
	}
		
}


@media screen and (max-width: 600px)
{
	.post-slide2 {
		padding-bottom: 0px;
	}
	.post-slide2 .post-img img {
		margin: 10% auto;
	}
}


@media screen and (max-width: 480px)
{
	.post-slide2 {
		padding-bottom: 0px;
	}
	.post-slide2 .post-img img {
		margin: 10% auto;
	}
	.post-slide2 .post-content {
		padding: 4% 10px;
	}
	#news-slider1 {
		margin-bottom: 10px !important;
	}
	#news-slider2 {
		margin-bottom: 10px !important;
	}
    #news-slider3 {
        margin-bottom: 10px !important;
    }
}

.headerlist .reward_nav {
    background-color: #2b2b2b;
}
.headerlist .reward_nav li .dropdown-menu {
	background-color: rgba(0,0,0,0) !important;
	border-top:none !important;
}

.headerlist .reward_nav li .dropdown-menu li {
	padding: 5px;
    width: 100%;
    text-align: left !important;
}

.headerlist .reward_nav li a {
	font-size: 14px;
	text-indent: 0.5em;
}

.headerlist .reward_nav li div {
	font-size: 14px;
	text-indent: 0.5em;
}

.headerlist .reward_nav li .dropdown-menu li a {
	color: #fff !important;
	font-size: 14px;
}
.headerlist .reward_nav li button {
    color: #dfdabf;
    font-size: 14px;
    border: none;
    text-align: left;
    padding-right: 0px;
    background-color: rgba(0,0,0,0) !important;
    float: left;
    outline: none;
    line-height: 30px;
    margin-bottom: 10px;
}

#getheader {
	position: fixed;
	top: 0px;
	z-index:999;
	width: 100vw;
	border-bottom: 1px solid #fff6ce2e;
}

.row {
	width: 100vw;
}

.play_top {
	background-color: #ffda2f;
	padding-top: 60px;
}
.play_top .nav-tabs {
	width: fit-content;
    float: initial;
    display: block;
    margin: auto;
}
.play_top .nav-tabs > li.active > a {
	background-color: rgba(0,0,0,0);
	border: none;
	border-bottom:5px solid #000;
	padding: 12px 6px;
	font-weight: bold;
}
.play_top .nav-tabs > li > a {
	background-color: rgba(0,0,0,0);
	color: #000;
	border: none;
	padding: 12px 6px;
	margin: 0px 8px;
	font-size: 18px;
	border-bottom: 5px solid rgba(0,0,0,0);
	margin-top: 12px;
}
.play_top .nav-tabs > li:hover > a,
.play_top .nav-tabs > li:focus > a {
	background-color: rgba(0,0,0,0);
	border-bottom:5px solid #222 !important;
	border: none;
	color: #222;
}
.play_title {
	color: #333333;
	font-size: 34px;
	font-family: Microsoft JhengHei;
	text-align: center;
	font-weight: bold;
}
.play_brief {
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
}

.divcenter {
	float: initial;
	margin: 0 auto;
}
.play_bottom {
	margin: 10vh auto;
}
.play_table1 {
	width: 90%;
	margin-top: 30px;
}
.play_table1 tr th:first-child {
	background-color: #ffc000;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
.play_table1 tr th {
	background-color: #00b050;
	color: #fff;
	padding: 5px;
	text-align: center;
	border: 1px solid #222;
}
.play_table1 tr td {
	padding: 8px;
	text-align: center;
	border: 1px solid #222;
}
.play_table1 tr td i.bluei {
	color: #0070c0;
	font-size: 12px;
}
.play_table1 tr td i.redi {
	color: #ff0000;
	font-size: 12px;
}

.play_bottom .tab .tablinks {
	width: 100%;
	text-align: left;
	background-color: rgba(0,0,0,0);
	border: none;
	font-size: 18px;
	margin: 5px auto;
	color: #000;
	outline: none;
}
.play_bottom .tab button.active {
	color: #3faf49;
	font-weight: bold;
}
.play_bottom .tab button:hover {
	color: #3faf49;
}
.play_title1 {
	font-size: 24px;
}

select.play_page2_sel {
  /* styling */
  background-color: white;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
	background-image:
	linear-gradient(45deg, transparent 50%, #fff 50%),
	linear-gradient(135deg, #fff 50%, transparent 50%),
	linear-gradient(to bottom, #d7d7d7 1%,#a3a3a3 100%);
	background-position:
	calc(100% - 16px) calc(1em + 0px),
	calc(100% - 11px) calc(1em + 0px),
	100% 0;
	background-size:
	5px 5px,
	5px 5px,
	2.5em 2.5em;
	background-repeat: no-repeat;
	margin: 15px auto;
}

.play_method {
	background-color: #ededed;
	padding: 5% 8%;
}
.play_method .title {
	color: #000;
	font-size: 18px;
}
.play_method .content {
	color: #333;
	font-size: 14px;
}
.play_method_table {
	width: 100%;
	margin: 15px auto;
}

.play_method_table tr {
	border-bottom: 1px dashed #ccc;
}
.play_method_table tr td:first-child {
	width: 80px;
	height: 90px;
	padding: 30px 0px;
}
.play_method_table tr td .title {
	background-color: #940000;
	color: #fff;
	text-align: center;
	border-radius: 100%;
	width: 84px;
	height: 80px;
	font-weight: bold;
	line-height: 25px;
	font-size: 20px;
	letter-spacing: 1.5px;
	display: table-cell;
    vertical-align: middle;
}
.play_method_table tr td:last-child {
	padding-left: 3%;
}
.play_method_table tr td p {
	font-size: 16px;
	min-height: 100px;
	vertical-align: middle;
	display: inline;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video_table {
	width: 100%;
	margin: 20px auto;
}
.video_table tr td {
	padding: 10px 0px;
}
.video_table tr td:first-child {
	width: 30%;
}
.video_table tr td:last-child {
	padding-left: 10px;
}
.video_table tr td .title {
	font-size: 18px;
	margin: 0px;
}
.video_table tr td .from {
	font-size: 14px;
	color: #888;
	margin: 0px;
}
.resulttitle {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}


.resulttable {
	border-bottom: 2px dotted #ccc;
	margin-bottom: 20px;
}

.resulttable tr td .item {
	text-align: center;
    background-color: #ffd100;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    color: #222;
    font-weight: bold;
    font-size: 18px;
    box-shadow: 2px 2px 7px #000000d9;
    margin: 10px auto;
    margin-bottom: 20px;
}

.resulttable tr td .special {
	text-align: center;
    background-color: #ff0000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    box-shadow: 2px 2px 7px #000000d9;
    margin: 10px auto;
    margin-bottom: 20px;
}

.resulttable tr td p {
	font-size: 20px;
	font-weight: bold;
}

.resulttable tr:last-child td p {
	padding-bottom: 20px;
}

.play_tap {
	padding: 60px 0px;
}
.play_tap .play_title {
	color: #333;
	font-size: 34px;
	display: inline-block;
	white-space: nowrap;
}
.play_tap .play_brief {
	color: #ca0000;
	font-size: 34px;
	display: inline-block;
	white-space: nowrap;
    font-weight: bold;
	padding-left: 1em;
}
.order_img {
    margin-right: 1.5em;
}
.order_title {
	display: inline-block;
	font-size: 28px;
    padding-right: 2em;
    transform: translateY(20px);
}
.order_title span {
	font-size: 16px;
}
.order_limit {
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
    padding-right: 2em;
}
.order_limit span {
	font-size: 36px;
	color: #ca0000;
	padding-right: 5px;
}
.order_time {
	display: inline-block;
	font-size: 24px;
    padding-right: 2em;
}
.order_btn {
	margin-bottom: 10px;
}
@media screen and (max-width: 768px)
{
	.order_img {
	    margin: auto;
	    display: block;
	}
	.order_title,
	.order_limit,
	.order_time {
		width: 100%;
		padding: 0px;
		text-align: center;
	}
	.order_btn {
		margin: 15px auto;
	}
}


/************************ RESULT TAB ************************/ 
#resulttab .tabbable-panel {
  /*border:1px solid #eee;*/
  padding: 10px;
}

/* Default mode */
#playbox > li.open, #playbox > li:hover {
	border-top: none !important;
}
#resulttab .tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
#resulttab .tabbable-line > .nav-tabs > li {
  margin-right: 2px;
  border: 1px solid #e2dfdf;
  border-top: 4px solid #e2dfdf;
  border-bottom-color: #fff;
}
#resulttab .tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
  font-size: 16px;
}
#resulttab .tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
#resulttab .tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-top: 4px solid #fbcdcf !important;
}
#resulttab .tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
#resulttab .tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
#resulttab .tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  /*margin-top: 0px;*/
}
#resulttab .tabbable-line > .nav-tabs > li.active {
  border-top: 4px solid #f3565d;
  position: relative;
}
#resulttab .tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
#resulttab .tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
#resulttab .tabbable-line > .tab-content {
  /*margin-top: -3px;*/
  background-color: #fff;
  border: 1px solid #e2dfdf;
  padding: 30px 5px;
}
#resulttab .portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

/* Below tabs mode */

#resulttab .tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
#resulttab .tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
#resulttab .tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
#resulttab .tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
#resulttab .tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
/************************ RESULT TAB ************************/ 

.order_num li {
	display: inline-block;
	width: 60px;
	text-align: center;
}
.order_num li a {
	font-size: 20px;
	color: #e5ac00;
}
.order_num li a.active {
	color: #000;
}

.sel_box {
	border: 3px solid #ccc;
	padding: 40px 12px;
	border-radius: 6px;
	color: #888;
}
.sel_box:hover {
	border: 3px solid #1090e6;
    background-color: #f2f5fd;
}
.sel_box .head p {
	text-align: center;
	border-bottom: 1.5px solid #666;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #666;
    padding-bottom: 42px;
}
.sel_box .numbox {
	text-align: center;
	padding: 0px;
	/*border: 1.2px solid #ccc;*/
	margin: 1px 3px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size:x-large;
}
.sel_box .numbox:hover {
	text-align: center;
	padding: 0px;
	margin: 1px 3px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	/*background-color: #e2e2e2;*/
}

.sel_box .numbox1 {
	text-align: center;
	padding: 0px;
	/*border: 1.2px solid #ccc;*/
	margin: 1px 3px;
	width: 60px;
	height: 60px;
	line-height: 60px;
}
.sel_box .numbox1:hover {
	text-align: center;
	padding: 0px;
	margin: 1px 3px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	/*background-color: #e2e2e2;*/
}

.span_pseudo,
.chiller_cb span:before,
.chiller_cb span:after {
	position: absolute;
	display: inline-block;
	content: '';
	background: #fff;
}

.chiller_cb {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: 3px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.chiller_cb input {
	display: none;
}
.chiller_cb input:checked ~ span {
	background: #1090e6;
}

.numbox1 .chiller_cb input:checked ~ span {
	background: #ea7900;
}

.numbox1 .chiller_cb input:checked ~ span:hover {
	background: #fbba3f;
	color: #fff;
}

.numbox1:hover .chiller_cb input ~ span {
	background: #fbba3f;
	color: #fff;
}

.numbox:hover .chiller_cb input ~ span {
	background: #00b0ff;
	color: #fff;
}
.chiller_cb input:checked ~ label {
	color: #fff;
}
.chiller_cb input:checked ~ span:hover {
	background: #00b0ff;
	color: #fff;
}
.chiller_cb input:disabled ~ span:hover {
	background: #00b0ff;
	color: #fff;
}
.chiller_cb input:disabled ~ label {
	color: #8f49fa;
}
.chiller_cb input:disabled ~ label:hover {
	cursor: default;
	background: #666;

}
.chiller_cb label {
	position: absolute;
	z-index: 2;
	margin-bottom: 0;
	cursor: pointer;
	left: 0;
	top: 0;
	display: block;
}
.chiller_cb span {
	position: absolute;
	z-index: 1;
	left: -16px;
	top: -1px;
	display: inline-block;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 60px;
	height: 60px;
	-webkit-transition: all .2s;
	transition: all .2s;
	border: none;
	background: rgba(0,0,0,0);
	border: 1.2px solid #ccc;

}
.chiller_cb span:hover {
	background: #e8e8e8;
}

.num_til {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    font-size: 200px;
    text-align: center;
    color: rgba(0,0,0,.1);
    font-weight: bold;
    font-family: Century Gothic,CenturyGothic,AppleGothic !important;
}

.numbox1 .chiller_cb span {
	background: rgba(237,200,77,.25);
	border: 1px solid #edc84d;
}
.numbox1 .chiller_cb label {
	color: #edc84d;
}

.blank_nav li a {
	color: #555;
	font-size: 16px;
}
.blank_nav li.active a {
	color: #3cae35;
	font-weight: bold;
}

.blank_nav > li.active > a:hover,
.blank_nav > li.active > a:focus
.blank_nav > li > a:hover,
.blank_nav > li > a:focus,
.blankbox .nav > li > a:hover,
.blankbox .nav > li > a:focus {
	color: #3cae35;
	background-color: rgba(0,0,0,0) !important;
}

.blank_nav > li.active > a:focus,
.blank_nav > li > a:focus {
	color: #3cae35;
}

.total_box {
	border: 1px solid #e2dfdf;
    padding: 40px 10px;
    margin: 20px auto;
}

.material-switch > input[type="checkbox"] {
    display: none;   
    float: left;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
    float: left;
}

#switch_p {
	float: right;
    margin: 0 10px;
    transform: translateY(-10px);
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
    border: 1px solid #ccc;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

.btn-lucky {
	border-color: #b99d1b; 
    color: #fff;
    background-color: #efc91a;
}

.btn-lucky:hover {
	border-color: #b99d1b; 
    background-color: #e4c42d;
}

#login {
	font-family: Century Gothic,CenturyGothic,AppleGothic !important;
}
#login .modal-header {
	border: none;
}
#login .modal-header button {
	outline: none;
}
#login .modal-dialog {
	width: 280px;
	font-size: 16px;
	height: 100vh;
	margin: 30vh auto;
}
#login .modal-footer {
	padding: 0px;
}
#login .modal-footer button {
	border-radius: 5em;
	background: linear-gradient(to bottom, #dbc88c 0%,#dbc451 49%,#dbbc34 100%);
	border: none;
    padding: 10px;
    color: #fff;
    margin: 10px 5%;
    width: 90%;
    display: block;
    text-align: center;
}
#login .modal-footer button:hover {
	background: linear-gradient(to bottom, #ccb782 0%,#c6b249 49%,#ccb230 100%);
}
#login .modal-header button span {
	font-size: 36px;
}

#register {
	font-family: Century Gothic,CenturyGothic,AppleGothic !important;
}
#register .modal-header {
	border: none;
}
#register .modal-header button {
	outline: none;
}
#register .modal-dialog {
	width: 280px;
	font-size: 16px;
	height: 100vh;
	margin: 20vh auto;
}
#register .modal-footer {
	padding: 0px;
}
#register .modal-footer button {
	border-radius: 5em;
	background: linear-gradient(to bottom, #dbc88c 0%,#dbc451 49%,#dbbc34 100%);
	border: none;
    padding: 10px;
    color: #fff;
    margin: 10px 5%;
    width: 90%;
    display: block;
    text-align: center;
}
#register .modal-footer button:hover {
	border-radius: 0 0 4px 4px;
	background: linear-gradient(to bottom, #ccb782 0%,#c6b249 49%,#ccb230 100%);
	border: none;
    padding: 10px;
    color: #fff;
}
#register .modal-header button span {
	font-size: 36px;
}

#register .modal-dialog .sendsms span {
	background-color: #db5b5b;
	padding: 0px;
}
#register .modal-dialog .sendsms span:first-child {
	background-color: #ececec;
}

#register .modal-dialog .sendsms span a {
	color: #fff !important;
	font-family:Microsoft JhengHei;
    padding: 5px 15px;
}
#register .modal-dialog .sendsms span select {
	background-color: rgba(0,0,0,0);
    border: none;
    color: #222;
    padding: 5px;
    outline: none;
}
.member_names {
	text-decoration-color:#fff;
	transform: translateY(5px);
	padding-left: 15px;
}

a.member_names:link {
	color: #fff;
}
/* 已連結過 */
a.member_names:visited {
	color: #fff;
}
/* 滑鼠移至連結 */
a.member_names:hover {
	color: #fff;
}
/* 選擇的連結 */
a.member_names:active {
	color: #fff;
}

@media screen and (max-width: 480px)
{
	#logo_img {
		width: 180px;
	}
	
}
.footerinbox p {
	font-size: 12px;
	text-align: center;
	transform: translateY(35px);
	line-height: 20px;
}

.playinset {
	-webkit-filter:blur(3px);
}

.btn-betting {
	float: right;
	margin: 2%;
	width: 150px;
}
@media screen and (max-width: 768px)
{
	.btn-betting {
		width: 100%;
	}
}

.btn-winner {
	background-color: #ffda2f;
    text-align: center;
    border: 1.5px solid #f7d22e;
    margin-top: 30px;
}

.btn-winner:hover,
.btn-winner:focus {
	background-color: #f7d22e;
}

@media screen and (max-width: 992px)
{
	#nav-tabContent {
		padding-top: 40px;
	    border-top: 2px dotted #ccc;
	    margin-top: 30px;
	}
}

.g_viewpointtable {
	width: 290px;
	margin-top: 30px;
	border-bottom: 1px solid #e8e8e8;
}
.g_viewpointtable img {
	float: left;
	width: 70px;
	margin-right: 5px;
}
.g_viewpointtable p {
	float: left;
}
.g_viewpointtable span {
	font-size: 24px;
}
.g_viewpointtable .title {
	font-size: 16px;
	color: #ffb400;
	text-align: center;
	width: 290px;
    line-height: 60px;
    margin-top: 20px;
    font-weight: bold;
    letter-spacing: 1.5px;
    box-shadow: 0px 5px 20px -3px #ccc;
}
.g_viewpointtable tr td button {
	background-color: #ffd200;
    padding: 8px 20px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    display: block;
    margin: auto;
	font-weight: bold;
    margin-top: 10px;
	margin-bottom: 15px;
}
.g_viewpointtable tr td:nth-child(2) p {
	text-align: right;
	width: 100%;
}


.w_viewpointtable {
	width: 290px;
	margin-top: 30px;
	border-bottom: 1px solid #e8e8e8;
}
.w_viewpointtable img {
	float: left;
	width: 70px;
	margin-right: 5px;
}
.w_viewpointtable p {
	float: left;
}
.w_viewpointtable span {
	font-size: 24px;
}
.w_viewpointtable .title {
	font-size: 16px;
	color: #3cae35;
	text-align: center;
	width: 290px;
    line-height: 60px;
    margin-top: 20px;
    font-weight: bold;
    letter-spacing: 1.5px;
    box-shadow: 0px 5px 20px -3px #ccc;
}
.w_viewpointtable tr td button {
	background-color: #3cae35;
    padding: 8px 20px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    display: block;
    margin: auto;
	font-weight: bold;
    margin-top: 50px;
    color: #fff;
	margin-bottom: 15px;
}
.w_viewpointtable tr td:nth-child(2) p {
	text-align: right;
	width: 100%;
}

#tab4 .title {
	line-height: 30px;
	margin-top: 30px;
}

#tab4 .title span {
	text-decoration: underline;
}

.uploadtable {
	width: 90%;
}
.uploadtable tr td:first-child {
	font-weight: bold;
	padding: 5px 10px;
	width: 60px;
}
.uploadtable tr td:first-child label {
	font-size: 16px;
    font-weight: 500;
    color: #666;
}
.uploadtable tr td:last-child {
	padding: 8px 0px;
}
.uploadtable tr td:last-child input {
	width: 75%;
	float: left;
}
.uploadtable tr td:last-child input[type="button"] {
	width: 20%;
	float: left;
	margin-left: 10px;
}

/*最外層div*/
.uploadtable div.file-box {
position:relative;
width:298px
}

/*檔案名稱*/
.uploadtable input.filename {
width:75%;
padding-left:8px;
background-color:#ffffff;
border:#cccccc 1px solid;
border-radius:5px;
color:#666666;

}

/*選取檔案按鈕*/
.uploadtable input.button {
padding-left:13px;
background-color:#ffd200;
border:0;
border-radius: 5px;
line-height: 32px;
color:#666;
font-size:14px;
cursor:pointer;
}

/*隱藏原按鈕*/
.uploadtable input.file {
position: absolute;
filter:alpha(opacity:0);
opacity:0;
width: 80%;
font-size:20px;
cursor:pointer;
}

.uploadtip {
	margin-top: 80px;
	line-height: 35px;
}
.uploadtip span {
	font-size: 20px;
	font-weight: bold;
	line-height: 0px;
}
.uploadtip i {
	font-size: 18px;
	color: #ffdb2f;
}
.btn-upload {
	background-color: #000;
    color: #fff;
    display: block;
    margin: auto;
    margin-top: 80px;
    font-size: 18px;
    padding: 10px 15px;
}
.left_title {
	font-size: 24px;
	border-bottom: 3px dotted #ccc;
	text-align: center;
	line-height: 50px;
	letter-spacing: 5px;
}

.newslist_table {
	width: 95%;
}
.newslist_table tr td {
	padding: 5px 10px;
	border-bottom: 2px dotted #ccc;
}
.newslist_table tr td .date_circle {
	background-color: #c80000;
	border-radius: 100%;
	width: 80px;
	height: 80px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	font-family: Century Gothic,CenturyGothic,AppleGothic !important;
}
.newslist_table tr td .date_circle span {
	font-size: 30px;
	line-height: 15px;
}

.newslist_table tr td a {
	text-decoration: none;
}
.newslist_table tr td a:hover .title {
	color: #444;
}
.newslist_table tr td .date {
	color: #d79800;
	padding-top: 15px;
	font-family: Century Gothic,CenturyGothic,AppleGothic !important;
}
.newslist_table tr td .title {
	font-size: 20px;
	font-weight: bold;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #000;
}
.newslist_table tr td .brief {
	color: #787878;
	line-height: 30px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-bottom: 10px;
}
.news_inside .date {
	color: #d79800;
	padding-top: 15px;
	font-family: Century Gothic,CenturyGothic,AppleGothic !important;
}
.news_inside .title {
	font-size: 20px;
	font-weight: bold;
    color: #000;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.news_inside .btn-back {
	display: block;
	margin: 50px auto;
	background-color: #787878;
	color: #fff;
}
.news_inside .btn-back:hover {
	display: block;
	margin: 50px auto;
	background-color: #444;
	color: #fff;
}
.navbar-SL .reward_nav > .open > a > .caret {
	transform: rotate(180deg);
}
.navbar-SL .reward_nav > .open > .dropdown-menu {
	border-top: none;
}
/*.navbar-SL .reward_nav > .open > .dropdown-menu:after {
	content: '';
	background-color: #fff;
	width: 40px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	z-index: -9;
}*/
.navbar-SL .reward_nav > .open > .dropdown-menu li {
	width: 100%;
	text-align: left;
	margin: 0px;
}
.navbar-SL .reward_nav > .open > .dropdown-menu li a {
	color: #fff;
}
.navbar-SL .reward_nav > .open > .dropdown-menu li a:hover {
	background-color: rgba(0,0,0,0);
	color: #ffd200;
}

.online_title {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.online_btn {
	background-color: #ffda2f;
	color: #222;
	font-size: 16px;
	padding: 10px 20px;
	font-weight: bold;
	margin: 30px auto !important;
}
.online_btn:hover {
	background-color: #f0cc25;
}
.online_tip {
	font-size: 16px;
}
.online_tip span {
	font-size: 22px;
	font-weight: bold;
	line-height: 55px;
}
.online_tip span.red {
	color: #f00;
	padding: 0px 5px;
	font-size: 18px;
	letter-spacing: 0.5px;
}
.divcenter {
	display: block;
	margin:auto;
}

.nav_table {
	min-width: 320px;
	/*width: 100%;*/
}
.nav_table tr td:first-child {
	width: 35px;
	background-color: #fff;
    height: 35px;
    border-radius: 100%;
    display:block;
}
.nav_table tr td:nth-child(2) {
	color: #fff !important;
	width: auto !important;
	text-indent: 5px;
}
.nav_table:hover tr td:nth-child(2) {
	color: #ffd200 !important;
	width: auto !important;
}
.nav_table tr td:last-child {
	width: 80px;
	color: #ffda1b;
	font-weight: bold;
	font-size: 16px;
    text-align: right;
    padding-right: 4px;
}
.nav_table tr td img {
	width: 30px;
	display: block;
    margin: auto;
}
@media (max-width: 767px) {
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px;
	}
}

.accordion_qnabox .card {
    /*background: linear-gradient(to right, rgb(232, 228, 207) 0%,rgba(125,185,232,0) 100%);*/
    background: #fff;
    padding: 2px 15px;
    margin: 0px auto;
}
.accordion_qnabox .card .card-header button {
	text-align: left;
	outline: none;
    color: #444;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1.5px dotted #222;
    padding: 18px 0px;
}
.accordion_qnabox .card .card-header button[aria-expanded="true"] {
	color: #000;
}
.accordion_qnabox .card .card-header button i{
	float: right;
    padding-right: 10px;
    font-size: 20px;
    color: #c78e1a;
    transform: translateY(5px);
}
.accordion_qnabox .card .card-header button[aria-expanded="true"] i{
	color: #000;
	transform: translateY(12px) translateX(-10px) rotate(90deg);
}

.accordion_qnabox .card .card-body {
	padding: 20px 0px 30px;
	line-height: 30px;
	color: #666;
	font-size: 16px;
}

.accordion_qnabox .card .collapse.in {
    /*border-top: 2px solid #c78e1a;*/
}

#login.modal .modal-content {
	border-radius: 0px;
}
#login.modal .modal-body .form-group label {
    color: #d88b14;
    font-size: 14px;
    font-weight: 500;
    font-family: Microsoft JhengHei;
}
#login.modal .modal-body .form-group .form-control {
	border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
    border-radius: 0px;
    box-shadow: none;
}
#login.modal .modal-body a {
	float: right;
}
#login.modal .modal-footer {
	border: none;
}

#register.modal .modal-content {
	border-radius: 0px;
}
#register.modal .modal-body .form-group label {
    color: #d88b14;
    font-size: 14px;
    font-weight: 500;
    font-family: Microsoft JhengHei;
}
#register.modal .modal-body .form-group .form-control {
	border: none;
    border-bottom: 1px solid #ccc;
    outline: none;
    border-radius: 0px;
    box-shadow: none;
}
#register.modal .modal-body a {
	float: right;
}
#register.modal .modal-footer {
	border: none;
}

.atm3_table {
	box-shadow: 1px 8px 25px #ccc;
	width: 55%;
	min-width: 300px;
	text-align: center;
	font-family:Microsoft JhengHei;
}
.atm3_table tr td div p {
	text-align: center;
}
.atm3_table tr:nth-child(2) td {
	padding-bottom: 50px;
}
.atm3_table tr td:nth-child(2) {
	width: 35%;
}
.atm3_table tr td {
	padding: 20px 0px;
}
.atm3_table tr td .title {
	font-size: 22px;
	font-weight: bold;
}

.atm3_table tr td .kind {
	font-size: 18px;
    white-space: nowrap;
    color: #787878;
}
.atm3_table tr td .tip_y {
	font-size: 40px;
    line-height: 55px;
    color: #e8ab07;
    white-space: nowrap;
}
.atm3_table tr td .tip_g {
	font-size: 40px;
    line-height: 55px;
    color: #b79252;
    white-space: nowrap;
}
.atm3_table tr td .btn_y {
	background-color: #e8a900;
    color: #fff;
    border: none;
    border-radius: 4px;
    line-height: 28px;
    font-size: 16px;
    padding: 0px 10px;
    font-weight: bold;
    white-space: nowrap;
}
.atm3_table tr td .btn_g {
	background-color: #b79252;
    color: #fff;
    border: none;
    border-radius: 4px;
    line-height: 28px;
    font-size: 16px;
    padding: 0px 10px;
    font-weight: bold;
    white-space: nowrap;
}
.lotterylist_table {
	width: 100%;
	margin: 30px auto;
}
.lotterylist_table tr {
	border-bottom: 1px solid #ccc;
}
.lotterylist_table tr td {
    padding: 10px 2px;
    padding-top: 15px;
}
.lotterylist_table tr td p {
	text-align: center;
	margin-bottom: 0px;
}
.lotterylist_table tr td .title {
	color: #000;
	font-size: 18px;
}
.lotterylist_table tr td .price {
	color: #000;
	font-size: 18px;
}
.lotterylist_table tr td .price span {
	color: #da1111;
	font-size: 30px;
	letter-spacing: 1.5px;
	padding: 0px 2px;
}
.lotterylist_table tr td .time {
	color: #000;
	font-size: 16px;
}
.lotterylist_table tr td .play_btn {
	background: linear-gradient(to bottom, #ffe381 0%,#ffd200 100%);
    border: none;
    padding: 10px 20px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    display: block;
    margin: 15px auto;
    border-radius: 6px;
    text-align: center;
    width: 150px;
}
@media screen and (max-width: 768px) {
	.lotterylist_table tr td {
	    float: left;
	    width: 100%;
	}
	.lotterylist_table tr {
	    float: left;
	    width: 33.3%;
	}
}
@media screen and (max-width: 550px) {
	.lotterylist_table tr td {
	    float: left;
	    width: 100%;
	}
	.lotterylist_table tr {
	    width: 50%;
	}
}
@media screen and (max-width: 350px) {
	.lotterylist_table tr td {
	    float: left;
	    width: 100%;
	}
	.lotterylist_table tr {
	    width: 100%;

	}
}
.post-play {
	text-align: center;
}

.path_p {
	color: #969696;
    font-weight: bold;	
    margin-bottom: 10px;
}
.path_p i {
	padding: 0px 5px;
}
#news-slider2 .owl-wrapper-outer .owl-wrapper {
	width: 100% !important;
	text-align: center;
}
#news-slider3 .owl-wrapper-outer .owl-wrapper {
    width: 100% !important;
    text-align: center;
}
#news-slider1 .owl-wrapper-outer .owl-wrapper {
    width: 100% !important;
    text-align: center;
}
#news-slider2 .owl-wrapper-outer .owl-wrapper .owl-item {
	float: none;
    display: inline-block;
    margin: auto;
}
#news-slider3 .owl-wrapper-outer .owl-wrapper .owl-item {
    float: none;
    display: inline-block;
    margin: auto;
}
#news-slider1 .owl-wrapper-outer .owl-wrapper .owl-item {
    float: none;
    display: inline-block;
    margin: auto;
}
.transport_table {
	width: 90%;
	table-layout:fixed
}
.transport_table tr {
	border-bottom: 3px dotted #ccc;
}
.transport_table tr td {
	padding: 18px 0px 10px;
}
.transport_table tr td img {
	float: left;
}
.transport_table tr td p {
	float: left;
	font-size: 16px;
    padding-left: 5px;
}
.transport_table tr td span {
	font-size: 28px;
	padding: 0px 6px;
	font-weight: bold;
}
.transport_table tr td:first-child p {
	height: 80px;
	font-size: 28px;
	padding: 20px 6px;
	font-weight: bold;
}
.transport_table tr td:nth-child(2) img {
	display: block;
	margin: auto;
	float: initial;
}
.transport_btn {
	background-color: #3cae35;
    border: none;
    border-radius: 8px;
    padding: 4px 35px;
    color: #fff;
    display: block;
    margin: 5% auto;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
}

.transport_kind {
	margin-top: 10%;
}
.transport_kind p {
	position: relative;
	font-size: 16px;
}
.transport_kind p span {
    background-color: white;
    padding-right: 10px;
    font-weight: bold;
    color: #aaa;
}
.transport_kind p:after {
    content:"";
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 0.5em;
    border-top: 1px solid #ccc;
    z-index: -1;
}
.transport_kind img {
	width: 18%;
	max-width: 100px;
}
// 立即試玩 #35d8ff

ul.result_itembox {
	list-style: none;
}
.result_itembox li {
	float: left;
	list-style: none;
}
.result_itembox .item {
	color: #000;
    background-color: #FC0;
    border-radius: 999em;
    height: 30px;
    width: 30px;
    padding: 5px;
    font-family: Arial;
    font-size: 16px;
    margin-right: 2px;
    margin-top: -5px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
}
.result_itembox .special {
	color: #FFF;
    background-color: #C00;
    border-radius: 999em;
    height: 30px;
    width: 30px;
    padding: 5px;
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    margin-top: -5px;
    line-height: 22px;
    margin-right: 3px;
    text-align: center;
    font-weight: bold;
}
.result_lottery tr {
	border-bottom: 1px dotted #ccc;
}
.result_lottery tr td {
	text-align: center;
	padding: 10px 0px;
}
.result_lottery tr:first-child td {
	font-weight: bold;
	font-size: 16px;
	padding: 15px 0px;
}
.result_lottery tr td.lottery_kind {
	font-weight: bold;
	font-size: 16px;	
}
.result_lottery tr td.lottery_date {
	font-weight: bold;
	font-size: 16px;
}
.result_lottery tr td.lottery_total {
	font-weight: bold;
	font-size: 16px;	
}
.result_lottery tr td.lottery_count {
	font-weight: bold;
	font-size: 16px;	
}
.result_lottery tr td.lottery_red {
	color: #c00;
	font-weight: bold;
	font-size: 16px;
}
.result_lottery tr td ul.result_itembox {
	width: fit-content;
    display: block;
    margin: auto;
}
.result_lottery tr td.lottery_btn button {
	background: linear-gradient(to bottom, #ffe381 0%,#ffd200 100%);
	text-decoration: none;
    border-radius: 999px;
    display: block;
    float: right;
    width: auto;
    margin: 0px;
    line-height: 16px;
    font-size: 13px;
    padding-top: 5px;
    padding-right: 7px;
    padding-bottom: 6px;
    padding-left: 7px;
    background-position: bottom;
    color: #333;
    outline: none;
}
.result_lottery tr td.lottery_btn button:hover,
.result_lottery tr td.lottery_btn button:focus {
    background: linear-gradient(to bottom, #ff0000 0%,#db0000 99%);
    color: #fff;
}
.show_result {
	max-width: 100%;
	margin-top: 4%;
	margin-bottom: 8%;
}
.show_result tr {
	border-bottom: none;
}
/*20190709 modified by rex, change tr to th*/
.show_result th {
	background-color: #ffcc00;
	font-weight: bold;
	text-align: center;
}
/* 20190709 marked by rex
.show_result tr:first-child td {
	padding: 2px 5px;
}*/
.show_result tr td {
	padding: 8px;
	border: 1px dotted #ccc;
	font-size: 16px;
	text-align: center;
}



.rewardpage {
	width: 90%;
	min-width: 300px;
	text-align: center;
	font-family:Microsoft JhengHei;
}
.rewardpage tr td div p {
	text-align: center;
}
.rewardpage tr:nth-child(2) td {
	padding-bottom: 50px;
}
.rewardpage tr td:nth-child(2) {
	width: 35%;
}
.rewardpage tr td {
	padding: 20px 0px;
}
.rewardpage tr td .title {
	font-size: 22px;
	font-weight: bold;
}

.rewardpage tr td .kind {
	font-size: 18px;
    white-space: nowrap;
    color: #787878;
}
.rewardpage tr td .tip_y {
	font-size: 40px;
    line-height: 55px;
    color: #e8ab07;
    white-space: nowrap;
    font-weight: bold;
}
.rewardpage tr td .tip_g {
	font-size: 40px;
    line-height: 55px;
    color: #b79252;
    white-space: nowrap;
    font-weight: bold;
}
.rewardpage tr td .btn_y {
	background-color: #e8a900;
    color: #fff;
    border: none;
    border-radius: 4px;
    line-height: 28px;
    font-size: 16px;
    padding: 5px 15px;
    font-weight: bold;
    white-space: nowrap;
    margin: 10px auto;
}
.rewardpage tr td .btn_g {
	background-color: #b79252;
    color: #fff;
    border: none;
    border-radius: 4px;
    line-height: 28px;
    font-size: 16px;
    padding: 5px 15px;
    font-weight: bold;
    white-space: nowrap;
    margin: 10px auto;
}

.member_level_box {
	margin-bottom: 4%;
}
.member_level_box .bg {
	position: absolute;
	z-index: -9;
}
.member_level_box table {
	width: 95%;
	background: linear-gradient(to bottom, rgba(209,209,209,1) 0%,rgba(226,226,226,1) 50%,rgba(254,254,254,1) 100%);
    border-radius: 10px;
    box-shadow: 0px 5px 10px #adadad;
}
.member_level_box table tr td .icon {
	float: left;
}
.member_level_box table tr td p {
	font-size: 1.8vw;
    font-weight: bold;
    margin:0 auto;
}
.member_level_box table tr td button {
	background-color: #ffda2f;
	border: none;
	border-radius: 6px;
	padding: 5px 8px;
}
.member_level_box table tr td i.full {
	color: #ffda2f;
}
.member_level_box table tr td i.null {
	color: #ccc;
}
.member_level_box table tr td a {
	color: #777;
	text-decoration: underline;
}
.member_level_box table tr td button:hover {
	background-color: #ebcc3d;
}
.member_level_box table tr td {
	padding: 3% 8px;
}

.KYC_table {
	margin-bottom: 6%;
}
@media screen and (max-width: 768px)
{
	.KYC_table tr td:first-child {
		width: 100%;
	}
	.KYC_table tr td {
		float: left;
	}
	.KYC_table tr td {
		padding: 10px;
	}
}
	
.KYC_table tr:first-child td:nth-child(2) {
	/*border-top: 1px dotted #ccc;*/
}
.KYC_table tr td i {
	font-size: 20px;
    padding: 0px 8px;
    transform: translateY(2px);
}
.KYC_table tr td .success {
	color: #3cae35;
}
.KYC_table tr td .success span i {
	background-color: #3cae35;
	color: #fff;
	border-radius: 100%;
	padding: 3px;
    width: 19px;
    height: 19px;
    text-align: center;
    font-size: 14px;
    margin: 0 5px;
}

.KYC_table tr td .wait {
	color: #f1c600;
}
.KYC_table tr td .wait span i {
	background-color: #f1c600;
	color: #fff;
	border-radius: 100%;
	padding: 3px;
    width: 19px;
    height: 19px;
    text-align: center;
    font-size: 14px;
    margin: 0 5px;
}
.KYC_table tr td .wait:after {
}

.KYC_table tr td .yet {
	color: #b30101;
}
.KYC_table tr td .yet span i {
	background-color: #b30101;
	color: #fff;
	border-radius: 100%;
	padding: 3px;
    width: 19px;
    height: 19px;
    text-align: center;
    font-size: 14px;
    margin: 0 5px;
}
.KYC_table tr td a {
	color: #777;
	text-decoration: underline;
	padding-left: 5px;
}
.KYC_table tr td a:hover {
	color: #000;
}
.recivehistory {
	width: 80%;
	margin-top: 6%;
}
.recivehistory th {
	background-color: #ffd200;
	border-radius: 6px;
	padding: 10px 20px;
	text-align: center;
}
.recivehistory th select {
	margin:0px;
	border-radius: 0px;
    padding: 0.4em 3em 0.4em 1em;
    border: 1px solid #ccc;
}
.recivehistory tr:not(:first-child) {
	border-bottom: 2.5px dotted #ccc;
}
.recivehistory tr:not(:first-child) td {
	padding:12px 0px;
	font-weight: bold;
}

.recive_table {
	box-shadow: 1px 8px 25px #ccc;
	width: 55%;
	min-width: 300px;
	text-align: center;
	font-family:Microsoft JhengHei;
	font-size: 16px;
}
.recive_table tr:first-child td {
	font-weight: bold;
}
.recive_table tr td span {
	font-weight: bold;
	font-size: 18px;
	padding: 0px 5px;
}
.recive_table tr td div p {
	text-align: center;
}
.recive_table tr td:nth-child(2) {
	width: 35%;
}
.recive_table tr td {
	padding: 20px 0px;
}
.recive_table tr td .title {
	font-size: 22px;
	font-weight: bold;
}
.recive_table tr td input {
	margin: 0px;
    border-radius: 0px;
    padding: 0.4em 3em 0.4em 1em;
    border: 1px solid #ccc;
    width: 8em;
    font-size: 14px;
}
.recive_table tr td select {
	margin:0px;
	border-radius: 0px;
    padding: 0.4em 3em 0.4em 1em;
    border: 1px solid #ccc;
    font-size: 14px;
}
.recive_table tr td button {
	background-color: #ffd200;
    padding: 8px 30px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    display: block;
    margin: auto;
	font-weight: bold;
    margin-top: 10px;
	margin-bottom: 15px;
}

.box_rl1 {
	display:table;
	width: 100%;
    height: 100vh;
}
.box_rl2 {
	display:table;
	width: 100%;
    height: 100vh;
}
.box_rl1 form {
	display:table-cell;
	vertical-align:middle;
}
.box_rl2 form {
	display:table-cell;
	vertical-align:middle;
}
.register_login_box {
	width: 90%;
	max-width: 500px;
	color: #2d2d2d;
	font-size: 16px;
}
.register_login_box tr td .title {
	text-align: center;
    font-size: 24px;
}
.register_login_box tr td .tip {
	text-align: center;
	font-size: 14px;
    color: #b5b5b5;
    line-height: 30px;
}
.register_login_box tr td .tip a {
	color: #e4b327;
    text-decoration: underline;
}
.register_login_box tr td input {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .0);
    background-color: #fff;
    border-bottom: 1px solid #ccc !important;
    border-radius: 4px;
    border: none;
    margin-bottom: 30px;
	font-size: 16px;
    margin-top: 5px;
}
.register_login_box tr td button {
	border-radius: 5em;
	background: linear-gradient(to bottom, #ffe381 0%,#ffd200 100%);
    border: none;
    padding: 10px;
    color: #333;
    margin: 10px auto;
    width: 100%;
    display: block;
    text-align: center;
    font-weight: bold;
	font-size: 16px;
}
.register_login_box tr td p {
	text-align: center;
}
.register_login_box tr td p i {
	color: #dbc24a;
    font-size: 55px;
	border: 15px solid #dbc24a;
    border-radius: 100%;
    padding: 8px;
    margin: 20px auto;
}
.register_login_box tr td p.forget {
    text-align: right;
    padding-right: 20px;
}
.register_login_box tr td p.forget a {
	font-size: 14px;
	color: #e4b327;
    text-decoration: underline;
}
.register_login_box tr td .alert-danger {
	background-color: #f2dedecc;
}

/*** KYC_1 ***/
.KYC_1 table {
	width: 100%;
	background-color: #f3f1e9;
	margin-bottom: 20px;
}
.KYC_1 table tr td {
	padding: 8px 5px;
}
.KYC_1 table tr td:first-child {
	text-align: right;
}
.KYC_1 table tr:last-child td {
	padding-bottom: 20px;
}
.KYC_1 table tr td input {
	width: 100%;
    border-radius: 4px;
    border: 1px solid #b5b5b5;
    padding: 5px 2px;
}
.KYC_1 table tr td .success {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.KYC_1 table tr td .success span i {
	background-color: #3cae35;
	color:#fff;
	border-radius: 100%;
    padding: 4px;
    margin-right: 5px;
}
.KYC_1 table tr td .wait {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.KYC_1 table tr td .wait span i {
	background-color: #ffae00;
	color:#fff;
	border-radius: 100%;
    padding: 4px;
    margin-right: 5px;
}
.KYC_1 table tr td .yet {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.KYC_1 table tr td .yet span i {
	color: #b30101;
    border-radius: 100%;
    font-size: 25px;
    margin-right: 5px;
}

/*** KYC_2 ***/
.KYC_2 table {
	width: 100%;
	background-color: #eef0f4;
	margin-bottom: 30px;
}
.KYC_2 table tr td {
	padding: 8px 5px;
}
.KYC_2 table tr td:first-child {
	text-align: right;
	word-break: keep-all;
}
.KYC_2 table tr td:last-child {
	text-align: left;
	white-space: nowrap;
}
.KYC_2 table tr:last-child td {
	padding-bottom: 20px;
}
.KYC_2 table tr td input {
	width: 100%;
    border-radius: 4px;
    border: 1px solid #b5b5b5;
    padding: 5px 2px;
}
.KYC_2 table tr td .success {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.KYC_2 table tr td .success span i {
	background-color: #3cae35;
	color:#fff;
	border-radius: 100%;
    padding: 4px;
    margin-right: 5px;
}
.KYC_2 table tr td .wait {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.KYC_2 table tr td .wait span i {
	background-color: #ffae00;
	color:#fff;
	border-radius: 100%;
    padding: 4px;
    margin-right: 5px;
}
.KYC_2 table tr td .yet {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.KYC_2 table tr td .yet span i {
	color: #b30101;
    border-radius: 100%;
    font-size: 25px;
    margin-right: 5px;
}
.KYC_2 table tr td .play_page2_sel {
	width: 100%;
}
.KYC_2 table tr td input[type="radio"] {
	width: auto;
}
.KYC_2 table tr td input[type="date"] {
	padding: 0px 5px;
}

/*** KYC_3 ***/
.KYC_3 table {
	width: 100%;
	background-color: #f5f5f5;
	margin-bottom: 20px;
}
.KYC_3 table tr td {
	padding: 8px 5px;
}
.KYC_3 table tr td:first-child {
	text-align: right;
}
.KYC_3 table tr:last-child td {
	padding-bottom: 20px;
}
.KYC_3 table tr td input {
	width: 100%;
    border-radius: 4px;
    border: 1px solid #b5b5b5;
    padding: 5px 2px;
}
.KYC_3 table tr td .success {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.KYC_3 table tr td .success span i {
	background-color: #3cae35;
	color:#fff;
	border-radius: 100%;
    padding: 4px;
    margin-right: 5px;
}
.KYC_3 table tr td .wait {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.KYC_3 table tr td .wait span i {
	background-color: #ffae00;
	color:#fff;
	border-radius: 100%;
    padding: 4px;
    margin-right: 5px;
}
.KYC_3 table tr td .yet {
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
.KYC_3 table tr td .yet span i {
	color: #b30101;
    border-radius: 100%;
    font-size: 25px;
    margin-right: 5px;
}
.KYC_button .btn-kyc-confirm {
	background-color: #ffda2f;
    text-align: center;
    border: 1.5px solid #ffda2f;
    margin: 0 10px;
    margin-top: 30px;
    width: 120px;
    float: left;
    font-weight: bold;
}
.KYC_button .btn-kyc-cancel {
	background-color: #dddddd;
    text-align: center;
    border: 1.5px solid #dddddd;
    margin: 0 10px;
    margin-top: 30px;
    width: 120px;
    float: left;
    font-weight: bold;
}

.member_upload {
	border: none;
	width: 100%;
	max-width: 550px;
}
.member_upload tbody tr td {
	border: none;
}
.member_upload > tbody + tbody {
	border-top: none;
}
.member_upload tbody tr td:first-child {
	word-break: keep-all;
    width: 195px;
    line-height: 36px;
}
.member_upload tbody tr td .btn-plusminus {
	background-color: #ccc;
    border: #ccc;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    margin-left: 5px;
}
.member_upload tbody tr td .btn-plusminus i {
	transform: translateX(-2px);
}

.home_02_title {
    position: absolute;
    top: 5%;
    text-align: center;
    width: 100%;
    font-size: 3vw;
    letter-spacing: 6px;
    font-weight: bold;
    color: #222;
}
.home_02_title span {
	font-weight: 500;
	border-top: 2px solid #222;
	font-size: 2.5vw;
}

.resize {
    width: auto;
    width: 80%;
}

.resize {
    height: auto;
    height: 30%;
}

.community_icon {
    position: fixed;
    width: 45px;
    left: 0;
    top: 50%;
    z-index: 1;
    padding: 0;
    display: inline-block;
    -webkit-box-shadow: 2px 2px 5px #888;
    -moz-box-shadow: 2px 2px 5px #888;
    box-shadow: 2px 2px 5px #888
}

.community_icon a {
    list-style: none;
    width: 66px;
    height: 66px;
    display: inline-block;
    float: left
}

.community_icon a:nth-child(1) {
    background: url(../../Images/androidSide.png) no-repeat #3b5998
}


/*
------------------------------------------ v2 css
　*/

/*
.container {
max-width: 960px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#banner_mid {
	max-width: 980px;
	text-align: center;
	margin-top: 50px;
}

#banner_mid .row .col img {
	width: 100%;
}

#banner_mid .row .col-6 {
	width: 195px;
	display:inline;
}

#banner_mid .row .col-6 img {
	width: 195px;
}

.col-sm {
	color: #212529;
	margin: auto;
	text-align: center;

}

.col-6 {
	width: 150px;
}

	　*/