/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 18 2024 | 03:22:07 */
/************************************************************************************
smaller than 1440  橫式landscape laptop
*************************************************************************************/
@media screen and (max-width: 1440px) and (orientation: landscape){
/*通用*/

/*通用end*/	

	
/* section1 */
.section1 .article .whitebg {
    background: rgba(255, 255, 255, 0.8);
}
/* section2 */

/* section3 */

/* section4 */

/* section5 */

/* section6 */

/* section7 */

/* section8 */

/* section9 */

/* section10 */

/* section11 */

/* section1 banner */


	
}
/************************************************************************************
smaller than w1366 h1024px 橫式landscape ipad pro
*************************************************************************************/
@media only screen and (device-width : 1366px) and (device-height : 1024px) and (orientation: landscape){
	
/* section1 */	
.section1 {
    background-attachment: scroll;
}
/* section2 */	

/* section3 */
.section3 {
    background-attachment: scroll;
}
/* section4 */

/* section5 */

/* section6 */
.section6 {
    background-attachment: scroll;
}
/* section7 */

/* section11 */

	
/* spec */

	
	
}

/************************************************************************************
smaller than 1200  橫式landscape
*************************************************************************************/
@media screen and (max-device-width : 1200px) and (orientation: landscape) {
	
/* section1 */
.section1 .article .whitebg {
    background: rgba(255, 255, 255, 0.8);
}	
.section1, .section3, .section6 {
    background-attachment: scroll;
}

/* section2 */

/* section3 */

/* section4 */

/* section5 */

/* section6 */

/* section7 */

/* section8 */

/* section9 */

/* section10 */

/* section11 */

/* section12 */
	
/* spec */

}
/************************************************************************************
smaller than w1112  直式portrait 
*************************************************************************************/
@media screen and (max-device-width : 1112px) and (orientation: portrait) {	


/* section1 */
.section1 .article .whitebg {
    background: rgba(255, 255, 255, 0.8);
}	
.section1, .section3, .section6 {
    background-attachment: scroll;
}
/* section2 */

/* section3 */

/* section4 */

/* section5 */
.section5 .bgimg {
	min-height: 240px;}
/* section6 */

/* section7 */
.section7-1 {
   background-position: 0% 100%;
   background-size: 160%;
}	
.section7-1 .article {
    width: 100%;
    height: auto;
    padding: 20% 0 70% 0;
    text-align: center;
}
.section7-1 .icon {
    margin: 0 auto;
}	
.section7-2 .article .contentB{
	padding: 5% 0;
}

/* section8 */

/* section9 */

/* section10 */

/* section11 */

/* section12 */
	
/* spec */




}
/************************************************************************************
smaller than 820 直式portrait mobile
*************************************************************************************/
@media screen and (max-width: 820px) {

/* disable animateme */

/* section1 */

.section1 .article .logo {
    max-width: 200px;
    padding: 5% 2%;
}
/* section2 */
.section2 .article {
    width: 100%;
    padding: 5%;
}
.section2 .flex-item-3 {
    flex: 1 1 33.333%;
    }	

/* section3 */

/* section4 */

/* section5 */

/* section6 */

	
/* section7 */
.section7-2 .flex-item-1, .section7-2 .flex-item-3 {
    flex: 1 1 100%;
}
.section7-2 .article .contentA{
    padding: 10% 0;
		text-align: center;
}
.section7-3 .flex-item-2, .section7-3 .flex-item-5 {
    flex: 1 1 100%;
}
.section7-3 .article .contentB{
		text-align: center;
}	
.section7-4 .flex-item-2, .section7-4 .flex-item-5 {
    flex: 1 1 100%;
}	
.section7-4 .article .contentA{
		text-align: center;
}		
/* section8 */

/* section9 */

/* section10 */

/* section11 */

/* section12 */
	
/* spec */
}
/************************************************************************************
smaller than 768 直視portrait
*************************************************************************************/
@media screen and (max-width: 768px)  and (orientation: portrait){

/* section1 */

/* section2 */

/* section3 */


/* section4 */

/* section5 */

/* section6 */

/* section7 */

/* section8 */

/* section11 */




}
/************************************************************************************
smaller than 430 直式portrait
*************************************************************************************/
@media screen and (max-width: 430px)  and (orientation: portrait){

/* section1 */
.section1 {
    width: 100%;
    height: 100%;
    min-height: 100%;
	}
.section1 .article {
		min-width: 90%;	
	  padding: 40% 0;
}	
.section1 .hb2 {
    font-size: 2.4em !important;
}	
/* section2 */
.section2 .article {
    padding: 10% 5%;
    }
/* section3 */
.section3 .article {
    width: 100%;
    padding: 40% 5%;
}	
.section3 .hb1 {
    font-size: 3em !important;
}
/* section4 */
.section4 .flex-item-2 {
    flex: 1 1 100%;
}
.section4 .hb1 {
    font-size: 3em !important;
}	
.section4 .contentA, .section4 .contentB {
    text-align: center;
}		
.section4 .contentC {
    padding: 0 0 20% 0;
}	
/* section5 */	
.section5 .article {
    padding: 5% 0;
}	
.section5 .bgimg {
    min-height: 120px;
}
.section5 .hb3 {
    font-size: 1.6em !important;
		padding-bottom: 3%;
}
/* section6 */
.section6 .article {
    padding: 10% 0 25% 0;
}	
.section6 .hb3 {
    font-size: 1.6em !important;
		padding-bottom: 3%;
}

/* section7 */

/* section8 */
.section8-1	.title{
	text-align: center;
	padding-bottom: 8%;
	}
.section8-1 .hb2 {
    font-size: 2.4em !important;
}		
.section8-1 .flex-item-4 {
    flex: 1 1 50%;
}
.section8-1 .content, .section8-1 .contentspecial {
    border: 4px solid #287fd0;
    border-radius: 10px;
}	
.section8-1 .subspecial {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}	
.section8-2 .titlespace {
    padding-left: 2%;
}
.section8-2	.hb3 {
    font-size: 1.4em !important;
}	

/*第一欄第一列：左上*/
.section8-2 .tlr{
  border-top-left-radius: 10px;
}
/*最後欄第一列：右上*/
.section8-2 .trr{
  border-top-right-radius: 10px;
}
/*第一欄最後列：左下*/
.section8-2 .blr{
  border-bottom-left-radius: 10px;
}
/*最後欄第一列：右下*/
.section8-2 .brr{
  border-bottom-right-radius: 10px;
}	
/* section9 */
	
/* section10 */

/* section11 */

/* footer */
.footer .logo {
    width: 50%;
}
}
/************************************************************************************
smaller than 414 直式portrait
*************************************************************************************/
@media screen and (max-width: 414px)  and (orientation: portrait){
	
/* section5 */	
.section5 .flex-item-3 {
    flex: 1 1 100%;
}

/* section6 */
.section6 .flex-item-3 {
    flex: 1 1 100%;
}
	
	
}