@charset "utf-8";
body, .main input, .main select {  background-color:#e3e7f3;  }
.main h2{font-size:2.625em ; font-weight: 300; color:#454c59;margin: 0 0 50px;}
.main h3{font-size: 2.25em; font-weight: normal; color:#333333; letter-spacing: 2px; text-align: center; }
.main ul.Big_bt h3{font-size:2.25em ; font-weight: bold;margin: 0 0 7px;color:#fff;}
.main{ font-family: 'Noto Sans TC', Helvetica, "微軟正黑體";  width: 100%; height: 675px; display: block;background: url("../images/ind_bg.jpg") center top no-repeat;}
.main .in{display: flex; justify-content: space-between; height: 675px; }
.main .in .L_bx{display: flex; justify-content:center; align-items: center; transition: all .3s;}
.main .in .L_bx img{width:100%; height: auto;}
.main .in .R_bx{width:750px; padding: 130px 0 0; text-align: center;transition: all .3s;}

.main ul.Big_bt{display: flex; justify-content: space-between; margin: 0 0 130px;}
.main ul.Big_bt li{width:calc((100% - 30px)/2);}
.main ul.Big_bt li a{ height: 230px; padding: 0 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #000; border-bottom-right-radius:66px;  border-top-left-radius:66px;  box-shadow: 5px 5px 0px rgba(0,0,0,.1); color:#fff;transition: all .3s;}
.main ul.Big_bt li a span{font-size:1.125em ; display: block;margin: 0 0 10px; }
.main ul.Big_bt li a span.bt{font-size:1.5em ;width:160px; height: 60px;line-height: 60px; display: block; background: #fff;border-radius: 99em;}

.main ul.Big_bt li:first-child a{ background: #f16342;}
.main ul.Big_bt li:first-child a:hover{ background: #e24e2b;}
.main ul.Big_bt li:first-child a span.bt{ color: #f16342; font-weight: bold; }
.main ul.Big_bt li:last-child a{ background: #6692d2;}
.main ul.Big_bt li:last-child a:hover{ background: #4073bd;}
.main ul.Big_bt li:last-child a span.bt{ color: #6692d2; font-weight: bold; }

.main ul.Sml_Bt{display: flex;justify-content: flex-end;}
.main ul.Sml_Bt li {margin: 0 0 0 20px;}
.main ul.Sml_Bt li a{width:180px; height: 40px; line-height: 40px; display: block; box-shadow: 5px 5px 0px rgba(0,0,0,.1); color:#2baa72; font-size: 1.25em; font-weight: bold; background: #fff; letter-spacing: 1px; border-radius: 7px; transition: all .3s;}
.main ul.Sml_Bt li a:hover{background: #2baa72; color:#fff;}
@media screen and (max-width: 1280px){
    .main ul.Big_bt h3{font-size:1.875em ; }
    .main ul.Big_bt li a span{font-size:1em ; }
}
@media screen and (max-width: 1120px){
    .main h2{font-size:2.25em ; margin: 0 0 40px;}
    .main h3{font-size:1.875em ; }
    .main ul.Big_bt{ margin: 0 0 100px;}
    .main ul.Big_bt li{width:calc((100% - 20px)/2);}
    
}

@media screen and (max-width: 949px){
    .main h2{font-size:2.25em ; margin: 0 0 80px;}
    .main{height: auto;}
    .main .in{display: flex;flex-direction: column; justify-content: flex-start; height: auto; }
    .main .in .L_bx{order: 2; padding: 20px 0;}
    .main .in .L_bx img{width:430px; height: auto;}
    .main .in .R_bx{order: 1;width:100%; padding: 100px 0 0;}
    .main ul.Big_bt{display: flex; justify-content: space-between; margin: 0 0 60px;}
    .main ul.Sml_Bt{display: flex;justify-content: center;}
    .main ul.Sml_Bt li {margin: 0 10px;}
    
}
@media screen and (max-width: 767px){
    .main h2{font-size:1.25em ; margin: 0 0 20px;}
    .main h2 span{display: block;}
    .main ul.Big_bt h3{font-size:1.5em ; font-weight: bold;margin: 0 0 5px;letter-spacing: 0;}
    .main{height: auto;}
    .main .in{display: flex;flex-direction: column; justify-content: flex-start; height: auto; }
    .main .in .L_bx{order: 2; padding: 20px 0;}
    .main .in .L_bx img{width:90%; height: auto;}
    .main .in .R_bx{order: 1;width:100%; padding: 30px 0 0;}
    
    .main ul.Big_bt{display: block;margin: 0 0 30px;}
    .main ul.Big_bt li{width:100%;margin: 0 0 20px;}
    .main ul.Big_bt li a{ height: 100%; padding: 20px 0; }
    .main ul.Big_bt li a span{font-size:.875em ;margin: 0 0 5px; }
    .main ul.Big_bt li a span.bt{font-size:1.125em ;width:120px; height: 40px;line-height: 40px; }
    
    .main ul.Sml_Bt{display: flex; justify-content: space-between;}
    .main ul.Sml_Bt li {margin: 0 ;flex: 1 1 100%;}
    .main ul.Sml_Bt li:first-child {margin: 0 10px 0 0 ;}
    .main ul.Sml_Bt li a{ width:auto}
    
}