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

body {
    margin:0px;
	padding:0px;
	background-color: #333;
}
#wrapper {
	width:980px;
	height:auto;
	margin:0px 0px 0px -490px;
	position: relative;
    left: 50%;
	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 */
-moz-box-shadow:0px 4px 10px 10px rgba(0%,0%,0%,0.2);
-webkit-box-shadow:0px 4px 10px 10px rgba(0%,0%,0%,0.2);
box-shadow:0px 4px 10px 10px rgba(0%,0%,0%,0.2);
}
header {
	width:950px;
	height:79px;
	padding:0px 15px;
    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:42px;
	height:46px;
	margin:16px 0px 17px 0px;
	float:left;
}
#nav_btn2 {
	position:absolute;
	width:42px;
	height:56px;
	margin:-51px 0px 0px 0px;
	z-index:8;
	visibility: hidden;
}
header .main_title {
	width:704px;
	height:50px;
	margin:16px 0px 13px 81px;
	display:inline;
	text-align:center;
	float:left;
}
header .storeup_btn {
	width:123px;
	height:61px;
	margin:6px 0px 12px 0px;
	float:left;
}
#nav {
	position:absolute;
	width:139px;
	height:auto;
	padding:0px 0px 10px 0px;
	margin:80px 0px 0px 980px;
	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:1;
	visibility: visible;

}
#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:980px;
	height:282px;
	float:left;
}
#list_title {
	width:980px;
	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:980px;
	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;
	width:50px;
	height:15px;
	padding:4px 10px;
	margin:-30px 0px 0px 895px;
	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:980px;
	height:auto;
	margin:10px 0px;
	float:left;
}
#content .first {
	width:906px;
	height:auto;
	margin:6px 35px 0px 35px;
	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:150px;
	height:150px;
	padding:7px 17px 7px 9px;
	float:left;
}
#content .first .intro {
	width:712px;
	height:auto;
	margin:0px 18px 0px 0px;
	display:inline;
	float:right;
}
#content .first .intro .name {
	width:712px;
	height:28px;
	margin:16px 0px 0px 0px;
	display:inline;
	float:left;
	border-bottom: 1px solid #B0B0B0;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 24px;
	color: #FFF;
	text-align:left;
}
#content .first .intro .name .ver {font-size: 12px;}
#content .first .intro .name .fb_like1 {
	width:100px;
	height:35px;
	margin:-3px 0px 0px 0px;
	float:right;
	text-align:right;
}
#content .first .intro .txt {
	width:712px;
	height:52px;
	margin:6px 0px 2px 0px;
	display:inline;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 24px;
	color: #FFF;
	text-align:left;
}
#content .first .intro .btn {
	width:691px;
	height:50px;
	padding:0px 0px 10px 21px;
	margin:0px 0px 0px 0px;
	display:inline;
	float:left;
	text-align:left;
}
#content .first .intro .btn li {
	width:151px;
	height:50px;
	margin:0px 8px 0px 8px;
	display:inline;
	float:left;
	text-align:left;
	list-style-type: none;
}
#g0intro { 
    width:890px;
	height:auto;
	float:left;
	padding:0px 10px 0px 10px;
	margin:0px;
}


#content .game {
	width:930px;
	height:auto;
	padding:5px 25px 5px 25px;
	display:inline;
	float:left;
}
/* 遊戲簡介隱藏欄位　*/
#tabs {width:931px; height:auto; padding:0px 20px 0px 30px; margin:10px 0px; float:left;}
#tabs ul { width:931px; height:auto; padding:0; margin:0; list-style:none; float:left;}
#tabs ul li {
	width:150px;
	height:150px;
	margin:0px 0px;
	padding:8px 16px 10px 16px;
	border-top:2px solid transparent;
	border-left:2px solid transparent;
	border-right:2px solid transparent;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	display:inline;
	list-style-type: none;
	float:left;
	list-style-position: inside;
}
#tabs ul li:active { 
	margin:0px 0px 0px 0px;
	padding:8px 16px 10px 16px;
	background-color: #000;
	border-top:2px solid #ffe015;
	border-left:2px solid #ffe015;
	border-right:2px solid #ffe015;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
#tabs ul li a.outer {}
#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:870px;
    height:auto;
	margin:0px 0px 0px 0px;
	padding:10px 20px 15px 20px;
-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:right;
	height:0;
	line-height:0;
	overflow:visible;
}
#tabs span.base {display:block; height:20px;font-size:10px; color:#bc8f8f;}
#tabs div a.unlock {background:url(../icon/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#tabs div a:hover.unlock img {visibility:hidden;}
#tabs p.bold {color:#069; padding-top:5px;}
* html #tabs p.fire {margin-top:-15px;}
* html #tabs form {margin-top:-20px;}
#tabs p.buttons {text-align:center;}


.game_name {
	width:830px;
	height:35px;
	padding:10px 30px 0px 30px;
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: 24px;
	color: #FFF;
	text-align:left;
	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:100px;
	height:35px;
	margin:-3px 0px 0px 0px;
	float:right;
	text-align:right;
}
.game_btn {
	width:850px;
	height:auto;
	padding:8px 20px 10px 20px;
	margin:0px 0px 0px 0px;
	display:inline;
	text-align:left;
	float:left;
}
.game_btn dd {
	width:151px;
	height:50px;
	margin:0px 8px 0px 8px;
	display:inline;
	float:left;
	text-align:left;
	list-style-type: none;
}
.game_txt {
	width:830px;
	height:auto;
	padding:0px 30px 15px 30px;
    font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 24px;
	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:0px 30px 0px 30px;
	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:830px;
	height:auto;
	padding:0px 30px 5px 30px;
    font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 24px;
	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:980px;
	height:20px;
	margin:10px 0px 75px 0px;
	text-align:center;
	background-color: tranprent;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 22px;
	color: #FFF;
}

/*下方選單*/
#footer { position:fixed; bottom:0; width:604px; height:67px; padding:0px 189px; 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 dl {
	width:117px;
	height:67px;
	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:117px;
	height:67px;
	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:2px;
	height:67px;
	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;}

#imgPlay {
	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 980px; ZOOM: 1; POSITION: relative; HEIGHT: 282px;
}
#imgPlay .imgs IMG {
	padding:0px; margin:0px;
}
#imgPlay .imgs LI {
	FLOAT: left;
	POSITION: relative;
	list-style-image: none;
	list-style-type: none;
}
#imgPlay .imgs {
	WIDTH: 0px;
}
#imgPlay .prev {
	BACKGROUND: url(../images/imgPlayer.png) no-repeat 0px 0px; LEFT: 1px; WIDTH: 46px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 100px; HEIGHT: 81px;
}
#imgPlay .next {
	BACKGROUND: url(../images/imgPlayer.png) no-repeat 0px 0px; LEFT: 1px; WIDTH: 46px; CURSOR: pointer; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 100px; HEIGHT: 81px;
}
#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:866px;
	height:auto;
	margin:0px 35px 0px 35px;
	padding:20px 20px 20px 20px;
	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 .login_title {
	width:906px;
	height:auto;
	margin:10px 37px 10px 37px;
	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:598px;
	height:auto;
	margin:0px 133px;
	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:600px;
	height:auto;
	margin:0px 133px;
	float:left;
}
#content .input_box ul {
	width:600px;
	height:auto;
	padding:0px;
	margin:15px 0px 10px 0px;
	float:left;
	list-style: none;
}
#content .input_box ul img {width:100%;}
#content .input_box ul li {
	width:60px;
	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:515px;
	height:30px;
	margin:0px 5px 15px 15px;
	display:inline;
	float:right;
	list-style: none;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #ffe015;
	text-align:left;
}
#content .input_box ul dl img {
	border:1px solid #ccc;
	margin:0px 15px 0px 0px;
}
#content .input_box ul dd {
	width:120px;
	height:30px;
	margin:0px 10px 0px 0px;
	display:inline;
	float:left;
	list-style: none;
	font-family: "微軟正黑體";
	font-size: 15px;
	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:470px;
	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 .input_box .line {
	width:600px;
	height:0px;
	border-bottom:1px dashed #ffe015;
	float:left;
}
#content #message {
	height:16px;
	margin:10px 0px 0px 0px;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 16px;
	color: #F00;
	text-align:center;
}
#content #notice {
	height:16px;
	margin:0px 0px 15px 0px;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 16px;
	color: #FFF;
	text-align:center;
}

/* 儲值頁 */
#content .storeup {
	width:866px;
	height:auto;
	margin:0px 35px 0px 35px;
	padding:20px 20px 20px 20px;
	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 .storeup_title2 {
	width:598px;
	height:auto;
	margin:0px 133px;
	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:850px;
	height:auto;
	margin:10px 8px;
	padding:0px;
	float:left;
}
#content .storeup ul li {
	width:150px;
	height:150px;
	margin:8px 8px;
	display:inline;
	list-style:none;
	border:2px solid #333;
	background-color:#333;
	-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 {
	width:600px;
	height:auto;
	margin:0px 133px;
	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 .game_title {
	width:500px;
	height:30px;
	margin:0px 50px 5px 50px;
	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_box_title2 {
	width:598px;
	height:auto;
	margin:20px 149px 10px 149px;
	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_box ul {
	width:600px;
	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:490px;
	height:25px;
	margin:0px 55px;
	padding:0px 0px 0px 10px;
	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_box .line {
	width:100%;
	height:2px;
	margin:0;
	padding:0;
	border-bottom:1px dashed #ffe015;
	float:left;
}
#content #clean {
	height:16px;
	margin:-5px 0px 5px 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:896px;
	height:auto;
	margin:0px 40px;
	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_card .storeup_card_box {
	width:500px;
	height:auto;
	margin:0px 198px;
	float:left;
}
#content .storeup_card .storeup_card_box ul {
	width:500px;
	height:auto;
	padding:0px;
	margin:15px 0px 10px 0px;
	float:left;
	list-style: none;
}
#content .storeup_card .storeup_card_box ul li {
	width:90px;
	height:auto;
	padding:6px 0;
	margin:0px 0px 15px 0px;
	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:385px;
	height:auto;
	padding:6px 0;
	margin:0px 5px 15px 15px;
	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: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 */
	float:left;
}



#content .storeup_card .storeup_card_box .input {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #333;
	text-align:left;
	width:310px;
	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_card_box .line {
	width:100%;
	height:0px;
	margin:10px 0px 0px 0px;
	padding:0;
	border-bottom:1px dashed #ffe015;
	float:left;
}
#content .storeup_card_box h3 {
	width:100%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 18px;
	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 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: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 .clause {
	width:800px;
	height:auto;
	margin:10px 41px;
	padding:10px 50px 15px 50px;
	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 .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:800px;
	height:auto;
	margin:10px 41px;
	padding:10px 50px 15px 50px;
	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 {
	font-family: "微軟正黑體";
	font-size: 17px;
	line-height: 32px;
	color: #fff;
	text-align:center;
	font-weight: normal;
}
#content .customer h2 {
	font-family: "微軟正黑體";
	font-size: 17px;
	line-height: 17px;
	color: #ffe015;
	text-align:left;
	font-weight: normal;
}
#content .customer h2 a {
	color: #ffe015;
	text-decoration: none;
	padding:5px 15px;
	margin:15px 0;
	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 */
}
#content .customer h2 a:hover {
	color: #ffff00;
	text-decoration: none;
	padding:5px 15px;
	margin:15px 0;
	border:2px solid #ffff00;
	-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 .customer p {
	padding:0 10px;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 25px;
	color: #FFF;
	text-align:left;
}
#content .customer p a {
	color: #FFFF00;
	text-decoration: underline;
}
#content .customer p a:hover {
	color: #ffe015;
	text-decoration: underline;
}
.post { padding:0px; margin:15px 0px 35px 0px; }
.post .post_inner	{display: none;}

.post:target .post_inner	{display: block;}

/* 合作提案 */
#content .cooperation {
	width:866px;
	height:auto;
	margin:0px 35px 0px 35px;
	padding:20px 20px 20px 20px;
	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 .cooperation_title2 {
	width:598px;
	height:auto;
	margin:0px 133px;
	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:500px;
	height:auto;
	margin:0px 183px;
	float:left;
}
#content .cooperation .input_box ul {
	width:500px;
	height:auto;
	padding:0px;
	margin:15px 0px 10px 0px;
	float:left;
	list-style: none;
}
#content .cooperation .input_box ul li {
	width:120px;
	height:auto;
	padding:6px 0;
	margin:0px 0px 10px 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:355px;
	height:auto;
	padding:6px 0;
	margin:0px 5px 10px 15px;
	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:50px 0px 0px -120px;
}
#content .cooperation .input_box .input {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #333;
	text-align:left;
	width:310px;
	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 .cooperation .input_box .select {
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 15px;
	color: #333;
	text-align:left;
	width:342px;
	height:25px;
	margin:0px 0px;
	padding:0px 0px 0px 10px;
	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:320px;
	height:125px;
	padding:10px 10px;
	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;
}
#content .BB_MonthCard_intro {
	width:560px;
	height:auto;
	margin:5px 169px 15px 169px;
	padding:5px 0px 15px 0px;
	display:inline;
	text-align:left;
	float:left;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 30px;
	color: #FFF;
	border-bottom:1px solid #ffe015;
}
h4 {
	width:530px;
	height:auto;
	padding:8px 10px 8px 20px;
	margin:15px 0 2px 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_MonthCard_intro2 {
	width:560px;
	height:auto;
	margin:5px 153px 15px 153px;
	padding:5px 0px 15px 0px;
	display:inline;
	text-align:left;
	float:left;
	font-family: "微軟正黑體";
	font-size: 16px;
	line-height: 30px;
	color: #FFF;
}
#content .BB_MonthCard_btn {
	width:560px;
	height:auto;
	margin:5px 169px 5px 169px;
	padding:5px 0px 10px 0px;
	display:inline;
	float:left;
}
#content .BB_MonthCard_btn_single {
	width:170px;
	height:auto;
	margin:5px 364px 5px 364px;
	padding:5px 0px 10px 0px;
	display:inline;
	float:left;
}
#content .BB_MonthCard_btn .Month {
	width:170px;
	height:auto;
	float:left;
	display:inline;
	margin:0 0 0 40px;
	text-align:center;
}
#content .BB_MonthCard_btn .Coin {
	width:170px;
	height:auto;
	float:right;
	display:inline;
	margin:0 40px 0 0;
	text-align:center;
}
.BB_MonthCard_buy {
	font-size:22px;
	font-family:微軟正黑體;
	font-weight: bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d02718;
	margin:0px 0;
	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 a {
	color:#ffffff;
	text-decoration: none;
}
.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;
	color:#ffffff;
}
.BB_MonthCard_buy:active {
	color:#ffffff;
	position:relative;
	top:1px;
}


#content .BB_MonthCard_box {
	width:598px;
	height:auto;
	margin:20px 149px 10px 149px;
	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:20px;
	padding:10px 0;
	margin:0 0 0 10%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	text-align:left;
	float:left;
}
#content .BB_MonthCard_box .btn {
	width:25%;
	height:30px;
	padding:0 0;
	margin:0 10% 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: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 .changeID_btn2 {
	height:auto;
	font-size:16px;
	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 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_MonthCard_box .changeID_btn2:hover {
	cursor:pointer;
}
#content .BB_MonthCard_box .changeID_btn2: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:518px;
	height:auto;
	margin:5px 169px 25px 169px;
	padding:15px 20px 15px 20px;
	border:1px dotted #ccc;
	text-align:left;
	float:left;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 25px;
	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_MonthCard_rule a {
	color:#cccccc;
	text-decoration: underline;
}
#content .BB_MonthCard_rule a:hover {
	color:#ffffff;
	text-decoration: underline;
}

/* 球來就打VIP */
#content .BB_VIP_box {
	width:598px;
	height:auto;
	margin:20px 149px 10px 149px;
	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:60%;
	height:20px;
	padding:10px 0;
	margin:0 0 0 5%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	text-align:left;
	float:left;
}
#content .BB_VIP_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_VIP_box .btn {
	width:25%;
	height:30px;
	padding:0 0;
	margin:0 10% 0 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	text-align:center;
	float:left;
}
#content .BB_VIP_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: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:16px;
	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_VIP_box .changeID_btn2:hover {
	cursor:pointer;
}
#content .BB_VIP_box .changeID_btn2: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:96%;
	height:auto;
	margin:12px 0 9px 0;
	padding:10px 2%;
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 22px;
	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 25px 0;
	padding:10px 5%;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 25px;
	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:560px;
	height:auto;
	margin:5px 169px 0px 169px;
	padding:5px 0px 15px 0px;
	display:inline;
	float:left;
}
#content .vip_shop_box .item_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_shop_box .item {
	width:29%;
	height:auto;
	margin:0 2%;
	padding:0;
	display:inline;
	float:left;
}
#content .vip_shop_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: 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: 18px;
	line-height: 18px;
	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: 13px;
	line-height: 16px;
	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:740px;
	height:auto;
	margin:5px 79px 15px 79px;
	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: 16px;
	line-height: 19px;
	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: 16px;
	line-height: 19px;
	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: 13px;
	line-height: 16px;
	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:80%; margin:0 10% }
#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:80%; margin:0 10% }

/* 抽抽樂介紹頁 */
#content .BB_lottery_intro {
	width:740px;
	height:auto;
	margin:5px 79px 15px 79px;
	padding:5px 0px 15px 0px;
	display:inline;
	text-align:left;
	float:left;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 30px;
	color: #FFF;
	border-bottom:1px solid #ffe015;
}
h5 {
	width:700px;
	height:auto;
	padding:8px 20px 8px 20px;
	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:800px;
	height:auto;
	margin:15px 49px 15px 49px;
	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:90%;
	height:auto;
	padding:10px 0;
	margin:0 5% 0 5%;
	float:left;
}
#content .BB_lottery_box .txt {
	width:60%;
	height:20px;
	padding:10px 0;
	margin:0 0 0 5%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	text-align:left;
	float:left;
}
#content .BB_lottery_box .txt2 {
	width:90%;
	height:20px;
	padding:10px 0;
	margin:0 5% 0 5%;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	text-align:left;
	float:left;
}
#content .BB_lottery_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_lottery_box .btn {
	width:25%;
	height:30px;
	padding:0 0;
	margin:0 10% 0 0;
	font-family: "微軟正黑體";
	font-size: 18px;
	line-height: 22px;
	color: #FFF;
	text-align:center;
	float:left;
}
#content .BB_lottery_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: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:16px;
	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:25%;
	height:auto;
	float:left;
	display:inline;
	margin:0 0 0 3%;
	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 18px 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:72%;
	height:auto;
	display:inline;
	float:right;
	margin:0;
	padding:0;
}

/* 翻牌特效 */
.card_table {
	width:702px;
	height:331px;
	margin:10px 26px;
	padding:75px 0px 0px 142px;
	background-image: url(../images/VIP/lottery/card_table.png);
	background-size:100%;
	background-repeat: no-repeat;
	float:left;	
}
#card_front {
  margin: 0 10px 0px 0px;
  width: 129px;
  height: 191px;
  float:left;
  display:inline;
  z-index: 1;
}
#card_front .prize {
	width: 129px;
    height: 136px;
	display: block;
	padding: 55px 0 0 0;
	margin:0px 0 0 0;
	color: #333333;
	text-align: center;
	background-image: url(../images/VIP/lottery/card_front.png);
	background-repeat: no-repeat;
	background-size:100%;
	font-family: "微軟正黑體";
	font-size: 15px;
	line-height: 20px;
	text-shadow: 0 -1px 0 #ffcc00, 1px 0 0 #ffcc00, 0 1px 0 #ffcc00, -1px 0 0 #ffcc00;
}
#card_back1 {
	position:absolute;
	z-index:2;
    width: 129px;
    height: 191px;
	margin:0;
	padding:0;
}
#card_back2 {
	position:absolute;
	z-index:2;
    width: 129px;
    height: 191px;
	margin:0;
	padding:0;
}
#card_back3 {
	position:absolute;
	z-index:2;
    width: 129px;
    height: 191px;
	margin:0;
	padding:0;
}
#card_back4 {
	position:absolute;
	z-index:2;
    width: 129px;
    height: 191px;
	margin:0;
	padding:0;
}
.card_table .message {
	width:546px;
	height:60px;
	margin:15px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	font-family: "微軟正黑體";
	font-size: 22px;
	line-height: 22px;
	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 8px 0px;
	margin:0px 0 5px 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:35%;
	height:auto;
	float:left;
	display:inline;
	margin:0 0 0 5%;
	text-align:center;
}
#content .BB_search_btn .right {
	width:35%;
	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: 25px;
	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:40%;
	height:auto;
	padding:10% 30% 12% 30%;
/* 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 */
	visibility: hidden;	
	float:left;
}
#login .border {
	width:100%;
	height:95%;
	padding:0 0 5% 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:4px solid #000000;
    float:left;
}
#login_close {
	position:relative;
	z-index:96;
	width:6%;
	height:auto;
	margin:1% 1% 0 92%;
}
#login_close img {width:100%;}
#login .border .title {
	width:26%;
	height:auto;
	margin:-3% 37% 0% 37%;
	float:left;
}
#login .border .title img {width:100%;}
#login .border .title_bottom {
	width:80%;
	height:auto;
	margin:1% 10% 2% 10%;
	border:1px solid #000000;
	float:left;
}
#login .border .title_bottom img {width:100%;}
#login .border ul {
	width:80%;
	height:auto;
	margin:1% 10% 1% 10%;
	padding:0;
	float:left;
	list-style-position: inside;
	list-style-type: none;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 32px;
	color: #000;
	text-align:left;
}
#login .border ul li {
	width:100%;
	height:auto;
	float:left;
}
#login .border ul dl {
	width:100%;
	height:auto;
	float:right;
}
#login .login_btn_class {
	width:80%;
	height:90%;
	font-size:28px;
	line-height:28px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d02718;
	padding:15% 10%;
	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:80%;
	height:80%;
	font-size:28px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffaa22;
	padding:10% 10%;
	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:20px;
	line-height:30px;
	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:80%;
	font-size:40px;
	line-height:90px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #3866a3;
	padding:3% 5% 8% 5%;
	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;
}
#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 {
	float:left;
	display:inline;
	margin:0 0 0 8%;
	padding:0;
	}
#finger {
	position:absolute;
	z-index:99;
	width:90px;
	height:91px;
	margin:60px 0 0 500px;
}
#finger img {width:100%;}

#login2 {
	position:absolute;
	z-index:100;
	width:40%;
	height:auto;
	padding:10% 30% 28% 30%;
/* 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 */
	visibility: hidden;	
	float:left;
}
#login2 .border {
	width:100%;
	height:95%;
	padding:0 0 5% 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:4px solid #000000;
    float:left;
}
#login2_close {
	position:relative;
	z-index:96;
	width:6%;
	height:auto;
	margin:1% 1% 0 92%;
}
#login2_close img {width:100%;}
#login2 .border .title {
	width:26%;
	height:auto;
	margin:-3% 37% 0% 37%;
	float:left;
}
#login2 .border .title img {width:100%;}
#login2 .border .title_bottom {
	width:80%;
	height:auto;
	margin:1% 10% 2% 10%;
	border-bottom:1px solid #000000;
	float:left;
}
#login2 .border .title_bottom img {width:100%;}
#login2 .border ul {
	width:80%;
	height:auto;
	margin:1% 10% 1% 10%;
	padding:0;
	float:left;
	list-style-position: inside;
	list-style-type: none;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 32px;
	color: #000;
	text-align:left;
}
#login2 .border ul li {
	width:100%;
	height:auto;
	float:left;
}
#login2 .border ul dl {
	width:100%;
	height:auto;
	margin:15px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px solid #000000;
	float:right;
}
#login2 .login_btn_class {
	width:100%;
	height:60px;
	font-size:28px;
	line-height:28px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d02718;
	padding:0% 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:28px;
	font-family:微軟正黑體;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #949494;
	padding:10% 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:28px;
	width:auto;
	padding:4px;
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 20px;
	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: 20px;
	line-height: 20px;
	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);  }
}