@charset "utf-8";
/* CSS Document */

body {
    margin:0px;
	padding:0px;
	background-color: #333;
}
#wrapper {
	width:50%;
	height:auto;
	margin:0 25%;
	padding:0px;
	position:absolute;
    left:0;
	top:0;
background: #000000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDUwNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #000000 0%, #505050 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#505050)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#505050 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#505050 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#505050 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#505050 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#505050',GradientType=0 ); /* IE6-8 */
}
header {
	width:100%;
	height:auto;
	padding:0;
    border-bottom:1px solid #000;
background: #ffe408; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTQwOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmJjMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffe408 0%, #ffbc00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe408), color-stop(100%,#ffbc00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffe408 0%,#ffbc00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffe408 0%,#ffbc00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffe408 0%,#ffbc00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffe408 0%,#ffbc00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe408', endColorstr='#ffbc00',GradientType=0 ); /* IE6-8 */
	float:left;
}
header .nav_btn {
	width:12%;
	margin:1% 0 0 2%;
	float:left;
}
header .nav_btn img {
	width:75%;
}
#nav_btn2 {
	position:absolute;
	width:12%;
	margin:-10% 0px 0px 0px;
	z-index:8;
	visibility: hidden;
}
header .main_title {
	width:40%;
	height:auto;
	margin:1% 30% 1% 30%;
	display:inline;
	text-align:center;
	float:left;
}
header .main_title img {
	width:100%;
}
header .storeup_btn {
	width:24%;
	margin:0 2% 0 0;
	float:right;
}
header .storeup_btn img {
	width:100%;
}
#nav {
	position:absolute;
	width:139px;
	height:auto;
	margin:13% 0px 0px 0px;
	border-top:2px solid #FFE015;
	border-right:2px solid #FFE015;
	border-bottom:2px solid #FFE015;
	-webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
	background: rgb(0,0,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTNlM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(0,0,0) 0%, rgb(62,62,62) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(100%,rgb(62,62,62))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(0,0,0) 0%,rgb(62,62,62) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(0,0,0) 0%,rgb(62,62,62) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(0,0,0) 0%,rgb(62,62,62) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(0,0,0) 0%,rgb(62,62,62) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3e3e3e',GradientType=0 ); /* IE6-8 */
-moz-box-shadow:0px 4px 10px 0px rgba(0%,0%,0%,0.2);
-webkit-box-shadow:0px 4px 0px 10px rgba(0%,0%,0%,0.2);
box-shadow:0px 4px 10px 0px rgba(0%,0%,0%,0.2);
	z-index:9;
	visibility: hidden;
}
#nav .logo {
	width:139px;
	height:86px;
	border-bottom:1px solid #222;
	background-image: url(../images/LOGO.png);
	background-repeat: no-repeat;	
}
#nav li {
	width:118px;
	height:20px;
	padding:4px 0px 4px 21px;
	border-top:1px solid #585858;
	border-bottom:1px solid #222;
	list-style-type: none;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 23px;
	color: #FFF;
	text-align:left;
}
#nav li a {
	color: #FFF;
	text-decoration: none;
}
#nav li a:hover {
	color: #FFE015;
	text-decoration: none;
}
#nav .last {border-bottom:none;}
#nav li img { margin:-5px 8px 0px 0px; display:inline; }

#banner {
	width:100%;
	height:auto;
	float:left;
}
#banner img {
	width:100%;
}
#list_title {
	width:100%;
	height:40px;
	float:left;
	background: #000000; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1MDUwNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #000000 0%, #505050 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#505050)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #000000 0%,#505050 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #000000 0%,#505050 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #000000 0%,#505050 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #000000 0%,#505050 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#505050',GradientType=0 ); /* IE6-8 */
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 40px;
	color: #FFCE01;
	text-align:center;
	font-weight: bold;
	text-shadow:1px 2px 3px #000;
}
/* 跑馬燈文字 */
#announcement {
	width:100%;
	height:auto;
	padding:18px 0px 2px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #FFFF00;
	text-align:center;
}
#announcement a {
	color: #FFFF00;
	text-decoration: none;
}
#announcement a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
/* 跑馬燈文字結束 */

#sort {
	position:absolute;
	width:50px;
	height:15px;
	padding:4px 10px;
	margin:10px 0px 0px 15px;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #FFCE01;
	text-align:center;
	font-weight: normal;
	text-shadow:none;
background: #525252; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #525252 0%, #000000 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(99%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #525252 0%,#000000 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #525252 0%,#000000 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #525252 0%,#000000 99%); /* IE10+ */
background: linear-gradient(to bottom,  #525252 0%,#000000 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* Konqueror */
border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	z-index:1;
}
#sort a {
	color: #FFCE01;
	text-decoration: none;
}
#sort a:hover {
	color: #FFFF00;
	text-decoration: none;
}
#logout {
	position:absolute;
	float:right;
	width:50px;
	height:15px;
	padding:4px 10px;
	RIGHT:0;
	margin:-30px 15px 0px 0;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #FFCE01;
	text-align:center;
	font-weight: normal;
	text-shadow:none;
background: #525252; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUyNTI1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #525252 0%, #000000 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#525252), color-stop(99%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #525252 0%,#000000 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #525252 0%,#000000 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #525252 0%,#000000 99%); /* IE10+ */
background: linear-gradient(to bottom,  #525252 0%,#000000 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* Konqueror */
border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	z-index:2;
}
#logout a {
	color: #FFCE01;
	text-decoration: none;
}
#logout a:hover {
	color: #FFFF00;
	text-decoration: none;
}

#content {
    width:100%;
	height:auto;
	margin:10px 0px;
	float:left;
}
#content .first {
	width:96%;
	height:auto;
	margin:5px 3% 0px 1%;
	padding:0px 0px 0px 0px;
	display:inline;
	border: 2px solid #FFE015;
	float:left;
background: #474747; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #474747 1%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#474747), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #474747 1%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #474747 1%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #474747 1%,#000000 100%); /* IE10+ */
background: linear-gradient(to right,  #474747 1%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari, Chrome */
-khtml-border-radius: 20px; /* Konqueror */
border-radius: 20px; /* Opera 10.50 and later (CSS3 standard) */
behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .first .HOT {
	width:26%;
	height:auto;
	padding:10px 0% 0 2%;
	float:left;
}
#content .first .HOT img {
	width:100%;
}
#content .first .intro {
	width:67%;
	height:auto;
	margin:0px 2% 10px 3%;
	display:inline;
	float:right;
}
#content .first .intro .name {
	width:98%;
	height:auto;
	margin:15px 0 5px 0;
	display:inline;
	float:left;
	border-bottom: 1px solid #B0B0B0;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
	text-align:left;
}
#content .first .intro .name .ver {font-size: 8px;}
#content .first .intro .name .fb_like1 {
	width:80px;
	height:auto;
	margin:-3px 0px 0px 0px;
	float:right;
	text-align:right;
}
#content .first .intro .txt {
	width:98%;
	height:auto;
	margin:6px 0px 2px 0px;
	display:inline;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	color: #FFF;
	text-align:left;
}
#content .first .intro .btn {
	width:100%;
	height:auto;
	padding:5px 0 0 0;
	margin:0px 0px 0px 0px;
	display:inline;
	float:left;
	text-align:left;
}
#content .first .intro .btn li {
	width:50%;
	height:auto;
	margin:0px 0px 0px 0px;
	display:inline;
	float:left;
	text-align:left;
	list-style-type: none;}
#content .first .intro .btn li img {
	width:90%;
}
#g0intro { 
    width:98%;
	height:auto;
	float:left;
	padding:0 1%;
	margin:0px;
}


#content .game {
	width:98%;
	height:auto;
	padding:5px 2% 5px 2%;
	display:inline;
	float:left;
}
/* 遊戲簡介隱藏欄位　*/
#tabs {width:98%; height:auto; padding:0 1%; margin:10px 0px 5px 0px; float:left;}
#tabs ul { width:100%; height:auto; padding:0; margin:0; list-style:none; float:left;}
#tabs ul li {
	width:16%;
	height:auto;
	margin:0 2px 0 0;
	padding:2% 1% 0% 1%;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	display:inline;
	list-style-type: none;
	float:left;
}
#tabs ul li img { width:100%;}
#tabs ul li:active { 
	margin:0;
	padding:1% 2px 0% 2px;
	background-color: #000;
	border-top:2px solid #ffe015;
	border-left:2px solid #ffe015;
	border-right:2px solid #ffe015;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#tabs ul li a.g2 {background:transparent;}
#tabs ul li a.g3 {background:transparent;}
#tabs ul li a.g4 {background:transparent;}
#tabs ul li a.g5 {background:transparent;}
#tabs ul li a.g6 {background:transparent;}
#tabs ul li a.g7 {background:transparent;}
#tabs ul li a.g8 {background:transparent;}
#tabs ul li a.g9 {background:transparent;}

#tabs ul dl {
	width:96%;
    height:auto;
	margin:0 0 5px 0;
	padding:1% 1% 1% 1%;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
	border-top:1px dotted #ffe015;
	border-right:2px solid #ffe015;
	border-left:2px solid #ffe015;
	border-bottom:2px solid #ffe015;
background: rgb(0,0,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZTNlM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgb(0,0,0) 0%, rgb(62,62,62) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,0,0)), color-stop(100%,rgb(62,62,62))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(0,0,0) 0%,rgb(62,62,62) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(0,0,0) 0%,rgb(62,62,62) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(0,0,0) 0%,rgb(62,62,62) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(0,0,0) 0%,rgb(62,62,62) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3e3e3e',GradientType=0 ); /* IE6-8 */
	float:left;
}


.clear {
	clear:both;
	height:0;
	line-height:0;
}


.game_name {
	width:96%;
	height:30px;
	padding:10px 2% 0 2%;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
	text-align:left;
	display:inline;
	float:left;	
}
.game_name a {
	color: #FFF;
	text-decoration: underline;
}
.game_name a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.game_name .ver {font-size: 12px;}
.game_name .fb_like2 {
	width:80px;
	height:auto;
	margin:0px 1% 0px 0px;
	float:right;
	text-align:right;
}
.game_btn {
	width:98%;
	height:auto;
	padding:5px 0% 8px 2%;
	margin:0px 0px 0px 0px;
	display:inline;
	text-align:left;
	float:left;
}
.game_btn dd {
	width:33%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	display:inline;
	float:left;
	text-align:left;
	list-style-type: none;
}
.game_btn dd img {
	width:90%;
}
.game_txt {
	width:98%;
	height:auto;
	padding:0px 0% 10px 2%;
    font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 23px;
	color: #FFF;
	text-align:left;
}
.game_txt a {
	color: #ffe015;
	text-decoration: underline;
}
.game_txt a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.game_act {
	padding:5px 10px;
	margin:0 0 0 2%;
	display:inline;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #000;
	text-align:left;
	background-color: #FFE015;
-moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* Konqueror */ border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	float:left;
}
.game_link {
	width:98%;
	height:auto;
	padding:0px 0% 5px 2%;
    font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 18px;
	color: #FFE015;
	text-align:left;
	float:left;
}
.game_link a {
	color: #FFE015;
	text-decoration: underline;
}
.game_link a:hover {
	color: #FFFF00;
	text-decoration: underline;
}

#copyright{
	width:100%;
	height:20px;
	margin:0% 0% 12% 0%;
	text-align:center;
	background-color: tranprent;
	float:left;
	font-family: "微軟正黑體";
	font-size: 11px;
	line-height: 18px;
	color: #FFF;
}

/*下方選單*/
#footer { position:fixed; bottom:0; left:0; width:100%; height:auto; padding:0 0 0 1%; margin:0px 0px 0px 0px; z-index:99;
background: #fff464; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjQ2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iI2ZkYjg0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #fff464 0%, #fdb847 72%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff464), color-stop(72%,#fdb847)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff464 0%,#fdb847 72%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff464 0%,#fdb847 72%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff464 0%,#fdb847 72%); /* IE10+ */
background: linear-gradient(to bottom,  #fff464 0%,#fdb847 72%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff464', endColorstr='#fdb847',GradientType=0 ); /* IE6-8 */
}
#footer img { margin:0%;  padding:0px; width:100%;}
#footer dl {
	width:19%;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 0px;
	border-left:1px solid #c28f39;
	border-right:1px solid #e7c471;
	list-style-type: none;
	float:left;
}
#footer dl:hover {
	width:19%;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style-type: none;
	float:left;
background: #ffe716; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTcxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2Y5YTcyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #ffe716 0%, #f9a722 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe716), color-stop(70%,#f9a722)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffe716 0%,#f9a722 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffe716 0%,#f9a722 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffe716 0%,#f9a722 70%); /* IE10+ */
background: linear-gradient(to bottom,  #ffe716 0%,#f9a722 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe716', endColorstr='#f9a722',GradientType=0 ); /* IE6-8 */
}
#footer dt {
	width:1%;
	height:auto;
	float:left;
	background-image: url(../../../9Splay%E5%AE%98%E7%B6%B22.0%E7%89%88/HTML/images/footer_line.png);
	background-repeat: repeat-y;
}

/* 輪播Banner */
#actor {PADDING: 0px; MARGIN: 0px; width:100%;}

#imgPlay {
	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 100%; ZOOM: 1; POSITION: relative; HEIGHT: auto; 
}
#imgPlay .imgs IMG { width:79%; }
#imgPlay .imgs LI {
	FLOAT: left;
	POSITION: relative;
	list-style-image: none;
	list-style-type: none;
}
#imgPlay .imgs {
	WIDTH: 100%;
}
#imgPlay .prev {
	BACKGROUND: url(../images/imgPlayer.png) no-repeat 0px 0px; LEFT: 1px; WIDTH: 46px; HEIGHT: 81px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 30%;
}
#imgPlay .next {
	BACKGROUND: url(../images/imgPlayer.png) no-repeat 0px 0px; right: 1px; WIDTH: 46px; HEIGHT: 81px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 30%;
}
#imgPlay .next {
	BACKGROUND-POSITION: right 0px; RIGHT: 1px; LEFT: auto
}
#imgPlay .num {
	DISPLAY: inline; LEFT: 400px; POSITION: absolute; TOP: 398px; HEIGHT: 19px
}
#imgPlay .num SPAN {
	DISPLAY: inline-block; BACKGROUND: url(../images/imgPlayer.png) no-repeat -19px -83px; MARGIN: 0px 2px; OVERFLOW: hidden; WIDTH: 14px; CURSOR: pointer; LINE-HEIGHT: 0; HEIGHT: 13px
}
#imgPlay .num SPAN.on {
	BACKGROUND-POSITION: 1px -83px
}
#imgPlay .num .lc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px
}
#imgPlay .num .mc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px
}
#imgPlay .num .rc {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/lc.png) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 13px; PADDING-TOP: 3px; HEIGHT: 16px
}
#imgPlay .num .mc {
	BACKGROUND: url(../images/mc.png) repeat-x
}
#imgPlay .num .rc {
	BACKGROUND: url(../images/rc.png) no-repeat
}
#imgPlay #numInner {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; POSITION: absolute; TOP: 396px; TEXT-ALIGN: center
}

/* 會員登入頁 */
#content .login {
	width:96%;
	height:auto;
	margin:0 2%;
	padding:0;
	display:inline;
	border: 2px solid #FFE015;
	float:left;
background: #474747; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #474747 1%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#474747), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #474747 1%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #474747 1%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #474747 1%,#000000 100%); /* IE10+ */
background: linear-gradient(to right,  #474747 1%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* Konqueror */
border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .login_title {
	width:96%;
	height:auto;
	margin:0 2% 10px 2%;
	padding:5px 0px;
	display:inline;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	color: #000;
	font-weight:bold;
	text-align:center;
	text-shadow: 0 -1px 0 #fff, 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff;
	background-color: #FFE015;
-moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* Konqueror */ border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	float:left;
}
#content .login .login_title2 {
	width:96%;
	height:auto;
	margin:2% 2%;
	padding:5px 0px;
	display:inline;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #ffe015;
	text-align:center;
	border:1px solid #ffe015;
-moz-border-radius: 30px; /* Firefox */ -webkit-border-radius: 30px; /* Safari, Chrome */ -khtml-border-radius: 30px; /* Konqueror */ border-radius: 30px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	float:left;
}
#content .input_box {
	width:92%;
	height:auto;
	margin:0px 4%;
	float:left;
}
#content .input_box ul {
	width:100%;
	height:auto;
	padding:0px;
	margin:10px 0px 5px 0px;
	float:left;
	list-style: none;
}
#content .input_box ul img {width:100%;}
#content .input_box ul li {
	width:20%;
	height:30px;
	margin:0px 0px 15px 0px;
	float:left;
	list-style: none;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 27px;
	color: #FFF;
	text-align:right;
}
#content .input_box ul dl {
	width:77%;
	height:30px;
	margin:0px 1% 15px 2%;
	display:inline;
	float:right;
	list-style: none;
	font-family: "微軟正黑體";
	font-size: 12px;
	line-height: 15px;
	color: #ffe015;
	text-align:left;
}
#content .input_box ul dl img {
	border:1px solid #ccc;
	margin:0px 15px 0px 5px;
}
#content .input_box ul dd {
	width:26%;
	height:30px;
	margin:0 2% 0 2%;
	padding:0;
	display:inline;
	float:left;
	list-style: none;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 20px;
	color: #ffe015;
	text-align:left;
}
#content .input_box .input {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #333;
	text-align:left;
	width:75%;
	height:25px;
	margin:0 0 0 2%;
	padding:0px 2%;
	border:1px solid #ccc;
	-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	background: rgb(212,212,212); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgb(212,212,212) 0%, rgb(255,255,255) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(212,212,212)), color-stop(50%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	float:left;
}
#content .input_box .line {
	width:100%;
	height:0px;
	border-bottom:1px dashed #ffe015;
	float:left;
}
#content #message {
	height:auto;
	padding:1px 0;
	margin:10px 0px 0px 0px;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #F00;
	text-align:center;
}
#content #notice {
	width:90%;
	height:auto;
	padding:0 5%;
	margin:-10px 0px 15px 0px;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 18px;
	color: #FFF;
	text-align:left;
}

/* 儲值頁 */
#content .storeup {
	width:96%;
	height:auto;
	margin:0px 2%;
	padding:2% 0 5% 0;
	display:inline;
	border: 2px solid #FFE015;
	float:left;
background: #474747; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #474747 1%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#474747), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #474747 1%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #474747 1%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #474747 1%,#000000 100%); /* IE10+ */
background: linear-gradient(to right,  #474747 1%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari, Chrome */
-khtml-border-radius: 20px; /* Konqueror */
border-radius: 20px; /* Opera 10.50 and later (CSS3 standard) */
behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .storeup_box .game_title {
	width:90%;
	height:30px;
	margin:0px 5% 5px 5%;
	padding:15px 0px 0px 0px;
	border-bottom:2px solid #FFE015;
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 22px;
	color: #ffe015;	
	text-align:center;
	float:left;
}

#content .storeup .storeup_title2 {
	width:96%;
	height:auto;
	margin:0px 2%;
	padding:5px 0px;
	display:inline;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #ffe015;
	text-align:center;
	border:1px solid #ffe015;
-moz-border-radius: 30px; /* Firefox */ -webkit-border-radius: 30px; /* Safari, Chrome */ -khtml-border-radius: 30px; /* Konqueror */ border-radius: 30px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	float:left;
}
#content .storeup ul {
	width:96%;
	height:auto;
	margin:3px 2%;
	padding:0;
	display:inline;
	float:left;
}
#content .storeup ul li {
	width:16%;
	height:auto;
	padding:0;
	margin:1% 1%;
	display:inline;
	list-style:none;
	border:2px solid #333;
	background-color:#333;
	-moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	float:left;
}
#content .storeup ul li img {
	width:100%;
	height:auto;
}
#content .storeup_box {
	width:80%;
	height:auto;
	margin:0 10% 0 10%;
	padding:0 0 0 0;
	border: 2px solid #FFE015;
background: #474747; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #474747 1%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#474747), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #474747 1%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #474747 1%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #474747 1%,#000000 100%); /* IE10+ */
background: linear-gradient(to right,  #474747 1%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari, Chrome */
-khtml-border-radius: 20px; /* Konqueror */
border-radius: 20px; /* Opera 10.50 and later (CSS3 standard) */
behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	float:left;
}
#content .storeup_box ul {
	width:100%x;
	height:auto;
	padding:0px;
	margin:10px 0px 5px 0px;
	float:left;
	text-align:center;
	list-style: none;
}
#content .storeup_box .input {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #333;
	text-align:left;
	width:95%;
	height:25px;
	margin:0 5%;
	padding:0 0 0 2%;
	display:inline;
	border:1px solid #ccc;
	-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	background: rgb(212,212,212); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgb(212,212,212) 0%, rgb(255,255,255) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(212,212,212)), color-stop(50%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	float:left;
}
#content .storeup .line {
	width:100%;
	height:0px;
	border-bottom:1px dashed #ffe015;
	float:left;
}
#content #clean {
	height:16px;
	margin:0px 0px 0px 0px;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #ffe015;
	text-align:center;
}
#content #clean a {
	color: #ffe015;
	text-decoration: underline;
}
#content #clean a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
option {
	background-color:#fff;
}

/* 產包儲值 */
#content .storeup_card {
	width:96%;
	height:auto;
	margin:0px 2%;
	border: 2px solid #FFE015;
background: #474747; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #474747 1%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#474747), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #474747 1%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #474747 1%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #474747 1%,#000000 100%); /* IE10+ */
background: linear-gradient(to right,  #474747 1%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* Konqueror */
border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
float:left;
}
#content .storeup_card .storeup_card_box {
	width:80%;
	height:auto;
	margin:0px 10%;
	float:left;
}
#content .storeup_card .storeup_card_box ul {
	width:100%;
	height:auto;
	padding:0px;
	margin:15px 0px 6px 0px;
	float:left;
	list-style: none;
}
#content .storeup_card .storeup_card_box ul img {
	width:100%;
}
#content .storeup_card .storeup_card_box ul li {
	width:14%;
	height:auto;
	padding:4px 0;
	margin:0 0 10px 0;
	float:left;
	list-style: none;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 27px;
	color: #FFF;
	text-align:right;
}
#content .storeup_card .storeup_card_box ul dl {
	width:80%;
	height:auto;
	padding:4px 0;
	margin:0 2% 10px 4%;
	display:inline;
	float:right;
	list-style: none;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #ffe015;
	text-align:left;
}
/* 選擇儲值金額金流 */
#content .storeup_card .storeup_card_box dt {
	width:100%;
	height:auto;
	padding:10px 0px;
	margin:0;
	float:left;
	list-style: none;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #FFF;
	text-align:center;
	border-bottom:1px dotted #FFE015;
}
#content .storeup_card .storeup_card_box dt a {
	color: #FFF;
	padding:4px 25px;
	text-decoration: none;
}
#content .storeup_card .storeup_card_box dt a:hover {
	color: #FFE015;
	text-decoration: none;
	padding:4px 25px;
	background-color:#000;
	-moz-border-radius: 30px; /* Firefox */ -webkit-border-radius: 30px; /* Safari, Chrome */ -khtml-border-radius: 30px; /* Konqueror */ border-radius: 30px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .storeup_card .storeup_card_box dd {
	width:100%;
	height:auto;
	padding:10px 0px;
	margin:0 0 20px 0;
	float:left;
	list-style: none;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 25px;
	color: #FFE015;
	text-align:left;
	border-bottom:1px dotted #FFE015;
}
#content .storeup_card .storeup_box_title3 {
	width:88%;
	height:auto;
	margin:2% 4%0 4%;
	padding:5px 2%;
	display:inline;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #ffe015;
	text-align:left;
	border:1px solid #ffe015;
-moz-border-radius: 20px; /* Firefox */ -webkit-border-radius: 20px; /* Safari, Chrome */ -khtml-border-radius: 20px; /* Konqueror */ border-radius: 20px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	float:left;
}



#content .storeup_card .storeup_card_box .input {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #333;
	text-align:left;
	width:85%;
	height:25px;
	padding:0px 15px;
	border:1px solid #ccc;
	-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	background: rgb(212,212,212); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgb(212,212,212) 0%, rgb(255,255,255) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(212,212,212)), color-stop(50%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	float:left;
}
#content .storeup_card .storeup_box_title2 {
	width:92%;
	height:auto;
	margin:2% 4%0 4%;
	padding:5px 0px;
	display:inline;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #ffe015;
	text-align:center;
	border:1px solid #ffe015;
-moz-border-radius: 30px; /* Firefox */ -webkit-border-radius: 30px; /* Safari, Chrome */ -khtml-border-radius: 30px; /* Konqueror */ border-radius: 30px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	float:left;
}
#content .storeup_card_box h3 {
	width:100%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
	text-align:left;
	font-weight: normal;
}
#content .storeup_card_box h4 {
	width:80%;
	margin:0 10%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 36px;
	color: #ffe015;
	text-align:left;
	font-weight: normal;
}
#content .storeup_card_box h5 {
	width:80%;
	margin:0 10%;
	padding:10px 0px 20px 0px;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 27px;
	color: #ffe015;
	text-align:center;
	font-weight: normal;
}
#content .storeup_card_box h3 {
	width:100%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
	text-align:left;
	font-weight: normal;
}
#content .storeup_card_box h4 {
	width:80%;
	margin:10px 10% 0px 10%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 25px;
	color: #ffe015;
	text-align:center;
	font-weight: normal;
}
#content .storeup_card_box h4 a {
	color: #ffe015;
	text-decoration: none;
}
#content .storeup_card_box h4 a:hover {
	color: #ffe015;
	text-decoration: none;
}
#content .storeup_card_box h5 {
	width:100%;
	margin:0 0%;
	padding:10px 0px 20px 0px;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 27px;
	color: #ffe015;
	text-align:center;
	font-weight: normal;
}
#content .storeup_card_box h5 img {
	width:50%;
}

/* 會員條款 */
#content .clause {
	width:86%;
	height:auto;
	margin:5px 2%;
	padding:8px 5% 8px 5%;
	display:inline;
	border: 2px solid #FFE015;
background: #474747; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #474747 1%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#474747), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #474747 1%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #474747 1%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #474747 1%,#000000 100%); /* IE10+ */
background: linear-gradient(to right,  #474747 1%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* Konqueror */
border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	float:left;
}
#content .clause h1 {
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 32px;
	color: #ffe015;
	text-align:center;
}
#content .clause h2 {
	font-family: "微軟正黑體";
	font-size: 17px;
	line-height: 17px;
	color: #ffe015;
	text-align:left;
	font-weight: normal;
	border:1px solid #ffe015;
	background-color:transparent;
	padding:5px 10px;
	-moz-border-radius: 30px; /* Firefox */ -webkit-border-radius: 30px; /* Safari, Chrome */ -khtml-border-radius: 30px; /* Konqueror */ border-radius: 30px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .clause p {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 25px;
	color: #FFF;
	text-align:left;
}

/* 客戶服務 */
#content .customer {
	width:92%;
	height:auto;
	margin:10px 2%;
	padding:5px 2% 10px 2%;
	display:inline;
	border: 2px solid #FFE015;
background: #474747; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #474747 1%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#474747), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #474747 1%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #474747 1%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #474747 1%,#000000 100%); /* IE10+ */
background: linear-gradient(to right,  #474747 1%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari, Chrome */
-khtml-border-radius: 20px; /* Konqueror */
border-radius: 20px; /* Opera 10.50 and later (CSS3 standard) */
behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	float:left;
}
#content .customer h1 {
	padding:0 0 0 1%;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 24px;
	color: #fff;
	text-align:left;
	font-weight: normal;
}
#content .customer h2 {
	font-family: "微軟正黑體,Arial";
	font-size: 15px;
	line-height: 18px;
	color: #ffe015;
	text-align:left;
	font-weight: normal;
	border:1px solid #ffe015;
	padding:10px 10px;
	background-color:#000;
	-moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* Konqueror */ border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .customer h2 a {
	color: #ffe015;
	text-decoration: none;
	border:none;
	background-color:none;
	padding:0px;
-moz-border-radius: 0px; /* Firefox */ -webkit-border-radius: 0px; /* Safari, Chrome */ -khtml-border-radius: 0px; /* Konqueror */ border-radius: 0px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .customer h2 a:hover {
	color: #ffe015;
	text-decoration: none;
	border:none;
	background-color:none;
	padding:0px;
-moz-border-radius: 0px; /* Firefox */ -webkit-border-radius: 0px; /* Safari, Chrome */ -khtml-border-radius: 0px; /* Konqueror */ border-radius: 0px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .customer p {
	padding:0 10px;
	font-family: "微軟正黑體,Arial";
	font-size: 15px;
	line-height: 21px;
	color: #FFF;
	text-align:left;
}
#content .customer p a {
	color: #FFFF00;
	text-decoration: underline;
}
#content .customer p a:hover {
	color: #ffe015;
	text-decoration: underline;
}
#content .customer p img {
	width:100%;
}
.post { padding:0px; margin:1% 0px 2% 0px; }
.post .post_inner	{display: none;}
.post:target .post_inner	{display: block;}


/* 合作提案 */
#content .cooperation {
	width:96%;
	height:auto;
	margin:0px 2%;
	padding:5px 0 5% 0;
	display:inline;
	border: 2px solid #FFE015;
	float:left;
background: #474747; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ3NDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #474747 1%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#474747), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #474747 1%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #474747 1%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #474747 1%,#000000 100%); /* IE10+ */
background: linear-gradient(to right,  #474747 1%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* Konqueror */
border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .cooperation_title2 {
	width:96%;
	height:auto;
	margin:5px 2%;
	padding:5px 0px;
	display:inline;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #ffe015;
	text-align:center;
	border:1px solid #ffe015;
-moz-border-radius: 30px; /* Firefox */ -webkit-border-radius: 30px; /* Safari, Chrome */ -khtml-border-radius: 30px; /* Konqueror */ border-radius: 30px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	float:left;
}
#content .cooperation .input_box {
	width:98%;
	height:auto;
	margin:0px 1%;
	float:left;
}
#content .cooperation .input_box ul {
	width:96%;
	height:auto;
	padding:0px;
	margin:5px 1% 5px 1%;
	float:left;
	list-style: none;
}
#content .cooperation .input_box ul li {
	width:26%;
	height:auto;
	padding:6px 0;
	margin:0px 0px 5px 0px;
	float:left;
	list-style: none;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 27px;
	color: #FFF;
	text-align:right;
}
#content .cooperation .input_box ul dl {
	width:70%;
	height:auto;
	padding:6px 0;
	margin:0px 1% 5px 3%;
	display:inline;
	float:right;
	list-style: none;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #ffe015;
	text-align:left;
}
#content .cooperation .input_box .height125 {
	height:125px;
	margin:8% 0 0 -26%;
}
#content .cooperation .input_box .input {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #333;
	text-align:left;
	width:80%;
	height:25px;
	padding:0px 1%;
	border:1px solid #ccc;
	-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	background: rgb(212,212,212); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgb(212,212,212) 0%, rgb(255,255,255) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(212,212,212)), color-stop(50%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	float:left;
}
#content .cooperation .input_box .select {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #333;
	text-align:left;
	width:82%;
	height:25px;
	margin:0 0 0 2%;
	padding:0px 0px 0px 1%;
	display:inline;
	border:1px solid #ccc;
	-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	background: rgb(212,212,212); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgb(212,212,212) 0%, rgb(255,255,255) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(212,212,212)), color-stop(50%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	float:left;
}
#content .cooperation .input_box .textarea {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #333;
	text-align:left;
	width:78%;
	height:125px;
	padding:10px 10px;
	margin:0 0 0 2%;
	border:1px solid #ccc;
	-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	background: rgb(212,212,212); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgb(212,212,212) 0%, rgb(255,255,255) 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(212,212,212)), color-stop(50%,rgb(255,255,255))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(212,212,212) 0%,rgb(255,255,255) 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	float:left;
}
#content .cooperation .input_box .line {
	width:100%;
	height:0px;
	border-bottom:1px dashed #ffe015;
	float:left;
}


/* 文字效果 */
.18B {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}
.yellow { color:#ffff00; }
.white { color:#ffffff; }
.red { color: #ff0000; }



/* 球來就打月卡 */
#MonthCard_banner {
	width:100%;
	height:auto;
	float:left;
}
#MonthCard_banner img {
	width:100%;
}
#content .BB_MonthCard_intro {
	width:90%;
	height:auto;
	margin:5px 5% 0px 5%;
	padding:5px 0px 10px 0px;
	display:inline;
	text-align:left;
	float:left;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 27px;
	color: #FFF;
	border-bottom:1px solid #ffe015;
}
h4 {
	width:94%;
	height:auto;
	margin:10px 0 8px 0;
	padding:5px 3% 5px 3%;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	color: #FF0;
background: rgb(86,86,86); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDJkMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(86,86,86,1) 0%, rgba(0,0,0,1) 84%, rgba(45,45,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,86,86,1)), color-stop(84%,rgba(0,0,0,1)), color-stop(100%,rgba(45,45,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(86,86,86,1) 0%,rgba(0,0,0,1) 84%,rgba(45,45,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(86,86,86,1) 0%,rgba(0,0,0,1) 84%,rgba(45,45,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(86,86,86,1) 0%,rgba(0,0,0,1) 84%,rgba(45,45,45,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(86,86,86,1) 0%,rgba(0,0,0,1) 84%,rgba(45,45,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-8 */	
-moz-border-radius: 30px; /* Firefox */ -webkit-border-radius: 30px; /* Safari, Chrome */ -khtml-border-radius: 30px; /* Konqueror */ border-radius:30px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .BB_MonthCard_intro2 {
	width:90%;
	height:auto;
	margin:5px 5% 15px 5%;
	padding:5px 0px 15px 0px;
	display:inline;
	text-align:left;
	float:left;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 25px;
	color: #FFF;
}
#content .BB_MonthCard_btn {
	width:90%;
	height:auto;
	margin:10px 5% 5px 5%;
	padding:0px 0px 0px 0px;
	display:inline;
	float:left;
}
#content .BB_MonthCard_btn_single {
	width:36%;
	height:auto;
	margin:10px 32% 5px 32%;
	padding:0px 0px 0px 0px;
	display:inline;
	float:left;
}
#content .BB_MonthCard_btn .Month {
	width:35%;
	height:auto;
	float:left;
	display:inline;
	margin:0 0 0 0;
	text-align:center;
}
#content .BB_MonthCard_btn .Coin {
	width:35%;
	height:auto;
	float:right;
	display:inline;
	margin:0 0 0 0;
	text-align:center;
}
.BB_MonthCard_buy {
	font-size:22px;
	line-height:22px;
	font-family:微軟正黑體;
	font-weight: bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d02718;
	padding:9px 18px;
	text-align:center;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background-color:#f24537;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #333;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	-moz-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	box-shadow:inset 1px 1px 0px 0px #f5978e;
}
.BB_MonthCard_buy:hover {
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background-color:#c62d1f;
	cursor:pointer;
}
.BB_MonthCard_buy:active {
	position:relative;
	top:1px;
}

#content .BB_MonthCard_box {
	width:90%;
	height:auto;
	margin:20px 5% 10px 5%;
	padding:5px 0px;
	display:inline;
	text-align:center;
	border:1px solid #ffe015;
-moz-border-radius: 30px; /* Firefox */ -webkit-border-radius: 30px; /* Safari, Chrome */ -khtml-border-radius: 30px; /* Konqueror */ border-radius: 30px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
background: rgb(0,0,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(79,79,79,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-8 */
	float:left;
}
#content .BB_MonthCard_box .times {
	width:90%;
	height:auto;
	padding:10px 0;
	margin:0 5% 0 5%;
	border-bottom:1px dotted #ffe015;
	float:left;
}
#content .BB_MonthCard_box .txt {
	width:55%;
	height:auto;
	padding:0 0;
	margin:20px 0 0 5%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	text-align:left;
	float:left;
}
#content .BB_MonthCard_box .btn {
	width:30%;
	height:auto;
	padding:0;
	margin:0 0 0 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	text-align:center;
	float:left;
}
#content .BB_MonthCard_box .changeID_btn {
	height:auto;
	font-size:18px;
	line-height:20px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #2e2e2e;
	padding:10px 10px 10px 10px;
	margin:10px 0 0 0;
	text-decoration:none;
background: rgb(255,216,76); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDg0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI5MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,216,76,1) 0%, rgba(255,185,10,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,216,76,1)), color-stop(100%,rgba(255,185,10,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd84c', endColorstr='#ffb90a',GradientType=0 ); /* IE6-8 */
	color:#333333;
	display:inline;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #424242;
 	-moz-box-shadow:inset 1px 1px 0px 0px #424242;
 	box-shadow:inset 1px 1px 0px 0px #424242;
	text-shadow: 0 1px 0 #999;
	float:left;
}
#content .BB_MonthCard_box .changeID_btn:hover {
	cursor:pointer;
}
#content .BB_MonthCard_box .changeID_btn:active {
	position:relative;
	top:1px;
}

#content .BB_MonthCard_box .days {
	width:90%;
	height:auto;
	padding:10px 0;
	margin:5px 5% 0 5%;
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 26px;
	color: #ffe015;
	text-align:center;
	text-shadow: 0 1px 0 #000;
	float:left;
}
#content .BB_MonthCard_rule {
	width:80%;
	height:auto;
	margin:5px 5% 15px 5%;
	padding:15px 5% 15px 5%;
	border:1px dotted #ccc;
	text-align:left;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 24px;
	color: #CCC;
	-moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* Konqueror */ border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}


/* 球來就打VIP */
#content .BB_VIP_box {
	width:90%;
	height:auto;
	margin:20px 5% 10px 5%;
	padding:5px 0px;
	display:inline;
	text-align:center;
	border:1px solid #ffe015;
-moz-border-radius: 30px; /* Firefox */ -webkit-border-radius: 30px; /* Safari, Chrome */ -khtml-border-radius: 30px; /* Konqueror */ border-radius: 30px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
background: rgb(0,0,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(79,79,79,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-8 */
	float:left;
}
#content .BB_VIP_box .times {
	width:90%;
	height:auto;
	padding:10px 0;
	margin:0 5% 0 5%;
	border-bottom:1px dotted #ffe015;
	float:left;
}
#content .BB_VIP_box .times2 {
	width:90%;
	height:auto;
	padding:10px 0;
	margin:0 5% 0 5%;
	float:left;
}
#content .BB_VIP_box .txt {
	width:55%;
	height:20px;
	padding:0px 0;
	margin:12px 0 0 4%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	text-align:left;
	float:left;
}
#content .BB_VIP_box .btn {
	width:31%;
	height:30px;
	padding:0 0;
	margin:0 10% 0 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #FFF;
	text-align:center;
	float:left;
}
#content .BB_VIP_box .changeID_btn {
	height:auto;
	font-size:18px;
	line-height:18px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #2e2e2e;
	padding:10px 6px 10px 6px;
	margin:0;
	text-decoration:none;
background: rgb(255,216,76); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDg0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI5MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,216,76,1) 0%, rgba(255,185,10,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,216,76,1)), color-stop(100%,rgba(255,185,10,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd84c', endColorstr='#ffb90a',GradientType=0 ); /* IE6-8 */
	color:#333333;
	display:inline;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #424242;
 	-moz-box-shadow:inset 1px 1px 0px 0px #424242;
 	box-shadow:inset 1px 1px 0px 0px #424242;
	text-shadow: 0 1px 0 #999;
	float:left;
}
#content .BB_VIP_box .changeID_btn:hover {
	cursor:pointer;
}
#content .BB_VIP_box .changeID_btn:active {
	position:relative;
	top:1px;
}
#content .BB_VIP_box .changeID_btn2 {
	height:auto;
	font-size:18px;
	line-height:18px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #2e2e2e;
	padding:12px 10px 12px 10px;
	margin:0;
	text-decoration:none;
background: rgb(255,216,76); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDg0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI5MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,216,76,1) 0%, rgba(255,185,10,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,216,76,1)), color-stop(100%,rgba(255,185,10,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd84c', endColorstr='#ffb90a',GradientType=0 ); /* IE6-8 */
	color:#333333;
	display:inline;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #424242;
 	-moz-box-shadow:inset 1px 1px 0px 0px #424242;
 	box-shadow:inset 1px 1px 0px 0px #424242;
	text-shadow: 0 1px 0 #999;
	float:left;
}
#content .BB_VIP_box .changeID_btn2:hover {
	cursor:pointer;
}
#content .BB_VIP_box .changeID_bt2n:active {
	position:relative;
	top:1px;
}

/* VIP等級介紹疊選單 */
#content .vip_intro {
	width:100%;
	height:auto;
	margin: 0;
	padding:0;
	display:inline;
	float:left;
}
#content .vip_intro h3 {
	width:90%;
	height:auto;
	margin:8px 0 8px 0;
	padding:6px 5%;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	color: #ffe015;
	text-align:left;
	font-weight: normal;
	float:left;
	background: rgb(255,225,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmMxMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,225,0,1) 0%, rgba(242,193,33,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,225,0,1)), color-stop(100%,rgba(242,193,33,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,225,0,1) 0%,rgba(242,193,33,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,225,0,1) 0%,rgba(242,193,33,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,225,0,1) 0%,rgba(242,193,33,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,225,0,1) 0%,rgba(242,193,33,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe100', endColorstr='#f2c121',GradientType=0 ); /* IE6-8 */
-moz-border-radius: 20px; /* Firefox */ -webkit-border-radius: 20px; /* Safari, Chrome */ -khtml-border-radius: 20px; /* Konqueror */ border-radius: 20px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
text-shadow: 0 1px 0 #ffffff;
}
#content .vip_intro h3 a {
	width:96%;
	height:auto;
	margin:0;
	padding:10px 2%;
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 22px;
	color: #333;
	text-decoration: none;
}
#content .vip_intro h3 a:hover {
	color: #b20000;
	text-decoration: none;
	text-shadow: 0 1px 0 #ffCC00;
}
#content .vip_intro p {
	width:90%;
	margin:-10px 0 15px 0;
	padding:10px 5%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
	text-align:left;
	float:left;
	border:1px solid #ffe015;
	-moz-border-radius: 20px; /* Firefox */ -webkit-border-radius: 20px; /* Safari, Chrome */ -khtml-border-radius: 20px; /* Konqueror */ border-radius: 20px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .vip_intro p a {
	color: #FFFF00;
	text-decoration: underline;
}
#content .vip_intro p a:hover {
	color: #ffe015;
	text-decoration: underline;
}
#content .vip_intro .post { padding:0px; margin:0px 0px 35px 0px; }
#content .vip_intro .post .post_inner	{display: none;}
#content .vip_intro .post:target .post_inner	{display: block;}


/* VIP商店 */
#content .vip_shop_box {
	width:90%;
	height:auto;
	margin:5px 5% 0px 5%;
	padding:5px 0px 15px 0px;
	display:inline;
	float:left;
}
#content .vip_shop_box .item_list {
	width:96%;
	height:auto;
	margin:0px 0 0 0;
	padding:2% 2%;
	border:1px solid #ffe015;
-moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* Konqueror */ border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
    float:left;
}
#content .vip_shop_box .item {
	width:29%;
	height:auto;
	margin:0 2%;
	padding:0;
	display:inline;
	float:left;
}
#content .vip_shop_box .item .name {
	width:96%;
	height:auto;
	margin:0 0 6px 0;
	padding:5px 2%;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
background: rgb(255,230,45); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTYyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,230,45,1) 0%, rgba(252,205,77,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,230,45,1)), color-stop(99%,rgba(252,205,77,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,230,45,1) 0%,rgba(252,205,77,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,230,45,1) 0%,rgba(252,205,77,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,230,45,1) 0%,rgba(252,205,77,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,230,45,1) 0%,rgba(252,205,77,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe62d', endColorstr='#fccd4d',GradientType=0 ); /* IE6-8 */
	float:left;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 16px;
	color: #333;
	text-align:center;
}
#content .vip_shop_box .item .photo {
	width:100%;
	margin:5px 0p;
	padding:0;
	float:left;
}
#content .vip_shop_box .item .photo img {width:100%;}
#content .vip_shop_box .item .price {
	width:90%;
	height:auto;
	margin:0 0 2px 0;
	padding:0px 5% 5px 5%;
	float:left;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	color: #ff0000;
	text-align:center;
	text-shadow: 0 1px 1px #000;
	border-bottom:1px solid #FFCC00;
}
#content .vip_shop_box .item .caption {
	width:96%;
	height:auto;
	margin:0 0 0 0;
	padding:5px 2% 0 2%;
	float:left;
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 18px;
	color: #ccc;
	text-align:left;
}
#content .vip_shop_box .button_list {
	width:100%;
	height:auto;
	margin:10px 0 0 0;
	padding:0 0%;
    float:left;
}
#content .vip_shop_box .button_list .btn {
	width:29%;
	height:auto;
	margin:0 2%;
	padding:10px 0 0 0;
	float:left;
	display:inline;
	border-top:1px solid #FFCC00;
}
#content .vip_shop_box .button_list .btn img { width:100%; }




/* VIP抽抽樂 */
#content .vip_lottery_box {
	width:90%;
	height:auto;
	margin:5px 5% 15px 5%;
	padding:5px 0px 15px 0px;
	display:inline;
	float:left;
}
#content .vip_lottery_box .lottery_list {
	width:96%;
	height:auto;
	margin:10px 0 0 0;
	padding:2% 2%;
	border:1px solid #ffe015;
-moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* Konqueror */ border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
    float:left;
}
#content .vip_lottery_box .item {
	width:29%;
	height:auto;
	margin:0 2%;
	padding:0;
	display:inline;
	float:left;
}
#content .vip_lottery_box .item .name {
	width:90%;
	height:auto;
	margin:0 0 6px 0;
	padding:5px 5%;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
background: rgb(255,230,45); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTYyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,230,45,1) 0%, rgba(252,205,77,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,230,45,1)), color-stop(99%,rgba(252,205,77,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,230,45,1) 0%,rgba(252,205,77,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,230,45,1) 0%,rgba(252,205,77,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,230,45,1) 0%,rgba(252,205,77,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,230,45,1) 0%,rgba(252,205,77,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe62d', endColorstr='#fccd4d',GradientType=0 ); /* IE6-8 */
	float:left;
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 17px;
	color: #333;
	text-align:center;
	text-shadow: 0 1px 0 #eee;
}
#content .vip_lottery_box .item .name2 {
	width:90%;
	height:auto;
	margin:0 0 6px 0;
	padding:5px 5%;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	-khtml-border-radius: 5px; /* Konqueror */
	border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
background: rgb(239,0,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(239,0,0,1) 0%, rgba(204,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,0,0,1)), color-stop(100%,rgba(204,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(239,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(239,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(239,0,0,1) 0%,rgba(204,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(239,0,0,1) 0%,rgba(204,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-8 */
	float:left;
	font-family: "微軟正黑體";
	font-size: 14px;
	line-height: 17px;
	color: #ffffff;
	text-align:center;
	text-shadow: 0 1px 0 #333;
}
#content .vip_lottery_box .item .photo {
	width:100%;
	margin:5px 0p;
	padding:0;
	float:left;
}
#content .vip_lottery_box .item .photo img {width:100%;}
#content .vip_lottery_box .item .caption {
	width:96%;
	height:auto;
	margin:0 0 0 0;
	padding:5px 2% 0 2%;
	float:left;
	font-family: "微軟正黑體";
	font-size: 11px;
	line-height: 14px;
	color: #ccc;
	text-align:left;
}
#content .vip_lottery_box .button_list {
	width:100%;
	height:auto;
	margin:10px 0 0 0;
	padding:0 0%;
    float:left;
}
#content .vip_lottery_box .button_list .btn {
	width:29%;
	height:auto;
	margin:0 2% 0 2%;
	padding:2px 0 0px 0;
	float:left;
	display:inline;
}
#content .vip_lottery_box .button_list .btn img { width:100%; margin:0 0% }
#content .vip_lottery_box .button_list .btn2 {
	width:29%;
	height:auto;
	margin:0 2% 0 2%;
	padding:2px 0 0px 0;
	float:left;
	display:inline;
filter:alpha(opacity=25); /*IE*/
-moz-opacity:0.25; /*FireFox*/ 
opacity:0.25; /*Chrome, Opera, Safari*/
}
#content .vip_lottery_box .button_list .btn2 img { width:100%; margin:0 0% }

/* 抽抽樂介紹頁 */
#content .BB_lottery_intro {
	width:90%;
	height:auto;
	margin:5px 5% 15px 5%;
	padding:5px 0px 15px 0px;
	display:inline;
	text-align:left;
	float:left;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
	border-bottom:1px solid #ffe015;
}
h5 {
	width:90%;
	height:auto;
	padding:8px 5% 8px 5%;
	margin:15px 0 10px 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	color: #FF0;
background: rgb(86,86,86); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDJkMmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(86,86,86,1) 0%, rgba(0,0,0,1) 84%, rgba(45,45,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,86,86,1)), color-stop(84%,rgba(0,0,0,1)), color-stop(100%,rgba(45,45,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(86,86,86,1) 0%,rgba(0,0,0,1) 84%,rgba(45,45,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(86,86,86,1) 0%,rgba(0,0,0,1) 84%,rgba(45,45,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(86,86,86,1) 0%,rgba(0,0,0,1) 84%,rgba(45,45,45,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(86,86,86,1) 0%,rgba(0,0,0,1) 84%,rgba(45,45,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#2d2d2d',GradientType=0 ); /* IE6-8 */	
-moz-border-radius: 30px; /* Firefox */ -webkit-border-radius: 30px; /* Safari, Chrome */ -khtml-border-radius: 30px; /* Konqueror */ border-radius:30px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}



/* 抽抽樂遊戲頁 */
#content .BB_lottery_box {
	width:90%;
	height:auto;
	margin:15px 5% 15px 5%;
	padding:5px 0px 15px 0px;
	display:inline;
	text-align:center;
	border:1px solid #ffe015;
-moz-border-radius: 20px; /* Firefox */ -webkit-border-radius: 20px; /* Safari, Chrome */ -khtml-border-radius: 20px; /* Konqueror */ border-radius: 20px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
background: rgb(0,0,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(79,79,79,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-8 */
	float:left;
}
#content .BB_lottery_box .times {
	width:90%;
	height:auto;
	padding:5px 0;
	margin:0 5% 0 5%;
	border-bottom:1px dotted #ffe015;
	float:left;
}
#content .BB_lottery_box .times2 {
	width:100%;
	height:auto;
	padding:10px 0;
	margin:0;
	float:left;
}
#content .BB_lottery_box .txt {
	width:65%;
	height:20px;
	padding:2% 0 0 0;
	margin:0 0 0 0;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 22px;
	color: #FFF;
	text-align:left;
	float:left;
}
#content .BB_lottery_box .txt2 {
	width:100%;
	height:20px;
	padding:2% 0 2% 0;
	margin:0;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 22px;
	color: #FFF;
	text-align:left;
	float:left;
}
#content .BB_lottery_box .days {
	width:100%;
	height:auto;
	padding:10px 0;
	margin:5px 0 0 0;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 22px;
	color: #ffe015;
	text-align:center;
	text-shadow: 0 1px 0 #000;
	float:left;
}
#content .BB_lottery_box .btn {
	width:25%;
	height:30px;
	padding:0 0;
	margin:0 10% 0 0;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 16px;
	color: #FFF;
	text-align:center;
	float:left;
}
#content .BB_lottery_box .changeID_btn {
	height:auto;
	font-size:20px;
	line-height:20px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #2e2e2e;
	padding:10px 10px 10px 10px;
	margin:0;
	text-decoration:none;
background: rgb(255,216,76); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDg0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI5MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,216,76,1) 0%, rgba(255,185,10,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,216,76,1)), color-stop(100%,rgba(255,185,10,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd84c', endColorstr='#ffb90a',GradientType=0 ); /* IE6-8 */
	color:#333333;
	display:inline;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #424242;
 	-moz-box-shadow:inset 1px 1px 0px 0px #424242;
 	box-shadow:inset 1px 1px 0px 0px #424242;
	text-shadow: 0 1px 0 #999;
	float:left;
}
#content .BB_lottery_box .changeID_btn:hover {
	cursor:pointer;
}
#content .BB_lottery_box .changeID_btn:active {
	position:relative;
	top:1px;
}
#content .BB_lottery_box .changeID_btn2 {
	height:auto;
	font-size:15px;
	line-height:16px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #2e2e2e;
	padding:12px 10px 12px 10px;
	margin:0;
	text-decoration:none;
background: rgb(255,216,76); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZDg0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmI5MGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,216,76,1) 0%, rgba(255,185,10,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,216,76,1)), color-stop(100%,rgba(255,185,10,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,216,76,1) 0%,rgba(255,185,10,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd84c', endColorstr='#ffb90a',GradientType=0 ); /* IE6-8 */
	color:#333333;
	display:inline;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #424242;
 	-moz-box-shadow:inset 1px 1px 0px 0px #424242;
 	box-shadow:inset 1px 1px 0px 0px #424242;
	text-shadow: 0 1px 0 #999;
	float:left;
}
#content .BB_lottery_box .changeID_btn2:hover {
	cursor:pointer;
}
#content .BB_lottery_box .changeID_btn2:active {
	position:relative;
	top:1px;
}
#content .BB_lottery_box .top_player {
	width:60%;
	height:auto;
	float:left;
	display:inline;
	margin:0 20%;
	padding:0;
}
#content .BB_lottery_box .top_player img {width:100%;}
#content .BB_lottery_box .top_player .title {
	width:90%;
	height:auto;
	margin:10px 0 5px 0;
	padding:8px 5%;
	background: rgb(255,48,25); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: rgb(248,80,50); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4NTAzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxNmY1YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y2MjkwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iI2YwMmYxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNzM4MjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-8 */
-moz-box-shadow:1px 1px 3px 2px rgba(80%,80%,0%,0.5) inset;
-webkit-box-shadow:1px 1px 3px 2px rgba(80%,80%,0%,0.5) inset;
box-shadow:1px 1px 3px 2px rgba(80%,80%,0%,0.5) inset;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px; /* Konqueror */
	border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */
	behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 22px;
	color: #FF0;
	text-align:center;
	text-shadow: 0 -1px 0 #ff8400, 1px 0 0 #ff8400, 0 1px 0 #ff8400, -1px 0 0 #ff8400;
}
#content .BB_lottery_box .list {
	width:100%;
	height:auto;
	display:inline;
	float:right;
	margin:0;
	padding:0;
}

/* 翻牌特效 */
.card_table {
	width:68%;
	height:100%;
	margin:5px 1% 0 1%;
	padding:6% 15% 16% 15%;
	background-image: url(../images/VIP/lottery/card_table.png);
	background-size:100%;
	background-repeat: no-repeat;
	float:left;	
}
#card_front {
  margin: 10px 1% 0px 0px;
  width: 24%;
  height: 100%;
  float:left;
  display:inline;
  z-index: 1;
  	-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#card_front img {width:100%;}
#card_front .prize {
	width: 90%;
    height: auto;
	display: block;
	padding: 20% 3% 30% 3%;
	margin:0px 0 0 0;
	background-image: url(../images/VIP/lottery/card_front.png);
	background-repeat: no-repeat;
	background-size:100%;
	color: #333333;
	text-align: center;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 22px;
	text-shadow: 0 -1px 0 #ffcc00, 1px 0 0 #ffcc00, 0 1px 0 #ffcc00, -1px 0 0 #ffcc00;
	-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari, Chrome */ -khtml-border-radius: 5px; /* Konqueror */ border-radius: 5px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#card_back1 {
	position:absolute;
	z-index:2;
    width: 15%;
    height: auto;
	margin:0;
	padding:0;
}
#card_back1 img {width:100%; }
#card_back2 {
	position:absolute;
	z-index:2;
    width: 15%;
    height: auto;
	margin:0;
	padding:0;
}
#card_back2 img {width:100%; }
#card_back3 {
	position:absolute;
	z-index:2;
    width: 15%;
    height: auto;
	margin:0;
	padding:0;
}
#card_back3 img {width:100%; }
#card_back4 {
	position:absolute;
	z-index:2;
    width: 15%;
    height: auto;
	margin:0;
	padding:0;
}
#card_back4 img {width:100%; }
.card_table .message {
	width:100%;
	height:15px;
	margin:5% 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	color: #FFFF00;
	text-align:center;
	text-shadow: 0 1px 1px #333;
	float:left;
}

/* 抽抽樂查詢頁 */
#content .BB_lottery_intro .gift {
	width:100%;
	height:auto;
	padding:0px 0px 2px 0px;
	margin:0px 0 12px 0;
	float:left;	
}
#content .BB_lottery_intro .form {
	border:1px solid #999;
	background-color:transparent;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 18px;
	color: #333;
	text-align:left;
}
#content .BB_search_btn {
	width:100%;
	height:auto;
	margin:5px 0 5px 0;
	padding:5px 0px 10px 0px;
	display:inline;
	float:left;
}
#content .BB_search_btn .left {
	width:25%;
	height:auto;
	float:left;
	display:inline;
	margin:0 0 0 5%;
	text-align:center;
}
#content .BB_search_btn .right {
	width:25%;
	height:auto;
	float:right;
	display:inline;
	margin:0 5% 0 0;
	text-align:center;
}
#content .BB_search_rule {
	width:80%;
	height:auto;
	margin:5px 5% 5px 5%;
	padding:15px 5% 15px 5%;
	border:1px dotted #ccc;
	text-align:left;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 21px;
	color: #CCC;
-moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ -khtml-border-radius: 10px; /* Konqueror */ border-radius: 10px; /* Opera 10.50 and later (CSS3 standard) */ behavior: url(border-radius.htc); /* IE6, IE7, IE8 */
}
#content .BB_search_rule a {
	color:#cccccc;
	text-decoration: underline;
}
#content .BB_search_rule a:hover {
	color:#ffffff;
	text-decoration: underline;
}


/* HTML5登入頁 */
#login {
	position:absolute;
	z-index:100;
	width:90%;
	height:auto;
	margin:0;
	padding:5% 5% 15% 5%;
	visibility: hidden;	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+96,000000+100&0.75+0,0.5+96,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 96%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(96%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 96%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 96%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 96%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 96%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	float:left;
}
#login .border {
	width:98%;
	height:95%;
	padding:0 0 2% 0;
	margin:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fee64a+0,ffe100+100 */
background: rgb(254,230,74); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,230,74,1) 0%, rgba(255,225,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,230,74,1)), color-stop(100%,rgba(255,225,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,230,74,1) 0%,rgba(255,225,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,230,74,1) 0%,rgba(255,225,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,230,74,1) 0%,rgba(255,225,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,230,74,1) 0%,rgba(255,225,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee64a', endColorstr='#ffe100',GradientType=0 ); /* IE6-9 */
-moz-box-shadow:1px 1px 3px 2px rgba(0%,0%,0%,0.3) inset;
-webkit-box-shadow:1px 1px 3px 2px rgba(0%,0%,0%,0.3) inset;
box-shadow:1px 1px 3px 2px rgba(0%,0%,0%,0.3) inset;
border:none;
    float:left;
}
#login_close {
	position:relative;
	z-index:96;
	width:5%;
	height:auto;
	margin:1% 1% 0 94%;
}
#login_close img {width:100%;}
#login .border .title {
	width:20%;
	height:auto;
	margin:0% 40% 0% 40%;
	float:left;
}
#login .border .title img {width:100%;}
#login .border .title_bottom {
	width:96%;
	height:auto;
	margin:1% 2% 2% 2%;
	border:1px solid #000000;
	float:left;
}
#login .border .title_bottom img {width:100%;}
#login .border ul {
	width:96%;
	height:auto;
	margin:0% 2% 1% 2%;
	padding:0;
	float:left;
	list-style-position: inside;
	list-style-type: none;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 16px;
	color: #000;
	text-align:left;
}
#login .border ul img {width:100%;}
#login .border ul li {
	width:64%;
	height:auto;
	float:left;
}
#login .border ul dl {
	width:34%;
	height:auto;
	float:right;
}
#login .login_btn_class {
	width:90%;
	height:100%;
	font-size:28px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d02718;
	padding:12% 5% 12% 5%;
	text-align:center;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background-color:#f24537;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #810e05;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	-moz-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	box-shadow:inset 1px 1px 0px 0px #f5978e;
}
#login .login_btn_class a {color:#ffffff;text-decoration:none;}
#login .login_btn_class:hover {
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background-color:#c62d1f;
	cursor:pointer;
}
#login .login_btn_class:active {
	position:relative;
	top:1px;
}
#login .fast_btn_class {
	width:90%;
	height:80%;
	font-size:22px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffaa22;
	padding:10% 5%;
	text-align:center;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	background:-ms-linear-gradient( top, #ffec64 5%, #ffab23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffec64), color-stop(100%, #ffab23) );
	background-color:#ffec64;
	color:#333333;
	display:inline-block;
	text-shadow:1px 1px 0px #333333;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fff6af;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fff6af;
 	box-shadow:inset 1px 1px 0px 0px #fff6af;
}
#login .fast_btn_class a {color:#ffffff;text-decoration:none;}
#login .fast_btn_class:hover {
	background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );
	background:-ms-linear-gradient( top, #ffab23 5%, #ffec64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffab23), color-stop(100%, #ffec64) );
	background-color:#ffab23;
	cursor:pointer;
}
#login .fast_btn_class:active {
	position:relative;
	top:1px;
}
#login .changePW_btn_class {
	font-size:16px;
	line-height:16px;
	font-family:微軟正黑體;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	color:#003300;
	text-shadow:1px 1px 0px #ffffff;
}
#login .changePW_btn_class a {color:#003300;text-decoration:underline;}
#login .changePW_btn_class a:hover {color:#006600;text-decoration:underline}
#login .play_btn_class {
	width:90%;
	height:100%;
	font-size:28px;
	line-height:32px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #3866a3;
	padding:8% 5% 8% 5%;
	margin:4% 0 0 0;
	text-align:left;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	background:-ms-linear-gradient( top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #63b8ee), color-stop(100%, #468ccf) );
	background-color:#63b8ee;
	color:#14396a;
	display:inline-block;
	text-shadow:1px 1px 0px #7cacde;
	-webkit-box-shadow:inset 2px 2px 0px 0px #bee2f9;
	-moz-box-shadow:inset 2px 2px 0px 0px #bee2f9;
	box-shadow:inset 2px 2px 0px 0px #bee2f9;
	text-indent: -10%;
}
#login .play_btn_class a {color:#14396a;text-decoration:none;}
#login .play_btn_class:hover {
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	background:-ms-linear-gradient( top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #468ccf), color-stop(100%, #63b8ee) );
	background-color:#468ccf;
	cursor:pointer;
}
#login .play_btn_class:active {
	position:relative;
	top:1px;
}
#login .play_btn_class .icon {
	width:12%;
	float:left;
	margin:2% 5% 0 12%;
	display:inline;
	}
#login .play_btn_class .icon img {width:100%;}
#finger {
	position:absolute;
	z-index:99;
	width:8%;
	height:auto;
	margin:9% 0 0 28%;
}
#finger img {width:100%;}	


#login2 {
	position:absolute;
	z-index:100;
	width:90%;
	height:auto;
	margin: 0%;
	padding:5% 5% 30% 5%;
	visibility: hidden;	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+96,000000+100&0.75+0,0.5+96,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 96%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.75)), color-stop(96%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 96%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 96%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 96%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 96%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
	float:left;
}
#login2 .border {
	width:100%;
	height:98%;
	padding:0 0 2% 0;
	margin:0 0%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fee64a+0,ffe100+100 */
background: rgb(254,230,74); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,230,74,1) 0%, rgba(255,225,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,230,74,1)), color-stop(100%,rgba(255,225,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,230,74,1) 0%,rgba(255,225,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,230,74,1) 0%,rgba(255,225,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,230,74,1) 0%,rgba(255,225,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,230,74,1) 0%,rgba(255,225,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee64a', endColorstr='#ffe100',GradientType=0 ); /* IE6-9 */
-moz-box-shadow:1px 1px 3px 2px rgba(0%,0%,0%,0.3) inset;
-webkit-box-shadow:1px 1px 3px 2px rgba(0%,0%,0%,0.3) inset;
box-shadow:1px 1px 3px 2px rgba(0%,0%,0%,0.3) inset;
border:none;
    float:left;
}
#login2_close {
	position:relative;
	z-index:96;
	width:5%;
	height:auto;
	margin:1% 1% 0 94%;
}
#login2_close img {width:100%;}
#login2 .border .title {
	width:20%;
	height:auto;
	margin:0% 40% 0% 40%;
	float:left;
}
#login2 .border .title img {width:100%;}
#login2 .border .title_bottom {
	width:96%;
	height:auto;
	margin:1% 2% 2% 2%;
	border-bottom:1px solid #000000;
	float:left;
}
#login2 .border .title_bottom img {width:100%;}
#login2 .border ul {
	width:96%;
	height:auto;
	margin:0% 2% 1% 2%;
	padding:0;
	float:left;
	list-style-position: inside;
	list-style-type: none;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 16px;
	color: #000;
	text-align:left;
}
#login2 .border ul img {width:100%;}
#login2 .border ul li {
	width:50%;
	height:auto;
	float:left;
}
#login2 .border ul dl {
	width:49%;
	height:auto;
	margin:10px 0 0 0;
	padding:0;
	border-top:none;
	border-left:1px solid #000000;
	float:right;
}
#login2 .login_btn_class {
	width:100%;
	height:60px;
	font-size:24px;
	line-height:24px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d02718;
	margin:0;
	padding:0;
	text-align:center;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background-color:#f24537;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #810e05;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	-moz-box-shadow:inset 1px 1px 0px 0px #f5978e;
 	box-shadow:inset 1px 1px 0px 0px #f5978e;
}
#login2 .login_btn_class a {color:#ffffff;text-decoration:none;}
#login2 .login_btn_class:hover {
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background-color:#c62d1f;
	cursor:pointer;
}
#login2 .login_btn_class:active {
	position:relative;
	top:1px;
}
#login2 .logout_btn_class {
	width:100%;
	font-size:18px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #949494;
	padding:15% 0 15% 0;
	text-align:center;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #b8b8b8 5%, #808080 100% );
	background:-ms-linear-gradient( top, #b8b8b8 5%, #808080 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8b8b8', endColorstr='#808080');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #b8b8b8), color-stop(100%, #808080) );
	background-color:#b8b8b8;
	color:#292929;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #e6e6e6;
 	-moz-box-shadow:inset 1px 1px 0px 0px #e6e6e6;
 	box-shadow:inset 1px 1px 0px 0px #e6e6e6;
}
#login2 .logout_btn_class a {color:#000000;text-decoration:none;}
#login2 .logout_btn_class:hover {
	background:-moz-linear-gradient( center top, #808080 5%, #b8b8b8 100% );
	background:-ms-linear-gradient( top, #808080 5%, #b8b8b8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#b8b8b8');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #808080), color-stop(100%, #b8b8b8) );
	background-color:#808080;
}
#login2 .logout_btn_class:active {
	position:relative;
	top:1px;
}
.input {
	height:auto;
	width:90%;
	padding:4px;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height:15px;
	color: #333;
	text-align:left;
	border:1px solid #aaa;
-moz-box-shadow:inset 2px 2px 2px rgba(0%,0%,0%,0.2);
-webkit-box-shadow:inset 2px 2px 2px rgba(0%,0%,0%,0.2);
box-shadow:inset 2px 2px 2px rgba(0%,0%,0%,0.2);
}
.select {
	height:32px;
	width:auto;
	padding:2px 4px;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #333;
	text-align:left;
	border:1px solid #aaa;
-moz-box-shadow:inset 2px 2px 2px rgba(0%,0%,0%,0.2);
-webkit-box-shadow:inset 2px 2px 2px rgba(0%,0%,0%,0.2);
box-shadow:inset 2px 2px 2px rgba(0%,0%,0%,0.2);
}
.server {
	font-family: "微軟正黑體";
	font-size: 32px;
	line-height: 32px;
	color: #F00;	
}
.server a {
	color: #F00;
	text-decoration: underline;
}
.server a:hover {
	color: #900;
	text-decoration: underline;
}
.anime {
  -webkit-animation-name: 'scale1';
  -webkit-animation-duration: 0.9s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes 'scale1' {
    0% { -webkit-transform: scale(1);  }
   50% { -webkit-transform: scale(0.9); }
  100% { -webkit-transform: scale(1);  }
}
.anime2 {
  -webkit-animation-name: 'scale1';
  -webkit-animation-duration: 0.3s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes 'scale1' {
    0% { -webkit-transform: scale(1);  }
   50% { -webkit-transform: scale(0.9); }
  100% { -webkit-transform: scale(1);  }
}