@media (max-width: 575px) {
		
	.navbar-brand {
	padding: 0 0 0 0 !important;
	margin:0 0 0 0 !important;
	}
	
	.smallPadding
	{
		padding-right: 1px;
		padding-left: 1px;
		
	}
	
	
	.carouselStyle1
	{
		width:20rem;
		height: 16rem;
		border-radius:3%;
	}
	
	.logoCls
	{
		width:75%;
		height:99%;
	}
	
	
	.logoMohwCls
	{
		width:99%;
		height:99%;
	}
	
	.navLGHidden
	{
		display:"";
	}
	
	.navSMHidden
	{
		display: none;
	}
	
	.QAFontSizeSCLS{
	  font-size: 0.9rem;
	}
	.QAFontSizeMCLS{
	  font-size: 1rem;
	}
	.QAFontSizeLCLS{
	  font-size: 1.1rem;
	}
	
	.navbar-custom {
		background-color: #3498DB;
	}
	
	/* change the brand and text color */
	.navbar-custom .navbar-brand,
	.navbar-custom .navbar-text {
	    color: black;  
	    padding: 0 0.75rem;
		font-weight: 600;
		overflow: hidden;
	    font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
	}
	
	/* change the link color */
	.navbar-custom .navbar-nav .nav-link {
	    color: #262626;
	    padding: 0 0.75rem;
		font-weight: 600;
		overflow: hidden;
	    font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
	}
	
	/* change the color of active or hovered links 	
	.navbar-custom .nav-item.active .nav-link{
	    float: right;
		margin-left: 0.75rem;
		line-height: inherit;
		font-size: 1.6rem;
		color: #b800e6;
	}
	 */
	/*
	.navbar-custom .nav-item:hover .nav-link {
	    float: right;
		line-height: inherit;
		color: #FBFCFC;
	}
	 */
	 
	 .navbar-custom .nav-item:hover .nav-link {
		line-height: inherit;
		color: #FBFCFC;
	}
	
	
	.navbar-custom .navbar-toggler {
	  padding: 0.25rem 0.75rem;
	  font-size: 1.25rem;
	  line-height: 1;
	  background-color: transparent;
	  border: 1px solid transparent;
	  border-radius: 0.25rem;
	}
	
	.navbar-custom .navbar-toggler-icon {
	  /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");*/
	  background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181125183128/https://1957.mohw.gov.tw/Resource/images/web/hamberger.svg");
	  	
	  
	}
	
	.navbar-custom.navbar-toggler {
	  border-color: rgb(255,102,203);
	} 
	
	.categoryImgCls
	{
		width:100%;
		height:100%;
	}			
}	

.areaCls
{
	
	height:100px
}	




@media (max-width: 1500px) 
{
	.headerCls {
	padding: 0;
	top: 0px;
	z-index: 2;
	width:100%;
	height:400px;
	background-image: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181125183128/https://1957.mohw.gov.tw/Resource/images/web/bg-header.png?a=1');
	background-size:cover;
	}	
	
}	

@media (min-width: 1501px) 
{
	.headerCls {
	padding: 0;
	top: 0px;
	z-index: 2;
	width:100%;
	height:600px;
	background-image: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181125183128/https://1957.mohw.gov.tw/Resource/images/web/bg-header.png?a=1');
	background-size:cover;
	}	
	
}


#keyword{
    display: inline-block;
    width: 250px;
    border-radius: 15px;
    height: 30px;
    text-indent: 30px;
    border: 1px solid ;
}
#keyword:focus{
    border: 0px;
    border-color: white;
}

#i-advanced-search-i{
    position: relative;
    left: 240px;
}

.headLink{
color:white;
text-decoration:none;
}

.headLink:link {
color:white;
text-decoration:none;
}

.headLink:hover {
color:#17202A;
text-decoration:none;
}

.headLink1:link {
color:#17202A;
text-decoration:none;;
}

.headLink1:hover {
color:#17202A;
text-decoration:none;;
}

.aLinkCLS1
{
	color:#5a5a5a;
	text-decoration:none;
}

.aLinkCLS1:link 
{
	color:#5a5a5a;
	text-decoration:none;
}

.aLinkCLS1:hover 
{
	color:#5a5a5a;
	text-decoration:none;
}


.fontFamilyCls
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}

.fontTitleCls
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
	font-weight:bold;	
}

table
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;	
}

#categoryDiv div h2
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;	
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 300px;
}

#footerSle 
{
    background-color: red;
    position: relative;
    margin-top: -300px; /* negative value of footer height */
    height: 300px;
    clear: both;
}

#fontSizeTB
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
	font-weight: 600;	
}

#breadcrumbLink li a
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
	font-weight:bold;	
}

#QADataTable
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
	margin: 0.5rem
}

#QADetailHeaderDiv
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}

#QADetailWinBodyDiv
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}

#searchResultTable table
{
	
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}

#rbSearchResultTable table
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}


#rbSearchResultTableSmall
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}



#keyword,#searchBtn
{
	font-size: 1.2rem;
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}

#dataListDiv table
{
	font-size: 1.2rem;
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}

#newsDiv table
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}


.bgcolor 
{
	background-color: #f2f5fa;
	background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181125183128/https://1957.mohw.gov.tw/images/overlay.png"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='100' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='rg1' cx='0%25' cy='0%25' r='100%25' fx='0%25' fy='0%25'%3E%3Cstop offset='0%25' style='stop-color: %23a480ff%3B stop-opacity: 0.5' /%3E%3Cstop offset='100%25' style='stop-color: %23a480ff%3B stop-opacity:0' /%3E%3C/radialGradient%3E%3CradialGradient id='rg2' cx='100%25' cy='0%25' r='100%25' fx='100%25' fy='0%25'%3E%3Cstop offset='0%25' style='stop-color: %23ff8f83%3B stop-opacity: 0.5' /%3E%3Cstop offset='100%25' style='stop-color: %23ff8f83%3B stop-opacity:0' /%3E%3C/radialGradient%3E%3C/defs%3E%3Cpolygon points='0,0 125,0 125,100 0,100' style='fill: url(%23rg1)%3B' /%3E%3Cpolygon points='75,0 200,0 200,100 75,100' style='fill: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181125183128/https://1957.mohw.gov.tw/Resource/css/%23rg2)%3B' /%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='100' viewBox='0 0 200 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='rg1' cx='0%25' cy='100%25' r='100%25' fx='0%25' fy='100%25'%3E%3Cstop offset='0%25' style='stop-color: %23a480ff%3B stop-opacity: 0.5' /%3E%3Cstop offset='100%25' style='stop-color: %23a480ff%3B stop-opacity:0' /%3E%3C/radialGradient%3E%3CradialGradient id='rg2' cx='100%25' cy='100%25' r='100%25' fx='100%25' fy='100%25'%3E%3Cstop offset='0%25' style='stop-color: %23ff8f83%3B stop-opacity: 0.5' /%3E%3Cstop offset='100%25' style='stop-color: %23ff8f83%3B stop-opacity:0' /%3E%3C/radialGradient%3E%3C/defs%3E%3Cpolygon points='0,0 125,0 125,100 0,100' style='fill: url(%23rg1)%3B' /%3E%3Cpolygon points='75,0 200,0 200,100 75,100' style='fill: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181125183128/https://1957.mohw.gov.tw/Resource/css/%23rg2)%3B' /%3E%3C/svg%3E");
	background-repeat: repeat, no-repeat, no-repeat;
}

marquee
{
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}


html, body {
    /* 設定body高度為100% 拉到視窗可視的大小 */
    height: 100%;
}


.PagerView{
	color: #333;
	text-align: center;
	margin: 8px;
}
.PagerView span{
	color: #999;
	margin: 0 1px;
	padding: 3px 6px;
	border: 1px solid #ccc;
	font-size: 1.5rem;
}
.PagerView span.on{
	color: #333;
	font-weight: bold;
	border: 1px solid #333;
}
.PagerView a{
	color: #00f;
	text-decoration: none;
}
.PagerView a span{
	border: 1px solid #66c;
	color: #33f;
}
.PagerView a:hover span{
	color: #f00;
	background: #ff9;
}

.PagerView div{
	font-size: 1.5rem;
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}

#pageInfo {
	font-size: 1.5rem;
	font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
}


.fontStyle1{
  font-family: "Noto Sans TC","Arial","Microsoft YaHei","黑體","宋體",sans-serif;
} 

.fontSizeCLA{
  font-size: 1rem;
} 

.fontSizeCLB{
  font-size: 1.1rem;
}

.fontSizeCLC{
  font-size: 1.2rem;
}

.fontSizeCLD{
  font-size: 1.3rem;
}

.fontSizeCLE{
  font-size: 1.4rem;
}

.fontSizeCLF{
  font-size: 1.5rem;
}

.fontSizeCLG{
  font-size: 1.6rem;
}

.fontSizeCLH{
  font-size: 1.7rem;
}

.fontSizeCLI{
  font-size: 1.8rem;
}

.fontSizeCLJ{
  font-size: 1.9rem;
}

.fontSizeCLK{
  font-size: 2rem;
}

.fontSizeCLL{
  font-size: 2.1rem;
}

.fontSizeCLM{
  font-size: 2.2rem;
}

.fontSizeCLN{
  font-size: 2.3rem;
}

.fontSizeCLO{
  font-size: 2.4rem;
}

.fontSizeCLP{
  font-size: 2.5rem;
}


.friendLinkCls
{
	border:2px;
	border-style:solid;
	border-radius:3%;
	height: 100px;
	margin:10px;
}

.divStyleCls1
{
	
	border-radius:3%;
	height: 98%;
	width: 98%;
	margin:10px;
	overflow-y: hidden;
	overflow-x: hidden;
}


.fontSizeSDiv
{
	border:2px solid #666;
	width: 50px;
	height: 50px;
	border-radius:50%;
	text-align:center;	
	line-height:50px;
	background-color:#3498DB;
}

.fontSizeMDiv
{
	border:2px solid #666;
	width: 50px;
	height: 50px;
	border-radius:50%;
	text-align:center;
	line-height:50px;	
	background-color:#3498DB ;
}

.fontSizeLDiv
{
	border:2px solid #666;
	width: 50px;
	height: 50px;
	border-radius:50%;
	text-align:center;
	line-height:50px;	
	background-color:#3498DB;
}

.tableList1 tr:hover
{
	background-color: #FADBD8;
	color: #000000;
}


html { font-size: 100%; }

body 
{
	background-color: #fff9e1;
	background-size: auto, 100% 60rem, 100% 60rem;
	background-position: top left, top left, bottom left;
	background-repeat: repeat, no-repeat, no-repeat;
	font-size: 100%; 
	padding-bottom: 250px;
}

. {
   flex:1 1 auto;
}

.tableIn
{
    border-style:none;
}

.tableIn td
{
    padding:1px;
    border-style:none;
    border-collapse:collapse;
}

.divCls1 {
		position: relative;
		background-color: #ffffff;
		overflow-x: hidden;
		border-radius:10px;
		width:auto;
	}


/* Main */

	.main 
	{
		position: relative;
		background-color: #ffffff;
		overflow-x: hidden;
		border-radius:10px;
	}

		

	.main > *.small {
		width: 48rem;
	}

	.main > *.medium {
		width: 60rem;
	}

	.main > :first-child:before {
		display: none;
	}

	.main > header {
		padding: 7rem 6rem 5rem 6rem ;
		text-align: center;
		margin: 0 auto;
	}

.main > header > :first-child {
	position: relative;
	padding-bottom: 2rem;
	margin-bottom: 3rem;
}

	.main > header > :first-child:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 20rem;
		height: 3px;
		margin-left: -10rem;
		background-image: linear-gradient(90deg, #a480ff, #ff8f83);
	}

	.main > .image {
		display: block;
		position: relative;
		width: 100%;
		height: 30rem;
	}

		.main > .image:before {
			display: none;
		}

		.main > .image img {
			width: 100%;
		}

	.main > .inner {
		padding: 6rem 6rem 4rem 6rem ;
		margin-left: auto;
		margin-right: auto;
	}

		.main > .inner.special {
			text-align: center;
		}

	.main > footer {
		padding: 3rem 6rem 1rem 6rem ;
		text-align: center;
	}

	.main.style2 {
		color: #ffffff;
		background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20181125183128/https://1957.mohw.gov.tw/images/overlay.png"), linear-gradient(45deg, #8e94f8, #bc9cba);
	}

		.main.style2 input, .main.style2 select, .main.style2 textarea {
			color: #ffffff;
		}

		.main.style2 a {
			color: #ffffff;
		}

			.main.style2 a:hover {
				color: #ffffff;
			}

		.main.style2 strong, .main.style2 b {
			color: #ffffff;
		}

		.main.style2 h1, .main.style2 h2, .main.style2 h3, .main.style2 h4, .main.style2 h5, .main.style2 h6 {
			color: #ffffff;
		}

		.main.style2 blockquote {
			border-left-color: rgba(255, 255, 255, 0.35);
		}

		.main.style2 code {
			background: rgba(255, 255, 255, 0.075);
			border-color: rgba(255, 255, 255, 0.35);
		}

		.main.style2 hr {
			border-bottom-color: rgba(255, 255, 255, 0.35);
		}

		.main.style2 .box {
			border-color: rgba(255, 255, 255, 0.35);
		}

		.main.style2 input[type="submit"],
		.main.style2 input[type="reset"],
		.main.style2 input[type="button"],
		.main.style2 button,
		.main.style2 .button {
			color: #ffffff !important;
			box-shadow: inset 0 0 0 3px #ffffff;
		}

			.main.style2 input[type="submit"].icon:before,
			.main.style2 input[type="reset"].icon:before,
			.main.style2 input[type="button"].icon:before,
			.main.style2 button.icon:before,
			.main.style2 .button.icon:before {
				color: #ffffff;
			}

			.main.style2 input[type="submit"].next:before,
			.main.style2 input[type="reset"].next:before,
			.main.style2 input[type="button"].next:before,
			.main.style2 button.next:before,
			.main.style2 .button.next:before {
				color: #ffffff;
			}

			.main.style2 input[type="submit"]:hover,
			.main.style2 input[type="reset"]:hover,
			.main.style2 input[type="button"]:hover,
			.main.style2 button:hover,
			.main.style2 .button:hover {
				background-color: rgba(255, 255, 255, 0.1);
				box-shadow: inset 0 0 0 3px #ffffff;
				color: #ffffff !important;
			}

				.main.style2 input[type="submit"]:hover:before,
				.main.style2 input[type="reset"]:hover:before,
				.main.style2 input[type="button"]:hover:before,
				.main.style2 button:hover:before,
				.main.style2 .button:hover:before {
					color: inherit;
				}

			.main.style2 input[type="submit"]:active,
			.main.style2 input[type="reset"]:active,
			.main.style2 input[type="button"]:active,
			.main.style2 button:active,
			.main.style2 .button:active {
				background-color: rgba(255, 255, 255, 0.35);
				box-shadow: inset 0 0 0 3px #ffffff;
				color: #ffffff !important;
			}

				.main.style2 input[type="submit"]:active:before,
				.main.style2 input[type="reset"]:active:before,
				.main.style2 input[type="button"]:active:before,
				.main.style2 button:active:before,
				.main.style2 .button:active:before {
					color: inherit;
				}

			.main.style2 input[type="submit"].primary,
			.main.style2 input[type="reset"].primary,
			.main.style2 input[type="button"].primary,
			.main.style2 button.primary,
			.main.style2 .button.primary {
				box-shadow: none;
				background-color: #ffffff;
				color: #9388c0 !important;
			}

				.main.style2 input[type="submit"].primary:before,
				.main.style2 input[type="reset"].primary:before,
				.main.style2 input[type="button"].primary:before,
				.main.style2 button.primary:before,
				.main.style2 .button.primary:before {
					color: rgba(147, 136, 192, 0.5);
				}

				.main.style2 input[type="submit"].primary:hover,
				.main.style2 input[type="reset"].primary:hover,
				.main.style2 input[type="button"].primary:hover,
				.main.style2 button.primary:hover,
				.main.style2 .button.primary:hover {
					background-color: white;
				}

				.main.style2 input[type="submit"].primary:active,
				.main.style2 input[type="reset"].primary:active,
				.main.style2 input[type="button"].primary:active,
				.main.style2 button.primary:active,
				.main.style2 .button.primary:active {
					background-color: #f3f2f2;
				}

		.main.style2 label {
			color: #ffffff;
		}

		.main.style2 input[type="text"],
		.main.style2 input[type="password"],
		.main.style2 input[type="email"],
		.main.style2 select,
		.main.style2 textarea {
			border-color: rgba(255, 255, 255, 0.35);
		}

			.main.style2 input[type="text"]:focus,
			.main.style2 input[type="password"]:focus,
			.main.style2 input[type="email"]:focus,
			.main.style2 select:focus,
			.main.style2 textarea:focus {
				border-color: #ffffff;
				box-shadow: 0 0 0 1px #ffffff;
			}

		.main.style2 select {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.35)' /%3E%3C/svg%3E");
		}

			.main.style2 select option {
				color: #ffffff;
				background: #9388c0;
			}

		.main.style2 input[type="checkbox"] + label,
		.main.style2 input[type="radio"] + label {
			color: #ffffff;
		}

			.main.style2 input[type="checkbox"] + label:before,
			.main.style2 input[type="radio"] + label:before {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.35);
			}

		.main.style2 input[type="checkbox"]:checked + label:before,
		.main.style2 input[type="radio"]:checked + label:before {
			background-color: #ffffff;
			border-color: #ffffff;
			color: #9388c0;
		}

		.main.style2 input[type="checkbox"]:focus + label:before,
		.main.style2 input[type="radio"]:focus + label:before {
			border-color: #ffffff;
			box-shadow: 0 0 0 1px #ffffff;
		}

		.main.style2 ::-webkit-input-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		.main.style2 :-moz-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		.main.style2 ::-moz-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		.main.style2 :-ms-input-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		.main.style2 .icon.accent1 {
			color: #c9b3ff;
		}

		.main.style2 .icon.accent2 {
			color: #d6bfe3;
		}

		.main.style2 .icon.accent3 {
			color: #f0c5dc;
		}

		.main.style2 .icon.accent4 {
			color: #ffbdb6;
		}

		.main.style2 .icon.accent5 {
			color: #a6c6f6;
		}

		.main.style2 .icon.alt:before {
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
		}

		.main.style2 .icon.major:before {
			box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
		}

		.main.style2 a.icon.alt:hover {
			color: #ffffff;
		}

			.main.style2 a.icon.alt:hover:before {
				background-color: rgba(255, 255, 255, 0.1);
				box-shadow: inset 0 0 0 1px #ffffff;
			}

		.main.style2 a.icon.alt:active {
			color: #ffffff;
		}

			.main.style2 a.icon.alt:active:before {
				background-color: rgba(255, 255, 255, 0.35);
				box-shadow: inset 0 0 0 1px #ffffff;
			}

		.main.style2 ul.alt li {
			border-top-color: rgba(255, 255, 255, 0.35);
		}

		.main.style2 table tbody tr {
			border-color: rgba(255, 255, 255, 0.35);
		}

			.main.style2 table tbody tr:nth-child(2n + 1) {
				background-color: rgba(255, 255, 255, 0.075);
			}

		.main.style2 table th {
			color: #ffffff;
		}

		.main.style2 table thead {
			border-bottom-color: rgba(255, 255, 255, 0.35);
		}

		.main.style2 table tfoot {
			border-top-color: rgba(255, 255, 255, 0.35);
		}

		.main.style2 table.alt tbody tr td {
			border-color: rgba(255, 255, 255, 0.35);
		}

		.main.style2 .features > section {
			border-color: rgba(255, 255, 255, 0.35);
		}

		.main.style2 > *:before {
			background: rgba(255, 255, 255, 0.35);
		}

		.main.style2 > header > :first-child:after {
			background-image: linear-gradient(90deg, #c9b3ff, #ffbdb6);
		}

	@media screen and (max-width: 1280px) {

		.main > header {
			padding: 5rem 3rem 3rem 3rem ;
		}

		.main > .image {
			height: 25rem;
		}

		.main > .inner {
			padding: 3rem 3rem 1rem 3rem ;
		}

		.main > footer {
			padding: 3rem 3rem 1rem 3rem ;
		}
	}

	@media screen and (max-width: 980px) {

		.main > *.small {
			width: 42rem;
		}

		.main > .image {
			height: 22.5rem;
		}

	}

	@media screen and (max-width: 736px) {

		.main > header {
			padding: 3rem 2rem 1rem 2rem ;
		}

			.main > header > :first-child {
				padding-bottom: 1.5rem;
				margin-bottom: 1.75rem;
			}

				.main > header > :first-child:after {
					width: 10rem;
					margin-left: -5rem;
				}

		.main > .image {
			height: 15rem;
		}

		.main > .inner {
			padding: 2rem 2rem 0.1rem 2rem ;
		}

		.main > footer {
			padding: 2rem 2rem 0.1rem 2rem ;
		}
	}

	@media screen and (max-width: 480px) {

		.main > header {
			padding: 3rem 1.5rem 1rem 1.5rem ;
		}

		.main > .inner {
			padding: 2rem 1.5rem 0.1rem 1.5rem ;
		}

		.main > footer {
			padding: 2rem 1.5rem 0.1rem 1.5rem ;
		}


	}














/*
     FILE ARCHIVED ON 18:31:28 十一月 25, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 11:11:46 五月 22, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/