@charset "utf-8";
/* CSS Document */
body {
  background-color:#fff;
  font-family: "Microsoft YaHei" ! important; 
} 
.wrapper{
  position: relative;
  overflow: hidden;
} 

/* 這是設定所有放大縮小的物件是使用移動方式變化 */
.move{
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.8s;
  }
.NO{ display:none;}
/* wow進場後額外繼續輪播的動畫 */
.myAni {
  -webkit-animation-duration: 1s;animation-duration: 1s;
  -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.myAni.infinite {
  -webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;
}

.myAni.hinge {
  -webkit-animation-duration: 2s;animation-duration: 2s;
}
.myAni.infinite.pulse {
/*animation-delay: 2s;*/
-webkit-animation-name: pulse !important;animation-name: pulse !important;
}
/*頁首頁尾CSS共用----------------請勿砍*/
.top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 280px;
    margin-bottom: -256px;
    z-index: 9999999999999;
}

.top iframe {
    height: 280px;
}

.top + * {
    margin-top: 65px;
}

.footer {
    width: 100%;
    height: 290px;
    z-index: 9999999999999;
}

.footer iframe {
    height: 319px;
}

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

    .top {
        height: 65px;
        /*margin-bottom: 405px;*/
    }

    .top iframe {
        height: 65px;
    }
  
    .footer, .footer iframe {
        height: 624px;
    }
}
/*.top, .footer{
    line-height: 0px; width:100%;
}
.top, .footer{
    z-index: 99;
    position: relative;
}*/
/*很多物件通用*/
.BRR{ height:0px;}
.width1280{max-width:1280px;min-width:280px;height:auto;margin:0 auto;}
.topICON{ text-align:center; padding-top:20px; padding-bottom:20px;}
.myButton {
  background-color:#44c767;
  -moz-border-radius:28px;
  -webkit-border-radius:28px;
  border-radius:28px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:17px;
  padding:9px 33px;
  text-decoration:none;
}
.myButton:hover {
  background-color:#5cbf2a;
}
.myButton:active {
  position:relative;
  top:1px;
}

/*BANNER 進場delay時間、浮動*/
.banner{position:relative;overflow: hidden;}
img.banner001, img.banner002, img.banner003, img.banner004, img.banner005{position:absolute;}
img.banner001, img.banner002, img.banner003, img.banner004, img.banner005{-webkit-animation-duration: 1s;/* Chrome, Safari, Opera */animation-duration: 1.5s;}
img.banner001{-webkit-animation-delay:0.5s; /* Chrome, Safari, Opera */animation-delay: 0.5s;}
img.banner002{-webkit-animation-delay:0.5s; /* Chrome, Safari, Opera */ animation-delay:0.5s;}
img.banner003{-webkit-animation-delay:0.8s; /* Chrome, Safari, Opera */animation-delay: 0.8s;}
img.banner004{-webkit-animation-delay:0.8s; /* Chrome, Safari, Opera */animation-delay: 0.8s;}
img.banner005{-webkit-animation-delay:0.9s; /* Chrome, Safari, Opera */animation-delay: 0.9s;}

.fill{-webkit-animation-delay: 2s;animation-delay: 0.6s;}

/*表單區*/
.fill{text-align:center;background: rgba(64, 76, 94, 0.8);}

.fill h2{color:#FFF;text-align:center;line-height: 29px;font-weight:bold;padding-top: 117px;font-size: 55px;}
.fill h3{color:#FFF;text-align:center;line-height: 7px;font-size: 26px;padding-bottom: 33px;letter-spacing:5px;}
.fill .share{ display:block; width:280px; margin:0 auto;}
.fill .share ul{}
.fill .share ul li{ float:left; list-style:none; padding-left:12px;}
.fill #sBut{ display:block; max-width:400px; height:auto; min-width:280px; margin:0 auto; width:100%}
.fill .go_button{-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */animation-duration: 2s;max-width: 222px;height:auto;min-width:150px;margin: 41px auto;width:90%;margin-bottom: 142px;}
.fill .statement{ color:#FFF; line-height:40px;}
.fill .statement a{ color:#FF0;}
.fill .statement a:hover{ color:#FFF;}
.fill .form-control{margin-bottom: 11px;margin-left: 18px;width: 92%;}


/*PIC通用*/
img.pic{max-width: 144px;margin:0 auto;margin-top: -34px;display:block;height:auto;}
img.pic01{max-width: 258px;margin: 0 0;display:block;width: 200%;height:auto;margin-left: 40.5%;margin-top: 28%;}
img.pic02{max-width: 961px;margin: 0px auto;display:block;width: 200%;height:auto;margin-top: -50%;}
img.pic03{max-width: 251px;margin: 0px 0px;display:block;width: 100%;height:auto;margin-top: 50px;}
img.pic04{ display:none;}
img.pic05{max-width: 194px;display:block;width: 100%;height:auto;}

/**************以下開始為內文部分**************/
.black{ background-color:#000; height:0.5em;}



/*  ↓↓↓↓  螢幕尺寸小於1601時頁面顯示效果↓↓↓↓  */
@media (min-width: 1601px){
.BRR{ display:none;}
/*BANNER*/
.banner_big{width: 100vw;height: auto;display:block;}
.banner_min{ display:none;}
.banner008{ display:none;}
img.banner001{display: block;top: 31%;left: 34%;z-index: 2;max-width: 619px;height:auto;width: 112vw;}
img.banner002{display: block;top: 32%;left: 34%;z-index: 1;max-width: 619px;height:auto;width: 37vw;}
img.banner003{display: block;top: 25%;left: 35%;z-index: 9;max-width: 290px;height:auto;width: 20vw;}
img.banner004{display: block;top: 47%;left: 37%;z-index: 10;max-width: 116px;height:auto;width: 5%;}
img.banner005{display: block;top: 5%;left: 12.5%;z-index: 10;max-width: 584px;height:auto;width: 140vw;}

/*表單區*/
.fill{position:absolute;max-width: 350px;height: 47em;z-index: 12;display: block;top: 0%;left: 71%;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 0px;}
.fill h2{font-size: 42px;}
.fill h2 .yellow{ font-size:35px;}
.fill h3{color:#FFF;text-align:center;line-height: 20px;font-size: 26px;padding-bottom: 35px;letter-spacing: 3px;}

/**************以下開始為內文部分**************/
.black{ background-color:#000; height:0.5em;}
/*１外商好福利*/
.Why{text-align:center;}
.Why .content h3{font-size: 40px;font-weight:bold;text-align: left;color: #000000;margin-top: 39%;letter-spacing: 0.05em;}
.Why .content p{font-size:18px;text-align: left;color: #555555;line-height: 1.5em;padding: 0 5% 0 0;}


/*2畢業不是失業、轉職更是轉機！*/
.class{text-align:center;}
.bgcolor_02{background-color: #00c4ce;overflow: hidden;max-height:100px;background-position: right;margin-top: 0px;margin-bottom: 21px;}

.trapezoid {background: #00c4ce;background: linear-gradient(-77deg, transparent 38px, #00c4ce 0) right, linear-gradient(103deg, transparent 38px, #00c4ce 0) left;background-size: 54% 100%;background-repeat: no-repeat;text-align: center;height: 100px;width: 1280px;/* background-position: top; */}
.trapezoid  h2{font-size: 30px;color: #fff;font-weight:bold;line-height: 1.2em;margin-top: 0px;padding-top: 9px;letter-spacing: 0.05em;}
.trapezoid .important{font-size: 35px;color: #fffb81;font-weight:bold;line-height: 1.2em;margin-top: 0px;letter-spacing: 0.1em;}
  
#intro{background-image: url(../images/bg01.jpg);background-repeat:no-repeat;background-position: top;padding-bottom: 12%;}
#second{background-image: url(../images/bg02.jpg);background-repeat:no-repeat;background-position: top;padding-bottom: 5%;}


/*3來巨匠線上真人學，五星級服務助你卡位外商成功！-標頭*/

.third{}
.trapezoid-02 {background: #4eb2ed;background: linear-gradient(-77deg, transparent 38px, #4eb2ed 0) right, linear-gradient(103deg, transparent 38px, #4eb2ed 0) left;background-size: 54% 100%;background-repeat: no-repeat;text-align: center;height: 75px;width: 1280px;/* background-position: top; */}
.trapezoid-02  h2{font-size: 35px;color: #fff;font-weight:bold;line-height: 2em;margin-top: 0px;letter-spacing: 0.05em;}
.content_03{position: relative;padding-bottom: 1%;}
.content_03 h2{font-size: 21px;color: #3e3e3e;font-weight:bold;line-height: 1.2em;margin-top: 0px;text-align: center;letter-spacing: 0.05em;}
.content_03 p{font-weight: normal;font-size: 15px;color: #757575;line-height: 1.5em;margin-top: 0px;margin-bottom: 100px;text-align: center;}

img.pic01{max-width: 258px;margin: 0 auto;display:block;width: 200%;height:auto;margin-top: 31%;}
img.pic02{max-width: 961px;margin: 0px auto;display:block;width: 200%;height:auto;margin-top: -50%;}
img.pic03{max-width: 251px;margin: 0px auto;display:block;width: 100%;height:auto;margin-top: 50px;}
img.pic05{max-width: 194px;display:block;width: 100%;height:auto;}

}


/*  ↓↓↓↓  ipad 橫向 w1024 ↓↓↓↓   */
@media (max-width: 1600px) and (min-width: 1024px) {
.banner{position:relative;overflow: hidden;}
.BRR{ display:none;}
/*BANNER*/
.banner_big{width: 100%;height: auto; display:block;}
.banner_min{ display:none;}
.banner008{ display:none;}
img.banner001{display: block;top: 26%;left: 28%;z-index: 2;max-width: 619px;height:auto;width: 45vw;}
img.banner002{display: block;top: 26%;left: 28%;z-index: 1;max-width: 619px;height:auto;width: 46vw;}
img.banner003{display: block;top: 19%;left: 30%;z-index: 9;max-width: 290px;height:auto;width: 20vw;}
img.banner005{display: block;top: 1%;left: 1.5%;z-index: 10;max-width: 520px;height:auto;width: 41vw;}

/*表單區*/
.fill{position:absolute;max-width: 350px;height:auto;z-index: 12;display: block;top: 0%;left: 71%;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 0px;}
.fill h2{font-size: 37px;padding-top: 39px;}
.fill h2 .yellow{ font-size:35px;}
.fill h3{color:#FFF;text-align:center;line-height: 7px;font-size: 23px;padding-bottom: 19px;letter-spacing: 3px;}
.fill .go_button{-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */animation-duration: 2s;max-width: 222px;height:auto;min-width:150px;margin: 8px auto;width:90%;}

/**************以下開始為內文部分**************/
.black{ background-color:#000; height:0.5em;}
/*１外商好福利*/
.Why{text-align:center;}
.Why .content h3{font-size: 38px;font-weight:bold;text-align: left;color: #000000;margin-top: 39%;margin-left: -40px;}
.Why .content p{font-size:18px;text-align: left;color: #555555;line-height: 1.5em;margin-left: -40px;margin-right: 40px;padding-right: 12%;}


/*2畢業不是失業、轉職更是轉機！*/
.class{text-align:center;}
.bgcolor_02{background-color: #00c4ce;overflow: hidden;background-position: right;margin-top: 0px;margin-bottom: 21px;}

.trapezoid {background: linear-gradient(-77deg, transparent 38px, #00c4ce 0) right, linear-gradient(103deg, transparent 38px, #00c4ce 0) left;background-size: 54% 102%;background-repeat: no-repeat;text-align: center;height: 8em;width: auto;}
.trapezoid  h2{font-size: 30px;color: #fff;font-weight:bold;line-height: 1.2em;margin-top: 0px;padding-top: 9px;}
.trapezoid .important{font-size: 35px;color: #fffb81;font-weight:bold;line-height: 1.2em;margin-top: 0px;letter-spacing: 0.1em;}
  
#intro{background-image: url(../images/bg03.jpg);background-repeat:no-repeat;background-position: top;padding-bottom: 4%;}
#second{background-image: url(../images/bg02.jpg);background-repeat:no-repeat;background-position: top;padding-bottom: 4%;}


/*3來巨匠線上真人學，五星級服務助你卡位外商成功！-標頭*/
.third{}
.trapezoid-02 {background: #4eb2ed;background: linear-gradient(-77deg, transparent 38px, #4eb2ed 0) right, linear-gradient(103deg, transparent 38px, #4eb2ed 0) left;background-size: 54% 100%;background-repeat: no-repeat;text-align: center;height: 5.5em;width: auto;}
.trapezoid-02  h2{font-size: 35px;color: #fff;font-weight:bold;line-height: 2em;margin-top: 0px;}
.content_03{position: relative;padding-bottom: 1%;}
.content_03 h2{font-size: 19px;color: #3e3e3e;font-weight:bold;line-height: 1.2em;margin-top: 0px;text-align: center;}
.content_03 p{font-size: 16px;color: #757575;line-height: 1.5em;margin-top: 0px;margin-bottom: 100px;text-align: center;font-weight: normal;} 

img.pic01{max-width: 258px;margin: 0 auto;display:block;width: 200%;height:auto;margin-top: 30%;}
img.pic02{max-width: 961px;/* margin: 0px auto; */display:block;width: 200%;height:auto;/* margin-top: -52%; *//* margin-left: 3%; */}
img.pic03{max-width: 251px;margin: 0px 0px;display:block;width: 100%;height:auto;margin-top: 50px;}
img.pic05{max-width: 194px;display:block;width: 100%;height:auto;}
}

/*  ↓↓↓↓  ipad 直向 w768 ↓↓↓↓  */
@media (max-width:1023px) and (min-width: 768px) {
  
.fill .go_button{-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */animation-duration: 2s;max-width: 222px;height:auto;min-width:150px;margin: 25px auto;width:90%;margin-bottom: 20px;}
/*BANNER*/
.banner{position:relative;overflow: hidden;height: 780px;}
.banner_big{display:none;}
.banner001{display:none;}
.banner002{display:none;}
.banner003{display:none;}
.banner005{display:none;}
.banner_min{ width: 100%;max-width:960px;min-width:280px;height: auto; display:block;}


/**************以下開始為內文部分**************/
.black{ background-color:#000; height:0.5em;}
/*１外商好福利*/
.Why{text-align:center;}
.Why .content h3{font-size: 40px;font-weight:bold;text-align: left;color: #000000;margin-top: 18%;margin-left: 12%;}
.Why .content p{font-size:18px;text-align: left;color: #555555;line-height: 1.5em;margin-left: 12%;margin-right: 29%;}


/*2畢業不是失業、轉職更是轉機！*/
.class{text-align:center;}
.bgcolor_02{background-color: #00c4ce;overflow: hidden;background-position: right;margin-top: 0px;margin-bottom: 21px;}

.trapezoid {background: #00c4ce;background: linear-gradient(-77deg, transparent 38px, #00c4ce 0) right, linear-gradient(103deg, transparent 38px, #00c4ce 0) left;background-size: 54% 100%;background-repeat: no-repeat;text-align: center;height: 20em;}
.trapezoid  h2{font-size: 30px;color: #fff;font-weight:bold;line-height: 1.2em;margin-top: 0px;padding-top: 9px;}
.trapezoid .important{font-size: 35px;color: #fffb81;font-weight:bold;line-height: 1.2em;margin-top: 0px;}
#intro{background-image: url(../images/bg03.jpg);background-repeat:no-repeat;background-position: right;}
#second{background-image: url(../images/bg02.jpg);background-repeat:no-repeat;background-position: top right;}


/*3來巨匠線上真人學，五星級服務助你卡位外商成功！-標頭*/
.trapezoid-02 {background: #4eb2ed;background: linear-gradient(-77deg, transparent 38px, #4eb2ed 0) right, linear-gradient(103deg, transparent 38px, #4eb2ed 0) left;background-size: 54% 100%;background-repeat: no-repeat;text-align: center;}
.trapezoid-02  h2{font-size: 30px;color: #fff;font-weight:bold;line-height: 2em;margin-top: 0px;}
.content_03 h2{font-size: 28px;color: #3e3e3e;font-weight:bold;line-height: 1.2em;margin-top: 3px;text-align: center;}
.content_03 p{font-size: 20px;color: #757575;line-height: 1.5em;margin-top: 0px;margin-bottom: 60px;text-align: center;font-weight: normal;}  


/*表單區*/
.fill{text-align:center;z-index:100;background:rgba(0, 0, 0, 0.8);padding-top: 0px;padding-bottom: 5px;}
.fill h2{font-size: 39px;padding-top: 20px;}
.fill h2 .red{ font-size:30px;}
.fill h3{color:#FFF;text-align:center;line-height: 7px;font-size: 26px;padding-bottom: 33px;letter-spacing: 1px;}

/*PIC通用*/
img.pic01{max-width: 258px;margin: 0 0;display:block;width: 23%;height:auto;margin-left: 38.5%;margin-top: 42%;}
img.pic02{max-width: 961px;margin: 0px 0px;display:block;width: 100%;height:auto;margin-top: -64%;margin-left: 0%;}
img.pic03{max-width: 251px;margin: 0px 0px;display:block;width: 100%;height:auto;margin-top: 41px;margin-left: 33%;}
img.pic05{max-width: 194px;display:block;width: 100%;height:auto;}
}

/* ↓↓↓↓ 手機尺寸, 頁面顯示尺寸 300 < x <960 時,顯示效果 ↓↓↓↓  */
@media (max-width:767px) and (min-width: 321px) {
.BRR{ display: block;}
/*BANNER*/
.banner{position:relative;overflow: hidden;}
.banner_big{display:none;}
.banner001{display:none;}
.banner002{display:none;}
.banner003{display:none;}
.banner005{display:none;}
.banner_min{ width: 100%;max-width:960px;min-width:280px;height: auto; display:block;}
.fill .go_button{-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */animation-duration: 2s;max-width: 222px;height:auto;min-width:150px;margin: 25px auto;width:90%;margin-bottom: 20px;}

/**************以下開始為內文部分**************/
.black{ background-color:#000; height:0.5em;}
/*１外商好福利*/
.Why{text-align:center;}
.Why .content h3{font-size: 35px;font-weight:bold;text-align: left;color: #000000;margin-top: 21%;margin-left: 11%;}
.Why .content p{font-size:18px;text-align: left;color: #555555;line-height: 1.5em;margin-left: 11%;margin-right: 11%;}


/*2畢業不是失業、轉職更是轉機！*/
.class{text-align:center;}
.bgcolor_02{background-color: #00c4ce;overflow: hidden;background-position: right;margin-top: 0px;margin-bottom: 21px;}

.trapezoid {background: #00c4ce;background-size: 54% 100%;background-repeat: no-repeat;text-align: center;height: 12.5em;}
.trapezoid  h2{font-size: 26px;color: #fff;font-weight:bold;line-height: 1.2em;margin-top: 0px;padding-top: 9px;margin: 0  1em;}
.trapezoid .important{font-size: 34px;color: #fffb81;font-weight:bold;line-height: 1.2em;margin-top: 0px;}
#intro{background-image: url(../images/bg03.jpg);background-repeat:no-repeat;background-position: left;padding-bottom: 18%;}
#second{background-image: url(../images/bg02.jpg);background-repeat:no-repeat;background-position: top right;padding-bottom: 17%;}


/*3來巨匠線上真人學，五星級服務助你卡位外商成功！-標頭*/
.trapezoid-02 {background: #4eb2ed;background-size: 54% 100%;background-repeat: no-repeat;text-align: center;height: 10.3em;}
.trapezoid-02  h2{font-size: 34px;color: #fff;font-weight:bold;line-height: 1.2em;margin: 0px 1em;padding-top: 10px;}
.content_03 h2{font-size: 26px;color: #3e3e3e;font-weight:bold;line-height: 1.4em;margin-top: 3px;text-align: center;}
.content_03 p{font-size: 18px;color: #757575;line-height: 1.5em;margin-top: 0px;margin-bottom: 60px;text-align: center;font-weight: normal;}  


/*表單區*/
.fill{text-align:center;z-index:100;background:rgba(0, 0, 0, 0.8);}
.fill h2{font-size: 40px;padding-top: 17px;}
.fill h2 .red{ font-size:30px;}
.fill h3{color:#FFF;text-align:center;line-height: 12px;font-size: 27px;padding-bottom: 33px;letter-spacing: 1px;}

/*PIC通用*/
img.pic01{max-width: 258px;margin: 0 0;display:block;width: 50%;height:auto;margin-left: 25.5%;margin-top: 11%;}
img.pic02{display:none;}
img.pic03{max-width: 251px;margin: 0px auto;display:block;width: 100%;height:auto;margin-top: 41px;}
img.pic04{max-width: 226px;margin: 0px auto;display:block;width: 100%;height:auto;margin-top: 32px;}
img.pic05{max-width: 194px;display:block;width: 100%;height:auto;}

/*手機板的FOOTER------別刪除-------------------------------*/
.FOOTER_frame{ height:450px;}
}

/* ↓↓↓↓ 手機尺寸, 頁面顯示尺寸 300 < x <960 時,顯示效果 ↓↓↓↓  */
@media (max-width:320px) and (min-width: 300px) {
.BRR{ display: block;}
/*BANNER*/
.banner{position:relative;overflow: hidden;}
.banner_big{display:none;}
.banner001{display:none;}
.banner002{display:none;}
.banner003{display:none;}
.banner005{display:none;}
.banner_min{ width: 100%;max-width:960px;min-width:280px;height: auto; display:block;}
.fill .go_button{-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */animation-duration: 2s;max-width: 222px;height:auto;min-width:150px;margin: 25px auto;width:90%;margin-bottom: 20px;}

/**************以下開始為內文部分**************/
.black{ background-color:#000; height:0.5em;}
/*１外商好福利*/
.Why{text-align:center;}
.Why .content h3{font-size: 32px;font-weight:bold;text-align: left;color: #000000;margin-top: 21%;margin-left: 11%;}
.Why .content p{font-size:18px;text-align: left;color: #555555;line-height: 1.5em;margin-left: 11%;margin-right: 10%;}


/*2畢業不是失業、轉職更是轉機！*/
.class{text-align:center;}
.bgcolor_02{background-color: #00c4ce;overflow: hidden;background-position: right;margin-top: 0px;margin-bottom: 21px;}

.trapezoid {background: #00c4ce;background-size: 54% 100%;background-repeat: no-repeat;text-align: center;height: 13.5em;}
.trapezoid  h2{font-size: 26px;color: #fff;font-weight:bold;line-height: 1.2em;margin-top: 0px;padding-top: 9px;margin: 0  1em;}
.trapezoid .important{font-size: 33px;color: #fffb81;font-weight:bold;line-height: 1.2em;margin-top: 0px;}
#intro{background-image: url(../images/bg03.jpg);background-repeat:no-repeat;background-position: left;padding-bottom: 18%;}
#second{background-image: url(../images/bg02.jpg);background-repeat:no-repeat;background-position: top right;padding-bottom: 17%;}


/*3來巨匠線上真人學，五星級服務助你卡位外商成功！-標頭*/
.trapezoid-02 {background: #4eb2ed;background-size: 54% 100%;background-repeat: no-repeat;text-align: center;height: 10.3em;}
.trapezoid-02  h2{font-size: 32px;color: #fff;font-weight:bold;line-height: 1.2em;margin: 0px 1em;padding-top: 10px;}
.content_03 h2{font-size: 26px;color: #3e3e3e;font-weight:bold;line-height: 1.4em;margin-top: 3px;text-align: center;}
.content_03 p{font-size: 18px;color: #757575;line-height: 1.5em;margin-top: 0px;margin-bottom: 60px;text-align: center;font-weight: normal;}  


/*表單區*/
.fill{text-align:center;z-index:100;background:rgba(0, 0, 0, 0.8);}
.fill h2{font-size: 40px;padding-top: 17px;}
.fill h2 .red{ font-size:30px;}
.fill h3{color:#FFF;text-align:center;line-height: 12px;font-size: 27px;padding-bottom: 33px;letter-spacing: 1px;}

/*PIC通用*/
img.pic01{max-width: 258px;margin: 0 0;display:block;width: 50%;height:auto;margin-left: 25.5%;margin-top: 11%;}
img.pic02{display:none;}
img.pic03{max-width: 251px;margin: 0px auto;display:block;width: 100%;height:auto;margin-top: 41px;}
img.pic04{max-width: 226px;margin: 0px auto;display:block;width: 100%;height:auto;margin-top: 45px;}
img.pic05{max-width: 194px;display:block;width: 100%;height:auto;}

/*手機板的FOOTER------別刪除-------------------------------*/
.FOOTER_frame{ height:450px;}
}
  
/*========================================================*/
@media only screen and (max-width: 1280px) {

}
/*↓↓↓↓ *螢幕尺寸【大於於】768時頁面顯示效果 ↓↓↓↓ */
@media (max-width: 768px) {
}

/*↓↓↓↓  螢幕尺寸【大於】481時頁面顯示效果  ↓↓↓↓ */
@media (min-width: 481px) {
}


/*↓↓↓↓  螢幕尺寸【小於】480時頁面顯示效果  ↓↓↓↓ */
@media (max-width: 480px) {
}

/*↓↓↓↓ 螢幕尺寸【大於】1024時頁面顯示效果  ↓↓↓↓ */
@media (min-width:1024px) {
}

/*  ↓↓↓↓ 螢幕尺寸【小於】1024時頁面顯示效果  ↓↓↓↓ */
@media (max-width: 1023px) {
}

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


}