/*MyEdit(easy)*/

/* css-table */

/*
<div class="css-table w3-css-table-comm">
	<div class="css-tr w3-css-tr-comm">
		<div class="css-th w3-css-th-comm"></div>
		<div class="css-td w3-css-td-comm"></div>
	</div>
</div>
*/

/* 留-除錯 */
.w3-css-table { display: table; width: 100%; }
.w3-css-tr { display: table-row; }
.w3-css-td { display: table-cell; width: 50%; }
.w3-css-th { display: table-cell; }

/**/
.w3-css-table-comm { display: table; }
.w3-css-tr-comm { display: table-row; }
.w3-css-td-comm { display: table-cell; }
.w3-css-th-comm { display: table-cell; }
@media (min-width:801px) {
	.w3-css-table-ei-up { display: table; }
	.w3-css-tr-ei-up { display: table-row; }
	.w3-css-td-ei-up { display: table-cell; }
	.w3-css-th-ei-up { display: table-cell; }
}
@media (min-width:601px) {
	.w3-css-table-mobile-up { display: table; }
	.w3-css-tr-mobile-up { display: table-row; }
	.w3-css-td-mobile-up { display: table-cell; }
	.w3-css-th-mobile-up { display: table-cell; }
}
@media (min-width:451px) {
	.w3-css-table-xs-up { display: table; }
	.w3-css-tr-xs-up { display: table-row; }
	.w3-css-td-xs-up { display: table-cell; }
	.w3-css-th-xs-up { display: table-cell; }
}

/* w3-box */
.w3-box { margin: 0px 0px 0px 0px; padding: 16px; }
.w3-box-lg { margin: 0px 0px 0px 0px; padding: 32px; }
.w3-box-margin { margin: 8px; padding: 16px; }
@media (min-width:0px) and (max-width:600px) {
	.w3-box-lg { margin: 0px 0px 0px 0px; padding: 16px; }
}

/* w3-figure */
.w3-figure { overflow: hidden; background-color: #555; }
.w3-figure img { transition: all .1s ease; }
.w3-figure:hover img { opacity: .3; transition: all .3s ease; }
.w3-figure figcaption { position: absolute; z-index: 5; top: 50%; left: 50%; line-height: 1; width: 70%; overflow: hidden; color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, .6), 0 0 8px rgba(0, 0, 0, .6); transform: translate(-50%, -50%); text-align: center; }

/* vertical */
.w3-vertical-top { vertical-align: top !important; }
.w3-vertical-text-top { vertical-align: text-top !important; }
.w3-vertical-middle { vertical-align: middle !important; }
.w3-vertical-bottom { vertical-align: bottom !important; }
.w3-vertical-text-bottom { vertical-align: text-bottom !important; }

/* gray-line */
.w3-line-gray, .w3-line-grey { border: 0; border-top: 1px solid #bbbbbb; width: 100%; margin: 8px auto; }
.w3-line-gray-100, .w3-line-grey-100 { border: 0; border-top: 1px solid #bbbbbb; width: 100%; margin: 8px auto; }
.w3-line-gray-80, .w3-line-grey-80 { border: 0; border-top: 1px solid #bbbbbb; width: 80%; margin: 8px auto; }
.w3-line-gray-60, .w3-line-grey-60 { border: 0; border-top: 1px solid #bbbbbb; width: 60%; margin: 8px auto; }
.w3-line-gray-40, .w3-line-grey-40 { border: 0; border-top: 1px solid #bbbbbb; width: 40%; margin: 8px auto; }
.w3-line-gray-20, .w3-line-grey-20 { border: 0; border-top: 1px solid #bbbbbb; width: 20%; margin: 8px auto; }

/* border */
.w3-border-sm { border: 3px solid #ccc !important }
.w3-border-md { border: 6px solid #ccc !important }
.w3-border-lg { border: 9px solid #ccc !important }
.w3-border-xlg { border: 12px solid #ccc !important }
.w3-border-left-sm { border-left: 3px solid #ccc !important }
.w3-border-right-sm { border-right: 3px solid #ccc !important }
.w3-border-top-sm { border-top: 3px solid #ccc !important }
.w3-border-bottom-sm { border-bottom: 3px solid #ccc !important }
.w3-border-left-md { border-left: 6px solid #ccc !important }
.w3-border-right-md { border-right: 6px solid #ccc !important }
.w3-border-top-md { border-top: 6px solid #ccc !important }
.w3-border-bottom-md { border-bottom: 6px solid #ccc !important }
.w3-border-left-lg { border-left: 9px solid #ccc !important }
.w3-border-right-lg { border-right: 9px solid #ccc !important }
.w3-border-top-lg { border-top: 9px solid #ccc !important }
.w3-border-bottom-lg { border-bottom: 9px solid #ccc !important }
.w3-border-left-xlg { border-left: 12px solid #ccc !important }
.w3-border-right-xlg { border-right: 12px solid #ccc !important }
.w3-border-top-xlg { border-top: 12px solid #ccc !important }
.w3-border-bottom-xlg { border-bottom: 12px solid #ccc !important }
@media (min-width:1201px) {
	.w3-border-0-lg-up { border: 0px !important }
}
@media (min-width:993px) {
	.w3-border-0-pc-up { border: 0px !important }
}
@media (min-width:801px) {
	.w3-border-0-ei-up { border: 0px !important }
}
@media (min-width:601px) {
	.w3-border-0-mobile-up { border: 0px !important }
}
@media (min-width:451px) {
	.w3-border-0-xs-up { border: 0px !important }
}
@media (min-width:0px) and (max-width:1200px) {
	.w3-border-0-lg-in { border: 0px !important }
}
@media (min-width:0px) and (max-width:992px) {
	.w3-border-0-pc-in { border: 0px !important }
}
@media (min-width:0px) and (max-width:800px) {
	.w3-border-0-ei-in { border: 0px !important }
}
@media (min-width:0px) and (max-width:600px) {
	.w3-border-0-mobile-in { border: 0px !important }
}
@media (min-width:0px) and (max-width:450px) {
	.w3-border-0-xs-in { border: 0px !important }
}

/* container + small + big ; container right + left ; un-container ; */
.w3-container-small { padding: 0 8px; }
.w3-container-large { padding: 0 24px; }
.w3-container-xlarge { padding: 0 32px; }
.w3-un-container { margin: 0 -16px; }
.w3-un-container-small { margin: 0 -8px; }
.w3-un-container-large { margin: 0 -24px; }
.w3-un-container-xlarge { margin: 0 -32px; }

/*1200*/
@media (min-width:1201px) {
	.w3-container-lg-up { padding: 0 16px; }
	.w3-container-small-lg-up { padding: 0 8px; }
	.w3-container-large-lg-up { padding: 0 24px; }
	.w3-container-xlarge-lg-up { padding: 0 32px; }
	.w3-container-xxlarge-lg-up { padding: 0 48px; }
	.w3-un-container-lg-up { margin: 0 -16px; }
	.w3-un-container-small-lg-up { margin: 0 -8px; }
	.w3-un-container-large-lg-up { margin: 0 -24px; }
	.w3-un-container-xlarge-lg-up { margin: 0 -32px; }
	.w3-un-container-xlarge-lg-up { margin: 0 -48px; }
}
@media (min-width:0) and (max-width:1200px) {
	.w3-container-lg-in { padding: 0 16px; }
	.w3-container-small-lg-in { padding: 0 8px; }
	.w3-container-large-lg-in { padding: 0 24px; }
	.w3-container-xlarge-lg-in { padding: 0 32px; }
	.w3-un-container-lg-in { margin: 0 -16px; }
	.w3-un-container-small-lg-in { margin: 0 -8px; }
	.w3-un-container-large-lg-in { margin: 0 -24px; }
	.w3-un-container-xlarge-lg-in { margin: 0 -32px; }
}

/*992*/
@media (min-width:993px) {
	.w3-container-pc-up { padding: 0 16px; }
	.w3-container-small-pc-up { padding: 0 8px; }
	.w3-container-large-pc-up { padding: 0 24px; }
	.w3-container-xlarge-pc-up { padding: 0 32px; }
	.w3-un-container-pc-up { margin: 0 -16px; }
	.w3-un-container-small-pc-up { margin: 0 -8px; }
	.w3-un-container-large-pc-up { margin: 0 -24px; }
	.w3-un-container-xlarge-pc-up { margin: 0 -32px; }
}
@media (min-width:0) and (max-width:992px) {
	.w3-container-pc-in { padding: 0 16px; }
	.w3-container-small-pc-in { padding: 0 8px; }
	.w3-container-large-pc-in { padding: 0 24px; }
	.w3-container-xlarge-pc-in { padding: 0 32px; }
	.w3-un-container-pc-in { margin: 0 -16px; }
	.w3-un-container-small-pc-in { margin: 0 -8px; }
	.w3-un-container-large-pc-in { margin: 0 -24px; }
	.w3-un-container-xlarge-pc-in { margin: 0 -32px; }
}

/*800*/
@media (min-width:801px) {
	.w3-container-ei-up { padding: 0 16px; }
	.w3-container-small-ei-up { padding: 0 8px; }
	.w3-container-large-ei-up { padding: 0 24px; }
	.w3-container-xlarge-ei-up { padding: 0 32px; }
	.w3-un-container-ei-up { margin: 0 -16px; }
	.w3-un-container-small-ei-up { margin: 0 -8px; }
	.w3-un-container-large-ei-up { margin: 0 -24px; }
	.w3-un-container-xlarge-ei-up { margin: 0 -32px; }
}
@media (min-width:0) and (max-width:800px) {
	.w3-container-ei-in { padding: 0 16px; }
	.w3-container-small-ei-in { padding: 0 8px; }
	.w3-container-large-ei-in { padding: 0 24px; }
	.w3-container-xlarge-ei-in { padding: 0 32px; }
	.w3-un-container-ei-in { margin: 0 -16px; }
	.w3-un-container-small-ei-in { margin: 0 -8px; }
	.w3-un-container-large-ei-in { margin: 0 -24px; }
	.w3-un-container-xlarge-ei-in { margin: 0 -32px; }
}

/*600-992*/
@media (min-width:601px) and (max-width:992px) {
	.w3-container-tablet { padding: 0 16px; }
	.w3-container-small-tablet { padding: 0 8px; }
	.w3-container-large-tablet { padding: 0 24px; }
	.w3-container-xlarge-tablet { padding: 0 32px; }
	.w3-un-container-tablet { margin: 0 -16px; }
	.w3-un-container-small-tablet { margin: 0 -8px; }
	.w3-un-container-large-tablet { margin: 0 -24px; }
	.w3-un-container-xlarge-tablet { margin: 0 -32px; }
}

/* 600 */
@media (min-width:601px) {
	.w3-container-mobile-up { padding: 0 16px; }
	.w3-container-small-mobile-up { padding: 0 8px; }
	.w3-container-large-mobile-up { padding: 0 24px; }
	.w3-container-xlarge-mobile-up { padding: 0 32px; }
	.w3-un-container-mobile-up { margin: 0 -16px; }
	.w3-un-container-small-mobile-up { margin: 0 -8px; }
	.w3-un-container-large-mobile-up { margin: 0 -24px; }
	.w3-un-container-xlarge-mobile-up { margin: 0 -32px; }
}
@media (min-width:0) and (max-width:600px) {
	.w3-container-mobile, .w3-container-mobile-in { padding: 0 16px; }
	.w3-container-small-mobile-in { padding: 0 8px; }
	.w3-container-large-mobile-in { padding: 0 24px; }
	.w3-container-xlarge-mobile-in { padding: 0 32px; }
	.w3-un-container-mobile-in { margin: 0 -16px; }
	.w3-un-container-small-mobile-in { margin: 0 -8px; }
	.w3-un-container-large-mobile-in { margin: 0 -24px; }
	.w3-un-container-xlarge-mobile-in { margin: 0 -32px; }
}

/* 450 */
@media (min-width:451px) {
	.w3-container-xs-up { padding: 0 16px; }
	.w3-container-small-xs-up { padding: 0 8px; }
	.w3-container-large-xs-up { padding: 0 24px; }
	.w3-container-xlarge-xs-up { padding: 0 32px; }
	.w3-un-container-xs-up { margin: 0 -16px; }
	.w3-un-container-small-xs-up { margin: 0 -8px; }
	.w3-un-container-large-xs-up { margin: 0 -24px; }
	.w3-un-container-xlarge-xs-up { margin: 0 -32px; }
}
@media (min-width:0) and (max-width:450px) {
	.w3-container-xs-in { padding: 0 16px; }
	.w3-container-small-xs-in { padding: 0 8px; }
	.w3-container-large-xs-in { padding: 0 24px; }
	.w3-container-xlarge-xs-in { padding: 0 32px; }
	.w3-un-container-xs-in { margin: 0 -16px; }
	.w3-un-container-small-xs-in { margin: 0 -8px; }
	.w3-un-container-large-xs-in { margin: 0 -24px; }
	.w3-un-container-xlarge-xs-in { margin: 0 -32px; }
}

/* 340 */
@media (min-width:341px) {
	.w3-container-xxs-up { padding: 0 16px; }
	.w3-container-small-xxs-up { padding: 0 8px; }
	.w3-container-large-xxs-up { padding: 0 24px; }
	.w3-container-xlarge-xxs-up { padding: 0 32px; }
	.w3-un-container-xxs-up { margin: 0 -16px; }
	.w3-un-container-small-xxs-up { margin: 0 -8px; }
	.w3-un-container-large-xxs-up { margin: 0 -24px; }
	.w3-un-container-xlarge-xxs-up { margin: 0 -32px; }
}
@media (min-width:0) and (max-width:340px) {
	.w3-container-xxs-in { padding: 0 16px; }
	.w3-container-small-xxs-in { padding: 0 8px; }
	.w3-container-large-xxs-in { padding: 0 24px; }
	.w3-container-xlarge-xxs-in { padding: 0 32px; }
	.w3-un-container-xxs-in { margin: 0 -16px; }
	.w3-un-container-small-xxs-in { margin: 0 -8px; }
	.w3-un-container-large-xxs-in { margin: 0 -24px; }
	.w3-un-container-xlarge-xxs-in { margin: 0 -32px; }
}

/* --- */

.w3-column { display: flex; flex-wrap: wrap; }
.w3-column > * { flex-shrink: 0; width: 100%; max-width: 100%; }
.w3-column-li { flex: 1 0 0%; }

.w3-column-auto > * { flex: 0 0 auto; width: auto; }
.w3-column-1 > * { flex: 0 0 auto; width: 100%; }
.w3-column-2 > * { flex: 0 0 auto; width: 50%; }
.w3-column-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
.w3-column-4 > * { flex: 0 0 auto; width: 25%; }
.w3-column-5 > * { flex: 0 0 auto; width: 20%; }
.w3-column-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
@media (min-width:0) and (max-width:1200px) {
	.w3-column-lg-in-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-lg-in-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-lg-in-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-lg-in-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-lg-in-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-lg-in-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-lg-in-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:0) and (max-width:992px) {
	.w3-column-pc-in-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-pc-in-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-pc-in-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-pc-in-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-pc-in-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-pc-in-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-pc-in-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:0) and (max-width:800px) {
	.w3-column-ei-in-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-ei-in-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-ei-in-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-ei-in-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-ei-in-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-ei-in-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-ei-in-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:0) and (max-width:768px) {
	.w3-column-tablet-in-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-tablet-in-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-tablet-in-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-tablet-in-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-tablet-in-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-tablet-in-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-tablet-in-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:0) and (max-width:600px) {
	.w3-column-mobile-in-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-mobile-in-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-mobile-in-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-mobile-in-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-mobile-in-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-mobile-in-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-mobile-in-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:0) and (max-width:450px) {
	.w3-column-xs-in-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-xs-in-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-xs-in-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-xs-in-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-xs-in-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-xs-in-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-xs-in-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:0) and (max-width:340px) {
	.w3-column-xxs-in-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-xxs-in-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-xxs-in-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-xxs-in-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-xxs-in-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-xxs-in-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-xxs-in-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:341px) {
	.w3-column-xxs-up-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-xxs-up-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-xxs-up-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-xxs-up-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-xxs-up-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-xxs-up-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-xxs-up-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:450px) {
	.w3-column-xs-up-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-xs-up-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-xs-up-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-xs-up-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-xs-up-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-xs-up-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-xs-up-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:601px) {
	.w3-column-mobile-up-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-mobile-up-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-mobile-up-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-mobile-up-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-mobile-up-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-mobile-up-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-mobile-up-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:769px) {
	.w3-column-tablet-up-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-tablet-up-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-tablet-up-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-tablet-up-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-tablet-up-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-tablet-up-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-tablet-up-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:801px) {
	.w3-column-ei-up-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-ei-up-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-ei-up-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-ei-up-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-ei-up-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-ei-up-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-ei-up-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:993px) {
	.w3-column-pc-up-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-pc-up-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-pc-up-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-pc-up-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-pc-up-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-pc-up-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-pc-up-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width:1201px) {
	.w3-column-lg-up-auto > * { flex: 0 0 auto; width: auto; }
	.w3-column-lg-up-1 > * { flex: 0 0 auto; width: 100%; }
	.w3-column-lg-up-2 > * { flex: 0 0 auto; width: 50%; }
	.w3-column-lg-up-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
	.w3-column-lg-up-4 > * { flex: 0 0 auto; width: 25%; }
	.w3-column-lg-up-5 > * { flex: 0 0 auto; width: 20%; }
	.w3-column-lg-up-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
