@charset "utf-8";
div.editor {color:#fff}
div.editor, div.editor p, div.editor dl, div.editor dd, div.editor ul, div.editor li {font-size: 1rem; font-weight: 400}
div.editor table {width: 100% !important}
div.editor ul li {list-style: disc}
div.editor ol li {list-style: decimal}
div.editor img {padding-top: 1rem; padding-bottom: 1rem}

main.CONTENT{
    background: #fff;
    box-shadow: #ccc 2px 2px 5px;
    border: #ccc 1px solid;
    padding: .5rem;
    max-width: 1024px;
}

main.CONTENT p{font-size: 15px;}

div.TITLE {text-align: center}
div.TITLE>h2,div.TITLE>h1{font-weight: 900}
.BANNER img{width: 100%}
.PRICE>p{font-weight: 900}
.PRICE>p>span {color:red}

.LINEtitle>h2 {
  border-bottom: 1px dashed #b5b4b4;
  font-weight: 900;
  padding-bottom: .7rem;
}
/*前面有線標題字*/
.PTITLE span{
font-size: 15px;
    color: #000;
    border-left: 4px solid #29c4ca;
    margin-bottom: .7rem;
    padding-left: .5rem;
    font-weight: 900;
}

.FORM h3{color: #29c4ca;font-weight: 900}
.FORM label{ 
    font-size: 15px;
    color: #000;
    border-left: 4px solid #29c4ca;
    margin-bottom: .7rem;
    padding-left: .5rem;
    font-weight: 900;
}



/*按鈕*/
div.BTN {text-align: center;}
div.BTN>a {
    background: #29c4ca;
    border: #29c4ca 1px solid;
    border-radius: .2rem;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    padding: .5rem .5rem;
    font-size: 15px;
    font-weight: 900;
}
div.BTN>a:hover {background: #999;border: #999 1px solid;text-decoration: none;}

div.BTN2 {text-align: center;}
div.BTN2>a {
    background: #fff;
    border: #999 1px solid;
    border-radius: .2rem;
    font-size: 1.1rem;
    color: #000;
    text-transform: uppercase;
    padding: .5rem .5rem;
    font-size: 15px;
    font-weight: 900;
}
div.BTN2>a:hover {background: #999;color: #fff;text-decoration: none;}




/*活動報名*/
.l-list .l-content a .linking-icon.event-info {
    background: #6ebde4;
}

dd.LIST {
    display: table-cell;
    padding: 4px 8px;
    width: calc(100% - 40px);
    background: #fff;
    vertical-align: middle;
    border-top: #ccc 1px solid;
    border-right: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    text-align: left;
    font-size: 15px;
    color: #000;}


/*附款方式*/
dl.paycheck>dd{background: #eee;border-bottom: 1px dashed #afafaf}
dl.paycheck>dd:last-of-type{border-bottom:none;}

dl.paycheck>dd>input[type="radio"] {margin-left: .5rem; margin-right: .5rem;}

/*會員專區*/
/*order history*/
table.History {width: 100%}
table.History tr:first-of-type {border-bottom: 1px solid #969696}
table.History tr:nth-of-type(odd) {background: #fff}
table.History tr:nth-of-type(even) {background: #e4e4e4}
table.History tr th, table.History tr td {text-align: center; padding: .5rem 0}
table.History tr th {border-right: 2px solid #fff;background:#323333;color:#fff}
table.History tr th:last-of-type {border-right: none}
table.History tr td:nth-of-type(1) {color: #42aba7}
table.History tr td button, table.History tr td button:hover {
	background: #fff;
	border: 1px solid #000;
	border-radius: 0 !important;
	color: #000;
	padding: .25rem 1rem
}

table.History tr td , table.List tr td {
	background: #fff;
    border-bottom:1px solid #878787;
	color: #000;
	padding: 1rem;
    text-align: center;   
}

dl.paymemt>dd>p {margin-bottom: 0;}
table.orderDetail {width: 100%;}
table.orderDetail tr:nth-of-type(1) {background: #84cbcd;color:#000}
table.orderDetail tr th, table.orderDetail tr td {
	border: 1px solid #84cbcd;
	text-align: center;
	padding: .7rem;
}
table.orderDetail tr td>h3 {font-size: 1.15rem;}
table.orderDetail tr td>p {margin-bottom: 0;}


.btn-primary {
    color: #fff;
    background-color: #ff3a1e;
    border-color: #ff3a1e;
}
.btn-primary:hover {
    color: #fff;
    background-color: #ba1200;
    border-color: #ba1200;
}
primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #ba1200;
    border-color:#ba1200;
}


/*pagination*/
	a.page-link {padding: .5rem .75rem}
	li.page-item:first-of-type>a.page-link,
	li.page-item:last-of-type>a.page-link {padding: .5rem}