/* W3.CSS Fix by JuJenSia */

/* CSS Document */

/*
@media (min-width:1201px) { }
@media (min-width:0) and (max-width:1200px) { }
@media (min-width:993px) { }
@media (min-width:0) and (max-width:992px) { *PC }
@media (min-width:801px) { }
@media (min-width:0) and (max-width:800px) { }
@media (min-width:601px) and (max-width:992px) { *TABLET }
@media (min-width:601px) { }
@media (min-width:0) and (max-width:600px) { *MOBILE }
@media (min-width:451px) { }
@media (min-width:0) and (max-width:450px) { }
@media (min-width:341px) { }
@media (min-width:0) and (max-width:340px) { }
*/

/*
@media (min-width:769px) { X }
@media (min-width:0) and (max-width:768px) { X }
*/

/* 800 col*/
@media (min-width:601px) and (max-width:800px) {
	.w3-col.e1 { width: 8.33333%; }
	.w3-col.e2 { width: 16.66666%; }
	.w3-col.e3 { width: 24.99999%; }
	.w3-col.e4 { width: 33.33333%; }
	.w3-col.e5 { width: 41.66666%; }
	.w3-col.e6 { width: 49.99999%; }
	.w3-col.e7 { width: 58.33333%; }
	.w3-col.e8 { width: 66.66666%; }
	.w3-col.e9 { width: 74.99999%; }
	.w3-col.e10 { width: 83.33333%; }
	.w3-col.e11 { width: 91.66666%; }
	.w3-col.e12 { width: 99.99999%; }
}

/* 1200 col*/
@media (min-width:1201px) {
	.w3-col.lg1 { width: 8.33333%; }
	.w3-col.lg2 { width: 16.66666%; }
	.w3-col.lg3 { width: 24.99999%; }
	.w3-col.lg4 { width: 33.33333%; }
	.w3-col.lg5 { width: 41.66666%; }
	.w3-col.lg6 { width: 49.99999%; }
	.w3-col.lg7 { width: 58.33333%; }
	.w3-col.lg8 { width: 66.66666%; }
	.w3-col.lg9 { width: 74.99999%; }
	.w3-col.lg10 { width: 83.33333%; }
	.w3-col.lg11 { width: 91.66666%; }
	.w3-col.lg12 { width: 99.99999%; }
}

/* 450 col*/
@media (min-width:0) and (max-width:450px) {
	.w3-col.xs1 { width: 8.33333%; }
	.w3-col.xs2 { width: 16.66666%; }
	.w3-col.xs3 { width: 24.99999%; }
	.w3-col.xs4 { width: 33.33333%; }
	.w3-col.xs5 { width: 41.66666%; }
	.w3-col.xs6 { width: 49.99999%; }
	.w3-col.xs7 { width: 58.33333%; }
	.w3-col.xs8 { width: 66.66666%; }
	.w3-col.xs9 { width: 74.99999%; }
	.w3-col.xs10 { width: 83.33333%; }
	.w3-col.xs11 { width: 91.66666%; }
	.w3-col.xs12 { width: 99.99999%; }
}

/* fix */
.w3-responsive-table-fix { margin-bottom: 2px; }
.w3-icon-fix-top-1{ position: relative; top: -1px; }
.w3-icon-fix , .w3-icon-fix-top-2{ position: relative; top: -2px; }
.w3-icon-fix-down-1 { position: relative; top: 1px; }
.w3-icon-fix-down-2 { position: relative; top: 2px; }
.w3-image-fix { height: auto; max-width: 100%; margin-bottom: -10px; }

/**/
.w3-link:hover { opacity: .6; }
.w3-link-effect { transition: all .2s ease; }
.w3-link-effect:hover { transition: all .3s ease; }
.w3-link-effect-bg { transition: background .3s ease; }
.w3-relative { position: relative; }
.w3-cover { background-size: cover !important; }
.w3-contain { background-size: contain !important; }
.w3-cover-contain-pc { background-size: cover !important; }
.w3-cover-contain-ei { background-size: cover !important; }
.w3-cover-contain-mobile { background-size: cover !important; }
.w3-nowrap { white-space: nowrap; }
.w3-stretch-small { margin-left: -8px; margin-right: -8px; }
@media (min-width:0) and (max-width:992px) {
	.w3-cover-contain-pc { background-size: contain !important; }
}
@media (min-width:0) and (max-width:800px) {
	.w3-cover-contain-ei { background-size: contain !important; }
}
@media (min-width:0) and (max-width:600px) {
	.w3-cover-contain-mobile { background-size: contain !important; }
}

/* ul 清單 */
ul.w3-list { padding-left: 1.35rem; }
ul.w3-list li { padding-left: 0px; list-style: disc; }
ol.w3-list { padding-left: 1.35rem; }
ol.w3-list li { padding-left: 0px; list-style: circle; }
ul.w3-list-in-bl { border: initial; }
ul.w3-list-in-bl li { display: inline-block; vertical-align: middle; }
ul.w3-list-fit { border: initial; font-size: 0; }
ul.w3-list-fit li { display: inline-block; vertical-align: middle; font-size: 1rem; }
ul.w3-list-fit li *{  font-size: 1rem; }
ul.w3-list-float { border: initial; }
ul.w3-list-float li { float: left; }

/* float 各適應的 float  */
@media (min-width:1201px) {
	.w3-left-lg-up { float: left !important; }
	.w3-right-lg-up { float: right !important; }
	.w3-floatnone-lg-up { float: none !important; }
}
@media (min-width:0) and (max-width:1200px) {
	.w3-left-lg-in { float: left !important; }
	.w3-right-lg-in { float: right !important; }
	.w3-floatnone-lg-in { float: none !important; }
}
@media (min-width:993px) {
	.w3-left-pc-up { float: left !important; }
	.w3-right-pc-up { float: right !important; }
	.w3-floatnone-pc-up { float: none !important; }
	.w3-left-pc { float: left !important; }
	.w3-right-pc { float: right !important; }
	.w3-floatnone-pc { float: none !important; }
}
@media (min-width:0) and (max-width:992px) {
	.w3-left-pc-in { float: left !important; }
	.w3-right-pc-in { float: right !important; }
	.w3-floatnone-pc-in { float: none !important; }
}
@media (min-width:801px) {
	.w3-left-ei-up { float: left !important; }
	.w3-right-ei-up { float: right !important; }
	.w3-floatnone-ei-up { float: none !important; }
}
@media (min-width:0) and (max-width:800px) {
	.w3-left-ei-in { float: left !important; }
	.w3-right-ei-in { float: right !important; }
	.w3-floatnone-ei-in { float: none !important; }
}
@media (min-width:601px) and (max-width:992px) {
	.w3-left-tablet { float: left !important; }
	.w3-right-tablet { float: right !important; }
	.w3-floatnone-tablet { float: none !important; }
}
@media (min-width:601px) {
	.w3-left-mobile-up { float: left !important; }
	.w3-right-mobile-up { float: right !important; }
	.w3-floatnone-mobile-up { float: none !important; }
}
@media (min-width:0) and (max-width:600px) {
	.w3-left-mobile, .w3-left-mobile-in { float: left !important; }
	.w3-right-mobile-in { float: right !important; }
	.w3-floatnone-mobile-in { float: none !important; }
	.w3-left-mobile { float: left !important; }
	.w3-right-mobile { float: right !important; }
	.w3-floatnone-mobile { float: none !important; }
}
@media (min-width:451px) {
	.w3-left-xs-up { float: left !important; }
	.w3-right-xs-up { float: right !important; }
	.w3-floatnone-xs-up { float: none !important; }
}
@media (min-width:0) and (max-width:450px) {
	.w3-left-xs, .w3-left-xs-in { float: left !important; }
	.w3-right-xs, .w3-right-xs-in { float: right !important; }
	.w3-floatnone-xs, .w3-floatnone-xs-in { float: none !important; }
}
@media (min-width:341px) {
	.w3-left-xxs-up { float: left !important; }
	.w3-right-xxs-up { float: right !important; }
	.w3-floatnone-xxs-up { float: none !important; }
}
@media (min-width:0) and (max-width:340px) {
	.w3-left-xxs, .w3-left-xxs-in { float: left !important; }
	.w3-right-xxs, .w3-right-xxs-in { float: right !important; }
	.w3-floatnone-xxs, .w3-floatnone-xxs-in { float: none !important; }
}

/* align 各適應的 align(text) */
.w3-justify { text-align: justify !important; }
.w3-justify-zh { text-align: justify !important; }
html[lang='en'] .w3-justify-zh { text-align: left !important; }
@media (min-width:1201px) {
	.w3-left-align-lg-up { text-align: left !important; }
	.w3-center-align-lg-up { text-align: center !important; }
	.w3-right-align-lg-up { text-align: right !important; }
	.w3-justify-lg-up { text-align: justify !important; }
	.w3-justify-zh-lg-up { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-lg-up { text-align: left !important; }
}
@media (min-width:0) and (max-width:1200px) {
	.w3-left-align-lg-in { text-align: left !important; }
	.w3-center-align-lg-in { text-align: center !important; }
	.w3-right-align-lg-in { text-align: right !important; }
	.w3-justify-lg-in { text-align: justify !important; }
	.w3-justify-zh-lg-in { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-lg-in { text-align: left !important; }
}
@media (min-width:993px) {
	.w3-left-align-pc-up { text-align: left !important; }
	.w3-center-align-pc-up { text-align: center !important; }
	.w3-right-align-pc-up { text-align: right !important; }
	.w3-justify-pc-up { text-align: justify !important; }
	.w3-justify-zh-pc-up { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-pc-up { text-align: left !important; }
}
@media (min-width:0) and (max-width:992px) {
	.w3-left-align-pc-in { text-align: left !important; }
	.w3-center-align-pc-in { text-align: center !important; }
	.w3-right-align-pc-in { text-align: right !important; }
	.w3-justify-pc-in { text-align: justify !important; }
	.w3-justify-zh-pc-in { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-pc-in { text-align: left !important; }
	.w3-left-align-pc { text-align: left !important; }
	.w3-center-align-pc { text-align: center !important; }
	.w3-right-align-pc { text-align: right !important; }
	.w3-justify-pc { text-align: justify !important; }
	.w3-justify-zh-pc { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-pc { text-align: left !important; }
}
@media (min-width:0) and (max-width:800px) {
	.w3-left-align-ei-in { text-align: left !important; }
	.w3-center-align-ei-in { text-align: center !important; }
	.w3-right-align-ei-in { text-align: right !important; }
	.w3-justify-ei-in { text-align: justify !important; }
	.w3-justify-zh-ei-in { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-ei-in { text-align: left !important; }
}
@media (min-width:801px) {
	.w3-left-align-ei-up { text-align: left !important; }
	.w3-center-align-ei-up { text-align: center !important; }
	.w3-right-align-ei-up { text-align: right !important; }
	.w3-justify-ei-up { text-align: justify !important; }
	.w3-justify-zh-ei-up { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-ei-up { text-align: left !important; }
}
@media (min-width:601px) and (max-width:992px) {
	.w3-left-align-tablet { text-align: left !important; }
	.w3-center-align-tablet { text-align: center !important; }
	.w3-right-align-tablet { text-align: right !important; }
	.w3-justify-tablet { text-align: justify !important; }
	.w3-justify-zh-tablet { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-tablet { text-align: left !important; }
}
@media (min-width:0) and (max-width:600px) {
	.w3-left-align-mobile, .w3-left-align-mobile-in { text-align: left !important; }
	.w3-center-align-mobile-in { text-align: center !important; }
	.w3-right-align-mobile-in { text-align: right !important; }
	.w3-justify-mobile-in { text-align: justify !important; }
	.w3-justify-zh-mobile-in { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-mobile-in { text-align: left !important; }
}
@media (min-width:601px) {
	.w3-left-align-mobile-up { text-align: left !important; }
	.w3-center-align-mobile-up { text-align: center !important; }
	.w3-right-align-mobile-up { text-align: right !important; }
	.w3-justify-mobile-up { text-align: justify !important; }
	.w3-justify-zh-mobile-up { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-mobile-up { text-align: left !important; }
	.w3-left-align-mobile { text-align: left !important; }
	.w3-center-align-mobile { text-align: center !important; }
	.w3-right-align-mobile { text-align: right !important; }
	.w3-justify-mobile { text-align: justify !important; }
	.w3-justify-zh-mobile { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-mobile { text-align: left !important; }
}
@media (min-width:0) and (max-width:450px) {
	.w3-left-align-xs-up { text-align: left !important; }
	.w3-center-align-xs-up { text-align: center !important; }
	.w3-right-align-xs-up { text-align: right !important; }
	.w3-justify-xs-up { text-align: justify !important; }
	.w3-justify-zh-xs-up { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-xs-up { text-align: left !important; }
}
@media (min-width:451px) {
	.w3-left-align-xs-up { text-align: left !important; }
	.w3-center-align-xs-up { text-align: center !important; }
	.w3-right-align-xs-up { text-align: right !important; }
	.w3-justify-xs-up { text-align: justify !important; }
	.w3-justify-zh-xs-up { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-xs-up { text-align: left !important; }
}
@media (min-width:0) and (max-width:340px) {
	.w3-left-align-xxs-up { text-align: left !important; }
	.w3-center-align-xxs-up { text-align: center !important; }
	.w3-right-align-xxs-up { text-align: right !important; }
	.w3-justify-xxs-up { text-align: justify !important; }
	.w3-justify-zh-xxs-up { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-xxs-up { text-align: left !important; }
}
@media (min-width:341px) {
	.w3-left-align-xxs-up { text-align: left !important; }
	.w3-center-align-xxs-up { text-align: center !important; }
	.w3-right-align-xxs-up { text-align: right !important; }
	.w3-justify-xxs-up { text-align: justify !important; }
	.w3-justify-zh-xxs-up { text-align: justify !important; }
	html[lang='en'] .w3-justify-zh-xxs-up { text-align: left !important; }
}

/*hide 各適應的hide */
@media (min-width:1201px) {
	.w3-hide-lg-up { display: none !important; }
}
@media (min-width:0) and (max-width:1200px) {
	.w3-hide-lg-in { display: none !important; }
}
@media (min-width:993px) {
	.w3-hide-pc-up { display: none !important; }
}
@media (min-width:0) and (max-width:992px) {
	.w3-hide-pc-in { display: none !important; }
	.w3-hide-pc { display: none !important; }
}
@media (min-width:801px) {
	.w3-hide-ei-up { display: none !important; }
}
@media (min-width:0) and (max-width:800px) {
	.w3-hide-ei-in { display: none !important; }
}
@media (min-width:601px) and (max-width:992px) {
	.w3-hide-tablet { display: none !important; }
}
@media (min-width:601px) {
	.w3-hide-mobile-up { display: none !important; }
}
@media (min-width:0) and (max-width:600px) {
	.w3-hide-mobile, .w3-hide-mobile-in { display: none !important; }
	.w3-hide-mobile { display: none !important; }
}
@media (min-width:451px) {
	.w3-hide-xs-up { display: none !important; }
}
@media (min-width:0) and (max-width:450px) {
	.w3-hide-xs-in { display: none !important; }
}
@media (min-width:341px) {
	.w3-hide-xxs-up { display: none !important; }
}
@media (min-width:0) and (max-width:340px) {
	.w3-hide-xxs-in { display: none !important; }
}

/*br 各適應的br */
span.w3-br { display: block !important; }
span.w3-nobr { display: inline !important; }
@media (min-width:0) and (max-width:1200px) {
	span.w3-br-lg-in { display: block !important; }
	span.w3-nobr-lg-in { display: inline !important; }
}
@media (min-width:1201px) {
	.w3-br-lg-up { display: block !important; }
	.w3-nobr-lg-up { display: inline !important; }
}
@media (min-width:0) and (max-width:992px) {
	span.w3-br-pc-in { display: block !important; }
	span.w3-nobr-pc-in { display: inline !important; }
}
@media (min-width:993px) {
	.w3-br-pc-up { display: block !important; }
	.w3-nobr-pc-up { display: inline !important; }
}
@media (min-width:0) and (max-width:800px) {
	.w3-br-ei-in { display: block !important; }
	.w3-nobr-ei-in { display: inline !important; }
}
@media (min-width:801px) {
	.w3-br-ei-up { display: block !important; }
	.w3-nobr-ei-up { display: inline !important; }
}
@media (min-width:601px) and (max-width:992px) {
	.w3-br-tablet { display: block !important; }
	.w3-nobr-tablet { display: inline !important; }
}
@media (min-width:601px) {
	.w3-br-mobile-up { display: block !important; }
	.w3-nobr-mobile-up { display: inline !important; }
}
@media (min-width:0) and (max-width:600px) {
	.w3-br-mobile, .w3-br-mobile-in { display: block !important; }
	.w3-nobr-mobile-in { display: inline !important; }
}
@media (min-width:0) and (max-width:450px) {
	.w3-br-xs-in { display: block !important; }
	.w3-nobr-xs-in { display: inline !important; }
}
@media (min-width:450px) {
	.w3-br-xs-up { display: block !important; }
	.w3-nobr-xs-up { display: inline !important; }
}
@media (min-width:0) and (max-width:340px) {
	.w3-br-xxs-in { display: block !important; }
	.w3-nobr-xxs-in { display: inline !important; }
}
@media (min-width:340px) {
	.w3-br-xs-up { display: block !important; }
	.w3-nobr-xs-up { display: inline !important; }
}

/* display 各適應的display ( none block inline inline-block ) */
.w3-block { display: block; }
.w3-block-100 { width: 100% !important; display: block; }
.w3-inline { display: inline; }
.w3-inlineblock { display: inline-block; }
.w3-none { display: none; }
@media (min-width:1201px) {
	.w3-lg-up, .w3-block-lg-up { width: 100% !important; display: block !important; }
	.w3-inline-lg-up { display: inline; }
	.w3-inlineblock-lg-up { display: inline-block; }
	.w3-none-lg-up { display: none; }
}
@media (min-width:0) and (max-width:1200px) {
	.w3-lg, .w3-lg-in, .w3-block-lg-in { width: 100% !important; display: block !important; }
	.w3-inline-lg-in { display: inline; }
	.w3-inlineblock-lg-in { display: inline-block; }
	.w3-none-lg-in { display: none; }
}
@media (min-width:993px) {
	.w3-pc-up, .w3-block-pc-up { width: 100% !important; display: block !important; }
	.w3-inline-pc-up { display: inline; }
	.w3-inlineblock-pc-up { display: inline-block; }
	.w3-none-pc-up { display: none; }
}
@media (min-width:0) and (max-width:992px) {
	.w3-pc, .w3-pc-in, .w3-block-pc-in { width: 100% !important; display: block !important; }
	.w3-inline-pc-in { display: inline; }
	.w3-inlineblock-pc-in { display: inline-block; }
	.w3-none-pc-in { display: none; }
	.w3-pc, .w3-block-pc { width: 100% !important; display: block !important; }
	.w3-inline-pc { display: inline; }
	.w3-inlineblock-pc { display: inline-block; }
	.w3-none-pc { display: none; }
}
@media (min-width:801px) {
	.w3-ei-up, .w3-block-ei-up { width: 100% !important; display: block !important; }
	.w3-inline-ei-up { display: inline; }
	.w3-inlineblock-ei-up { display: inline-block; }
	.w3-none-ei-up { display: none; }
}
@media (min-width:0) and (max-width:800px) {
	.w3-ei, .w3-ei-in, .w3-block-ei-in { width: 100% !important; display: block !important; }
	.w3-inline-ei-in { display: inline; }
	.w3-inlineblock-ei-in { display: inline-block; }
	.w3-none-ei-in { display: none; }
}
@media (min-width:601px) and (max-width:992px) {
	.w3-tablet, .w3-block-tablet { width: 100% !important; display: block !important; }
	.w3-inline-tablet { display: inline; }
	.w3-inlineblock-tablet { display: inline-block; }
	.w3-none-tablet { display: none; }
}
@media (min-width:601px) {
	.w3-mobile-up, .w3-block-mobile-up { width: 100% !important; display: block !important; }
	.w3-inline-mobile-up { display: inline; }
	.w3-inlineblock-mobile-up { display: inline-block; }
	.w3-none-mobile-up { display: none; }
}
@media (min-width:0) and (max-width:600px) {
	.w3-mobile-in, .w3-block-mobile-in { width: 100% !important; display: block !important; }
	.w3-mobile, .w3-block-mobile { width: 100% !important; display: block !important; }
	.w3-inline-mobile-in { display: inline; }
	.w3-inlineblock-mobile-in { display: inline-block; }
	.w3-none-mobile-in { display: none; }
	.w3-inline-mobile { display: inline; }
	.w3-inlineblock-mobile { display: inline-block; }
	.w3-none-mobile { display: none; }
}
@media (min-width:451px) {
	.w3-xs-up, .w3-block-xs-up { width: 100% !important; display: block !important; }
	.w3-inline-xs-up { display: inline; }
	.w3-inlineblock-xs-up { display: inline-block; }
	.w3-none-xs-up { display: none; }
}
@media (min-width:0) and (max-width:450px) {
	.w3-xs, .w3-xs-in, .w3-block-xs-in { width: 100% !important; display: block !important; }
	.w3-inline-xs-in { display: inline; }
	.w3-inlineblock-xs-in { display: inline-block; }
	.w3-none-xs-in { display: none; }
}
@media (min-width:341px) {
	.w3-xxs, .w3-xxs-up, .w3-block-xxs-up { width: 100% !important; display: block !important; }
	.w3-inline-xxs-up { display: inline; }
	.w3-inlineblock-xxs-up { display: inline-block; }
	.w3-none-xxs-up { display: none; }
}
@media (min-width:0) and (max-width:340px) {
	.w3-xxs-in, .w3-block-xxs-in { width: 100% !important; display: block !important; }
	.w3-inline-xxs-in { display: inline; }
	.w3-inlineblock-xxs-in { display: inline-block; }
	.w3-none-xxs-in { display: none; }
}

/* iframe + google map + youtobe + calendar */
.w3-iframe { position: relative; height: 0; max-width: 100%; overflow: hidden; padding-bottom: 56.25%; }
.w3-iframe iframe, .w3-iframe object, .w3-iframe embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.w3-iframe-map { position: relative; height: 0; overflow: hidden; padding-top: 30px; padding-bottom: 56.25%; }
.w3-iframe-map iframe { position: absolute; top: 0; left: 0; }
.w3-iframe-map.iframe-strip { padding-bottom: 30.25%; }
.w3-iframe-map.iframe-square { padding-bottom: 100%; }
.w3-iframe-youtube { position: relative; height: 0; overflow: hidden; padding-top: 30px; padding-bottom: 56.25%; }
.w3-iframe-youtube iframe, .w3-iframe-youtube object, .w3-iframe-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.w3-iframe-calendar { position: relative; height: 0; overflow: hidden; padding-bottom: 75%; }
.w3-iframe-calendar iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (min-width:0) and (max-width:800px) {
	.w3-iframe-map.iframe-ei { padding-bottom: 56.25%!important; }
	.w3-iframe-map.iframe-strip-ei { padding-bottom: 30.25%!important; }
	.w3-iframe-map.iframe-square-ei { padding-bottom: 100%!important; }
}
@media (min-width:0) and (max-width:600px) {
	.w3-iframe-map.iframe-mobile { padding-bottom: 56.25%!important; }
	.w3-iframe-map.iframe-strip-mobile { padding-bottom: 30.25%!important; }
	.w3-iframe-map.iframe-square-mobile { padding-bottom: 100%!important; }
}


/* modal 浮動訊息框 */
.w3-modal { z-index: 30000; padding-top: 15vh; background-color: rgba(0, 0, 0, .9); }
.w3-modal-content { max-width: 600px; }
@media (min-width:0) and (max-width:600px) {
	.w3-modal { padding-top: 20vh; }
}
@media (min-width:601px) and (max-width:992px) {
	.w3-modal-content { width: 600px !important; max-width: 600px !important; }
}
@media (min-width:0) and (max-width:768px) {
	.w3-modal-screen-middle { padding-top: 0 !important; }
	.w3-modal-content-screen-middle { top: 50% !important; transform: translateY(-50%) !important; }
	.w3-modal-content-screen-middle article { width: 100%; max-height: 60vh; display: block; overflow-x: hidden; overflow-y: auto; }
}

/* animate small */
.w3-animate-fadein-small { position: relative; animation: animate-fadein-small .4s ease; }
.w3-animate-top-small { position: relative; animation: animate-top-small .4s ease; }
.w3-animate-left-small { position: relative; animation: animate-left-small .4s ease; }
.w3-animate-right-small { position: relative; animation: animate-right-small .4s ease; }
.w3-animate-bottom-small { position: relative; animation: animate-bottom-small .4s ease; }
.w3-animate-zoom { animation: animatezoom .6s; }
@keyframes animatezoom {
	from { transform: scale(0); transform-origin: 50% 50%; }
	to { transform: scale(1); transform-origin: 50% 50%; }
}
@keyframes animate-fadein-small {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes animate-top-small {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}
@keyframes animate-left-small {
	0% { opacity: 0; transform: translateX(-20px); }
	100% { opacity: 1; transform: translateX(0); }
}
@keyframes animate-right-small {
	0% { opacity: 0; transform: translateX(20px); }
	100% { opacity: 1; transform: translateX(0); }
}
@keyframes animate-bottom-small {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}