@charset "utf-8";
/* CSS Document */

@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,800'); /* default font */
@import url("https://advcloudfiles.advantech.com.cn/web/css/cms/ionicons.min.css"); /* Icon support */

/* Adjustment for css frameworks */
#material-contentbuilder img { margin:1.4rem 0 1rem; } /* Images' default margin */
#material-content .row {
    margin-bottom: 1.5%;
}
#material-content .colume {
	line-height: 1.5em;
}
/* Default Typography */

#material-content .mw-820 {
    max-width: 820px !important;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
#material-content .mw-820 p {
	font-size:16px;
	line-height: 1.5;
}
#material-content .column.full p.text-center {
	text-align:center;
}

#material-content h1, #material-content h2, #material-content h3, #material-content h4, #material-content h5 {
    font-weight: 300;
    line-height: 1.4;
}
#material-content p {
	line-height: 1.5;
}

#material-content h1 {font-size: 2.36rem;margin:0.4rem 0 !important;}
#material-content h2 {font-size: 2rem;margin:0.6rem 0;}
#material-content h3 {font-size: 1.73rem;margin:0.7rem 0;}
#material-content h4 {font-size: 1.6rem;margin:0.8rem 0;}
#material-content h5 {font-size: 1.48rem;margin:0.8rem 0;}
#material-content h6 {font-size: 1.3rem;margin:0.8rem 0;}
#material-content p {font-size: 1rem;margin:1rem 0;}
#material-content table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1.5em;
}
#material-content div.edit {
    font-size: 1rem;
	line-height: 1.4;
}
#material-content td, #material-content th {
	font-size: 1rem;
	line-height: 1.4;
	padding: 6px;
	border: 1px solid #ccc!important;
	text-align: left;
}
#material-content ol li, #material-content ul li{
	font-size: 1rem;
	line-height: 1.4;
	margin: 0.8em 0 0.8em 1.3em;
}
#material-content ul li {
    margin-left: 1rem;
    margin-bottom: 0.5em;
    list-style: disc;
}
@media all and (max-width: 1024px) {
    #material-content h1 {font-size: 2rem;}
    #material-content h2 {font-size: 1.73rem;}
    #material-content h3 {font-size: 1.6rem;}
    #material-content h4 {font-size: 1.48rem;}
    #material-content h5 {font-size: 1.3rem;font-weight:bold;}
    #material-content h6 {font-size: 1rem;font-weight:bold;}
    #material-content .display h1 { font-size: 2.2rem; }
    #material-content .display p { font-size: 1.1rem; }
}

/* /Default Typography */

#material-content .display { margin-bottom: 0.5rem;  }

@media all and (max-width: 540px) {
	#material-content h1 {
		font-size: 1.7em;
		line-height: 1.2;
	}
	#material-content h2 {
		font-size: 1.5em;
		line-height: 1.2;
	}
	#material-content h3 {
		font-size: 1.3em;
		line-height: 1.3;
	}
	#material-content h4 {
		font-size: 1.1em;
		line-height: 1.4;
	}

	#material-content h6 {
		font-size: 0.8em;
		line-height: 1.5;
		font-weight: bold;
	}
	#material-content ul {
		margin-bottom: 5%;	
	}
	#material-content ol li, #material-content ul li, #material-content p, #material-content td, #material-content th, #material-content div.edit {
		font-size: 14px;
		line-height: 1.5;
	}
}

#material-content a {color: #004280;} 
#material-content a:hover {text-decoration: underline;} 
#material-content hr {background:none;background-color: transparent;border:none;border-top: rgba(0, 0, 0, 0.18) 1px solid;margin: 30px 0 25px;padding: 5px;}    
#material-content img {max-width:100%;}
#material-content figure {margin:0}
#material-content table td {padding:12px;}
#material-content pre {
    font-family: courier;
    font-size: 1rem;
    white-space: pre-wrap;
    line-height: 1.4;
    padding: 15px;
    background: rgba(0, 0, 0, 0.03);
}
#material-content blockquote {
	position: relative;
    margin: 1.5em 0;
    border-left: 5px solid #00428052;
    padding: 0 0 0 1.5%;
    font-size: 18px;
    line-height: 1.5;
}
#material-content b, #material-content strong {
    font-weight: 600;
}
#material-content sup {
    vertical-align: super;
}
#material-content sub {
    vertical-align: sub;
}
        
/* Simple Grid (if css framework not used) */
#material-content .container {
    margin: 0 auto;
    max-width: 800px;
}
#material-content .column {
    position: relative;
    box-sizing: border-box;
    width: 100%;
	font-size: 1rem;
}
@media (min-width: 40rem) {
    #material-content .row {
        display: flex;
    }
    #material-content .column {
        float: left;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #material-content .column.full { width: 100%; }
    #material-content .column.two-third { width: 66.7%; }
    #material-content .column.two-fourth { width: 75%; }
    #material-content .column.two-fifth { width: 80%; }
    #material-content .column.two-sixth { width: 83.3%; }
    #material-content .column.half { width: 50%; }
    #material-content .column.third { width: 33.3%; }
    #material-content .column.fourth { width: 25%; }
    #material-content .column.fifth { width: 20%; }
    #material-content .column.sixth { width: 16.6%; }
    #material-content .column.flow-opposite { float: right; }  
}
#material-content .clearfix:before, #material-content .clearfix:after {content: " ";display: table;}
#material-content .clearfix:after {clear: both;}
#material-content .clearfix {*zoom: 1;}
/* /Simple Grid  */

#material-content .spacer {width:100%}
#material-content #material-content .center {text-align:center}
#material-content .right {text-align:right}
#material-content .left {text-align:left}
#material-content .img-circular {display:inline-block; width: 200px; height: 200px; position: relative; overflow: hidden; border-radius: 50%;}
#material-content .img-circular img {display: inline;margin:0 auto; height: 100%; width: auto; max-width: none; min-width: 100%; min-height: 100%;}

#material-content .img-wrap { 
	position: relative; 
	text-align: center;
	overflow: hidden;
}
#material-content .img-wrap .img-inner {
	width: 100%;
    margin: 0 auto;
    height: 0;
    padding-bottom: 56.2%;
    overflow: hidden;
}
#material-content .img-wrap .img-inner img {
	width:100%;
	height:auto;
}
#material-content .padding-0 {padding:0px !important;box-sizing: border-box;}
#material-content .padding-10 {padding:10px !important;box-sizing: border-box;}
#material-content .padding-20 {padding:20px !important;box-sizing: border-box;}
#material-content .padding-30 {padding:30px !important;box-sizing: border-box;}
#material-content .padding-40 {padding:40px !important;box-sizing: border-box;}
#material-content .padding-50 {padding:50px !important;box-sizing: border-box;}
#material-content .padding-60 {padding:60px !important;box-sizing: border-box;}

@media all and (max-width: 540px) {
    #material-content .padding-0 {padding:0px !important;}
    #material-content .padding-10 {padding:5px !important;}
    #material-content .padding-20 {padding:10px !important;}
    #material-content .padding-30 {padding:15px !important;}
    #material-content .padding-40 {padding:20px !important;}
    #material-content .padding-50 {padding:25px !important;}
    #material-content .padding-60 {padding:30px !important;}
}

#material-content .margin-0 {margin:0 !important} 
#material-content .margin-20 {margin:20px !important} 
#material-content .margin-25 {margin:25px !important} 
#material-content .margin-30 {margin:30px !important} 
#material-content .margin-35 {margin:35px !important} 
#material-content .margin-40 {margin:40px !important}
#material-content .is-card { display:table; background-color:#fff;  }
#material-content .is-card > * { display:table; }
#material-content .is-card-circle { width:280px; height: 280px; border-radius:500px; padding:70px; margin:0 auto; }
@media all and (max-width: 540px) {
    #material-content .is-card-circle { zoom:0.7; -moz-transform: scale(0.7); }
	#material-content .is-card {margin-bottom: 5%;}
}
#material-content .is-card-content-centered { display:table-cell;vertical-align:middle;text-align:center; }
#material-content .max-390 { max-width:390px;margin:0 auto; }
#material-content .shadow-1 { /* card */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); 
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); 
    box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24); 
}
#material-content .shadow-2 { /* screenshot */
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
}
#material-content .shadow-3 { /* highlight */
    -webkit-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2); 
    -moz-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2); 
    box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2); 

}

#material-content img.circle {border-radius:500px;margin-top:0;}
#material-content img.bordered {border: #ccc 1px solid;}

#material-content .embed-responsive {position: relative;display:block;height:0;padding:0;overflow:hidden;margin-top: 0;margin-bottom: 1em;} 
#material-content .embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
#material-content .embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;}
#material-content .embed-responsive iframe {position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}

#material-content .list {position:relative;margin:1.5em 0;box-shadow:none;}
#material-content .list > i {position:absolute;left:-3px;top:6px;font-size:1.7em;line-height:1;} 
#material-content .list > h2, .list > h3 {margin: 0 0 0 50px !important; line-height: 1.2 !important;}
#material-content .list > p {margin: 5px 0 0 50px !important}

#material-content .list.larger > i {position:absolute;left:-3px;top:0;font-size:1.7em;line-height:1;} 
#material-content .list.larger > h2, .list.larger > h3 {margin: 0 0 0 70px !important; line-height: 1.2 !important;}
#material-content .list.larger > p {margin: 5px 0 0 70px !important}

#material-content .quote {position:relative;margin:1.5em 0;}
#material-content .quote > i {position: absolute;top: -10px; left: -7px;font-size: 2em;}
#material-content .quote > small {margin-left:50px;opacity: 0.7;font-size: 1em;}
#material-content .quote > p {margin-left:50px;font-size: 1.5em;}
@media all and (max-width: 540px) {
    #material-content .quote > i {left: -15px;font-size:1.5em;}
    #material-content .quote > small {margin-left:20px;font-size: 1em;}
    #material-content .quote > p {margin-left:20px;font-size: 1.2em;}
}

#material-content .is-social a > i {text-decoration:none;color:#333;font-size:1.2em;margin:0 15px;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#material-content .is-social a:hover > i {color: #004280;}
#material-content .is-social a:first-child > i {margin:0 15px 0 0}
#material-content .is-social a:last-child > i {margin:0 0 0 15px}
#material-content .is-light-text .is-social a > i {color:rgba(255,255,255,0.93)}
#material-content .is-light-text .is-social a:hover > i {color:rgba(255,255,255,0.93)}
#material-content .is-dark-text .is-social a > i {color:#000}
#material-content .is-dark-text .is-social a:hover > i {color:#000}

#material-content .height-20 {height:20px}
#material-content .height-40 {height:40px}
#material-content .height-60 {height:60px}
#material-content .height-80 {height:80px}
#material-content .height-100 {height:100px}
#material-content .height-120 {height:120px}
#material-content .height-140 {height:140px}
#material-content .height-160 {height:160px}
#material-content .height-180 {height:180px}
#material-content .height-200 {height:200px}
#material-content .height-220 {height:220px}
#material-content .height-240 {height:240px}
#material-content .height-260 {height:260px}
#material-content .height-280 {height:280px}
#material-content .height-300 {height:300px}
@media (min-width: 1921px) {
    #material-content .height-20 {height:2.5vh}
    #material-content .height-40 {height:5vh}
    #material-content .height-60 {height:7.5vh}
    #material-content .height-80 {height:10vh}
    #material-content .height-100 {height:12.5vh}
    #material-content .height-120 {height:15vh}
    #material-content .height-140 {height:17,5vh}
    #material-content .height-160 {height:20vh}
    #material-content .height-180 {height:22.5vh}
    #material-content .height-200 {height:25vh}
    #material-content .height-220 {height:27.5vh}
    #material-content .height-240 {height:30vh}
    #material-content .height-260 {height:32.5vh}
    #material-content .height-280 {height:35vh}
    #material-content .height-300 {height:37.5vh}
}
@media (max-width: 1440px) {
    #material-content .height-20 {height:10px}
    #material-content .height-40 {height:20px}
    #material-content .height-60 {height:30px}
    #material-content .height-80 {height:40px}
    #material-content .height-100 {height:50px}
    #material-content .height-120 {height:60px}
    #material-content .height-140 {height:70px}
    #material-content .height-160 {height:80px}
    #material-content .height-180 {height:90px}
    #material-content .height-200 {height:100px}
    #material-content .height-220 {height:110px}
    #material-content .height-240 {height:120px}
    #material-content .height-260 {height:130px}
    #material-content .height-280 {height:140px}
    #material-content .height-300 {height:150px}
}
@media (max-width: 1024px) {
    #material-content .height-20 {height:10px}
    #material-content .height-40 {height:15px}
    #material-content .height-60 {height:20px}
    #material-content .height-80 {height:25px}
    #material-content .height-100 {height:30px}
    #material-content .height-120 {height:35px}
    #material-content .height-140 {height:40px}
    #material-content .height-160 {height:45px}
    #material-content .height-180 {height:50px}
    #material-content .height-200 {height:55px}
    #material-content .height-220 {height:60px}
    #material-content .height-240 {height:65px}
    #material-content .height-260 {height:70px}
    #material-content .height-280 {height:75px}
    #material-content .height-300 {height:80px}
}

#material-content .size-12 {font-size:12px !important}
#material-content .size-13 {font-size:13px !important}
#material-content .size-14 {font-size:14px !important}
#material-content .size-15 {font-size:15px !important}
#material-content .size-16 {font-size:16px !important}
#material-content .size-17 {font-size:17px !important}
#material-content .size-18 {font-size:18px !important}
#material-content .size-19 {font-size:19px !important}
#material-content .size-21 {font-size:21px !important}
#material-content .size-24 {font-size:24px !important}
#material-content .size-28 {font-size:28px !important}
#material-content .size-32 {font-size:32px !important}
#material-content .size-35 {font-size:35px !important}
#material-content .size-38 {font-size:38px !important}
#material-content .size-42 {font-size:42px !important}
#material-content .size-46 {font-size:46px !important}
#material-content .size-48 {font-size:48px !important}
#material-content .size-50 {font-size:50px !important; overflow-wrap: break-word;}
#material-content .size-54 {font-size:54px !important; overflow-wrap: break-word;}
#material-content .size-60 {font-size:60px !important; overflow-wrap: break-word;}
#material-content .size-64 {font-size:64px !important; overflow-wrap: break-word;}
#material-content .size-68 {font-size:68px !important; overflow-wrap: break-word;}
#material-content .size-72 {font-size:72px !important; overflow-wrap: break-word;}
#material-content .size-76 {font-size:76px !important; overflow-wrap: break-word;}
#material-content .size-80 {font-size:80px !important; overflow-wrap: break-word;}
#material-content .size-84 {font-size:84px !important; overflow-wrap: break-word;}
#material-content .size-88 {font-size:88px !important; overflow-wrap: break-word;}
#material-content .size-92 {font-size:92px !important; overflow-wrap: break-word;}
#material-content .size-96 {font-size:96px !important; overflow-wrap: break-word;}
#material-content .size-100 {font-size:100px !important; overflow-wrap: break-word;}
#material-content .size-104 {font-size:104px !important; overflow-wrap: break-word;}
#material-content .size-108 {font-size:108px !important; overflow-wrap: break-word;}
#material-content .size-112 {font-size:112px !important; overflow-wrap: break-word;}
#material-content .size-116 {font-size:116px !important; overflow-wrap: break-word;}
#material-content .size-120 {font-size:120px !important; overflow-wrap: break-word;}
#material-content .size-124 {font-size:124px !important; overflow-wrap: break-word;}
#material-content .size-128 {font-size:128px !important; overflow-wrap: break-word;}
#material-content .size-132 {font-size:132px !important; overflow-wrap: break-word;}
#material-content .size-136 {font-size:136px !important; overflow-wrap: break-word;}
#material-content .size-140 {font-size:140px !important; overflow-wrap: break-word;}
#material-content .size-144 {font-size:144px !important; overflow-wrap: break-word;}
#material-content .size-148 {font-size:148px !important; overflow-wrap: break-word;}
#material-content .size-152 {font-size:152px !important; overflow-wrap: break-word;}
#material-content .size-156 {font-size:156px !important; overflow-wrap: break-word;}
#material-content .size-160 {font-size:160px !important; overflow-wrap: break-word;}
#material-content .size-164 {font-size:164px !important; overflow-wrap: break-word;}
#material-content .size-168 {font-size:168px !important; overflow-wrap: break-word;}
#material-content .size-172 {font-size:172px !important; overflow-wrap: break-word;}
#material-content .size-176 {font-size:176px !important; overflow-wrap: break-word;}
#material-content .size-180 {font-size:180px !important; overflow-wrap: break-word;}
#material-content .size-184 {font-size:184px !important; overflow-wrap: break-word;}
#material-content .size-188 {font-size:188px !important; overflow-wrap: break-word;}
#material-content .size-192 {font-size:192px !important; overflow-wrap: break-word;}
#material-content .size-196 {font-size:196px !important; overflow-wrap: break-word;}
#material-content .size-200 {font-size:200px !important; overflow-wrap: break-word;}
#material-content .size-204 {font-size:204px !important; overflow-wrap: break-word;}
#material-content .size-208 {font-size:208px !important; overflow-wrap: break-word;}
#material-content .size-212 {font-size:212px !important; overflow-wrap: break-word;}
#material-content .size-216 {font-size:216px !important; overflow-wrap: break-word;}
#material-content .size-220 {font-size:220px !important; overflow-wrap: break-word;}
#material-content .size-224 {font-size:224px !important; overflow-wrap: break-word;}
#material-content .size-228 {font-size:228px !important; overflow-wrap: break-word;}
#material-content .size-232 {font-size:232px !important; overflow-wrap: break-word;}
#material-content .size-236 {font-size:236px !important; overflow-wrap: break-word;}
#material-content .size-240 {font-size:240px !important; overflow-wrap: break-word;}
#material-content .size-244 {font-size:244px !important; overflow-wrap: break-word;}
#material-content .size-248 {font-size:248px !important; overflow-wrap: break-word;}
#material-content .size-252 {font-size:252px !important; overflow-wrap: break-word;}
#material-content .size-256 {font-size:256px !important; overflow-wrap: break-word;}
#material-content .size-260 {font-size:260px !important; overflow-wrap: break-word;}
#material-content .size-264 {font-size:264px !important; overflow-wrap: break-word;}
#material-content .size-268 {font-size:268px !important; overflow-wrap: break-word;}
#material-content .size-272 {font-size:272px !important; overflow-wrap: break-word;}
#material-content .size-276 {font-size:276px !important; overflow-wrap: break-word;}
#material-content .size-280 {font-size:280px !important; overflow-wrap: break-word;}
#material-content .size-284 {font-size:284px !important; overflow-wrap: break-word;}
#material-content .size-288 {font-size:288px !important; overflow-wrap: break-word;}
#material-content .size-292 {font-size:292px !important; overflow-wrap: break-word;}
#material-content .size-296 {font-size:296px !important; overflow-wrap: break-word;}
#material-content .size-300 {font-size:300px !important; overflow-wrap: break-word;}
#material-content .size-304 {font-size:304px !important; overflow-wrap: break-word;}
#material-content .size-308 {font-size:308px !important; overflow-wrap: break-word;}
#material-content .size-312 {font-size:312px !important; overflow-wrap: break-word;}
#material-content .size-316 {font-size:316px !important; overflow-wrap: break-word;}
#material-content .size-320 {font-size:320px !important; overflow-wrap: break-word;}
#material-content .size-324 {font-size:324px !important; overflow-wrap: break-word;}
#material-content .size-328 {font-size:328px !important; overflow-wrap: break-word;}
#material-content .size-332 {font-size:332px !important; overflow-wrap: break-word;}
#material-content .size-336 {font-size:336px !important; overflow-wrap: break-word;}
#material-content .size-340 {font-size:340px !important; overflow-wrap: break-word;}
#material-content .size-344 {font-size:344px !important; overflow-wrap: break-word;}
#material-content .size-348 {font-size:348px !important; overflow-wrap: break-word;}
#material-content .size-352 {font-size:352px !important; overflow-wrap: break-word;}
#material-content .size-356 {font-size:356px !important; overflow-wrap: break-word;}
#material-content .size-360 {font-size:360px !important; overflow-wrap: break-word;}
#material-content .size-364 {font-size:364px !important; overflow-wrap: break-word;}
#material-content .size-368 {font-size:368px !important; overflow-wrap: break-word;}
#material-content .size-372 {font-size:372px !important; overflow-wrap: break-word;}
#material-content .size-376 {font-size:376px !important; overflow-wrap: break-word;}
#material-content .size-380 {font-size:380px !important; overflow-wrap: break-word;}
#material-content .size-384 {font-size:384px !important; overflow-wrap: break-word;}
#material-content .size-388 {font-size:388px !important; overflow-wrap: break-word;}
#material-content .size-392 {font-size:392px !important; overflow-wrap: break-word;}
#material-content .size-396 {font-size:396px !important; overflow-wrap: break-word;}
#material-content .size-400 {font-size:400px !important; overflow-wrap: break-word;}


@media all and (max-width: 1024px) {
    #material-content .margin-left-1024-reset {margin-left:0px !important;}
    #material-content .margin-right-1024-reset {margin-right:0px !important;}
}

#material-content .is-light-text * {color: rgba(255,255,255,0.93);}
#material-content .is-dark-text * {color: #000;}

/* Snippets: text */

#material-content .is-title1-96 {margin-top:20px;margin-bottom:20px;}
#material-content .is-title1-80 {margin-top:15px;margin-bottom:15px;}
#material-content .is-title1-64 {margin-top:15px;margin-bottom:15px;}
#material-content .is-title1-48 {margin-top:15px;margin-bottom:15px;}
#material-content .is-title1-32 {margin-top:15px;margin-bottom:15px;}

#material-content .is-title2-96 {margin-top:25px;margin-bottom:20px;}
#material-content .is-title2-80 {margin-top:20px;margin-bottom:15px;}
#material-content .is-title2-64 {margin-top:20px;margin-bottom:15px;}
#material-content .is-title2-48 {margin-top:15px;margin-bottom:15px;}
#material-content .is-title2-32 {margin-top:10px;margin-bottom:15px;}

#material-content .is-title3-96 {margin-top:30px;margin-bottom:35px;padding:20px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
#material-content .is-title3-80 {margin-top:25px;margin-bottom:33px;padding:20px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
#material-content .is-title3-64 {margin-top:20px;margin-bottom:30px;padding:18px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
#material-content .is-title3-48 {margin-top:20px;margin-bottom:25px;padding:18px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
#material-content .is-title3-32 {margin-top:20px;margin-bottom:20px;padding:15px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}

#material-content .is-light-text .is-title3-96 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
#material-content .is-light-text .is-title3-80 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
#material-content .is-light-text .is-title3-64 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
#material-content .is-light-text .is-title3-48 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
#material-content .is-light-text .is-title3-32 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}

#material-content .is-dark-text .is-title3-96 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
#material-content .is-dark-text .is-title3-80 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
#material-content .is-dark-text .is-title3-64 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
#material-content .is-dark-text .is-title3-48 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
#material-content .is-dark-text .is-title3-32 {border-top:#000 2px solid;border-bottom:#000 2px solid;}

#material-content .is-title4-96 {margin-top:30px;margin-bottom:35px;padding:20px 30px;border:#000 2px solid;}
#material-content .is-title4-80 {margin-top:25px;margin-bottom:33px;padding:20px 30px;border:#000 2px solid;}
#material-content .is-title4-64 {margin-top:20px;margin-bottom:30px;padding:18px 28px;border:#000 2px solid;}
#material-content .is-title4-48 {margin-top:20px;margin-bottom:25px;padding:18px 25px;border:#000 2px solid;}
#material-content .is-title4-32 {margin-top:20px;margin-bottom:20px;padding:15px 20px;border:#000 2px solid;}

#material-content .is-light-text .is-title4-96 {border:#fff 2px solid;}
#material-content .is-light-text .is-title4-80 {border:#fff 2px solid;}
#material-content .is-light-text .is-title4-64 {border:#fff 2px solid;}
#material-content .is-light-text .is-title4-48 {border:#fff 2px solid;}
#material-content .is-light-text .is-title4-32 {border:#fff 2px solid;}

#material-content .is-dark-text .is-title4-96 {border:#000 2px solid;}
#material-content .is-dark-text .is-title4-80 {border:#000 2px solid;}
#material-content .is-dark-text .is-title4-64 {border:#000 2px solid;}
#material-content .is-dark-text .is-title4-48 {border:#000 2px solid;}
#material-content .is-dark-text .is-title4-32 {border:#000 2px solid;}

#material-content .is-title5-96 {margin-top:10px;margin-bottom:35px;padding-bottom:25px;border-bottom:#000 2px solid;}
#material-content .is-title5-80 {margin-top:10px;margin-bottom:33px;padding-bottom:25px;border-bottom:#000 2px solid;}
#material-content .is-title5-64 {margin-top:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:#000 2px solid;}
#material-content .is-title5-48 {margin-top:10px;margin-bottom:25px;padding-bottom:20px;border-bottom:#000 2px solid;}
#material-content .is-title5-32 {margin-top:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:#000 2px solid;}

#material-content .is-light-text .is-title5-96 {border-bottom:#fff 2px solid;}
#material-content .is-light-text .is-title5-80 {border-bottom:#fff 2px solid;}
#material-content .is-light-text .is-title5-64 {border-bottom:#fff 2px solid;}
#material-content .is-light-text .is-title5-48 {border-bottom:#fff 2px solid;}
#material-content .is-light-text .is-title5-32 {border-bottom:#fff 2px solid;}

#material-content .is-dark-text .is-title5-96 {border-bottom:#000 2px solid;}
#material-content .is-dark-text .is-title5-80 {border-bottom:#000 2px solid;}
#material-content .is-dark-text .is-title5-64 {border-bottom:#000 2px solid;}
#material-content .is-dark-text .is-title5-48 {border-bottom:#000 2px solid;}
#material-content .is-dark-text .is-title5-32 {border-bottom:#000 2px solid;}

#material-content .is-title-lite {letter-spacing:3px;word-spacing:5px;}
#material-content .is-title-lite.is-title3-96, #material-content .is-title-lite.is-title4-96, #material-content .is-title-lite.is-title5-96 {letter-spacing:4px;word-spacing:8px;}
#material-content .is-title-lite.is-title3-80, #material-content .is-title-lite.is-title4-80, #material-content .is-title-lite.is-title5-80 {letter-spacing:4px;word-spacing:8px;}
#material-content .is-title-lite.is-title3-64, #material-content .is-title-lite.is-title4-64, #material-content .is-title-lite.is-title5-64 {letter-spacing:4px;word-spacing:8px;}
#material-content .is-title-lite.is-title3-48, #material-content .is-title-lite.is-title4-48, #material-content .is-title-lite.is-title5-48 {letter-spacing:4px;word-spacing:8px;}
#material-content .is-title-lite.is-title3-32, #material-content .is-title-lite.is-title4-32, #material-content .is-title-lite.is-title5-32 {letter-spacing:3px;word-spacing:5px;}

#material-content .is-title-bold {font-weight:800;}
#material-content .is-title-bold.is-title3-96, #material-content .is-title-bold.is-title4-96, #material-content .is-title-bold.is-title5-96 {border-width:4px;}
#material-content .is-title-bold.is-title3-80, #material-content .is-title-bold.is-title4-80, #material-content .is-title-bold.is-title5-80 {border-width:4px;}
#material-content .is-title-bold.is-title3-64, #material-content .is-title-bold.is-title4-64, #material-content .is-title-bold.is-title5-64 {border-width:3px;}
#material-content .is-title-bold.is-title3-48, #material-content .is-title-bold.is-title4-48, #material-content .is-title-bold.is-title5-48 {border-width:3px;}
#material-content .is-title-bold.is-title3-32, #material-content .is-title-bold.is-title4-32, #material-content .is-title-bold.is-title5-32 {border-width:2px;}

#material-content .is-info1 {margin-top:10px;margin-bottom:0px;font-style:italic;}
#material-content .is-info1.size-21 {margin-top:12px;}
#material-content .is-info1.size-24 {margin-top:15px;}

#material-content .is-info2 {margin-top:10px;margin-bottom:0px;}
#material-content .is-info2.size-21 {margin-top:12px;}
#material-content .is-info2.size-24 {margin-top:15px;}

/* Snippets: buttons */

#material-content .is-rounded-button-big a {display:inline-block;text-align:center;margin:0 20px;border-radius: 500px; width: 110px; height: 110px;background-color: #aaa;overflow: hidden;text-decoration: none;}
#material-content .is-rounded-button-big a i {display:inline-block;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:40px; display: flex;align-items: center;justify-content: center;}
#material-content .is-rounded-button-big a:first-child {margin:0 20px 0 0;}
#material-content .is-rounded-button-big a:last-child {margin:0 0 0 20px;}

#material-content .is-rounded-button-medium a {display:inline-block;text-align:center;margin:0 20px;border-radius: 500px; width: 70px; height: 70px;background-color: #aaa;overflow: hidden;text-decoration: none;}
#material-content .is-rounded-button-medium a i {display:inline-block;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px;display: flex;align-items: center;justify-content: center;}
#material-content .is-rounded-button-medium a:first-child {margin:0 20px 0 0;}
#material-content .is-rounded-button-medium a:last-child {margin:0 0 0 20px;}

#material-content .is-boxed-button-big {display:inline-block;}
#material-content .is-boxed-button-big a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 110px; height: 110px;background-color: #aaa;text-decoration: none;}
#material-content .is-boxed-button-big a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:40px;display: flex;align-items: center;justify-content: center;}

#material-content .is-boxed-button-big2 {display:inline-block;}
#material-content .is-boxed-button-big2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 150px; height: 70px;background-color: #aaa;text-decoration: none;}
#material-content .is-boxed-button-big2 a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:35px;display: flex;align-items: center;justify-content: center;}

#material-content .is-boxed-button-medium {display:inline-block;}
#material-content .is-boxed-button-medium a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 70px; height: 70px;background-color: #aaa;text-decoration: none;}
#material-content .is-boxed-button-medium a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px;display: flex;align-items: center;justify-content: center;}

#material-content .is-boxed-button-medium2 {display:inline-block;}
#material-content .is-boxed-button-medium2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 100px; height: 50px;background-color: #aaa;text-decoration: none;}
#material-content .is-boxed-button-medium2 a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:25px;display: flex;align-items: center;justify-content: center;}

#material-content .is-boxed-button-small {display:inline-block;}
#material-content .is-boxed-button-small a {display:table;float:left;text-align:center;margin:0 20px 0 0;width: 50px; height: 50px;background-color: #aaa;text-decoration: none;}
#material-content .is-boxed-button-small a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:20px;display: flex;align-items: center;justify-content: center;}

#material-content .is-btn, 
#material-content a.is-btn {
    padding: 10px 50px;
    font-size: 1rem;
    line-height: 2rem;
    border-radius: 0;
    letter-spacing: 3px;
    display: inline-block;
    margin: 3px 0;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all 0.16s ease;
    transition: all 0.16s ease;
    text-decoration:none;
    color: #000;
}
#material-content .is-btn:hover,#material-content .is-btn:visited,#material-content .is-btn:focus,
#material-content a.is-btn:hover,#material-content a.is-btn:visited,#material-content a.is-btn:focus {color:initial;text-decoration:initial;opacity:initial;} /* prevent overide */

#material-content .is-btn-ghost1, 
#material-content a.is-btn-ghost1 { color: #000; border: 2px solid #111; }

#material-content .is-light-text .is-btn-ghost1,
#material-content .is-dark-text .is-light-text .is-btn-ghost1,
#material-content .is-light-text a.is-btn-ghost1,
#material-content .is-dark-text .is-light-text a.is-btn-ghost1  { color: #fff; border: 2px solid #fff;}

#material-content .is-dark-text .is-btn-ghost1,
#material-content .is-light-text .is-dark-text .is-btn-ghost1,
#material-content .is-dark-text a.is-btn-ghost1,
#material-content .is-light-text .is-dark-text a.is-btn-ghost1 { color: #000; border: 2px solid #111; }

#material-content .is-btn-ghost2,
#material-content a.is-btn-ghost2 { color: #000; border: 2px solid #dcdcdc; background-color: #dcdcdc;}

#material-content .is-light-text .is-btn-ghost2,
#material-content .is-dark-text .is-light-text .is-btn-ghost2,
#material-content .is-light-text a.is-btn-ghost2,
#material-content .is-dark-text .is-light-text a.is-btn-ghost2  { color: #000; border: 2px solid #f9f9f9; background-color: #f9f9f9; }

#material-content .is-dark-text .is-btn-ghost2,
#material-content .is-light-text .is-dark-text .is-btn-ghost2,
#material-content .is-dark-text a.is-btn-ghost2,
#material-content .is-light-text .is-dark-text a.is-btn-ghost2  { color: #000; border: 2px solid #d7d7d7; background-color: #d7d7d7; }

#material-content .is-btn.is-btn-small, #material-content .is-btn-small { padding: 5px 25px; font-size: 0.85em; }
#material-content .is-btn.is-upper, #material-content .is-upper { text-transform:uppercase; }
#material-content .is-btn.is-rounded-30, #material-content .is-rounded-30 { border-radius: 30px; }

#material-content .btn {
    padding: 8px 25px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0px;
    letter-spacing: inherit;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
html[lang=en] #material-content .btn {
	font-size: 16px;
}
#material-content .btn.btn-primary {color: #ffffff;background-color: #336899; border-color: #336899;}
#material-content .btn.btn-primary:hover {color: #ffffff;background-color: #004280;border-color: #004280;text-decoration: none;}
#material-content .btn.btn-secondary {color: #336899;background-color: #ffffff;border-color: #336899;}
#material-content .btn.btn-secondary:hover {color: #ffffff;background-color: #004280;border-color: #004280;text-decoration: none;}
#material-content .btn.btn-default {color: #333333;background-color: #d3d3d3;}
#material-content .btn.btn-default:hover {color: #111;background-color: #ccc;border-color: #ccc;text-decoration: none;}

/* ---------- Editing Utilities ---------- */

/* Lightbox */

#material-content .block-click {
    cursor: pointer;
}

#material-content .block-click > * {
    pointer-events: none;
    user-select: none;
}

/* Column Height */

#material-content .min-height-300 { min-height: 300px !important; }
#material-content .min-height-350 { min-height: 350px !important; }
#material-content .min-height-400 { min-height: 400px !important; }
#material-content .min-height-450 { min-height: 450px !important; }
#material-content .min-height-500 { min-height: 500px !important; }
#material-content .min-height-550 { min-height: 550px !important; }
#material-content .min-height-600 { min-height: 600px !important; }
#material-content .min-height-650 { min-height: 650px !important; }
#material-content .min-height-700 { min-height: 700px !important; }

@media all and (max-width: 1024px) {
    #material-content .min-height-300 { min-height: 300px !important; }
    #material-content .min-height-350 { min-height: 340px !important; }
    #material-content .min-height-400 { min-height: 380px !important; }
    #material-content .min-height-450 { min-height: 430px !important; }
    #material-content .min-height-500 { min-height: 480px !important; }
    #material-content .min-height-550 { min-height: 530px !important; }
    #material-content .min-height-600 { min-height: 580px !important; }
    #material-content .min-height-650 { min-height: 630px !important; }
    #material-content .min-height-700 { min-height: 680px !important; }
}

@media all and (max-width: 640px) {
    #material-content .min-height-300 { min-height: 240px !important; }
    #material-content .min-height-350 { min-height: 270px !important; }
    #material-content .min-height-400 { min-height: 300px !important; }
    #material-content .min-height-450 { min-height: 350px !important; }
    #material-content .min-height-500 { min-height: 400px !important; }
    #material-content .min-height-550 { min-height: 430px !important; }
    #material-content .min-height-600 { min-height: 460px !important; }
    #material-content .min-height-650 { min-height: 500px !important; }
    #material-content .min-height-700 { min-height: 540px !important; }
}

@media all and (max-width: 540px) {
    #material-content .min-height-300 { min-height: 180px !important; }
    #material-content .min-height-350 { min-height: 210px !important; }
    #material-content .min-height-400 { min-height: 240px !important; }
    #material-content .min-height-450 { min-height: 270px !important; }
    #material-content .min-height-500 { min-height: 300px !important; }
    #material-content .min-height-550 { min-height: 310px !important; }
    #material-content .min-height-600 { min-height: 320px !important; }
    #material-content .min-height-650 { min-height: 360px !important; }
    #material-content .min-height-700 { min-height: 400px !important; }
}

@media all and (max-width: 425px) {
    #material-content .min-height-300 { min-height: 150px !important; }
    #material-content .min-height-350 { min-height: 185px !important; }
    #material-content .min-height-400 { min-height: 220px !important; }
    #material-content .min-height-450 { min-height: 240px !important; }
    #material-content .min-height-500 { min-height: 260px !important; }
    #material-content .min-height-550 { min-height: 270px !important; }
    #material-content .min-height-600 { min-height: 280px !important; }
    #material-content .min-height-650 { min-height: 315px !important; }
    #material-content .min-height-700 { min-height: 350px !important; }
}

/* Text Formatting */
        
#material-content .font-thin { font-weight: 100 !important; }
#material-content .font-extralight { font-weight: 200 !important; }
#material-content .font-light { font-weight: 300 !important; }
#material-content .font-normal { font-weight: 400 !important; }
#material-content .font-medium { font-weight: 500 !important; }
#material-content .font-semibold { font-weight: 600 !important; }
#material-content .font-bold { font-weight: 700 !important; }
#material-content .font-extrabold { font-weight: 800 !important; }
#material-content .font-black { font-weight: 900 !important; }
#material-content .italic { font-style: italic !important; }
#material-content .not-italic { font-style: normal !important; }
#material-content .display .italic { font-style: italic !important; }
#material-content .display .not-italic { font-style: normal !important; }
#material-content .underline { -webkit-text-decoration-line: underline !important; text-decoration-line: underline !important; }
#material-content .line-through { -webkit-text-decoration-line: line-through !important; text-decoration-line: line-through !important; }
#material-content .no-underline { -webkit-text-decoration-line: none !important; text-decoration-line: none !important; }
#material-content .uppercase { text-transform: uppercase !important; }
#material-content .lowercase { text-transform: lowercase !important; }
#material-content .capitalize { text-transform: capitalize !important; }
#material-content .normal-case { text-transform: none !important; }

#material-content .text-left { text-align: left }
#material-content .text-center { text-align: center; }
#material-content .text-right { text-align: right; }
#material-content .text-justify { text-align: justify; }

#material-content .sub, #material-content .sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
#material-content .sup { top: -0.3em; vertical-align: super;}
#material-content .sub { bottom: -0.25em; vertical-align: sub;}

#material-content .tracking--100 { letter-spacing: -0.1em !important }
#material-content .tracking--75 { letter-spacing: -0.075em !important }
#material-content .tracking--50, #material-content .tracking-tighter { letter-spacing: -0.05em !important }
#material-content .tracking--25, #material-content .tracking-tight { letter-spacing: -0.025em !important }
#material-content .tracking-0, #material-content .tracking-normal { letter-spacing: 0em !important }
#material-content .tracking-25, #material-content .tracking-wide { letter-spacing: 0.025em !important }
#material-content .tracking-50, #material-content .tracking-wider { letter-spacing: 0.05em !important }
#material-content .tracking-75 { letter-spacing: 0.075em !important }
#material-content .tracking-100, #material-content .tracking-widest { letter-spacing: 0.1em !important }
#material-content .tracking-125 { letter-spacing: 0.125em !important }
#material-content .tracking-150 { letter-spacing: 0.15em !important }
#material-content .tracking-175 { letter-spacing: 0.175em !important }
#material-content .tracking-200 { letter-spacing: 0.2em !important }
#material-content .tracking-225 { letter-spacing: 0.225em !important }
#material-content .tracking-250 { letter-spacing: 0.25em !important }
#material-content .tracking-275 { letter-spacing: 0.275em !important }
#material-content .tracking-300 { letter-spacing: 0.3em !important }
#material-content .tracking-325 { letter-spacing: 0.325em !important }
#material-content .tracking-350 { letter-spacing: 0.350em !important }
#material-content .tracking-375 { letter-spacing: 0.375em !important }
#material-content .tracking-400 { letter-spacing: 0.4em !important }
#material-content .tracking-425 { letter-spacing: 0.425em !important }
#material-content .tracking-450 { letter-spacing: 0.450em !important }
#material-content .tracking-475 { letter-spacing: 0.475em !important }
#material-content .tracking-500 { letter-spacing: 0.5em !important }

#material-content .leading-05 { line-height: 0.5 !important }
#material-content .leading-06 { line-height: 0.6 !important }
#material-content .leading-07 { line-height: 0.7 !important }
#material-content .leading-08 { line-height: 0.8 !important }
#material-content .leading-09 { line-height: 0.9 !important }
#material-content .leading-10, #material-content .leading-none { line-height: 1 !important }
#material-content .leading-11 { line-height: 1.1 !important }
#material-content .leading-12 { line-height: 1.2 !important }
#material-content .leading-tight { line-height: 1.25 !important }
#material-content .leading-13 { line-height: 1.3 !important }
#material-content .leading-snug { line-height: 1.375 !important }
#material-content .leading-14 { line-height: 1.4 !important }
#material-content .leading-15, #material-content .leading-normal { line-height: 1.5 !important }
#material-content .leading-16 { line-height: 1.6 !important }
#material-content .leading-relaxed { line-height: 1.625 !important }
#material-content .leading-17 { line-height: 1.7 !important }
#material-content .leading-18 { line-height: 1.8 !important }
#material-content .leading-19 { line-height: 1.9 !important }
#material-content .leading-20, .leading-loose { line-height: 2 !important }
#material-content .leading-21 { line-height: 2.1 !important }
#material-content .leading-22 { line-height: 2.2 !important }
#material-content .leading-23 { line-height: 2.3 !important }
#material-content .leading-24 { line-height: 2.4 !important }
#material-content .leading-25 { line-height: 2.5 !important }
#material-content .leading-26 { line-height: 2.6 !important }
#material-content .leading-27 { line-height: 2.7 !important }
#material-content .leading-28 { line-height: 2.8 !important }
#material-content .leading-29 { line-height: 2.9 !important }
#material-content .leading-30 { line-height: 3 !important }

/* Opacity */

#material-content .opacity-0 { opacity: 0 !important }
#material-content .opacity-2 { opacity: 0.02 !important }
#material-content .opacity-4 { opacity: 0.04 !important }
#material-content .opacity-5 { opacity: 0.05 !important }
#material-content .opacity-6 { opacity: 0.06 !important }
#material-content .opacity-8 { opacity: 0.08 !important }
#material-content .opacity-10 { opacity: 0.1 !important }
#material-content .opacity-12 { opacity: 0.12 !important }
#material-content .opacity-15 { opacity: 0.15 !important }
#material-content .opacity-20 { opacity: 0.2 !important }
#material-content .opacity-25 { opacity: 0.25 !important }
#material-content .opacity-30 { opacity: 0.3 !important }
#material-content .opacity-35 { opacity: 0.35 !important }
#material-content .opacity-40 { opacity: 0.4 !important }
#material-content .opacity-45 { opacity: 0.45 !important }
#material-content .opacity-50 { opacity: 0.5 !important }
#material-content .opacity-55 { opacity: 0.55 !important }
#material-content .opacity-60 { opacity: 0.6 !important }
#material-content .opacity-65 { opacity: 0.65 !important }
#material-content .opacity-70 { opacity: 0.7 !important }
#material-content .opacity-75 { opacity: 0.75 !important }
#material-content .opacity-80 { opacity: 0.8 !important }
#material-content .opacity-85 { opacity: 0.85 !important }
#material-content .opacity-90 { opacity: 0.9 !important }
#material-content .opacity-95 { opacity: 0.95 !important }
#material-content .opacity-100 { opacity: 1 !important }

/* Spacing */

#material-content .p-0 { padding: 0px }
#material-content .p-1 { padding: 0.25rem }
#material-content .p-2 { padding: 0.5rem }
#material-content .p-3 { padding: 0.75rem }
#material-content .p-4 { padding: 1rem }
#material-content .p-5 { padding: 1.25rem }
#material-content .p-6 { padding: 1.5rem }
#material-content .p-7 { padding: 1.75rem }
#material-content .p-8 { padding: 2rem }
#material-content .p-9 { padding: 2.25rem}
#material-content .p-10 { padding: 2.5rem }
#material-content .p-11 { padding: 2.75rem }
#material-content .p-12 { padding: 3rem }
#material-content .p-14 { padding: 3.5rem }
#material-content .p-16 { padding: 4rem }
#material-content .p-20 { padding: 5rem }
  
#material-content .px-0 { padding-left: 0px; padding-right: 0px; }
#material-content .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
#material-content .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
#material-content .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
#material-content .px-4 { padding-left: 1rem; padding-right: 1rem; }
#material-content .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; }
#material-content .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
#material-content .px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }
#material-content .px-8 { padding-left: 2rem; padding-right: 2rem; }
#material-content .px-9 { padding-left: 2.25rem; padding-right: 2.25rem; }
#material-content .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
#material-content .px-11 { padding-left: 2.75rem; padding-right: 2.75rem; }
#material-content .px-12 { padding-left: 3rem; padding-right: 3rem; }
#material-content .px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
#material-content .px-16 { padding-left: 4rem; padding-right: 4rem; }
#material-content .px-20 { padding-left: 5rem; padding-right: 5rem; }

#material-content .py-0 { padding-top: 0px; padding-bottom: 0px; }
#material-content .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
#material-content .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
#material-content .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
#material-content .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
#material-content .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
#material-content .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
#material-content .py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }
#material-content .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
#material-content .py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
#material-content .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
#material-content .py-11 { padding-top: 2.75rem; padding-bottom: 2.75rem; }
#material-content .py-12 { padding-top: 3rem; padding-bottom: 3rem; }
#material-content .py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
#material-content .py-16 { padding-top: 4rem; padding-bottom: 4rem; }
#material-content .py-20 { padding-top: 5rem; padding-bottom: 5rem; }

#material-content .pb-0 { padding-bottom: 0px }
#material-content .pb-1 { padding-bottom: 0.25rem }
#material-content .pb-2 { padding-bottom: 0.5rem }
#material-content .pb-3 { padding-bottom: 0.75rem }
#material-content .pb-4 { padding-bottom: 1rem }
#material-content .pb-5 { padding-bottom: 1.25rem }
#material-content .pb-6 { padding-bottom: 1.5rem }
#material-content .pb-7 { padding-bottom: 1.75rem }
#material-content .pb-8 { padding-bottom: 2rem }
#material-content .pb-9 { padding-bottom: 2.25rem }
#material-content .pb-10 { padding-bottom: 2.5rem }
#material-content .pb-11 { padding-bottom: 2.75rem }
#material-content .pb-12 { padding-bottom: 3rem }
#material-content .pb-14 { padding-bottom: 3.5rem }
#material-content .pb-16 { padding-bottom: 4rem }
#material-content .pb-20 { padding-bottom: 5rem }

#material-content .pr-0 { padding-right: 0px }
#material-content .pr-1 { padding-right: 0.25rem }
#material-content .pr-2 { padding-right: 0.5rem }
#material-content .pr-3 { padding-right: 0.75rem }
#material-content .pr-4 { padding-right: 1rem }
#material-content .pr-5 { padding-right: 1.25rem }
#material-content .pr-6 { padding-right: 1.5rem }
#material-content .pr-7 { padding-right: 1.75rem }
#material-content .pr-8 { padding-right: 2rem }
#material-content .pr-9 { padding-right: 2.25rem }
#material-content .pr-10 { padding-right: 2.5rem }
#material-content .pr-11 { padding-right: 2.75rem }
#material-content .pr-12 { padding-right: 3rem }
#material-content .pr-14 { padding-right: 3.5rem }
#material-content .pr-16 { padding-right: 4rem }
#material-content .pr-20 { padding-right: 5rem }

#material-content .pt-0 { padding-top: 0px }
#material-content .pt-1 { padding-top: 0.25rem }
#material-content .pt-2 { padding-top: 0.5rem }
#material-content .pt-3 { padding-top: 0.75rem }
#material-content .pt-4 { padding-top: 1rem }
#material-content .pt-5 { padding-top: 1.25rem }
#material-content .pt-6 { padding-top: 1.5rem }
#material-content .pt-7 { padding-top: 1.75rem }
#material-content .pt-8 { padding-top: 2rem }
#material-content .pt-9 { padding-top: 2.25rem }
#material-content .pt-10 { padding-top: 2.5rem }
#material-content .pt-11 { padding-top: 2.75rem }
#material-content .pt-12 { padding-top: 3rem }
#material-content .pt-14 { padding-top: 3.5rem }
#material-content .pt-16 { padding-top: 4rem }
#material-content .pt-20 { padding-top: 5rem }

#material-content .pl-0 { padding-left: 0px }
#material-content .pl-1 { padding-left: 0.25rem }
#material-content .pl-2 { padding-left: 0.5rem }
#material-content .pl-3 { padding-left: 0.75rem }
#material-content .pl-4 { padding-left: 1rem }
#material-content .pl-5 { padding-left: 1.25rem }
#material-content .pl-6 { padding-left: 1.5rem }
#material-content .pl-7 { padding-left: 1.75rem }
#material-content .pl-8 { padding-left: 2rem }
#material-content .pl-9 { padding-left: 2.25rem }
#material-content .pl-10 { padding-left: 2.5rem }
#material-content .pl-11 { padding-left: 2.75rem }
#material-content .pl-12 { padding-left: 3rem }
#material-content .pl-14 { padding-left: 3.5rem }
#material-content .pl-16 { padding-left: 4rem }
#material-content .pl-20 { padding-left: 5rem }

#material-content .ml-0 { margin-left: 0px } 
#material-content .ml-1 { margin-left: 0.25rem } 
#material-content .ml-2 { margin-left: 0.5rem } 
#material-content .ml-3 { margin-left: 0.75rem } 
#material-content .ml-4 { margin-left: 1rem } 
#material-content .ml-5 { margin-left: 1.25rem } 
#material-content .ml-6 { margin-left: 1.5rem } 
#material-content .ml-8 { margin-left: 2rem } 
#material-content .ml-10 { margin-left: 2.5rem }
#material-content .mr-0 { margin-right: 0px } 
#material-content .mr-1 { margin-right: 0.25rem } 
#material-content .mr-2 { margin-right: 0.5rem } 
#material-content .mr-3 { margin-right: 0.75rem } 
#material-content .mr-4 { margin-right: 1rem } 
#material-content .mr-5 { margin-right: 1.25rem } 
#material-content .mr-6 { margin-right: 1.5rem } 
#material-content .mr-8 { margin-right: 2rem } 
#material-content .mr-10 { margin-right: 2.5rem }

/* flex */

#material-content .flex { display: flex }
#material-content .block { display: block }
#material-content .inline { display: inline }
#material-content .inline-block { display: inline-block }
  
#material-content .flex-row { flex-direction: row }
#material-content .flex-row-reverse { flex-direction: row-reverse }
#material-content .flex-col { flex-direction: column }
#material-content .flex-col-reverse { flex-direction: column-reverse }

#material-content .flex-wrap { flex-wrap: wrap }
#material-content .flex-wrap-reverse { flex-wrap: wrap-reverse }
#material-content .flex-nowrap { flex-wrap: nowrap }  
#material-content .justify-start { justify-content: flex-start }
#material-content .justify-end { justify-content: flex-end }
#material-content .justify-center { justify-content: center }
#material-content .justify-between { justify-content: space-between }
#material-content .justify-around { justify-content: space-around }
#material-content .justify-evenly { justify-content: space-evenly }

#material-content .items-start { align-items: flex-start }
#material-content .items-end { align-items: flex-end }
#material-content .items-center { align-items: center }
#material-content .items-baseline { align-items: baseline }
#material-content .items-stretch { align-items: stretch }

/* border */

#material-content .border-solid { border-style: solid }
#material-content .border-none { border-style: none }

#material-content .border { border-width: 1px }
#material-content .border-0 { border-width: 0px }
#material-content .border-2 { border-width: 2px }

#material-content .border-transparent { border-color: transparent }
#material-content .border-current { border-color: currentColor }
#material-content .hover\:border-transparent:hover { border-color: transparent }

#material-content .rounded-none { border-radius: 0px }
#material-content .rounded-sm { border-radius: 0.125rem }
#material-content .rounded { border-radius: 0.25rem }
#material-content .rounded-md { border-radius: 0.375rem }
#material-content .rounded-lg { border-radius: 0.5rem }
#material-content .rounded-full { border-radius: 9999px }
#material-content .rounded-2xl { border-radius: 1rem }
#material-content .rounded-3xl { border-radius: 1.5rem }
#material-content .rounded-xl { border-radius: 0.75rem }

/* height */

#material-content .h-auto { height: auto }
#material-content .h-full { height: 100% }

/* colors */

#material-content .bg-transparent { background-color: transparent }
#material-content .bg-current { background-color: currentColor }
#material-content .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) }
#material-content .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) }  

#material-content .bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)) }
#material-content .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) }
#material-content .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) }
#material-content .bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)) }
#material-content .bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)) }
#material-content .bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)) }
#material-content .bg-gray-600 { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)) }
#material-content .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)) }
#material-content .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)) }
#material-content .bg-gray-900 { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)) }
#material-content .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity)) }
#material-content .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)) }
#material-content .bg-red-200 { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)) }
#material-content .bg-red-300 { --tw-bg-opacity: 1; background-color: rgb(252 165 165 / var(--tw-bg-opacity)) }
#material-content .bg-red-400 { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity)) }
#material-content .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)) }
#material-content .bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)) }
#material-content .bg-red-700 { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity)) }
#material-content .bg-red-800 { --tw-bg-opacity: 1; background-color: rgb(153 27 27 / var(--tw-bg-opacity)) }
#material-content .bg-red-900 { --tw-bg-opacity: 1; background-color: rgb(127 29 29 / var(--tw-bg-opacity)) }
#material-content .bg-orange-50 { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity)) }
#material-content .bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity)) }
#material-content .bg-orange-200 { --tw-bg-opacity: 1; background-color: rgb(254 215 170 / var(--tw-bg-opacity)) }
#material-content .bg-orange-300 { --tw-bg-opacity: 1; background-color: rgb(253 186 116 / var(--tw-bg-opacity)) }
#material-content .bg-orange-400 { --tw-bg-opacity: 1; background-color: rgb(251 146 60 / var(--tw-bg-opacity)) }
#material-content .bg-orange-500 { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity)) }
#material-content .bg-orange-600 { --tw-bg-opacity: 1; background-color: rgb(234 88 12 / var(--tw-bg-opacity)) }
#material-content .bg-orange-700 { --tw-bg-opacity: 1; background-color: rgb(194 65 12 / var(--tw-bg-opacity)) }
#material-content .bg-orange-800 { --tw-bg-opacity: 1; background-color: rgb(154 52 18 / var(--tw-bg-opacity)) }
#material-content .bg-orange-900 { --tw-bg-opacity: 1; background-color: rgb(124 45 18 / var(--tw-bg-opacity)) }
#material-content .bg-yellow-50 { --tw-bg-opacity: 1; background-color: rgb(254 252 232 / var(--tw-bg-opacity)) }
#material-content .bg-yellow-100 { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity)) }
#material-content .bg-yellow-200 { --tw-bg-opacity: 1; background-color: rgb(254 240 138 / var(--tw-bg-opacity)) }
#material-content .bg-yellow-300 { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity)) }
#material-content .bg-yellow-400 { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)) }
#material-content .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)) }
#material-content .bg-yellow-600 { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity)) }
#material-content .bg-yellow-700 { --tw-bg-opacity: 1; background-color: rgb(161 98 7 / var(--tw-bg-opacity)) }
#material-content .bg-yellow-800 { --tw-bg-opacity: 1; background-color: rgb(133 77 14 / var(--tw-bg-opacity)) }
#material-content .bg-yellow-900 { --tw-bg-opacity: 1; background-color: rgb(113 63 18 / var(--tw-bg-opacity)) }
#material-content .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity)) }
#material-content .bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity)) }
#material-content .bg-green-200 { --tw-bg-opacity: 1; background-color: rgb(187 247 208 / var(--tw-bg-opacity)) }
#material-content .bg-green-300 { --tw-bg-opacity: 1; background-color: rgb(134 239 172 / var(--tw-bg-opacity)) }
#material-content .bg-green-400 { --tw-bg-opacity: 1; background-color: rgb(74 222 128 / var(--tw-bg-opacity)) }
#material-content .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)) }
#material-content .bg-green-600 { --tw-bg-opacity: 1; background-color: rgb(22 163 74 / var(--tw-bg-opacity)) }
#material-content .bg-green-700 { --tw-bg-opacity: 1; background-color: rgb(21 128 61 / var(--tw-bg-opacity)) }
#material-content .bg-green-800 { --tw-bg-opacity: 1; background-color: rgb(22 101 52 / var(--tw-bg-opacity)) }
#material-content .bg-green-900 { --tw-bg-opacity: 1; background-color: rgb(20 83 45 / var(--tw-bg-opacity)) }
#material-content .bg-teal-100 { --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity)) }
#material-content .bg-teal-200 { --tw-bg-opacity: 1; background-color: rgb(153 246 228 / var(--tw-bg-opacity)) }
#material-content .bg-teal-300 { --tw-bg-opacity: 1; background-color: rgb(94 234 212 / var(--tw-bg-opacity)) }
#material-content .bg-teal-400 { --tw-bg-opacity: 1; background-color: rgb(45 212 191 / var(--tw-bg-opacity)) }
#material-content .bg-teal-500 { --tw-bg-opacity: 1; background-color: rgb(20 184 166 / var(--tw-bg-opacity)) }
#material-content .bg-teal-600 { --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity)) }
#material-content .bg-teal-700 { --tw-bg-opacity: 1; background-color: rgb(15 118 110 / var(--tw-bg-opacity)) }
#material-content .bg-teal-800 { --tw-bg-opacity: 1; background-color: rgb(17 94 89 / var(--tw-bg-opacity)) }
#material-content .bg-teal-900 { --tw-bg-opacity: 1; background-color: rgb(19 78 74 / var(--tw-bg-opacity)) }
#material-content .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)) }
#material-content .bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)) }
#material-content .bg-blue-200 { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity)) }
#material-content .bg-blue-300 { --tw-bg-opacity: 1; background-color: rgb(147 197 253 / var(--tw-bg-opacity)) }
#material-content .bg-blue-400 { --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity)) }
#material-content .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)) }
#material-content .bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)) }
#material-content .bg-blue-700 { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)) }
#material-content .bg-blue-800 { --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity)) }
#material-content .bg-blue-900 { --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity)) }
#material-content .bg-indigo-50 { --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity)) }
#material-content .bg-indigo-100 { --tw-bg-opacity: 1; background-color: rgb(224 231 255 / var(--tw-bg-opacity)) }
#material-content .bg-indigo-200 { --tw-bg-opacity: 1; background-color: rgb(199 210 254 / var(--tw-bg-opacity)) }
#material-content .bg-indigo-300 { --tw-bg-opacity: 1; background-color: rgb(165 180 252 / var(--tw-bg-opacity)) }
#material-content .bg-indigo-400 { --tw-bg-opacity: 1; background-color: rgb(129 140 248 / var(--tw-bg-opacity)) }
#material-content .bg-indigo-500 { --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity)) }
#material-content .bg-indigo-600 { --tw-bg-opacity: 1; background-color: rgb(79 70 229 / var(--tw-bg-opacity)) }
#material-content .bg-indigo-700 { --tw-bg-opacity: 1; background-color: rgb(67 56 202 / var(--tw-bg-opacity)) }
#material-content .bg-indigo-800 { --tw-bg-opacity: 1; background-color: rgb(55 48 163 / var(--tw-bg-opacity)) }
#material-content .bg-indigo-900 { --tw-bg-opacity: 1; background-color: rgb(49 46 129 / var(--tw-bg-opacity)) }
#material-content .bg-purple-50 { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity)) }
#material-content .bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity)) }
#material-content .bg-purple-200 { --tw-bg-opacity: 1; background-color: rgb(233 213 255 / var(--tw-bg-opacity)) }
#material-content .bg-purple-300 { --tw-bg-opacity: 1; background-color: rgb(216 180 254 / var(--tw-bg-opacity)) }
#material-content .bg-purple-400 { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity)) }
#material-content .bg-purple-500 { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity)) }
#material-content .bg-purple-600 { --tw-bg-opacity: 1; background-color: rgb(147 51 234 / var(--tw-bg-opacity)) }
#material-content .bg-purple-700 { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity)) }
#material-content .bg-purple-800 { --tw-bg-opacity: 1; background-color: rgb(107 33 168 / var(--tw-bg-opacity)) }
#material-content .bg-purple-900 { --tw-bg-opacity: 1; background-color: rgb(88 28 135 / var(--tw-bg-opacity)) }

#material-content .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-gray-200:hover { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-gray-300:hover { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-gray-400:hover { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-gray-500:hover { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-gray-800:hover { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-gray-900:hover { --tw-bg-opacity: 1; background-color: rgb(17 24 39 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-red-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-red-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-red-200:hover { --tw-bg-opacity: 1; background-color: rgb(254 202 202 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-red-300:hover { --tw-bg-opacity: 1; background-color: rgb(252 165 165 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-red-400:hover { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-red-500:hover { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-red-700:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-red-800:hover { --tw-bg-opacity: 1; background-color: rgb(153 27 27 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-red-900:hover { --tw-bg-opacity: 1; background-color: rgb(127 29 29 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-blue-100:hover { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-blue-200:hover { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-blue-300:hover { --tw-bg-opacity: 1; background-color: rgb(147 197 253 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-blue-400:hover { --tw-bg-opacity: 1; background-color: rgb(96 165 250 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-blue-500:hover { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-blue-600:hover { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-blue-700:hover { --tw-bg-opacity: 1; background-color: rgb(29 78 216 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-blue-800:hover { --tw-bg-opacity: 1; background-color: rgb(30 64 175 / var(--tw-bg-opacity)) }
#material-content .hover\:bg-blue-900:hover { --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity)) }


#material-content .text-transparent { color: transparent }
#material-content .text-current { color: currentColor }

#material-content .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)) }
#material-content .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) }
#material-content .text-gray-50 { --tw-text-opacity: 1; color: rgb(249 250 251 / var(--tw-text-opacity)) }
#material-content .text-gray-100 { --tw-text-opacity: 1; color: rgb(243 244 246 / var(--tw-text-opacity)) }
#material-content .text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)) }
#material-content .text-gray-300 { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)) }
#material-content .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)) }
#material-content .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)) }
#material-content .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)) }
#material-content .text-gray-700 { --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)) }
#material-content .text-gray-800 { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)) }
#material-content .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity)) }
#material-content .text-blue-50 { --tw-text-opacity: 1; color: rgb(239 246 255 / var(--tw-text-opacity)) }
#material-content .text-blue-100 { --tw-text-opacity: 1; color: rgb(219 234 254 / var(--tw-text-opacity)) }
#material-content .text-blue-200 { --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity)) }
#material-content .text-blue-300 { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity)) }
#material-content .text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity)) }
#material-content .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)) }
#material-content .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)) }
#material-content .text-blue-700 { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity)) }
#material-content .text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity)) }
#material-content .text-blue-900 { --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity)) }


#material-content .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) }
#material-content .hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)) }
#material-content .hover\:text-current:hover { color: currentColor }

#material-content .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
#material-content .cursor-pointer { cursor: pointer }
/*customize*/
.img-flew {
	display: flex;
}
#material-content .w-23{
	width: 23%;
}

/*link stylesheet*/
 #material-content p a  {
  color: #336899;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: #336899;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;	 
  cursor: pointer;	
}
#material-content p a:hover {
  color: #004280;
  text-decoration-line: underline;
   text-decoration-style: dotted;
   text-decoration-color: #004280;
   text-decoration-thickness: 2px;
}

#material-content a.btn:hover {
    text-decoration: none;
}
#material-content .article-tag-group a {
    text-decoration: none;
}
/*img zoom in button*/
#material-content .img-zoom-in {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    cursor: pointer;
    background-color: rgb(51, 104, 153);
    color: rgb(255, 255, 255);
    border-radius: 4px;
	pointer-events: none;
}
#material-content .img-zoom-in i {
	color: #fff;
    font-size: 30px;
    margin-right: 0;
}
@media all and (max-width: 1024px) {
	#material-content .w-23{
		width: 80px;
		height: 80px;
	}
}
@media all and (max-width: 580px) {
	#material-content .w-23{
		margin-bottom: 5%;
	}
}