/*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:430px) {
	.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; }
}