e

/* CSS Document */
body,
ul,
li,
ol {
	margin: 0;
	padding: 0;
}

label {
	font-weight: normal;
}

ul {
	list-style: none;
}

a,
button,
a img,
img {
	transition: all .5s
}

a {
	text-decoration: none;
	cursor: pointer;
	color: black;
}

a.underline {
	text-decoration: underline
}

/*
a img:hover{transform:scale(0.95);transition:all 0.8s}
a:hover,a:focus{color:#FFAE00;text-decoration:none;}
*/

li a:hover {
	text-decoration: none;
}

/*input{padding:2px 5px;}
i>img{display:none}*/
img {
	max-width: 100%;
	max-height: 100%;
}

input,
select,
button,
img,
i {
	vertical-align: middle;
	display: inline-block;
}

input[type=checkbox],
input[type=radio] {
	width: 18px;
	height: 18px;
	margin: 0 2px
}

input[type=button],
input[type=reset] {
	padding: 5px 8px;
}

table th input[type=radio]:checked+label {
	color: #FAFF50
}

select,
textarea,
input[type=text] {
	width: 100%;
	color: #333;
	line-height: 1;
	padding: .5em 1em;
	resize: none;
	background: #fff;
	letter-spacing: .1em;
	border: 1px solid #cbcbcb;
	font-weight: 400 font-size:15px;
}

/* 
::-webkit-input-placeholder,select{color:#c3c3c3; font-weight:normal;font-size:20px;}
::-webkit-input-placeholder {font-size: 15px;}
*/

button {
	border: none;
	background: #000;
	color: #cce300;
	line-height: 3;
	position: relative;
	outline: none;
}

/*button:hover{opacity:.7}*/

.btnAll {
	text-align: center;
	margin: 30px auto;
}

.btnAll .Btn {
	width: 48%;
}

.btn-default {
	background-color: #ccc
}

.input-group {
	max-width: 400px
}


.grayBtn {
	background: #ececec;
	color: #000;
}

.darkBtn {
	background: #9b9b9b;
	color: #FFF;
}

.greenBtn {
	background: #0da4a2;
	color: #FFF;
}

.blueBtn {
	background: #3a97ff;
	color: #FFF;
}

.flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}


/*videoCover*/
.videoCover {
	background: no-repeat center center;
	background-size: cover;
	text-align: center !important;
	position: relative;
	overflow: hidden;
}

.videoCover a:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(193, 214, 0, 0.2);
	transform: translateY(100%);
	content: "";
	transition: all .5s;
	z-index: 0
}

.videoCover a:hover:before {
	transform: translateY(0);
}

.videoCover a {
	position: absolute;
	z-index: 10;
	display: block;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.videoCover a img {
	position: absolute;
	left: calc(50% - 45px);
	top: calc(50% - 45px);
}

.videoCover a:hover img {
	transform: scale(.9);
}

/*imgCover*/
.imgCover {
	background: no-repeat center center;
	background-size: contain;
	padding-bottom: 82%;
}

/*
a .imgCover{transition:all .7s}
a:hover .imgCover{transform:scale(1.03);}
*/


/*maps*/
.maps {
	position: relative;
	padding-bottom: 30%;
	border: 1px solid #ccc;
}

.maps iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}


/*tableStyle*/
.display-table,
.display-table>li,
.display-table>dl {
	display: table;
	width: 100%;
	margin: auto;
}

.display-table {
	margin-bottom: 10px;
}

.display-table dt,
.display-table dd,
.display-table>aside,
.display-table>article {
	display: table-cell;
	vertical-align: middle;
	font-weight: normal;
}

/*手機時回歸原位*/
.display-table-xs-none {}

@media (max-width: 992px) {

	.display-table-sm-none,
	.display-table-sm-none>li,
	.display-table-sm-none>dl,
	.display-table-sm-none dt,
	.display-table-sm-none dd,
	.display-table-sm-none>aside,
	.display-table-sm-none>article {
		display: block;
	}
}

@media (max-width: 767px) {

	.display-table-xs-none,
	.display-table-xs-none>li,
	.display-table-xs-none>dl,
	.display-table-xs-none dt,
	.display-table-xs-none dd,
	.display-table-xs-none>aside,
	.display-table-xs-none>article {
		display: block;
		width: 100%;
	}

}




/*table*/
table {
	width: 100%;
	margin-bottom: 30px;
	border-collapse: collapse;
	border: 0;
}

.member_info_table {
	background: #fff;
	color: #000;
}

.member_info_table th {
	text-align: center;
	padding: 5px 15px;
	background: lightgray;
	color: #000;
}

.member_info_table td {
	text-align: center;
	padding: 5px 15px;
	/* background: #fff; */
	color: #000;
	font-weight: 600;
}


table th {
	text-align: center;
	padding: 5px 15px;
	background: #da4a51;
	color: #fff;
}

table td {
	padding: 5px 15px;
	text-align: center;
}

table tr:nth-child(odd) {
	background: #dedede;
}

table tr:nth-child(even) {
	background: #fff;
}

/*均分TAB*/
.tabNav ul {
	display: table;
	width: 100%;
}

.tabNav ul li {
	display: table-cell;
	width: 1%;
	text-align: center;
	vertical-align: middle;
}

.tabNav ul li a {
	display: block;
}


/*list*/
.inlineBlock {
	font-size: 0;
	[;
	font-size: 12px;
	];
	*font-size: 0;
	[;
	letter-spacing: -3px;
	];
	*letter-spacing: normal;
	*word-spacing: -1px;
}

.inlineBlock>li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	font-size: 15px;
}

.inlineBlock>li a {
	display: block;
}

.communityicon li a {
	/*margin-right: 5px;*/
	/*display: inline-block;*/
	display: table-cell;
	background: #cccccc;
	color: #252525;
	font-size: 18px;
	border-radius: 5px;
	text-align: center;
	width: 30px;
	/* height: 26px;*/
}

.communityicon li a:hover {
	color: #ffffff;
	background: #0ec9a8;
}

.list-inline {}

.list-inline>li {
	display: inline-block;
	margin-right: 10px;
}

.listTypeNone {
	list-style: none !important;
}

/*noboder*/
.noborder {
	border: none
}

.noMargin {
	margin: 0px;
}


/*display*/
.hidden {
	display: none;
}

.show {
	display: block
}

.showInlineBlock {
	display: inline-block
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

/*bgimg*/
.bg {
	background: no-repeat center center;
}

.bg-cover {
	background-size: cover
}

.bg-contain {
	background-size: contain
}


/*bootstrap*/
.bg-warning td {
	background: #FFC
}

/*color*/
.orangeColor {
	color: #f3733b;
}

.blackColor {
	color: #333;
}

.brownColor {
	color: #a48b78;
}

.redColor {
	color: #e60012;
}

.grayColor {
	color: #898989;
}

.blueColor {
	color: #3a97ff
}

/*align*/
.alignCenter {
	text-align: center;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right
}

/*aline-middle*/
.aline-middle:before {
	content: "";
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

/*float*/
.FR {
	float: right !important
}

.FL {
	float: left !important
}

.clearAll {
	clear: both !important;
}


/*font*/
.bold {
	font-weight: bold;
}

.bdrCircle {
	border-radius: 50% !important;
}

.bdr5 {
	border-radius: 5px !important;
}

.bdr10 {
	border-radius: 10px !important
}

.bdr15 {
	border-radius: 15px !important
}

.bdr20 {
	border-radius: 20px !important
}

.blue_bd5 {
	border: 5px solid #2c3a44
}