@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}
body, main, footer{ font-family: "微軟正黑體", "Arial", sans-serif;}
input:focus, textarea:focus, select:focus, option:focus{ outline: none;}

form{width: 100%;}

body{ background-color: #d7624e !important;}

a:active,
a:visited,
a:hover { outline: 0; text-decoration:none;}

.display-style{ display: -webkit-flex; display: flex; flex-wrap: wrap;}

/* 行動版面: 480px 以下。 */
.max-width-style{ width: 90%; margin: auto 5%;}

.top-box-bg{ width: 100%; margin: 0; padding: 60px 0 80px;}
   .top-box-bg img{ width: 100%; margin: 0;}
   .top-box-bg h1{ width: 60%; margin: 0 20%; z-index: 5;}
   .top-box-bg span{ width: 100%; margin: -10% 0 0;z-index: 1;}
   .top-box-text{ width: 70%; margin: -35% 15% 0; z-index: 5;}
      .top-box-text PIC1{ width: 55%; margin: 0;}
      .top-box-text PIC2{ width: 45%; margin: 0;}
      .top-box-text PIC3{ width: 90%; margin: 20px 5% 0;}

   /*all style*/
   .content-bg-style{ padding: 0 20px 18px; box-sizing: border-box; background: url(../images/content-bg.jpg) repeat; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.65);}
      .title-text-style, .title-text-style2, .title-text-style3{ padding-left: 20px; box-sizing: border-box; font-size: 2.25em; font-weight: bolder; letter-spacing: 2px;}
      .title-text-style{ color: #b35134; border-left: 4px #b35134 solid;}
      .title-text-style2{ color: #FFF; border-left: 4px #FFF solid;}
      .title-text-style3{ color: #3c779f; border-left: 4px #3c779f solid;}
      .content-text-style, .content-text-style2{ width: 100%; margin: 10px 0 25px; text-align: justify; font-size: 1.05em; font-weight: bolder; letter-spacing: 2px; line-height: 1.35em;}
      .content-text-style{ color: #333;}
      .content-text-style2{ color: #FFF;}
      .introduce-style{ width: 100%; margin: 0;}
         .introduce-style-img{ width: 100%; margin: 0; padding: 14px; box-sizing: border-box; background-color: #FFF; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6); position: relative;}
            .introduce-style-img TB{ position: absolute; top: 5%; right: -1%; width: 13%; margin: 0;}
            .introduce-style-img h6{ position: absolute; bottom: 8%; right: 8%;  width: 84%; margin: 0; text-align: right; font-size: 0.8em; color: #FFF; z-index: 3;}
            .horizontal-img-h6{ bottom: 11% !important;}
         .introduce-style h3{ width: 70%; margin: 12px 30% 0 0; font-size: 1.05em; letter-spacing: 1px; color: #333;}
   /**/

.box01-bg{ width: 100%; margin: 0 0 60px;}
   .box01-bg img{ width: 100%; margin: 0;}
   .box01-title{ align-items: flex-end; width: 100%; margin: 0;}
      .box01-title h2{ width: 59%; margin: 0;}
      .box01-title span{ width: 43%; margin: 1% -4% 0 2%;}
   .box01-img{ width: 100%; margin: 0;}

.box02-bg{ width: 100%; margin: 60px 0; position: relative;}
   .box02-bg img{ width: 100%; margin: 0;}
   .box02-title{ align-items: flex-end; width: 100%; margin: 0;}
      .box02-title h2{ width: 59%; margin: 0;}
      .box02-title span{ width: 49%; margin: -5% -10% 0 2%;}
   .box02-img{ width: 100%; margin: 0 0 30px;}
   .box02-bottom-decorate{position: absolute; bottom: 2%; left: 0; width: 70%; margin: 0 30% 0 0; z-index: 3;}

.box03-bg{ width: 100%; margin: 80px 0 60px;}
   .box03-bg img{ width: 100%; margin: 0;}
   .box03-title{ align-items: flex-end; width: 100%; margin: 0 0 10%;}
      .box03-title h2{ width: 59%; margin: 0;}
      .box03-title span{ width: 45%; margin: -8% -6% -8% 2%;}
   .box03-img{ width: 100%; margin: 0;}
   .box03-img:not(:last-child){ margin-bottom:18px;}

.box04-bg{ width: 100%; margin: 60px 0;}
   .box04-bg img{ width: 100%; margin: 0;}
   .box04-title{ align-items: flex-end; width: 100%; margin: 0;}
      .box04-title h2{ width: 59%; margin: 0;}
      .box04-title span{ width: 39%; margin: -5% 0 0 2%;}
   .box04-img{ width: 100%; margin: 0;}
   .box04-img:not(:last-child){ margin-bottom:18px;}

.box05-bg{flex-direction: column-reverse; width: 100%; margin: 60px 0 0; background-color: #3e7fb5;}
   .box05-bg img{ width: 100%; margin: 0;}
   .box05-content{ padding: 40px 20px 0; box-sizing: border-box; z-index: 5;}
      .box05-title{ align-items: center; width: 100%; margin: 0;}
      .box05-title h2{ width: 59%; margin: 0;}
      .box05-title span{ width: 39%; margin: 0 0 0 2%;}
   .box05-img{ width: 100%; margin:-20% 0 0; z-index: 1;}

.box06-bg{ width: 100%; margin:0; padding: 80px 0; background-color: #3e7fb5;}
   .box06-bg img{ width: 100%; margin: 0;}
   .box06-title{ align-items: center; width: 100%; margin: 0; padding: 20px 0 0;}
      .box06-title h2{ width: 59%; margin: 0;}
      .box06-title span{ width: 39%; margin: 0 0 0 2%;}
   .box06-content{ align-items: center; width: 100%; margin:12px 0;}
      .box06-content-text{width: 50%; margin: 0 2% 0 0;}
      .box06-content-img{ width: 53%; margin: 0 -5% 0 0;}
   .box06-img{ width: 100%; margin: 0;}

.footer-bg{ width: 100%; margin: 0 0 40px; padding: 60px 0 0; overflow: hidden;}
   .footer-bg img{ width: 100%; margin: 0;}
   .footer-width{width: 315px; margin: 0 calc(50% - 157.5px);}
   .footer-box{width: 100%; margin: 0; padding: 35px 0 234px; box-sizing: border-box; background: url(../images/footer-bg.png) repeat;}
      .footer-box-text{ width: 70%; margin: 0 15%;}
         .footer-box-text h2{ width: 100%; margin: 0;}
         .footer-box-text h3{ width: 100%; margin: 12px 0;}
         .footer-box-text h4{ width: 60%; margin: 12px 20% 8px;}
         .footer-box-text p{ width: 100%; margin: 8px 0;}
   .footer-img{width: 70%; margin: -190px 15% 0;}
   .footer-introduce{width: 100%; margin: -20px 0 10px; text-align: justify; font-size: 8px; line-height: 2.25em; letter-spacing: 1px; color: #FFF;}

.bottom-button-bg{ align-items: center; width: 100%; height: 35px; margin: 0; background-color: #b35134; position: fixed; bottom: 0; left: 0; z-index: 1000; opacity: 0; transition: 0.3s ease-in-out;}
   .bottom-button-b{ justify-content: center; align-items: center; width: 40%; height: 100%; margin: 0 -1px; border-left: 1px #b18173 solid; border-right: 1px #6a2b18 solid; transition: 0.25s ease-in-out;}
   .bottom-button-s{ justify-content: center; align-items: center;  width: 20%; height: 100%; margin: 0; transition: 0.25s ease-in-out;}
      .bottom-button-b:hover, .bottom-button-s:hover{ background-color: #3c779f;}
   .bottom-button-bg a{ justify-content: center; align-items: center; width: 100%; height: 100%; text-decoration: none; font-size: 1.05em; letter-spacing: 1px; color: #FFF;}
      .bottom-button-bg a:visited, .bottom-button-bg a:hover, .bottom-button-bg a:active{ text-decoration: none; color: #FFF;}
      .bottom-button-bg a:hover{ cursor: pointer;}
      .bottom-button-bg i{ margin-right: 6px;}

      
@media only screen and (min-width: 351px) {
   .footer-introduce{ font-size: 10px; line-height: 1.65em;}
}

/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {
   .max-width-style{ width: 88%; margin: auto 6%;}

   .top-box-bg{ width: 100%; margin: 0; padding: 80px 0;}
      .top-box-bg h1{ width: 50%; margin: 0 25%;}
      .top-box-bg span{ width: 100%; margin: -15% 0 0;}
      .top-box-text{ width: 60%; margin: -30% 20% 0;}

      /*all style*/
      .content-bg-style{ padding: 0 35px 30px; box-shadow: 0 25px 40px rgba(0, 0, 0, 0.7);}
         .title-text-style, .title-text-style2, .title-text-style3{ padding-left: 10px; font-size: 3em; letter-spacing: 3px; border-left-width: 6px;}
         .content-text-style, .content-text-style2{ width: 100%; margin: 20px 0 35px; font-size: 1.25em;}
         .introduce-style{ width: 100%; margin: 0;}
            .introduce-style-img{ width: 100%; margin: 0; padding: 22px;}
               .introduce-style-img TB{ top: 5%; right: -1%; width: 14%;}
               .introduce-style-img h6{ bottom: 7%; right: 8%;  width: 84%; margin: 0; font-size: 0.95em;}
               .horizontal-img-h6{ bottom: 10% !important;}
            .introduce-style h3{ width: 76%; margin: 15px 24% 0 0; font-size: 1.25em;}
      /**/

   .box01-bg{ width: 100%; margin: 50px 0 100px;}
      .box01-title{ width: 100%; margin: 0;}
         .box01-title h2{ width: 55%; margin: 0;}
         .box01-title span{ width: 49%; margin: 1% -6% 0 2%;}

   .box02-bg{ width: 100%; margin: 100px 0;}
      .box02-title{ width: 100%; margin: 0;}
         .box02-title h2{ width: 55%; margin: 0;}
         .box02-title span{ width: 53%; margin: -5% -10% 0 2%;}
      .box02-img{ width: 100%; margin: 0 0 45px;}
      .box02-bottom-decorate{ bottom: 2%; left: 0; width: 80%; margin: 0 20% 0 0;}

   .box03-bg{ width: 100%; margin: 120px 0 100px;}
      .box03-title{ align-items: flex-end; width: 100%; margin: 0 0 12%;}
         .box03-title h2{ width: 55%; margin: 0;}
         .box03-title span{ width: 48%; margin: -8% -5% -10% 2%;}
      .box03-img:not(:last-child){ margin-bottom:30px;}

   .box04-bg{ width: 100%; margin: 100px 0;}
      .box04-title{ align-items: flex-end; width: 100%; margin: 0;}
         .box04-title h2{ width: 55%; margin:0;}
         .box04-title span{ width: 43%; margin: -7% 0 0 2%;}
      .box04-img:not(:last-child){ margin-bottom:40px;}

   .box05-bg{ width: 100%; margin: 100px 0 0;}
      .box05-content{ padding: 80px 35px 0;}
         .box05-title{ width: 100%; margin: 0;}
            .box05-title h2{ width: 55%; margin: 0;}
            .box05-title span{ width: 43%; margin: 0 0 0 2%;}
      .box05-img{ width: 100%; margin:-23% 0 0;}

   .box06-bg{ width: 100%; margin:0; padding: 100px 0;}
      .box06-bg img{ width: 100%; margin: 0;}
      .box06-title{ width: 100%; margin: 0; padding: 35px 0 0;}
         .box06-title h2{ width: 55%; margin: 0;}
         .box06-title span{ width: 43%; margin: 0 0 0 2%;}
      .box06-content{width: 100%; margin:20px 0;}
         .box06-content-text{width: 45%; margin: 0 5% 0 0;}
         .box06-content-img{ width: 56%; margin: 0 -6% 0 0;}

   .footer-bg{ width: 100%; padding: 80px 0 0;}
      .footer-width{width: 420px; margin: 0 calc(50% - 210px);}
      .footer-box{width: 100%; margin: 0; padding: 55px 0 296px;}
         .footer-box-text{ width: 70%; margin: 0 15%;}
            .footer-box-text h2{ width: 100%; margin: 0;}
            .footer-box-text h3{ width: 100%; margin: 20px 0;}
            .footer-box-text h4{ width: 60%; margin: 30px 20% 15px;}
            .footer-box-text p{ width: 100%; margin: 15px 0;}
      .footer-img{width: 70%; margin: -230px 15% 0;}
      .footer-introduce{width: 100%; margin: -35px 0 20px; font-size: 12px;}
}



/* 桌面版面: 768px 到1024繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 769px) {
   .max-width-style{ width: 86%; margin: auto 7%;}

   .top-box-bg{ width: 100%; margin: 0; padding: 30px 0;}
      .top-box-bg h1{ width: 50%; margin: 0 25%;}
      .top-box-bg span{ width: 100%; margin: -15% 0 0;}
      .top-box-text{ width: 60%; margin: -35% 20% 0;}

      /*all style*/
      .content-bg-style{ padding: 0 60px 50px;}
         .title-text-style, .title-text-style2, .title-text-style3{ padding-left: 20px; font-size: 4.25em; letter-spacing: 3px; border-left-width: 10px;}
         .content-text-style, .content-text-style2{ width: 100%; margin: 35px 0 60px; font-size: 1.55em;}
         .introduce-style{ width: 100%; margin: 0;}
            .introduce-style-img{ width: 100%; margin: 0; padding: 30px;}
               .introduce-style-img TB{ top: 6%; right: -1%; width: 12%;}
               .introduce-style-img h6{ bottom: 7%; right: 8%;  width: 84%; margin: 0; font-size: 1.05em;}
               .horizontal-img-h6{ bottom: 10% !important;}
            .introduce-style h3{ width: 82%; margin: 25px 18% 0 0; font-size: 1.45em;}
      /**/

   .box01-bg{ width: 100%; margin: 100px 0 140px;}
      .box01-title{ width: 100%; margin: 0;}
         .box01-title h2{ width: 55%; margin: 0;}
         .box01-title span{ width: 49%; margin: 1% -6% 0 2%;}

   .box02-bg{ width: 100%; margin: 140px 0;}
      .box02-title{ width: 100%; margin: 0;}
         .box02-title h2{ width: 55%; margin: 0;}
         .box02-title span{ width: 53%; margin: -5% -10% 0 2%;}
      .box02-img{ width: 100%; margin: 0 0 60px;}
      .box02-bottom-decorate{ bottom: 2%; left: 0; width: 80%; margin: 0 20% 0 0;}

   .box03-bg{ width: 100%; margin: 160px 0 140px;}
      .box03-title{ align-items: flex-end; width: 100%; margin: 0 0 12%;}
         .box03-title h2{ width: 55%; margin: 0;}
         .box03-title span{ width: 48%; margin: -8% -5% -10% 2%;}
      .box03-img:not(:last-child){ margin-bottom:40px;}

   .box04-bg{ width: 100%; margin: 140px 0;}
      .box04-title{ align-items: flex-end; width: 100%; margin: 0;}
         .box04-title h2{ width: 55%; margin:0;}
         .box04-title span{ width: 43%; margin: -7% 0 0 2%;}
      .box04-img:not(:last-child){ margin-bottom:40px;}

   .box05-bg{ width: 100%; margin: 140px 0 0;}
      .box05-content{ padding: 120px 60px 0;}
         .box05-title{ width: 100%; margin: 0;}
            .box05-title h2{ width: 55%; margin: 0;}
            .box05-title span{ width: 43%; margin: 0 0 0 2%;}
      .box05-img{ width: 100%; margin:-25% 0 0;}

   .box06-bg{ width: 100%; margin:0; padding: 140px 0;}
      .box06-bg img{ width: 100%; margin: 0;}
      .box06-title{ width: 100%; margin: 0; padding: 50px 0 0;}
         .box06-title h2{ width: 55%; margin: 0;}
         .box06-title span{ width: 43%; margin: 0 0 0 2%;}
      .box06-content{width: 100%; margin:35px 0;}
         .box06-content-text{width: 45%; margin: 0 5% 0 0;}
         .box06-content-img{ width: 57%; margin: 0 -7% 0 0;}

   .footer-bg{ width: 100%; margin: 0 0 60px; padding: 120px 0 0;}
      .footer-width{width: 630px; margin: 0 calc(50% - 315px);}
      .footer-box{width: 100%; margin: 0; padding: 80px 0 363px;}
         .footer-box-text{ width: 70%; margin: 0 15%;}
            .footer-box-text h2{ width: 100%; margin: 0;}
            .footer-box-text h3{ width: 100%; margin: 50px 0;}
            .footer-box-text h4{ width: 60%; margin: 50px 20% 30px;}
            .footer-box-text p{ width: 100%; margin: 30px 0;}
      .footer-img{width: 70%; margin: -320px 15% 0;}
      .footer-introduce{width: 100%; margin: -50px 0 30px; font-size: 1.1em;}

   .bottom-button-bg{ width: 100%; height: 50px; margin: 0;}
      .bottom-button-b{ width: 33.3%; margin: 0 -1px;}
      .bottom-button-s{ width: 33.3%; margin: 0;}
      .bottom-button-bg a{ font-size: 1.35em;}
         .bottom-button-bg i{ margin-right: 8px;}

}


/* 桌面版面: 1025px 到1440繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1025px) {
   .max-width-style{ width: 80%; margin: auto 10%;}

   .top-box-bg{ width: 100%; margin: 0; padding: 30px 0 ;}
      .top-box-bg h1{ width: 40%; margin: 0 30%;}
      .top-box-bg span{ width: 100%; margin: -15% 0 0;}
      .top-box-text{ width: 50%; margin: -35% 25% 0;}
         .top-box-text PIC3{ width: 90%; margin: 35px 5% 0;}

      /*all style*/
      .content-bg-style{ padding: 0 80px 60px;}
         .title-text-style, .title-text-style2, .title-text-style3{ padding-left: 30px; font-size: 5.5em; letter-spacing: 4px;}
         .content-text-style, .content-text-style2{ width: 100%; margin: 50px 0 80px; font-size: 1.85em;}
         .introduce-style{ width: 100%; margin: 0;}
            .introduce-style-img{ width: 100%; margin: 0; padding: 35px;}
               .introduce-style-img TB{ top: 5%; right: -1%; width: 10%;}
               .introduce-style-img h6{ bottom: 6%; right: 8%;  width: 84%; margin: 0; font-size: 1.25em;}
               .horizontal-img-h6{ bottom: 9% !important;}
            .introduce-style h3{ width: 100%; margin: 30px 0 0; font-size: 1.65em;}
      /**/

   .box01-bg{ width: 100%; margin: 100px 0;}
      .box01-title{ width: 100%; margin: 0;}
         .box01-title h2{ width: 55%; margin: 0;}
         .box01-title span{ width: 50%; margin: 2% -8% 0 3%;}

   .box02-bg{ width: 100%; margin: 180px 0;}
      .box02-title{ width: 100%; margin: 0;}
         .box02-title h2{ width: 55%; margin: 0;}
         .box02-title span{ width: 52%; margin: -5% -10% 0 3%;}
      .box02-img{ width: 100%; margin: 0 0 80px;}
      .box02-bottom-decorate{ bottom: 2%; left: 0; width: 70%; margin: 0 30% 0 0;}

   .box03-bg{ width: 100%; margin: 240px 0 180px;}
      .box03-title{ align-items: flex-end; width: 100%; margin: 0 0 12%;}
         .box03-title h2{ width: 55%; margin: 0;}
         .box03-title span{ width: 47%; margin: -8% -5% -10% 3%;}
      .box03-img:not(:last-child){ margin-bottom:60px;}

   .box04-bg{ width: 100%; margin: 180px 0;}
      .box04-title{ align-items: flex-end; width: 100%; margin: 0;}
         .box04-title h2{ width: 55%; margin:0;}
         .box04-title span{ width: 42%; margin: -7% 0 0 3%;}
      .box04-img:not(:last-child){ margin-bottom:60px;}

   .box05-bg{ width: 100%; margin: 180px 0 0;}
      .box05-content{ padding: 140px 80px 0;}
         .box05-title{ width: 100%; margin: 0;}
            .box05-title h2{ width: 55%; margin: 0;}
            .box05-title span{ width: 42%; margin: 0 0 0 3%;}
      .box05-img{ width: 100%; margin:-20% 0 0;} 

   .box06-bg{ width: 100%; margin:0; padding: 180px 0;}
      .box06-bg img{ width: 100%; margin: 0;}
      .box06-title{ width: 100%; margin: 0; padding: 80px 0 0;}
         .box06-title h2{ width: 55%; margin: 0;}
         .box06-title span{ width: 42%; margin: 0 0 0 3%;}
      .box06-content{width: 100%; margin:40px 0;}
         .box06-content-text{width: 45%; margin: 0 5% 0 0;}
         .box06-content-img{ width: 58%; margin: 0 -8% 0 0;}

   .footer-bg{ width: 100%; padding: 140px 0 0;}
      .footer-width{width: 910px; margin: 0 calc(50% - 455px);}
      .footer-box{width: 100%; margin: 0; padding: 100px 0 582px;}
         .footer-box-text{ width: 70%; margin: 0 15%;}
            .footer-box-text h2{ width: 100%; margin: 0;}
            .footer-box-text h3{ width: 100%; margin: 50px 0;}
            .footer-box-text h4{ width: 60%; margin: 50px 20% 30px;}
            .footer-box-text p{ width: 100%; margin: 30px 0;}
      .footer-img{width: 70%; margin: -520px 15% 0;}
      .footer-introduce{width: 100%; margin: -50px 0 30px; font-size: 1.35em; letter-spacing: 2px;}


}

/* 桌面版面: 1441px 到最大樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1441px) {
   .max-width-style{ width: 1300px; margin: auto calc(50% - 650px);}

      /*all style*/
      .content-bg-style{ padding: 0 120px 80px;}
         .title-text-style, .title-text-style2, .title-text-style3{ padding-left: 35px; font-size: 8em; letter-spacing: 5px;}
         .content-text-style, .content-text-style2{ width: 100%; margin: 50px 0 80px; font-size: 2em;}
         .introduce-style{ width: 100%; margin: 0;}
            .introduce-style-img{ width: 100%; margin: 0; padding: 50px;}
               .introduce-style-img TB{ top: 6%; right: -1%; width: 10%;}
               .introduce-style-img h6{ bottom: 5%; right: 8%;  width: 84%; margin: 0; font-size: 1.45em;}
               .horizontal-img-h6{ bottom: 8% !important;}
            .introduce-style h3{ width: 100%; margin: 35px 0 0; font-size: 1.85em;}
      /**/

   .box01-bg{ width: 100%; margin: 180px 0;}
      .box01-title{ width: 100%; margin: 0;}
         .box01-title h2{ width: 55%; margin: 0;}
         .box01-title span{ width: 44%; margin: 1% -4% 0 5%;}

   .box02-bg{ width: 100%; margin: 180px 0;}
      .box02-title{ width: 100%; margin: 0;}
         .box02-title h2{ width: 55%; margin: 0;}
         .box02-title span{ width: 52%; margin: -5% -12% 0 5%;}
      .box02-img{ width: 100%; margin: 0 0 100px;}
      .box02-bottom-decorate{ bottom: 2%; left: 0; width: 70%; margin: 0 30% 0 0;}

   .box03-bg{ width: 100%; margin: 240px 0 180px;}
      .box03-title{ align-items: flex-end; width: 100%; margin: 0 0 12%;}
         .box03-title h2{ width: 55%; margin:0;}
         .box03-title span{ width: 45%; margin: -8% -5% -10% 5%;}
      .box03-img:not(:last-child){ margin-bottom:80px;}

   .box04-bg{ width: 100%; margin: 180px 0;}
      .box04-title{ align-items: flex-end; width: 100%; margin: 0;}
         .box04-title h2{ width: 55%; margin:0;}
         .box04-title span{ width: 40%; margin: -7% 0 0 5%;}
      .box04-img:not(:last-child){ margin-bottom:80px;}

   .box05-bg{ width: 100%; margin: 180px 0 0;}
      .box05-content{ padding: 180px 120px 0;}
         .box05-title{ width: 100%; margin: 0;}
            .box05-title h2{ width: 55%; margin: 0;}
            .box05-title span{ width: 40%; margin: 0 0 0 5%;}
      .box05-img{ width: 100%; margin:-15% 0 0;}   

   .box06-bg{ width: 100%; margin:0; padding: 180px 0;}
      .box06-bg img{ width: 100%; margin: 0;}
      .box06-title{ width: 100%; margin: 0; padding: 100px 0 0;}
         .box06-title h2{ width: 55%; margin: 0;}
         .box06-title span{ width: 40%; margin: 0 0 0 5%;}
      .box06-content{width: 100%; margin:50px 0;}
         .box06-content-text{width: 45%; margin: 0 10% 0 0;}
         .box06-content-img{ width: 55%; margin: 0 -10% 0 0;}

   .footer-bg{ width: 100%; padding: 180px 0 0;}
      .footer-width{width: 1330px; margin: 0 calc(50% - 665px);}
      .footer-box{width: 100%; margin: 0; padding: 100px 0 712px;}
         .footer-box-text{ width: 70%; margin: 0 15%;}
            .footer-box-text h2{ width: 100%; margin: 0;}
            .footer-box-text h3{ width: 100%; margin: 50px 0;}
            .footer-box-text h4{ width: 60%; margin: 50px 20% 30px;}
            .footer-box-text p{ width: 100%; margin: 30px 0;}
      .footer-img{width: 70%; margin: -650px 15% 0;}
      .footer-introduce{width: 100%; margin: -50px 0 30px; font-size: 1.35em;}


}