/* Footer */
	footer 					{ background-color: var(--color-main-red); color:var(--color-offwhite); }
	footer .f-padding 		{ /*padding:50px;*/ padding-top:50px; padding-bottom:50px; }

	footer .flex-container 			{ display:flex; width:100%;}
	footer .flex-container > div 	{ padding:0; text-align:left; }

	.f-col1 	{ width: 26%; }
	.f-col2 	{ width: 17%; }
	.f-col3 	{ width: 17%; }
	.f-col4 	{ width: 40%; }
	.f-col4 p 	{ font-size: var(--font-s) }
	.f-col4 a 	{ color: var(--color-offwhite); text-decoration:underline;  transition: all 0.3s ease-out;}
	.f-col4 a:hover 	{ color: var(--color-body); }
	.copyright  		{ font-size: var(--font-s); padding-top:20px; }

	.f-col1 img.f-logo-swire	{ width:195px; height:auto; display:block; }
	.f-col1 img.f-linkedin 		{ width:26px; height:auto; cursor:pointer;}
	.f-linkedin-d { display:block; }
	.f-linkedin-m { display:none; }
	

	.f-col2 ul,
	.f-col3 ul      			{ margin:0; padding:0 }

	.f-col2 ul li,
	.f-col3 ul li  				{ margin:0; padding:0 0 20px 0; list-style:none; }

	.f-col2 ul li:first-child,
	.f-col3 ul li:first-child 	{ }

	.f-col2 ul li:last-child,
	.f-col3 ul li:last-child    { padding-bottom:20px; }

	.f-col2 ul li a,
	.f-col3 ul li a  	{ color:#fff; text-decoration:none; cursor:pointer; }

	.f-col2 ul li a:hover,
	.f-col3 ul li a:hover 	{ text-decoration:underline;}


	footer .f-title 	{ font-family: 'Poppins Bold', 微軟正黑體; padding-bottom:20px;}

	footer .f-follow 	 { display:block; font-size: var(--font-s); margin-bottom:5px;}
	footer .f-follow-m   { display:none; font-size: var(--font-s); margin-bottom:5px;}

	/* Input box 
  	----------------------------------------*/
  	footer .form 	{ padding: 20px 0; }

	.myInput::placeholder 			{ color: var(--color-offwhite); opacity: 1; }
	.myInput:-ms-input-placeholder 	{ color:var(--color-offwhite) }
	.myInput::-ms-input-placeholder { color: var(--color-offwhite);}

	.myInput 		{ 	border-top-left-radius: 5px;
	  				 border-bottom-left-radius: 5px;
	  				   border-top-right-radius: 0;
				    border-bottom-right-radius: 0;
	  					      background-color: var(--bgcolor-red);
	  									border: 1px solid var(--color-offwhite);
	   								box-shadow: inset 0 0 0 1px var(--color-main-red);
	   								    color: var(--color-offwhite); 
	   								  padding: 0 15px;
	   								    width: 220px; height:46px; }

	button.sign-up { font-size:12px; color:#cd0720; padding:0 30px; height:46px; background-color:var(--color-offwhite); cursor:pointer;
						border-top-left-radius: 5px;
					 border-bottom-left-radius: 5px;
					   border-top-right-radius: 5px;
					border-bottom-right-radius: 5px; 
					                    border: 1px solid var(--color-offwhite);
					                transition: all 0.3s ease-out; }

	button.sign-up:hover { background-color:#333; color:var(--color-offwhite); }



	/* Expand/Collapse (For "Past Reports & More Info")
  	------------------------------------------------------*/
  	.toggle-input { display:none;}


	/* ==========================================================================
	    Media Style:
	============================================================================= */
	@media only screen and (max-width:900px) {


	footer .flex-container  	 { width:100%; display:grid; }
	footer .flex-container > div { width:100%; }

	footer .flex-container > div.f-col1 { margin-bottom:50px;  }
	footer .flex-container > div.f-col2 { margin-bottom:20px;  }
	footer .flex-container > div.f-col3 { margin-bottom:50px;  }
	footer .flex-container > div.f-col4 { margin-bottom:50px;  }


	.f-col1 img.f-linkedin { margin-top:10px; }
	.f-linkedin-d { display:none; }
	.f-linkedin-m { display:block; margin-bottom:50px; }

	.f-col1 { order:4 }
	.f-col2 { order:2 }
	.f-col3 { order:3 }
	.f-col4 { order:1 }

	footer .flex-container > div.f-col1 { margin-bottom:0px; }

	.f-col2 ul li:last-child, .f-col3 ul li:last-child { padding-bottom: 10px;}

	.f-col2 ul li.f-title, 
	.f-col3 ul li.f-title {  border-bottom: 1px solid #e24c5f; margin-bottom: 10px; } 

	.copyright {font-size: var(--font-s);}

	.f-col1 img.f-logo-swire	{ width:160px; height:auto;}


	footer .f-follow 	 { display:none;}
	footer .f-follow-m   { display:block;}


	/* Expand/Collapse (For "Past Reports & More Info")
  	------------------------------------------------------*/
	.toggle-input 						{ display:none;  } /* Hide the checkbox */
	.toggle-list li:first-child 		{ cursor:pointer; } /* Style the first-child as the button */
	.toggle-list li:not(:first-child) 	{ display:none; padding-bottom:10px; font-size: var(--font-s); }  /* Initially hide other list items */
	.toggle-input:checked ~ li:not(:first-child) { display:block; }  /* Expand when checkbox is checked */
	.toggle-input:checked ~ label .f-title:after { content: "\f078"; }

	.toggle-list li:first-child:after   { font-family: FontAwesome; content:"\f054"; top:2px; right:10px; 
                                     	  position:absolute; transition: transform 200ms ease-in; font-size:12px;}



    @media only screen and (max-width:767px) {
	.f-col1 img.f-logo-swire	{ width:120px; height:auto; display:block; }
	}

	}