@charset "UTF-8";
/* CSS Document */

section, article, aside, footer, header, nav, h2 { display:block;}

body { padding:0; margin:0 auto; color: #000; font-size:1em; font-family: 'Noto Sans TC', sans-serif, "微軟正黑體", Arial; background-color: #fff; position: relative;}
img { border:0; display: block;}

html, body { height: 100%;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

div.brk { clear: both;}


/************ video box ************/
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; width:100%; height: 0px; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;}


@media screen and (min-width: 1366px) {

  /************ header + nav ************/

  header { width: 100%; height: 6.3vw; padding: 0 3.7vw; box-sizing: border-box;}

  .header-logo-nav { width: 100%; height: 100%; border-bottom: 1px #666 solid; display: flex; justify-content: flex-start; align-items: center;}
  .header-logo-nav .logo-title { width: 19.3vw; /*width: 386px;*/}
  .header-logo-nav .logo-title img { width: 100%; height: auto;}

  nav#mo { display: none;}
  nav#pc { width: calc(100% - 19.3vw - 19.3vw); height: 100%;}
  nav#pc ul.nav-menu { width: 100%; height: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: flex-start;}
  nav#pc ul.nav-menu li { height: 100%; padding: 0; margin: 0; position: relative;}
  nav#pc ul.nav-menu li a { height: 100%; padding: 2.5vw 0.8vw 0 0.8vw; box-sizing: border-box; color: #000; font-size: 0.9vw; text-decoration: none; display: block; cursor: pointer;}
  nav#pc ul.nav-menu li a img.arrow { display: none;}
  nav#pc ul.nav-menu li a:hover { color: #fff; background-color: #b38c19;}
  nav#pc ul.nav-menu li a:hover img.arrow { width: 1vw; height: auto; margin: 3px auto 0 auto; display: block;}
  nav#pc ul.nav-menu li a.sel { color: #fff; background-color: #b38c19;}
  nav#pc ul.nav-menu li a.sel img.arrow { width: 1vw; height: auto; margin: 3px auto 0 auto; display: block;}
  nav#pc ul.nav-menu li ul.nav-popup { width: 10vw; padding: 1vw 0; margin: 0; background-color: #783c1f; list-style: none; display: none; position: absolute; top: 6vw; left: calc(50% - 5vw); z-index: 99;}
  nav#pc ul.nav-menu li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  nav#pc ul.nav-menu li ul.nav-popup li a { width: 100%; padding: 0.5vw 0; color: #fff; font-size: 1vw; text-align: center; text-decoration: none; background-color: #783c1f; display: block;}
  nav#pc ul.nav-menu li ul.nav-popup li a:hover { background-color: rgba(255,255,255,0.2);}

  .header-logo-nav nav#mo .languages-contact-mo { display: none;}
  .header-logo-nav .languages-contact { width: 19.3vw; display: flex; justify-content: flex-end; align-items: center;}
  .header-logo-nav .languages-contact ul.languages-link { width: 11vw; padding: 0; margin: 0 0.5vw 0 0; border-radius: 4vw; background-color: #b38c19; list-style: none; display: flex; justify-content: center; align-items: center;}
  .header-logo-nav .languages-contact ul.languages-link li { padding: 0.1vw 0; margin: 0;}
  .header-logo-nav .languages-contact ul.languages-link li a { padding: 0 0.5vw; color: #fff; font-size: 0.75vw; text-decoration: none; border-right: 1px #fff solid;}
  .header-logo-nav .languages-contact ul.languages-link li:last-child a { border-right: 0;}
  .header-logo-nav .languages-contact ul.languages-link li a:hover { color: #eee;}
  .header-logo-nav .languages-contact ul.languages-link li a.sel { color: #000;}
  .header-logo-nav .languages-contact .icons { width: 1.5vw; margin: 0 0 0 1vw;}
  .header-logo-nav .languages-contact .icons img { width: 100%; height: auto;}


  /************ section #hp-banner ************/

  section#hp-banner { clear: both; width: 100%;}

  .title-text-hp-banner { width: 100%; padding: 2.5vw 4.5vw 2vw 4.5vw; box-sizing: border-box;}
  .title-text-hp-banner img { /*width: 654px;*//*width: 850px;*/width: 42.5vw; height: auto;}

  .hp-banner-box { clear: both; width: 100%;}
  .hp-banner-box img { width: 100%; height: auto;}


  /************ section #hp-news-about ************/

  section#hp-news-about { clear: both; width: 100%; padding: 2vw 0; display: flex; justify-content: flex-start; align-items: stretch;}

  .hp-news-box { width: 60%; padding: 2vw 6.4vw 3vw 6.4vw; border-right: 1px #666 solid; box-sizing: border-box;}
  .hp-news-box img.title-text { /*width: 214px;*/width: 10.7vw; height: auto;}
  .hp-news-box ul.news-list { width: 100%; padding: 0; margin: 1.5vw 0; list-style: none; display: block;}
  .hp-news-box ul.news-list li { width: 100%; padding: 0.8vw 0; margin: 0; border-bottom: 1px #c3ae95 solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .hp-news-box ul.news-list li .date { width: 7vw; padding: 0.3vw 0; color: #fff; font-size: 1vw; line-height: 1vw; text-align: center; border-radius: 6px; background-color: #c3ae95;}
  .hp-news-box ul.news-list li .title { width: calc(100% - 7vw); padding: 0.1vw 0 0.3vw 1vw; font-size: 0.9vw; box-sizing: border-box;}
  .hp-news-box ul.news-list li a { color: #1a1a1a; text-decoration: none;}
  .hp-news-box ul.news-list li a:hover { color: #783c1f;}
  .hp-news-box .more-bt { width: 100%; margin: 0 0 1vw 0; display: flex; justify-content: center;}
  .hp-news-box .more-bt a { width: 7.5vw; padding: 0.3vw 0; color: #fff; font-size: 0.9vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .hp-news-box .more-bt a:hover { color: #c3ae95;}
  .hp-news-box img.hp-news-pic { clear: both; width: 100%; height: auto;}

  .hp-about-box { width: 40%; padding: 0 3vw; box-sizing: border-box;}
  .hp-about-box img.hp-about-pic { width: 100%; height: auto; margin: 0 0 1.5vw 0;}
  .hp-about-box img.title-text-about { /*width: 326px;*/width: 16.3vw; height: auto;}
  .hp-about-box .text-con { width: 100%; padding: 1.5vw 0; margin: 0.8vw 0 0 0; color: #1a1a1a; font-size: 0.8vw; line-height: 1.4vw; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}
  .hp-about-box .more-bt { width: 100%; margin: 1.5vw 0 0 0; display: flex; justify-content: center;}
  .hp-about-box .more-bt a { width: 7.5vw; padding: 0.3vw 0; color: #fff; font-size: 0.8vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .hp-about-box .more-bt a:hover { color: #c3ae95;}


  /************ section #hp-services ************/

  section#hp-services { clear: both; width: calc(100% - 3.5vw - 3.5vw); padding: 4.5vw 0; margin: 0 3.5vw; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}

  img.title-text-service { /*width: 405px;*/width: 20.3vw; height: auto; margin: 0 auto 1.5vw auto;}

  .service-list-full { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .service-list-full .service-box { width: calc(100% / 4 - 1vw); padding: 1.3vw 0; margin: 0 0.5vw 1vw 0.5vw; background-color: #e2e2e2;}
  .service-list-full .service-box img { /*width: 117px;*/width: 8vw; height: auto; margin: 0 auto 1vw auto;}
  .service-list-full .service-box .text-1 { width: 100%; color: #1a1a1a; font-size: 1.1vw; line-height: 1.6vw; text-align: center;}
  .service-list-full .service-box .text-2 { width: 100%; padding: 0.7vw 0 0 0; color: #1a1a1a; font-size: 1.1vw; line-height: 1.6vw; text-align: center;}


  /************ section #hp-ourteam ************/

  section#hp-ourteam { clear: both; width: 100%; padding: 2.5vw 3.5vw; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: stretch;}

  .hp-ourteam-lf { width: 36%; padding: 2.5vw 4.5vw 0 2.5vw; box-sizing: border-box;}
  .hp-ourteam-lf img.title-text-ourteam { /*width: 304px;*/width: 15.2vw; height: auto;}
  .hp-ourteam-lf .text-con { width: 100%; padding: 1vw 0 0 0; color: #1a1a1a; font-size: 0.8vw; line-height: 1.6vw;}
  .hp-ourteam-lf .people-title-box { clear: both; width: 16.5vw; margin: 5vw auto 4.5vw auto;}
  .hp-ourteam-lf .people-title-box .people-box { width: 16.5vw; height: 22vw; border-radius: 8vw; border: 4px #d5c6b4 solid; background-color: #fff; display: flex; justify-content: center; align-items: center; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .hp-ourteam-lf .people-title-box .people-box:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .hp-ourteam-lf .people-title-box .people-box img.people-pic-v { width: 100%; height: auto;}
  .hp-ourteam-lf .people-title-box .people-box img.people-pic-h { width: auto; height: 100%;}
  .hp-ourteam-lf .people-title-box .people-title { width: 100%; padding: 2vw 0 0 0; color: #000; font-size: 1vw; text-align: center;}

  .hp-ourteam-rt { width: 64%; padding: 1.5vw 8vw 0 4vw; border-left: 1px #666 solid; box-sizing: border-box; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  .hp-ourteam-rt .people-title-box { width: 16.5vw; margin: 0 2.5vw 2vw 2.5vw;}
  .hp-ourteam-rt .people-title-box .people-box { width: 16.5vw; height: 22vw; border-radius: 8vw; border: 4px #d5c6b4 solid; background-color: #fff; display: flex; justify-content: center; align-items: center; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .hp-ourteam-rt .people-title-box .people-box:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .hp-ourteam-rt .people-title-box .people-box img.people-pic-v { width: 100%; height: auto;}
  .hp-ourteam-rt .people-title-box .people-box img.people-pic-h { width: auto; height: 100%;}
  .hp-ourteam-rt .people-title-box .people-title { width: 100%; padding: 1vw 0 0 0; color: #000; font-size: 1vw; text-align: center;}
  

  /************ section #hp-joinus ************/

  section#hp-joinus { clear: both; width: calc(100% - 3.5vw - 3.5vw); padding: 2.5vw 2.5vw 4.5vw 2.5vw; margin: 0 3.5vw; border-top: 1px #666 solid; border-bottom: 1px #666 solid; box-sizing: border-box;}

  img.title-text-joinus { /*width: 635px;*/width: 31.8vw; height: auto; margin: 0 auto;}

  .joinus-text-con { clear: both; width: 100%; padding: 0.3vw 0 0 0; color: #1a1a1a; font-size: 0.8vw; line-height: 1.4vw; text-align: center;}

  .joinus-pic-infor { clear: both; width: 100%; margin: 2vw 0 0 0; display: flex; justify-content: flex-start; align-items: center;}
  .joinus-pic-infor .joinus-pic { width: 58.8vw;}
  .joinus-pic-infor .joinus-pic img { /*width: 1176px;*/width: 100%; height: auto;}
  .joinus-pic-infor .joinus-infor { width: calc(100% - 58.8vw); padding: 0 0 0 3vw; color: #1a1a1a; font-size: 1.2vw; line-height: 3vw; box-sizing: border-box;}
  .joinus-pic-infor .joinus-infor a { padding: 0.5vw 0; color: #1a1a1a; text-decoration: none; border-bottom: 2px #d5c6b4 solid;}
  .joinus-pic-infor .joinus-infor a:hover { color: #783c1f;}


  /************ section #hp-contact ************/

  section#hp-contact { clear: both; width: 100%; padding: 2vw 7.5vw; box-sizing: border-box;}

  .hp-contact-full { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
  .hp-contact-full .col-left { width: 25.7vw;}
  .hp-contact-full .col-left img.title-text-contact { /*width: 360px;*/width: 18vw; height: auto;}
  .hp-contact-full .col-left .text-con { width: 100%; padding: 1.5vw 0 0 0; color: #000; font-size: 1vw; line-height: 1.8vw;}
  .hp-contact-full .col-middle { width: calc(100% - 25.7vw - 25.7vw); padding: 0 2vw 0 0; box-sizing: border-box;}
  .hp-contact-full .col-middle input[type=text], 
  .hp-contact-full .col-middle input[type=email], 
  .hp-contact-full .col-middle input[type=tel] { width: 100%; padding: 0.5vw; margin: 0 0 0.5vw 0; color: #000; font-size: 0.9vw; border: 1px #958275 solid; border-radius: 8px; background-color: #fff; box-sizing: border-box;}
  .hp-contact-full .col-middle textarea { width: 100%; height: 6vw; padding: 0.5vw; margin: 0 0 0.5vw 0; color: #000; font-size: 0.9vw; border: 1px #958275 solid; border-radius: 8px; background-color: #fff; box-sizing: border-box;}
  .hp-contact-full .col-middle input[type=submit], 
  .hp-contact-full .col-middle input[type=button] { width: 5vw; padding: 0.2vw 0; margin: 1vw 0 0 0; color: #fff; font-size: 0.9vw; text-align: center; border: 0; border-radius: 8px; background-color: #42210b; cursor: pointer;}
  .hp-contact-full .col-middle input[type=submit]:hover, 
  .hp-contact-full .col-middle input[type=button]:hover { color: #d5c6b4;}
  .hp-contact-full .col-right-mo { display: none;}
  .hp-contact-full .col-right { width: 25.7vw;}
  .hp-contact-full .col-right img.map { /*width: 480px;*/width: 22vw; height: auto;}


  /************ page-banner-box ************/

  .page-banner-box { clear: both; width: 100%;}
  .page-banner-box img { width: 100%; height: auto;}


  /************ section page-about ************/

  section#page-about-start { clear: both; width: 100%; padding: 4vw 6.5vw 2vw 6.5vw; box-sizing: border-box;}

  img.page-title-text-about-1 { /*width: 422px;*/width: 22.1vw; height: auto;}

  .about-start-con { clear: both; width: 100%; margin: 1.5vw 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  .about-start-con .col-text { width: calc(100% - 29.5vw); padding: 2.5vw 0 0 0; color: #1a1a1a; font-size: 1vw; line-height: 2.4vw; border-top: 1px #666 solid;}
  .about-start-con .col-pics { /*width: 550px;*/width: 29.5vw; padding: 1.5vw 0 0 2vw; box-sizing: border-box;}
  .about-start-con .col-pics img { width: 100%; height: auto;}


  section#page-about-symbol { clear: both; width: calc(100% - 7vw); margin: 0 3.5vw; padding: 4.5vw 0 3.5vw 0; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}

  img.page-title-text-about-2 { /*width: 1026px;*/width: 51.5vw; height: auto; margin: 0 auto;}

  img.about-symbol-pic { /*width: 550px;*/width: 27.5vw; height: auto; margin: 1.5vw auto;}

  .about-symbol-text-con { clear: both; width: 60vw; margin: 0 auto; color: #1a1a1a; font-size: 1vw; line-height: 2.4vw; text-align: center;}
  .about-symbol-text-con .slogan-text { width: 100%; margin: 2vw 0 0 0; color: #534741; font-size: 1.1vw; font-weight: 600; line-height: 1.4vw; display: flex; justify-content: center; align-items: center;}
  .about-symbol-text-con .slogan-text img.icon { /*width: 8px;*/width: 0.4vw; height: auto; margin: 0 0.5vw;}


  section#page-about-features { clear: both; width: 100%; padding: 4vw 6.5vw; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start;}

  .about-features-title-pic { width: 30vw;}
  .about-features-title-pic img.title-text { /*width: 699px;*/width: 30vw; height: auto;}
  .about-features-title-pic img.feature-pic { width: 100%; height: auto; margin: 2.3vw 0 0 0;}

  .about-features-text { width: calc(100% - 30vw); padding: 0 0 0 7.5vw; color: #1a1a1a; font-size: 1vw; line-height: 2.4vw; box-sizing: border-box;}


  section#page-about-services { clear: both; width: 100%; position: relative;}

  img.about-services-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  img.title-text-about-4 { /*width: 342px;*/width: 17.2vw; height: auto; position: absolute; bottom: 3.3vw; right: 32vw; z-index: 2;}

  .about-services-text-con { width: 30vw; color: #1a1a1a; font-size: 0.9vw; line-height: 2vw; position: absolute; top: 3.5vw; left: 8vw; z-index: 2;}


  section#page-about-founders { clear: both; width: 100%; padding: 4vw 3.5vw; box-sizing: border-box;}

  img.page-title-text-about-5 { /*width: 735px;*/width: 36.8vw; height: auto; margin: 0 auto;}

  .about-founders-list { clear: both; width: 100%; margin: 2.5vw 0 0 0; display: flex; justify-content: flex-start; align-items: stretch;}
  .about-founders-list .founder-person { width: calc(100% / 3); padding: 0 2vw; border-right: 1px #666 solid; box-sizing: border-box;}
  .about-founders-list .founder-person:last-child { border-right: 0;}
  .about-founders-list .founder-person .photo { width: 12.8vw; height: 17vw; margin: 0 auto; border-radius: 8vw; border: 4px #d5c6b4 solid; background-color: #d5c6b4; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .about-founders-list .founder-person .photo:hover { -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .about-founders-list .founder-person .photo img { width: 100%; height: auto;}
  .about-founders-list .founder-person .name { width: 100%; padding: 1vw 0; font-size: 1.2vw; font-weight: 600; text-align: center;}
  .about-founders-list .founder-person .job { width: 24vw; padding: 0.5vw 0; margin: 0 auto; font-size: 1vw; text-align: center; border-top: 1px #ababab solid; border-bottom: 1px #ababab solid;}
  .about-founders-list .founder-person .experience { width: 100%; padding: 1.5vw 0; font-size: 1vw; line-height: 2vw; text-align: center;}
  .about-founders-list .founder-person .title-book { width: 100%; padding: 1vw 0 0 0; font-size: 1.2vw; text-align: center;}
  .about-founders-list .founder-person .title-book span.border { padding: 0 0.5vw; border: 4px #d1c2b0 solid;}
  .about-founders-list .founder-person .books { width: 100%; padding: 0.8vw 0; font-size: 1vw; line-height: 2vw; text-align: center;}
  .about-founders-list .founder-person .title-memorial { width: 100%; padding: 1vw 0 0 0; font-size: 1.4vw; font-weight: 600; text-align: center;}
  .about-founders-list .founder-person .title-memorial span.border { padding: 0 0.5vw; border: 4px #d1c2b0 solid;}

  .about-founders-list .founder-person .memborial-con { clear: both; width: 100%; padding: 1.5vw 0 0 0; font-size: 0.9vw; line-height: 1.6vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  .about-founders-list .founder-person .memborial-con .right { width: 100%; text-align: right;}
  .about-founders-list .founder-person .more-bt { width: 100%; padding: 0.2vw 1vw; margin: 1vw 0 0 0; color: #000; font-size: 0.9vw; text-align: center; border-radius: 10px; background-color: #c3ae95; box-sizing: border-box; cursor: pointer;}
  .about-founders-list .founder-person .more-bt:hover { color: #fff;}


  /************ section #page-services ************/

  section#page-services { clear: both; width: 100%; padding: 4vw 6.5vw; box-sizing: border-box;}

  .page-services-preface { clear: both; width: 100%; padding: 0 0 2vw 0; font-size: 1vw; line-height: 2vw;}

  .service-list-full .service-intro { width: calc(100% / 7 * 6 - 1vw); padding: 0 2vw; font-size: 1vw; line-height: 2vw; box-sizing: border-box;}

  hr.service-line { clear: both; width: 100%; margin: 30px 0; border: 1px #666 dashed;}


  /************ section #page-ourteam ************/

  section#page-ourteam { clear: both; width: 100%; padding: 2.5vw 3.5vw; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-ourteam-jobtitle { clear: both; width: 100%; padding: 0.3vw 0; margin: 3vw auto; font-size: 1.2vw; text-align: center; border-radius: 1vw; background-color: #d5c6b4;}


  .page-ourteam-details { width: 64%; padding: 8vw 8vw 0 4vw; border-left: 1px #666 solid; box-sizing: border-box;}
  .page-ourteam-details .sub-title { width: 100%; font-size: 1.2vw; font-weight: 500;}
  .page-ourteam-details .sub-title span.border { padding: 0 0.5vw; border: 4px #d1c2b0 solid;}
  .page-ourteam-details ul.infor-list { width: 100%; padding: 0 2vw; margin: 1.5vw 0; box-sizing: border-box; list-style-type: square; display: block;}
  .page-ourteam-details ul.infor-list li { width: 100%; padding: 0 0 0.3vw 0; margin: 0; font-size: 1vw; line-height: 1.6vw;}

  .page-goback-bt { clear: both; width: 100%; margin: 2vw 0 0 0;}
  .page-goback-bt a { width: 6vw; padding: 0.3vw 0; margin: 0 auto; color: #fff; font-size: 0.8vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .page-goback-bt a:hover { color: #c3ae95;}


  /************ section #page-news ************/

  section#page-news { clear: both; width: 100%; padding: 4vw 10vw; box-sizing: border-box;}

  .page-news-box { clear: both; width: 100%;}
  .page-news-box img.title-text { /*width: 214px;*/width: 10.7vw; height: auto;}
  .page-news-box ul.news-list { width: 100%; padding: 0; margin: 1.5vw 0; list-style: none; display: block;}
  .page-news-box ul.news-list li { width: 100%; padding: 0.8vw 0; margin: 0; border-bottom: 1px #c3ae95 solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-news-box ul.news-list li .date { width: 7vw; padding: 0.3vw 0; color: #fff; font-size: 1vw; line-height: 1vw; text-align: center; border-radius: 6px; background-color: #c3ae95;}
  .page-news-box ul.news-list li .title { width: calc(100% - 7vw); padding: 0.1vw 0 0.3vw 1vw; font-size: 0.9vw; box-sizing: border-box;}
  .page-news-box ul.news-list li a { color: #1a1a1a; text-decoration: none;}
  .page-news-box ul.news-list li a:hover { color: #783c1f;}

  
  ul.page-num-list { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-num-list li { padding: 0; margin: 2vw 0.2vw 0 0.2vw;}
  ul.page-num-list li a { padding: 0.2vw 0.3vw; color: #1a1a1a; font-size: 0.9vw; text-decoration: none; border: 1px #666 solid; display: block;}
  ul.page-num-list li a:hover { background-color: #eee;}
  ul.page-num-list li a.sel { color: #fff; background-color: #c3ae95;}


  .page-news-box ul.news-list li .title-2 { width: calc(100% - 7vw); padding: 0 0 0.3vw 1vw; font-size: 1.2vw; font-weight: 500; box-sizing: border-box;}

  .page-news-content { clear: both; width: 100%; padding: 0 0 2vw 0; color: #1a1a1a; font-size: 0.9vw; line-height: 2vw;}
  .page-news-content img { max-width: 100%; height: auto;}
  .page-news-content a { color: #1a1a1a; text-decoration: none; border-bottom: 1px #1a1a1a dashed; word-break: break-all; word-wrap: break-word;}
  .page-news-content a:hover { color: #c3ae95; border-bottom: 1px #c3ae95 dashed;}


  /************ section contact ************/

  .hp-contact-full .col-middle .text-con { width: 100%; padding: 0 0 2vw 0; font-size: 0.9vw; line-height: 1.6vw;}
 

  /************ footer ************/

  footer { clear: both; width: 100%; padding: 2vw 7.5vw; box-sizing: border-box; background-color: #666;}

  .footer-logo-infor { width: 100%; display: flex; justify-content: flex-start; align-items: center;}
  .footer-logo-infor .logo { width: 30.3vw; padding: 0 1vw 0 0; box-sizing: border-box; border-right: 1px #fff solid;}
  .footer-logo-infor .logo img { /*width: 585px;*/width: 29.3vw; height: auto;}
  .footer-logo-infor .infor-mo { display: none;}
  .footer-logo-infor .infor { width: calc(100% - 30.3vw); padding: 0 0 0 1vw; color: #fff; font-size: 0.9vw; font-weight: 300; box-sizing: border-box;}
  .footer-logo-infor .infor .copyright { width: 100%; color: #c8c8c8; font-size: 0.75vw;}


}

@media screen and (min-width: 1024px) and (max-width: 1366px) {

  /************ header + nav ************/

  header { width: 100%; height: 6.3vw; padding: 0 2vw; box-sizing: border-box;}

  .header-logo-nav { width: 100%; height: 100%; border-bottom: 1px #666 solid; display: flex; justify-content: flex-start; align-items: center;}
  .header-logo-nav .logo-title { width: 22vw; /*width: 386px;*/}
  .header-logo-nav .logo-title img { width: 100%; height: auto;}

  nav#mo { display: none;}
  nav#pc { width: calc(100% - 22vw - 22vw); height: 100%;}
  nav#pc ul.nav-menu { width: 100%; height: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: flex-start;}
  nav#pc ul.nav-menu li { height: 100%; padding: 0; margin: 0; position: relative;}
  nav#pc ul.nav-menu li a { height: 100%; padding: 2vw 0.5vw 0 0.5vw; box-sizing: border-box; color: #000; font-size: 1vw; text-decoration: none; display: block; cursor: pointer;}
  nav#pc ul.nav-menu li a img.arrow { display: none;}
  nav#pc ul.nav-menu li a:hover { color: #fff; background-color: #b38c19;}
  nav#pc ul.nav-menu li a:hover img.arrow { width: 1vw; height: auto; margin: 3px auto 0 auto; display: block;}
  nav#pc ul.nav-menu li a.sel { color: #fff; background-color: #b38c19;}
  nav#pc ul.nav-menu li a.sel img.arrow { width: 1vw; height: auto; margin: 3px auto 0 auto; display: block;}
  nav#pc ul.nav-menu li ul.nav-popup { width: 10vw; padding: 1vw 0; margin: 0; background-color: #783c1f; list-style: none; display: none; position: absolute; top: 6vw; left: calc(50% - 5vw); z-index: 99;}
  nav#pc ul.nav-menu li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  nav#pc ul.nav-menu li ul.nav-popup li a { width: 100%; padding: 0.5vw 0; color: #fff; font-size: 1.1vw; text-align: center; text-decoration: none; background-color: #783c1f; display: block;}
  nav#pc ul.nav-menu li ul.nav-popup li a:hover { background-color: rgba(255,255,255,0.2);}

  .header-logo-nav nav#mo .languages-contact-mo { display: none;}
  .header-logo-nav .languages-contact { width: 22vw; display: flex; justify-content: flex-end; align-items: center;}
  .header-logo-nav .languages-contact ul.languages-link { width: 13vw; padding: 0; margin: 0 0.5vw 0 0; border-radius: 4vw; background-color: #b38c19; list-style: none; display: flex; justify-content: center; align-items: center;}
  .header-logo-nav .languages-contact ul.languages-link li { padding: 0; margin: 0;}
  .header-logo-nav .languages-contact ul.languages-link li a { padding: 0 0.5vw; color: #fff; font-size: 0.9vw; line-height: 0.9vw; text-decoration: none; border-right: 1px #fff solid;}
  .header-logo-nav .languages-contact ul.languages-link li:last-child a { border-right: 0;}
  .header-logo-nav .languages-contact ul.languages-link li a:hover { color: #eee;}
  .header-logo-nav .languages-contact ul.languages-link li a.sel { color: #000;}
  .header-logo-nav .languages-contact .icons { width: 2vw; margin: 0 0 0 1vw;}
  .header-logo-nav .languages-contact .icons img { width: 100%; height: auto;}


  /************ section #hp-banner ************/

  section#hp-banner { clear: both; width: 100%;}

  .title-text-hp-banner { width: 100%; padding: 2.5vw 4.5vw 2vw 4.5vw; box-sizing: border-box;}
  .title-text-hp-banner img { /*width: 654px;*//*width: 850px;*/width: 42.5vw; height: auto;}

  .hp-banner-box { clear: both; width: 100%;}
  .hp-banner-box img { width: 100%; height: auto;}


  /************ section #hp-news-about ************/

  section#hp-news-about { clear: both; width: 100%; padding: 2vw 0; display: flex; justify-content: flex-start; align-items: stretch;}

  .hp-news-box { width: 60%; padding: 2vw 6.4vw 3.5vw 6.4vw; border-right: 1px #666 solid; box-sizing: border-box;}
  .hp-news-box img.title-text { /*width: 214px;*/width: 10.7vw; height: auto;}
  .hp-news-box ul.news-list { width: 100%; padding: 0; margin: 1.5vw 0; list-style: none; display: block;}
  .hp-news-box ul.news-list li { width: 100%; padding: 0.8vw 0; margin: 0; border-bottom: 1px #c3ae95 solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .hp-news-box ul.news-list li .date { width: 9vw; padding: 0.3vw 0; color: #fff; font-size: 1.2vw; line-height: 1.2vw; text-align: center; border-radius: 6px; background-color: #c3ae95;}
  .hp-news-box ul.news-list li .title { width: calc(100% - 9vw); padding: 0 0 0.3vw 1vw; font-size: 1.2vw; box-sizing: border-box;}
  .hp-news-box ul.news-list li a { color: #1a1a1a; text-decoration: none;}
  .hp-news-box ul.news-list li a:hover { color: #783c1f;}
  .hp-news-box .more-bt { width: 100%; margin: 0 0 1vw 0; display: flex; justify-content: center;}
  .hp-news-box .more-bt a { width: 10vw; padding: 0.3vw 0; color: #fff; font-size: 1vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .hp-news-box .more-bt a:hover { color: #c3ae95;}
  .hp-news-box img.hp-news-pic { clear: both; width: 100%; height: auto;}

  .hp-about-box { width: 40%; padding: 0 4.5vw; box-sizing: border-box;}
  .hp-about-box img.hp-about-pic { width: 100%; height: auto; margin: 0 0 1.5vw 0;}
  .hp-about-box img.title-text-about { /*width: 326px;*/width: 16.3vw; height: auto;}
  .hp-about-box .text-con { width: 100%; padding: 1.5vw 0; margin: 0.8vw 0 0 0; color: #1a1a1a; font-size: 1vw; line-height: 1.6vw; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}
  .hp-about-box .more-bt { width: 100%; margin: 1.5vw 0 0 0; display: flex; justify-content: center;}
  .hp-about-box .more-bt a { width: 10vw; padding: 0.3vw 0; color: #fff; font-size: 1vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .hp-about-box .more-bt a:hover { color: #c3ae95;}


  /************ section #hp-services ************/

  section#hp-services { clear: both; width: calc(100% - 3.5vw - 3.5vw); padding: 4.5vw 0; margin: 0 3.5vw; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}

  img.title-text-service { /*width: 405px;*/width: 20.3vw; height: auto; margin: 0 auto 1.5vw auto;}

  .service-list-full { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .service-list-full .service-box { width: calc(100% / 4 - 1vw); padding: 1.3vw 0; margin: 0 0.5vw 1vw 0.5vw; background-color: #e2e2e2;}
  .service-list-full .service-box img { /*width: 117px;*/width: 8vw; height: auto; margin: 0 auto 1vw auto;}
  .service-list-full .service-box .text-1 { width: 100%; color: #1a1a1a; font-size: 1.1vw; line-height: 1.6vw; text-align: center;}
  .service-list-full .service-box .text-2 { width: 100%; padding: 0.7vw 0 0 0; color: #1a1a1a; font-size: 1.1vw; line-height: 1.6vw; text-align: center;}


  /************ section #hp-ourteam ************/

  section#hp-ourteam { clear: both; width: 100%; padding: 2.5vw 3.5vw; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: stretch;}

  .hp-ourteam-lf { width: 36%; padding: 2.5vw 4vw 0 2vw; box-sizing: border-box;}
  .hp-ourteam-lf img.title-text-ourteam { /*width: 304px;*/width: 15.2vw; height: auto;}
  .hp-ourteam-lf .text-con { width: 100%; padding: 1vw 0 0 0; color: #1a1a1a; font-size: 1vw; line-height: 1.8vw;}
  .hp-ourteam-lf .people-title-box { clear: both; width: 18.5vw; margin: 5vw auto 4.5vw auto;}
  .hp-ourteam-lf .people-title-box .people-box { width: 18.5vw; height: 24vw; border-radius: 10vw; border: 4px #d5c6b4 solid; background-color: #fff; display: flex; justify-content: center; align-items: center; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .hp-ourteam-lf .people-title-box .people-box:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .hp-ourteam-lf .people-title-box .people-box img.people-pic-v { width: 100%; height: auto;}
  .hp-ourteam-lf .people-title-box .people-box img.people-pic-h { width: auto; height: 100%;}
  .hp-ourteam-lf .people-title-box .people-title { width: 100%; padding: 2vw 0 0 0; color: #000; font-size: 1.2vw; text-align: center;}

  .hp-ourteam-rt { width: 64%; padding: 1.5vw 8vw 0 2vw; border-left: 1px #666 solid; box-sizing: border-box; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  .hp-ourteam-rt .people-title-box { width: 18.5vw; margin: 0 2.5vw 3vw 2.5vw;}
  .hp-ourteam-rt .people-title-box .people-box { width: 18.5vw; height: 24vw; border-radius: 10vw; border: 4px #d5c6b4 solid; background-color: #fff; display: flex; justify-content: center; align-items: center; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .hp-ourteam-rt .people-title-box .people-box:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .hp-ourteam-rt .people-title-box .people-box img.people-pic-v { width: 100%; height: auto;}
  .hp-ourteam-rt .people-title-box .people-box img.people-pic-h { width: auto; height: 100%;}
  .hp-ourteam-rt .people-title-box .people-title { width: 100%; padding: 2vw 0 0 0; color: #000; font-size: 1.2vw; text-align: center;}
  

  /************ section #hp-joinus ************/

  section#hp-joinus { clear: both; width: calc(100% - 3.5vw - 3.5vw); padding: 2.5vw 2.5vw 4.5vw 2.5vw; margin: 0 3.5vw; border-top: 1px #666 solid; border-bottom: 1px #666 solid; box-sizing: border-box;}

  img.title-text-joinus { /*width: 635px;*/width: 31.8vw; height: auto; margin: 0 auto;}

  .joinus-text-con { clear: both; width: 100%; padding: 0.3vw 0 0 0; color: #1a1a1a; font-size: 1vw; line-height: 1.6vw; text-align: center;}

  .joinus-pic-infor { clear: both; width: 100%; margin: 2vw 0 0 0; display: flex; justify-content: flex-start; align-items: center;}
  .joinus-pic-infor .joinus-pic { width: 58.8vw;}
  .joinus-pic-infor .joinus-pic img { /*width: 1176px;*/width: 100%; height: auto;}
  .joinus-pic-infor .joinus-infor { width: calc(100% - 58.8vw); padding: 0 0 0 3vw; color: #1a1a1a; font-size: 1.4vw; line-height: 3vw; box-sizing: border-box;}
  .joinus-pic-infor .joinus-infor a { padding: 0.5vw 0; color: #1a1a1a; text-decoration: none; border-bottom: 2px #d5c6b4 solid;}
  .joinus-pic-infor .joinus-infor a:hover { color: #783c1f;}


  /************ section #hp-contact ************/

  section#hp-contact { clear: both; width: 100%; padding: 2vw 7.5vw; box-sizing: border-box;}

  .hp-contact-full { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;}
  .hp-contact-full .col-left { width: 25.7vw;}
  .hp-contact-full .col-left img.title-text-contact { /*width: 360px;*/width: 18vw; height: auto;}
  .hp-contact-full .col-left .text-con { width: 100%; padding: 1.5vw 0 0 0; color: #000; font-size: 1.2vw; line-height: 1.8vw;}
  .hp-contact-full .col-middle { width: calc(100% - 25.7vw - 25.7vw); padding: 0 2vw 0 0; box-sizing: border-box;}
  .hp-contact-full .col-middle input[type=text], 
  .hp-contact-full .col-middle input[type=email], 
  .hp-contact-full .col-middle input[type=tel] { width: 100%; padding: 1vw; margin: 0 0 1vw 0; color: #000; font-size: 1.1vw; border: 1px #958275 solid; border-radius: 8px; background-color: #fff; box-sizing: border-box;}
  .hp-contact-full .col-middle textarea { width: 100%; height: 6vw; padding: 1vw; margin: 0 0 1vw 0; color: #000; font-size: 1.1vw; border: 1px #958275 solid; border-radius: 8px; background-color: #fff; box-sizing: border-box;}
  .hp-contact-full .col-middle input[type=submit], 
  .hp-contact-full .col-middle input[type=button] { width: 7vw; padding: 0.4vw 0; margin: 1.5vw 0 0 0; color: #fff; font-size: 1.1vw; text-align: center; border: 0; border-radius: 8px; background-color: #42210b; cursor: pointer;}
  .hp-contact-full .col-middle input[type=submit]:hover, 
  .hp-contact-full .col-middle input[type=button]:hover { color: #d5c6b4;}
  .hp-contact-full .col-right-mo { display: none;}
  .hp-contact-full .col-right { width: 25.7vw;}
  .hp-contact-full .col-right img.map { /*width: 480px;*/width: 100%; height: auto;}


  /************ page-banner-box ************/

  .page-banner-box { clear: both; width: 100%;}
  .page-banner-box img { width: 100%; height: auto;}


  /************ section page-about ************/

  section#page-about-start { clear: both; width: 100%; padding: 4vw 6.5vw 2vw 6.5vw; box-sizing: border-box;}

  img.page-title-text-about-1 { /*width: 422px;*/width: 22.1vw; height: auto;}

  .about-start-con { clear: both; width: 100%; margin: 1.5vw 0 0 0; display: flex; justify-content: flex-start; align-items: flex-start;}
  .about-start-con .col-text { width: calc(100% - 29.5vw); padding: 2.5vw 0 0 0; color: #1a1a1a; font-size: 1.2vw; line-height: 2.4vw; border-top: 1px #666 solid;}
  .about-start-con .col-pics { /*width: 550px;*/width: 29.5vw; padding: 1.5vw 0 0 2vw; box-sizing: border-box;}
  .about-start-con .col-pics img { width: 100%; height: auto;}


  section#page-about-symbol { clear: both; width: calc(100% - 7vw); margin: 0 3.5vw; padding: 4.5vw 0 3.5vw 0; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}

  img.page-title-text-about-2 { /*width: 1026px;*/width: 51.5vw; height: auto; margin: 0 auto;}

  img.about-symbol-pic { /*width: 550px;*/width: 27.5vw; height: auto; margin: 1.5vw auto;}

  .about-symbol-text-con { clear: both; width: 70vw; margin: 0 auto; color: #1a1a1a; font-size: 1.2vw; line-height: 2.4vw; text-align: center;}
  .about-symbol-text-con .slogan-text { width: 100%; margin: 2vw 0 0 0; color: #534741; font-size: 1.3vw; font-weight: 600; line-height: 1.5vw; display: flex; justify-content: center; align-items: center;}
  .about-symbol-text-con .slogan-text img.icon { /*width: 8px;*/width: 0.4vw; height: auto; margin: 0 0.5vw;}


  section#page-about-features { clear: both; width: 100%; padding: 4vw 6.5vw; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: flex-start;}

  .about-features-title-pic { width: 30vw;}
  .about-features-title-pic img.title-text { /*width: 699px;*/width: 30vw; height: auto;}
  .about-features-title-pic img.feature-pic { width: 100%; height: auto; margin: 2.3vw 0 0 0;}

  .about-features-text { width: calc(100% - 30vw); padding: 0 0 0 7.5vw; color: #1a1a1a; font-size: 1.2vw; line-height: 2.4vw; box-sizing: border-box;}


  section#page-about-services { clear: both; width: 100%; position: relative;}

  img.about-services-bg { width: 100%; height: auto; position: relative; z-index: 1;}

  img.title-text-about-4 { /*width: 342px;*/width: 17.2vw; height: auto; position: absolute; bottom: 3.3vw; right: 32vw; z-index: 2;}

  .about-services-text-con { width: 30vw; color: #1a1a1a; font-size: 1.2vw; line-height: 2vw; position: absolute; top: 3.5vw; left: 8vw; z-index: 2;}


  section#page-about-founders { clear: both; width: 100%; padding: 4vw 3.5vw; box-sizing: border-box;}

  img.page-title-text-about-5 { /*width: 735px;*/width: 36.8vw; height: auto; margin: 0 auto;}

  .about-founders-list { clear: both; width: 100%; margin: 2.5vw 0 0 0; display: flex; justify-content: flex-start; align-items: stretch;}
  .about-founders-list .founder-person { width: calc(100% / 3); padding: 0 2vw; border-right: 1px #666 solid; box-sizing: border-box;}
  .about-founders-list .founder-person:last-child { border-right: 0;}
  .about-founders-list .founder-person .photo { width: 12.8vw; height: 17vw; margin: 0 auto; border-radius: 8vw; border: 4px #d5c6b4 solid; background-color: #d5c6b4; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .about-founders-list .founder-person .photo:hover { -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .about-founders-list .founder-person .photo img { width: 100%; height: auto;}
  .about-founders-list .founder-person .name { width: 100%; padding: 1vw 0; font-size: 1.2vw; font-weight: 600; text-align: center;}
  .about-founders-list .founder-person .job { width: 24vw; padding: 0.5vw 0; margin: 0 auto; font-size: 1vw; text-align: center; border-top: 1px #ababab solid; border-bottom: 1px #ababab solid;}
  .about-founders-list .founder-person .experience { width: 100%; padding: 1.5vw 0; font-size: 1vw; line-height: 2vw; text-align: center;}
  .about-founders-list .founder-person .title-book { width: 100%; padding: 1vw 0 0 0; font-size: 1.2vw; text-align: center;}
  .about-founders-list .founder-person .title-book span.border { padding: 0 0.5vw; border: 4px #d1c2b0 solid;}
  .about-founders-list .founder-person .books { width: 100%; padding: 0.8vw 0; font-size: 1vw; line-height: 2vw; text-align: center;}
  .about-founders-list .founder-person .title-memorial { width: 100%; padding: 1vw 0 0 0; font-size: 1.4vw; font-weight: 600; text-align: center;}
  .about-founders-list .founder-person .title-memorial span.border { padding: 0 0.5vw; border: 4px #d1c2b0 solid;}

  .about-founders-list .founder-person .memborial-con { clear: both; width: 100%; padding: 1.5vw 0 0 0; font-size: 1vw; line-height: 1.6vw; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  .about-founders-list .founder-person .memborial-con .right { width: 100%; text-align: right;}
  .about-founders-list .founder-person .more-bt { width: 100%; padding: 0.2vw 1vw; margin: 1vw 0 0 0; color: #000; font-size: 1vw; text-align: center; border-radius: 10px; background-color: #c3ae95; box-sizing: border-box; cursor: pointer;}
  .about-founders-list .founder-person .more-bt:hover { color: #fff;}


  /************ section #page-services ************/

  section#page-services { clear: both; width: 100%; padding: 4vw 6.5vw; box-sizing: border-box;}

  .page-services-preface { clear: both; width: 100%; padding: 0 0 2vw 0; font-size: 1.2vw; line-height: 2vw;}

  .service-list-full .service-intro { width: calc(100% / 7 * 6 - 1vw); padding: 0 2vw; font-size: 1.2vw; line-height: 2vw; box-sizing: border-box;}

  hr.service-line { clear: both; width: 100%; margin: 30px 0; border: 1px #666 dashed;}


  /************ section #page-ourteam ************/

  section#page-ourteam { clear: both; width: 100%; padding: 2.5vw 3.5vw; box-sizing: border-box; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}

  .page-ourteam-jobtitle { clear: both; width: 100%; padding: 0.3vw 0; margin: 3vw auto; font-size: 1.2vw; text-align: center; border-radius: 1vw; background-color: #d5c6b4;}


  .page-ourteam-details { width: 64%; padding: 8vw 8vw 0 4vw; border-left: 1px #666 solid; box-sizing: border-box;}
  .page-ourteam-details .sub-title { width: 100%; font-size: 1.2vw; font-weight: 500;}
  .page-ourteam-details .sub-title span.border { padding: 0 0.5vw; border: 4px #d1c2b0 solid;}
  .page-ourteam-details ul.infor-list { width: 100%; padding: 0 2vw; margin: 1.5vw 0; box-sizing: border-box; list-style-type: square; display: block;}
  .page-ourteam-details ul.infor-list li { width: 100%; padding: 0 0 0.3vw 0; margin: 0; font-size: 1vw; line-height: 1.6vw;}

  .page-goback-bt { clear: both; width: 100%; margin: 2vw 0 0 0;}
  .page-goback-bt a { width: 6vw; padding: 0.3vw 0; margin: 0 auto; color: #fff; font-size: 0.8vw; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .page-goback-bt a:hover { color: #c3ae95;}


  /************ section #page-news ************/

  section#page-news { clear: both; width: 100%; padding: 4vw 10vw; box-sizing: border-box;}

  .page-news-box { clear: both; width: 100%;}
  .page-news-box img.title-text { /*width: 214px;*/width: 10.7vw; height: auto;}
  .page-news-box ul.news-list { width: 100%; padding: 0; margin: 1.5vw 0; list-style: none; display: block;}
  .page-news-box ul.news-list li { width: 100%; padding: 0.8vw 0; margin: 0; border-bottom: 1px #c3ae95 solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-news-box ul.news-list li .date { width: 9vw; padding: 0.3vw 0; color: #fff; font-size: 1.2vw; line-height: 1.2vw; text-align: center; border-radius: 6px; background-color: #c3ae95;}
  .page-news-box ul.news-list li .title { width: calc(100% - 9vw); padding: 0 0 0.3vw 1vw; font-size: 1.2vw; box-sizing: border-box;}
  .page-news-box ul.news-list li a { color: #1a1a1a; text-decoration: none;}
  .page-news-box ul.news-list li a:hover { color: #783c1f;}

  
  ul.page-num-list { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-num-list li { padding: 0; margin: 2vw 0.2vw 0 0.2vw;}
  ul.page-num-list li a { padding: 0.2vw 0.3vw; color: #1a1a1a; font-size: 1.1vw; text-decoration: none; border: 1px #666 solid; display: block;}
  ul.page-num-list li a:hover { background-color: #eee;}
  ul.page-num-list li a.sel { color: #fff; background-color: #c3ae95;}


  .page-news-box ul.news-list li .title-2 { width: calc(100% - 7vw); padding: 0 0 0.3vw 1vw; font-size: 1.4vw; font-weight: 500; box-sizing: border-box;}

  .page-news-content { clear: both; width: 100%; padding: 0 0 2vw 0; color: #1a1a1a; font-size: 1.1vw; line-height: 2vw;}
  .page-news-content img { max-width: 100%; height: auto;}
  .page-news-content a { color: #1a1a1a; text-decoration: none; border-bottom: 1px #1a1a1a dashed; word-break: break-all; word-wrap: break-word;}
  .page-news-content a:hover { color: #c3ae95; border-bottom: 1px #c3ae95 dashed;}


  /************ section contact ************/

  .hp-contact-full .col-middle .text-con { width: 100%; padding: 0 0 2vw 0; font-size: 1.1vw; line-height: 1.6vw;}
  

  /************ footer ************/

  footer { clear: both; width: 100%; padding: 2vw 4vw; box-sizing: border-box; background-color: #666;}

  .footer-logo-infor { width: 100%; display: flex; justify-content: flex-start; align-items: center;}
  .footer-logo-infor .logo { width: 30.3vw; padding: 0 1vw 0 0; box-sizing: border-box; border-right: 1px #fff solid;}
  .footer-logo-infor .logo img { /*width: 585px;*/width: 29.3vw; height: auto;}
  .footer-logo-infor .infor-mo { display: none;}
  .footer-logo-infor .infor { width: calc(100% - 30.3vw); padding: 0 0 0 1vw; color: #fff; font-size: 1.1vw; font-weight: 300; box-sizing: border-box;}
  .footer-logo-infor .infor .copyright { width: 100%; color: #c8c8c8; font-size: 0.9vw;}


}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  /************ header + nav ************/

  header { width: 100%; height: 80px; padding: 0 40px; box-sizing: border-box; position: relative;}

  .header-logo-nav { width: 100%; height: 100%; border-bottom: 1px #666 solid; display: flex; justify-content: flex-start; align-items: center;}
  .header-logo-nav .logo-title { width: 386px;}
  .header-logo-nav .logo-title img { width: 100%; height: auto;}

  nav#pc { display: none;}
  nav#mo { width: calc(100% - 386px);}
  nav#mo .nav-icon { width: 50px; color: #1a1a1a; font-size: 2.2rem; text-align: center; float: right; cursor: pointer;}
  nav#mo ul.nav-menu { width: 100%; padding: 40px 80px; margin: 0; box-sizing: border-box; background-color: #b38c19; list-style: none; display: none; position: absolute; top: 80px; left: 0; z-index: 99;}
  nav#mo ul.nav-menu li { width: 100%; padding: 0; margin: 0;}
  nav#mo ul.nav-menu li a { width: 100%; padding: 10px 0; box-sizing: border-box; color: #fff; font-size: 1.2rem; text-align: center; text-decoration: none; display: flex; justify-content: center; align-items: center; cursor: pointer;}
  nav#mo ul.nav-menu li a img.arrow { width: 16px; height: auto; margin: 0 0 0 8px;}
  nav#mo ul.nav-menu li a:hover { color: #fff;}
  nav#mo ul.nav-menu li a.sel { color: #fff; background-color: #b38c19;}
  nav#mo ul.nav-menu li ul.nav-popup { width: 100%; padding: 20px 0; margin: 0; background-color: rgba(255,255,255,0.2); list-style: none; display: none;}
  nav#mo ul.nav-menu li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  nav#mo ul.nav-menu li ul.nav-popup li a { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2rem; text-align: center; text-decoration: none; display: block;}
  nav#mo ul.nav-menu li ul.nav-popup li a:active { background-color: rgba(255,255,255,0.2);}

  .header-logo-nav .languages-contact { display: none;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo { clear: both; width: 100%; padding: 20px 0; margin: 30px 0 0 0; border-radius: 30px; background-color: #fff; display: none; justify-content: center; align-items: center;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link { width: 240px; padding: 0 20px; margin: 0 10px 0 0; border-radius: 14px; background-color: #b38c19; list-style: none; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link li { padding: 5px 0; margin: 0;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link li a { padding: 0 5px; color: #fff; font-size: 0.8rem; text-decoration: none; border-right: 1px #fff solid;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link li:last-child a { border-right: 0;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link li a:active { color: #eee;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link li a.sel { color: #000;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo .icons { width: 30px; margin: 0 0 0 10px;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo .icons img { width: 100%; height: auto;}


  /************ section #hp-banner ************/

  section#hp-banner { clear: both; width: 100%;}

  .title-text-hp-banner { width: 100%; padding: 50px 40px 40px 40px; box-sizing: border-box;}
  .title-text-hp-banner img { /*width: 654px;*/width: 850px; max-width: 100%; height: auto;}

  .hp-banner-box { clear: both; width: 100%;}
  .hp-banner-box img { width: 100%; height: auto;}


  /************ section #hp-news-about ************/

  section#hp-news-about { clear: both; width: 100%; padding: 40px; box-sizing: border-box;}

  .hp-news-box { width: 100%; padding: 40px 0 70px 0;}
  .hp-news-box img.title-text { width: 214px; max-width: 100%; height: auto;}
  .hp-news-box ul.news-list { width: 100%; padding: 0; margin: 1.5vw 0; list-style: none; display: block;}
  .hp-news-box ul.news-list li { width: 100%; padding: 10px 0; margin: 0; border-bottom: 1px #c3ae95 solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .hp-news-box ul.news-list li .date { width: 120px; padding: 8px 0; color: #fff; font-size: 1rem; line-height: 1em; text-align: center; border-radius: 6px; background-color: #c3ae95;}
  .hp-news-box ul.news-list li .title { width: calc(100% - 120px); padding: 3px 0 0 15px; font-size: 1rem; box-sizing: border-box;}
  .hp-news-box ul.news-list li a { color: #1a1a1a; text-decoration: none;}
  .hp-news-box ul.news-list li a:hover { color: #783c1f;}
  .hp-news-box .more-bt { width: 100%; margin: 20px 0 10px 0; display: flex; justify-content: center;}
  .hp-news-box .more-bt a { width: 150px; padding: 5px 0; color: #fff; font-size: 1rem; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .hp-news-box .more-bt a:hover { color: #c3ae95;}
  .hp-news-box img.hp-news-pic { clear: both; width: 100%; height: auto;}

  .hp-about-box { width: 100%;}
  .hp-about-box img.hp-about-pic { width: 100%; height: auto; margin: 0 0 30px 0;}
  .hp-about-box img.title-text-about { width: 326px; max-width: 100%; height: auto;}
  .hp-about-box .text-con { width: 100%; padding: 30px 0; margin: 10px 0 0 0; color: #1a1a1a; font-size: 0.9rem; line-height: 1.6em; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}
  .hp-about-box .more-bt { width: 100%; margin: 30px 0 0 0; display: flex; justify-content: center;}
  .hp-about-box .more-bt a { width: 150px; padding: 5px 0; color: #fff; font-size: 1rem; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .hp-about-box .more-bt a:hover { color: #c3ae95;}


  /************ section #hp-services ************/

  section#hp-services { clear: both; width: calc(100% - 80px); padding: 40px 0; margin: 0 40px; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}

  img.title-text-service { width: 405px; max-width: 100%; height: auto; margin: 0 auto 30px auto;}

  .service-list-full { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .service-list-full .service-box { width: calc(100% / 4 - 20px); padding: 20px 0; margin: 0 10px 30px 10px; background-color: #e2e2e2;}
  .service-list-full .service-box img { /*width: 117px;*/width: 10vw; height: auto; margin: 0 auto 10px auto;}
  .service-list-full .service-box .text-1 { width: 100%; color: #1a1a1a; font-size: 1.6vw; line-height: 2.6vw; text-align: center;}
  .service-list-full .service-box .text-2 { width: 100%; padding: 1vw 0 0 0; color: #1a1a1a; font-size: 1.6vw; line-height: 2.6vw; text-align: center;}


  /************ section #hp-ourteam ************/

  section#hp-ourteam { clear: both; width: 100%; padding: 40px; box-sizing: border-box;}

  .hp-ourteam-lf { width: 100%; padding: 50px 0;}
  .hp-ourteam-lf img.title-text-ourteam { width: 304px; max-width: 100%; height: auto;}
  .hp-ourteam-lf .text-con { width: 100%; padding: 20px 0 0 0; color: #1a1a1a; font-size: 1rem; line-height: 1.6rem;}
  .hp-ourteam-lf .people-title-box { clear: both; width: 32vw; margin: 5vw auto 4.5vw auto;}
  .hp-ourteam-lf .people-title-box .people-box { width: 32vw; height: 43vw; border-radius: 18vw; border: 4px #d5c6b4 solid; background-color: #fff; display: flex; justify-content: center; align-items: center; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .hp-ourteam-lf .people-title-box .people-box:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .hp-ourteam-lf .people-title-box .people-box img.people-pic-v { width: 100%; height: auto;}
  .hp-ourteam-lf .people-title-box .people-box img.people-pic-h { width: auto; height: 100%;}
  .hp-ourteam-lf .people-title-box .people-title { width: 100%; padding: 30px 0 0 0; color: #000; font-size: 1.1rem; text-align: center;}

  .hp-ourteam-rt { width: 74vw; padding: 30px 0 0 0; margin: 0 auto; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
  .hp-ourteam-rt .people-title-box { width: 32vw; margin: 0 2.5vw 5vw 2.5vw;}
  .hp-ourteam-rt .people-title-box .people-box { width: 32vw; height: 43vw; border-radius: 18vw; border: 4px #d5c6b4 solid; background-color: #fff; display: flex; justify-content: center; align-items: center; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .hp-ourteam-rt .people-title-box .people-box:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .hp-ourteam-rt .people-title-box .people-box img.people-pic-v { width: 100%; height: auto;}
  .hp-ourteam-rt .people-title-box .people-box img.people-pic-h { width: auto; height: 100%;}
  .hp-ourteam-rt .people-title-box .people-title { width: 100%; padding: 30px 0 0 0; color: #000; font-size: 1rem; text-align: center;}
  

  /************ section #hp-joinus ************/

  section#hp-joinus { clear: both; width: calc(100% - 80px); padding: 40px 0; margin: 0 40px; border-top: 1px #666 solid; border-bottom: 1px #666 solid; box-sizing: border-box;}

  img.title-text-joinus { width: 635px; max-width: 100%; height: auto; margin: 0 auto;}

  .joinus-text-con { clear: both; width: 100%; padding: 10px 0 0 0; color: #1a1a1a; font-size: 0.9rem; line-height: 1.6em; text-align: center;}

  .joinus-pic-infor { clear: both; width: 100%; margin: 40px 0 0 0;}
  .joinus-pic-infor .joinus-pic { width: 100%; margin: 0 0 40px 0;}
  .joinus-pic-infor .joinus-pic img { width: 100%; height: auto;}
  .joinus-pic-infor .joinus-infor { width: 100%; color: #1a1a1a; font-size: 1.2rem; line-height: 2.4em;}
  .joinus-pic-infor .joinus-infor a { padding: 10px 0; color: #1a1a1a; text-decoration: none; border-bottom: 2px #d5c6b4 solid;}
  .joinus-pic-infor .joinus-infor a:hover { color: #783c1f;}


  /************ section #hp-contact ************/

  section#hp-contact { clear: both; width: 100%; padding: 40px; box-sizing: border-box;}

  .hp-contact-full { width: 100%;}
  .hp-contact-full .col-left { width: 100%;}
  .hp-contact-full .col-left img.title-text-contact { width: 360px; max-width: 100%; height: auto;}
  .hp-contact-full .col-left .text-con { width: 100%; padding: 20px 0 0 0; color: #000; font-size: 1rem; line-height: 1.8em;}
  .hp-contact-full .col-middle { width: 100%; margin: 30px 0;}
  .hp-contact-full .col-middle input[type=text], 
  .hp-contact-full .col-middle input[type=email], 
  .hp-contact-full .col-middle input[type=tel] { width: 100%; padding: 10px; margin: 0 0 10px 0; color: #000; font-size: 1rem; border: 1px #958275 solid; border-radius: 8px; background-color: #fff; box-sizing: border-box;}
  .hp-contact-full .col-middle textarea { width: 100%; height: 100px; padding: 10px; margin: 0 0 10px 0; color: #000; font-size: 1rem; border: 1px #958275 solid; border-radius: 8px; background-color: #fff; box-sizing: border-box;}
  .hp-contact-full .col-middle input[type=submit], 
  .hp-contact-full .col-middle input[type=button] { width: 100px; padding: 5px 0; margin: 20px 0 0 0; color: #fff; font-size: 1rem; text-align: center; border: 0; border-radius: 8px; background-color: #42210b; cursor: pointer;}
  .hp-contact-full .col-middle input[type=submit]:hover, 
  .hp-contact-full .col-middle input[type=button]:hover { color: #d5c6b4;}
  .hp-contact-full .col-right { display: none;}
  .hp-contact-full .col-right-mo { width: 100%;}
  .hp-contact-full .col-right-mo img.map { width: 480px; max-width: 100%; height: auto; margin: 30px auto;}


  /************ page-banner-box ************/

  .page-banner-box { clear: both; width: 100%; overflow: hidden;}
  .page-banner-box img { width: 160%; height: auto; margin: 0 0 0 -30%;}


  /************ section page-about ************/

  section#page-about-start { clear: both; width: 100%; padding: 40px; box-sizing: border-box;}

  img.page-title-text-about-1 { width: 422px; max-width: 100%; height: auto;}

  .about-start-con { clear: both; width: 100%; margin: 30px 0 0 0;}
  .about-start-con .col-text { width: 100%; padding: 50px 0 0 0; color: #1a1a1a; font-size: 1rem; line-height: 2em; border-top: 1px #666 solid;}
  .about-start-con .col-pics { width: 100%; padding: 30px 0 0 0; box-sizing: border-box;}
  .about-start-con .col-pics img { width: 550px; height: auto; margin: 0 auto;}


  section#page-about-symbol { clear: both; width: calc(100% - 80px); margin: 0 40px; padding: 90px 0 70px 0; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}

  img.page-title-text-about-2 { width: 1026px; max-width: 100%; height: auto; margin: 0 auto;}

  img.about-symbol-pic { width: 550px; max-width: 100%; height: auto; margin: 30px auto;}

  .about-symbol-text-con { clear: both; width: 100%; margin: 0 auto; color: #1a1a1a; font-size: 1rem; line-height: 2em; text-align: center;}
  .about-symbol-text-con .slogan-text { width: 100%; margin: 40px 0 0 0; color: #534741; font-size: 1.1rem; font-weight: 600; line-height: 1.2em; display: flex; justify-content: center; align-items: center;}
  .about-symbol-text-con .slogan-text img.icon { width: 8px; height: auto; margin: 0 10px;}


  section#page-about-features { clear: both; width: 100%; padding: 80px 40px; box-sizing: border-box;}

  .about-features-title-pic { width: 100%;}
  .about-features-title-pic img.title-text { width: 699px; max-width: 100%; height: auto;}
  .about-features-title-pic img.feature-pic { width: 100%; height: auto; margin: 40px 0 0 0;}

  .about-features-text { width: 100%; padding: 30px 0 0 0; color: #1a1a1a; font-size: 1rem; line-height: 2em;}


  section#page-about-services { clear: both; width: 100%; position: relative; overflow: hidden;}

  img.about-services-bg { width: 190%; height: auto; margin: 0 0 0 -60%; position: relative; z-index: 1;}

  img.title-text-about-4 { width: 342px; height: auto; position: absolute; bottom: 20px; left: 40px; z-index: 2;}

  .about-services-text-con { width: 500px; color: #1a1a1a; font-size: 1rem; line-height: 1.8em; position: absolute; top: 40px; left: 40px; z-index: 2;}


  section#page-about-founders { clear: both; width: 100%; padding: 80px 40px; box-sizing: border-box;}

  img.page-title-text-about-5 { width: 735px; max-width: 100%; height: auto; margin: 0 auto;}

  .about-founders-list { clear: both; width: 100%; margin: 50px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch;}
  .about-founders-list .founder-person { width: calc(100% / 3); padding: 0 20px; border-right: 1px #666 solid; box-sizing: border-box;}
  .about-founders-list .founder-person:last-child { border-right: 0;}
  .about-founders-list .founder-person .photo { width: 20vw; height: 26vw; margin: 0 auto; border-radius: 14vw; border: 4px #d5c6b4 solid; background-color: #d5c6b4; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .about-founders-list .founder-person .photo:hover { -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .about-founders-list .founder-person .photo img { width: 100%; height: auto;}
  .about-founders-list .founder-person .name { width: 100%; padding: 20px 0; font-size: 1.2rem; font-weight: 600; text-align: center;}
  .about-founders-list .founder-person .job { width: 90%; padding: 10px 0; margin: 0 auto; font-size: 0.9rem; text-align: center; border-top: 1px #ababab solid; border-bottom: 1px #ababab solid;}
  .about-founders-list .founder-person .experience { width: 100%; padding: 30px 0; font-size: 0.9rem; line-height: 2em; text-align: center;}
  .about-founders-list .founder-person .title-book { width: 100%; padding: 20px 0 0 0; font-size: 1.2rem; text-align: center;}
  .about-founders-list .founder-person .title-book span.border { padding: 0 10px; border: 4px #d1c2b0 solid;}
  .about-founders-list .founder-person .books { width: 100%; padding: 8px 0; font-size: 0.9rem; line-height: 2em; text-align: center;}
  .about-founders-list .founder-person .title-memorial { width: 100%; padding: 20px 0 0 0; font-size: 1.2rem; font-weight: 600; text-align: center;}
  .about-founders-list .founder-person .title-memorial span.border { padding: 0 10px; border: 4px #d1c2b0 solid;}

  .about-founders-list .founder-person .memborial-con { clear: both; width: 100%; padding: 30px 0 0 0; font-size: 0.9rem; line-height: 1.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  .about-founders-list .founder-person .memborial-con .right { width: 100%; text-align: right;}
  .about-founders-list .founder-person .more-bt { width: 100%; padding: 5px 10px; margin: 20px 0 0 0; color: #000; font-size: 0.9rem; text-align: center; border-radius: 10px; background-color: #c3ae95; box-sizing: border-box; cursor: pointer;}
  .about-founders-list .founder-person .more-bt:hover { color: #fff;}


  /************ section #page-services ************/

  section#page-services { clear: both; width: 100%; padding: 80px 40px; box-sizing: border-box;}

  .page-services-preface { clear: both; width: 100%; padding: 0 0 40px 0; font-size: 1rem; line-height: 2em;}

  .service-list-full .service-intro { width: 100%; padding: 0 40px; font-size: 1rem; line-height: 2em; box-sizing: border-box;}

  hr.service-line { clear: both; width: 100%; margin: 30px 0; border: 1px #666 dashed;}


  /************ section #page-ourteam ************/

  section#page-ourteam { clear: both; width: 100%; padding: 40px; box-sizing: border-box;}

  .page-ourteam-jobtitle { clear: both; width: 100%; padding: 8px 0; margin: 60px auto; font-size: 1.4rem; text-align: center; border-radius: 20px; background-color: #d5c6b4;}


  .page-ourteam-details { width: 100%;}
  .page-ourteam-details .sub-title { width: 100%; font-size: 1.2rem; font-weight: 500;}
  .page-ourteam-details .sub-title span.border { padding: 0 8px; border: 4px #d1c2b0 solid;}
  .page-ourteam-details ul.infor-list { width: 100%; padding: 0 0 0 30px; margin: 30px 0; box-sizing: border-box; list-style-type: square; display: block;}
  .page-ourteam-details ul.infor-list li { width: 100%; padding: 0 0 10px 0; margin: 0; font-size: 1rem; line-height: 1.6em;}

  .page-goback-bt { clear: both; width: 100%; margin: 2vw 0 0 0;}
  .page-goback-bt a { width: 120px; padding: 8px 0; margin: 0 auto; color: #fff; font-size: 1rem; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .page-goback-bt a:hover { color: #c3ae95;}


  /************ section #page-news ************/

  section#page-news { clear: both; width: 100%; padding: 60px 40px; box-sizing: border-box;}

  .page-news-box { clear: both; width: 100%;}
  .page-news-box img.title-text { width: 214px; max-width: 100%; height: auto;}
  .page-news-box ul.news-list { width: 100%; padding: 0; margin: 30px 0; list-style: none; display: block;}
  .page-news-box ul.news-list li { width: 100%; padding: 10px 0; margin: 0; border-bottom: 1px #c3ae95 solid; display: flex; justify-content: flex-start; align-items: flex-start;}
  .page-news-box ul.news-list li .date { width: 120px; padding: 8px 0; color: #fff; font-size: 1rem; line-height: 1em; text-align: center; border-radius: 6px; background-color: #c3ae95;}
  .page-news-box ul.news-list li .title { width: calc(100% - 120px); padding: 3px 0 0 15px; font-size: 1rem; box-sizing: border-box;}
  .page-news-box ul.news-list li a { color: #1a1a1a; text-decoration: none;}
  .page-news-box ul.news-list li a:hover { color: #783c1f;}

  
  ul.page-num-list { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-num-list li { padding: 0; margin: 40px 5px 0 5px;}
  ul.page-num-list li a { padding: 3px 8px; color: #1a1a1a; font-size: 1rem; text-decoration: none; border: 1px #666 solid; display: block;}
  ul.page-num-list li a:hover { background-color: #eee;}
  ul.page-num-list li a.sel { color: #fff; background-color: #c3ae95;}


  .page-news-box ul.news-list li .title-2 { width: calc(100% - 120px); padding: 0 0 0 15px; font-size: 1.4rem; font-weight: 500; box-sizing: border-box;}

  .page-news-content { clear: both; width: 100%; padding: 0 0 40px 0; color: #1a1a1a; font-size: 1rem; line-height: 2em;}
  .page-news-content img { max-width: 100%; height: auto;}
  .page-news-content a { color: #1a1a1a; text-decoration: none; border-bottom: 1px #1a1a1a dashed; word-break: break-all; word-wrap: break-word;}
  .page-news-content a:hover { color: #c3ae95; border-bottom: 1px #c3ae95 dashed;}


  /************ section contact ************/

  .hp-contact-full .col-middle .text-con { width: 100%; padding: 0 0 20px 0; font-size: 1rem; line-height: 1.6em;}
  

  /************ footer ************/

  footer { clear: both; width: 100%; padding: 40px; box-sizing: border-box; background-color: #666;}

  .footer-logo-infor { width: 100%;}
  .footer-logo-infor .logo { width: 100%; margin: 0 0 30px 0;}
  .footer-logo-infor .logo img { width: 585px; max-width: 100%; height: auto; margin: 0 auto;}
  .footer-logo-infor .infor { display: none;}
  .footer-logo-infor .infor-mo { width: 100%; color: #fff; font-size: 1rem; line-height: 1.6em; text-align: center;}
  .footer-logo-infor .infor-mo .copyright { width: 100%; padding: 20px 0 0; color: #c8c8c8; font-size: 0.8rem; line-height: 1.4em; text-align: center;}


}

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

  /************ header + nav ************/

  header { width: 100%; height: 80px; padding: 0 20px; box-sizing: border-box; position: relative;}

  .header-logo-nav { width: 100%; height: 100%; border-bottom: 1px #666 solid; display: flex; justify-content: flex-start; align-items: center;}
  .header-logo-nav .logo-title { width: 280px;}
  .header-logo-nav .logo-title img { width: 100%; height: auto;}

  nav#pc { display: none;}
  nav#mo { width: calc(100% - 280px);}
  nav#mo .nav-icon { width: 50px; color: #1a1a1a; font-size: 2.2rem; text-align: center; float: right; cursor: pointer;}
  nav#mo ul.nav-menu { width: 100%; padding: 40px 20px; margin: 0; box-sizing: border-box; background-color: #b38c19; list-style: none; display: none; position: absolute; top: 80px; left: 0; z-index: 99;}
  nav#mo ul.nav-menu li { width: 100%; padding: 0; margin: 0;}
  nav#mo ul.nav-menu li a { width: 100%; padding: 10px 0; box-sizing: border-box; color: #fff; font-size: 1.2rem; text-align: center; text-decoration: none; display: flex; justify-content: center; align-items: center; cursor: pointer;}
  nav#mo ul.nav-menu li a img.arrow { width: 16px; height: auto; margin: 0 0 0 8px;}
  nav#mo ul.nav-menu li a:hover { color: #fff;}
  nav#mo ul.nav-menu li a.sel { color: #fff; background-color: #b38c19;}
  nav#mo ul.nav-menu li ul.nav-popup { width: 100%; padding: 20px 0; margin: 0; background-color: rgba(255,255,255,0.2); list-style: none; display: none;}
  nav#mo ul.nav-menu li ul.nav-popup li { width: 100%; padding: 0; margin: 0;}
  nav#mo ul.nav-menu li ul.nav-popup li a { width: 100%; padding: 10px 0; color: #fff; font-size: 1.2rem; text-align: center; text-decoration: none; display: block;}
  nav#mo ul.nav-menu li ul.nav-popup li a:active { background-color: rgba(255,255,255,0.2);}

  .header-logo-nav .languages-contact { display: none;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo { clear: both; width: 100%; padding: 20px 0; margin: 30px 0 0 0; border-radius: 30px; background-color: #fff; display: none; justify-content: center; align-items: center; flex-wrap: wrap;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link { width: 90%; padding: 0 20px; margin: 0 0 20px 0; border-radius: 14px; background-color: #b38c19; list-style: none; display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link li { padding: 5px 0; margin: 0;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link li a { padding: 0 5px; color: #fff; font-size: 0.9rem; text-decoration: none; border-right: 1px #fff solid;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link li:last-child a { border-right: 0;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link li a:active { color: #eee;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo ul.languages-link li a.sel { color: #000;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo .icons { width: 30px; margin: 0 10px;}
  .header-logo-nav nav#mo ul.nav-menu .languages-contact-mo .icons img { width: 100%; height: auto;}


  /************ section #hp-banner ************/

  section#hp-banner { clear: both; width: 100%;}

  .title-text-hp-banner { width: 100%; padding: 40px 20px; box-sizing: border-box;}
  .title-text-hp-banner img { /*width: 654px;*/width: 850px; max-width: 100%; height: auto;}

  .hp-banner-box { clear: both; width: 100%;}
  .hp-banner-box img { width: 100%; height: auto;}


  /************ section #hp-news-about ************/

  section#hp-news-about { clear: both; width: 100%; padding: 40px 20px; box-sizing: border-box;}

  .hp-news-box { width: 100%; padding: 20px 0 70px 0;}
  .hp-news-box img.title-text { width: 214px; max-width: 100%; height: auto;}
  .hp-news-box ul.news-list { width: 100%; padding: 0; margin: 1.5vw 0; list-style: none; display: block;}
  .hp-news-box ul.news-list li { width: 100%; padding: 15px 0; margin: 0; border-bottom: 1px #c3ae95 solid;}
  .hp-news-box ul.news-list li .date { width: 120px; padding: 10px 0; color: #fff; font-size: 1rem; line-height: 1em; text-align: center; border-radius: 6px; background-color: #c3ae95;}
  .hp-news-box ul.news-list li .title { width: 100%; padding: 5px 0 0 0; font-size: 1rem; box-sizing: border-box;}
  .hp-news-box ul.news-list li a { color: #1a1a1a; text-decoration: none;}
  .hp-news-box ul.news-list li a:hover { color: #783c1f;}
  .hp-news-box .more-bt { width: 100%; margin: 20px 0 10px 0; display: flex; justify-content: center;}
  .hp-news-box .more-bt a { width: 150px; padding: 5px 0; color: #fff; font-size: 1rem; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .hp-news-box .more-bt a:hover { color: #c3ae95;}
  .hp-news-box img.hp-news-pic { clear: both; width: 100%; height: auto;}

  .hp-about-box { width: 100%;}
  .hp-about-box img.hp-about-pic { width: 100%; height: auto; margin: 0 0 30px 0;}
  .hp-about-box img.title-text-about { width: 326px; max-width: 100%; height: auto;}
  .hp-about-box .text-con { width: 100%; padding: 30px 0; margin: 10px 0 0 0; color: #1a1a1a; font-size: 0.9rem; line-height: 1.6em; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}
  .hp-about-box .more-bt { width: 100%; margin: 30px 0 0 0; display: flex; justify-content: center;}
  .hp-about-box .more-bt a { width: 150px; padding: 5px 0; color: #fff; font-size: 1rem; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .hp-about-box .more-bt a:hover { color: #c3ae95;}


  /************ section #hp-services ************/

  section#hp-services { clear: both; width: calc(100% - 40px); padding: 40px 0; margin: 0 20px; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}

  img.title-text-service { width: 405px; max-width: 100%; height: auto; margin: 0 auto 30px auto;}

  .service-list-full { clear: both; width: 100%; display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
  .service-list-full .service-box { width: calc(100% / 2 - 20px); padding: 20px 0; margin: 0 10px 30px 10px; background-color: #e2e2e2;}
  .service-list-full .service-box img { /*width: 117px;*/width: 20vw; height: auto; margin: 0 auto 10px auto;}
  .service-list-full .service-box .text-1 { width: 100%; color: #1a1a1a; font-size: 3vw; line-height: 5vw; text-align: center;}
  .service-list-full .service-box .text-2 { width: 100%; padding: 2vw 0 0 0; color: #1a1a1a; font-size: 3vw; line-height: 5vw; text-align: center;}


  /************ section #hp-ourteam ************/

  section#hp-ourteam { clear: both; width: 100%; padding: 40px 20px; box-sizing: border-box;}

  .hp-ourteam-lf { width: 100%; padding: 50px 0;}
  .hp-ourteam-lf img.title-text-ourteam { width: 304px; max-width: 100%; height: auto;}
  .hp-ourteam-lf .text-con { width: 100%; padding: 20px 0 0 0; color: #1a1a1a; font-size: 1rem; line-height: 1.6rem;}
  .hp-ourteam-lf .people-title-box { clear: both; width: 60vw; margin: 5vw auto 4.5vw auto;}
  .hp-ourteam-lf .people-title-box .people-box { width: 60vw; height: 80vw; border-radius: 30vw; border: 4px #d5c6b4 solid; background-color: #fff; display: flex; justify-content: center; align-items: center; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .hp-ourteam-lf .people-title-box .people-box:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .hp-ourteam-lf .people-title-box .people-box img.people-pic-v { width: 100%; height: auto;}
  .hp-ourteam-lf .people-title-box .people-box img.people-pic-h { width: auto; height: 100%;}
  .hp-ourteam-lf .people-title-box .people-title { width: 100%; padding: 30px 0 0 0; color: #000; font-size: 1.2rem; text-align: center;}

  .hp-ourteam-rt { width: 100%; padding: 30px 0 0 0; display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
  .hp-ourteam-rt .people-title-box { width: 40vw; margin: 0 auto 30px auto;}
  .hp-ourteam-rt .people-title-box .people-box { width: 40vw; height: 56vw; border-radius: 30vw; border: 4px #d5c6b4 solid; background-color: #fff; display: flex; justify-content: center; align-items: center; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .hp-ourteam-rt .people-title-box .people-box:hover { -moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .hp-ourteam-rt .people-title-box .people-box img.people-pic-v { width: 100%; height: auto;}
  .hp-ourteam-rt .people-title-box .people-box img.people-pic-h { width: auto; height: 100%;}
  .hp-ourteam-rt .people-title-box .people-title { width: 100%; padding: 20px 0 0 0; color: #000; font-size: 1rem; text-align: center;}
  

  /************ section #hp-joinus ************/

  section#hp-joinus { clear: both; width: calc(100% - 40px); padding: 40px 0; margin: 0 20px; border-top: 1px #666 solid; border-bottom: 1px #666 solid; box-sizing: border-box;}

  img.title-text-joinus { width: 635px; max-width: 100%; height: auto; margin: 0 auto;}

  .joinus-text-con { clear: both; width: 100%; padding: 10px 0 0 0; color: #1a1a1a; font-size: 0.9rem; line-height: 1.6em; text-align: center;}

  .joinus-pic-infor { clear: both; width: 100%; margin: 40px 0 0 0;}
  .joinus-pic-infor .joinus-pic { width: 100%; margin: 0 0 40px 0;}
  .joinus-pic-infor .joinus-pic img { width: 100%; height: auto;}
  .joinus-pic-infor .joinus-infor { width: 100%; color: #1a1a1a; font-size: 1.2rem; line-height: 2.4em;}
  .joinus-pic-infor .joinus-infor a { padding: 10px 0; color: #1a1a1a; text-decoration: none; border-bottom: 2px #d5c6b4 solid;}
  .joinus-pic-infor .joinus-infor a:hover { color: #783c1f;}


  /************ section #hp-contact ************/

  section#hp-contact { clear: both; width: 100%; padding: 40px 20px; box-sizing: border-box;}

  .hp-contact-full { width: 100%;}
  .hp-contact-full .col-left { width: 100%;}
  .hp-contact-full .col-left img.title-text-contact { width: 360px; max-width: 100%; height: auto;}
  .hp-contact-full .col-left .text-con { width: 100%; padding: 20px 0 0 0; color: #000; font-size: 1rem; line-height: 1.8em;}
  .hp-contact-full .col-middle { width: 100%; margin: 30px 0;}
  .hp-contact-full .col-middle input[type=text], 
  .hp-contact-full .col-middle input[type=email], 
  .hp-contact-full .col-middle input[type=tel] { width: 100%; padding: 10px; margin: 0 0 10px 0; color: #000; font-size: 1rem; border: 1px #958275 solid; border-radius: 8px; background-color: #fff; box-sizing: border-box;}
  .hp-contact-full .col-middle textarea { width: 100%; height: 100px; padding: 10px; margin: 0 0 10px 0; color: #000; font-size: 1rem; border: 1px #958275 solid; border-radius: 8px; background-color: #fff; box-sizing: border-box;}
  .hp-contact-full .col-middle input[type=submit], 
  .hp-contact-full .col-middle input[type=button] { width: 100px; padding: 5px 0; margin: 20px 0 0 0; color: #fff; font-size: 1rem; text-align: center; border: 0; border-radius: 8px; background-color: #42210b; cursor: pointer;}
  .hp-contact-full .col-middle input[type=submit]:hover, 
  .hp-contact-full .col-middle input[type=button]:hover { color: #d5c6b4;}
  .hp-contact-full .col-right { display: none;}
  .hp-contact-full .col-right-mo { width: 100%;}
  .hp-contact-full .col-right-mo img.map { width: 480px; max-width: 100%; height: auto; margin: 30px auto;}


  /************ page-banner-box ************/

  .page-banner-box { clear: both; width: 100%; overflow: hidden;}
  .page-banner-box img { width: 200%; height: auto; margin: 0 0 0 -50%;}


  /************ section page-about ************/

  section#page-about-start { clear: both; width: 100%; padding: 40px 20px; box-sizing: border-box;}

  img.page-title-text-about-1 { width: 422px; max-width: 100%; height: auto;}

  .about-start-con { clear: both; width: 100%; margin: 30px 0 0 0;}
  .about-start-con .col-text { width: 100%; padding: 50px 0 0 0; color: #1a1a1a; font-size: 1rem; line-height: 2em; border-top: 1px #666 solid;}
  .about-start-con .col-pics { width: 100%; padding: 30px 0 0 0; box-sizing: border-box;}
  .about-start-con .col-pics img { width: 550px; max-width: 100%; height: auto; margin: 0 auto;}


  section#page-about-symbol { clear: both; width: calc(100% - 40px); margin: 0 20px; padding: 70px 0; border-top: 1px #666 solid; border-bottom: 1px #666 solid;}

  img.page-title-text-about-2 { width: 1026px; max-width: 100%; height: auto; margin: 0 auto;}

  img.about-symbol-pic { width: 550px; max-width: 100%; height: auto; margin: 30px auto;}

  .about-symbol-text-con { clear: both; width: 100%; margin: 0 auto; color: #1a1a1a; font-size: 1rem; line-height: 2em; text-align: center;}
  .about-symbol-text-con .slogan-text { width: 100%; margin: 40px 0 0 0; color: #534741; font-size: 1.1rem; font-weight: 600; line-height: 1.2em; display: flex; justify-content: center; align-items: center;}
  .about-symbol-text-con .slogan-text img.icon { width: 8px; height: auto; margin: 0 10px;}


  section#page-about-features { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box;}

  .about-features-title-pic { width: 100%;}
  .about-features-title-pic img.title-text { width: 699px; max-width: 100%; height: auto;}
  .about-features-title-pic img.feature-pic { width: 100%; height: auto; margin: 40px 0 0 0;}

  .about-features-text { width: 100%; padding: 30px 0 0 0; color: #1a1a1a; font-size: 1rem; line-height: 2em;}


  section#page-about-services { clear: both; width: 100%; padding: 40px 20px; background-color: #b7b5b8; box-sizing: border-box;}

  img.about-services-bg { display: none;}

  img.title-text-about-4 { width: 342px; max-width: 100%; height: auto; margin: 30px 0 0 0;}

  .about-services-text-con { width: 100%; color: #1a1a1a; font-size: 1rem; line-height: 1.8em;}


  section#page-about-founders { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box;}

  img.page-title-text-about-5 { width: 735px; max-width: 100%; height: auto; margin: 0 auto;}

  .about-founders-list { clear: both; width: 100%; margin: 50px 0 0 0;}
  .about-founders-list .founder-person { width: 100%; padding: 40px 0; border-bottom: 1px #666 solid; box-sizing: border-box;}
  .about-founders-list .founder-person:last-child { border-bottom: 0;}
  .about-founders-list .founder-person .photo { width: 60vw; height: 80vw; margin: 0 auto; border-radius: 40vw; border: 4px #d5c6b4 solid; background-color: #d5c6b4; display: flex; justify-content: center; align-items: flex-start; overflow: hidden; box-sizing: border-box; transition: 0.3s;}
  .about-founders-list .founder-person .photo:hover { -moz-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5); 
-webkit-box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5); box-shadow: 4px 4px 12px -2px rgba(20%,20%,40%,0.5);}
  .about-founders-list .founder-person .photo img { width: 100%; height: auto;}
  .about-founders-list .founder-person .name { width: 100%; padding: 20px 0; font-size: 1.2rem; font-weight: 600; text-align: center;}
  .about-founders-list .founder-person .job { width: 90%; padding: 10px 0; margin: 0 auto; font-size: 0.9rem; text-align: center; border-top: 1px #ababab solid; border-bottom: 1px #ababab solid;}
  .about-founders-list .founder-person .experience { width: 100%; padding: 30px 0; font-size: 0.9rem; line-height: 2em; text-align: center;}
  .about-founders-list .founder-person .title-book { width: 100%; padding: 20px 0 0 0; font-size: 1.2rem; text-align: center;}
  .about-founders-list .founder-person .title-book span.border { padding: 0 10px; border: 4px #d1c2b0 solid;}
  .about-founders-list .founder-person .books { width: 100%; padding: 8px 0; font-size: 0.9rem; line-height: 2em; text-align: center;}
  .about-founders-list .founder-person .title-memorial { width: 100%; padding: 20px 0 0 0; font-size: 1.2rem; font-weight: 600; text-align: center;}
  .about-founders-list .founder-person .title-memorial span.border { padding: 0 10px; border: 4px #d1c2b0 solid;}

  .about-founders-list .founder-person .memborial-con { clear: both; width: 100%; padding: 30px 0 0 0; font-size: 0.9rem; line-height: 1.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
  .about-founders-list .founder-person .memborial-con .right { width: 100%; text-align: right;}
  .about-founders-list .founder-person .more-bt { width: 100%; padding: 5px 10px; margin: 20px 0 0 0; color: #000; font-size: 0.9rem; text-align: center; border-radius: 10px; background-color: #c3ae95; box-sizing: border-box; cursor: pointer;}
  .about-founders-list .founder-person .more-bt:hover { color: #fff;}


  /************ section #page-services ************/

  section#page-services { clear: both; width: 100%; padding: 80px 20px; box-sizing: border-box;}

  .page-services-preface { clear: both; width: 100%; padding: 0 0 40px 0; font-size: 1rem; line-height: 2em;}

  .service-list-full .service-intro { width: 100%; font-size: 1rem; line-height: 2em;}

  hr.service-line { clear: both; width: 100%; margin: 30px 0; border: 1px #666 dashed;}


  /************ section #page-ourteam ************/

  section#page-ourteam { clear: both; width: 100%; padding: 40px 20px; box-sizing: border-box;}

  .page-ourteam-jobtitle { clear: both; width: 100%; padding: 8px 0; margin: 60px auto; font-size: 1.4rem; text-align: center; border-radius: 20px; background-color: #d5c6b4;}


  .page-ourteam-details { width: 100%;}
  .page-ourteam-details .sub-title { width: 100%; font-size: 1.2rem; font-weight: 500;}
  .page-ourteam-details .sub-title span.border { padding: 0 8px; border: 4px #d1c2b0 solid;}
  .page-ourteam-details ul.infor-list { width: 100%; padding: 0 0 0 30px; margin: 30px 0; box-sizing: border-box; list-style-type: square; display: block;}
  .page-ourteam-details ul.infor-list li { width: 100%; padding: 0 0 10px 0; margin: 0; font-size: 1rem; line-height: 1.6em;}

  .page-goback-bt { clear: both; width: 100%; margin: 40px 0 0 0;}
  .page-goback-bt a { width: 120px; padding: 8px 0; margin: 0 auto; color: #fff; font-size: 1rem; font-weight: 300; text-align: center; text-decoration: none; border-radius: 8px; background-color: #783c1f; display: block;}
  .page-goback-bt a:hover { color: #c3ae95;}


  /************ section #page-news ************/

  section#page-news { clear: both; width: 100%; padding: 60px 20px; box-sizing: border-box;}

  .page-news-box { clear: both; width: 100%;}
  .page-news-box img.title-text { width: 214px; max-width: 100%; height: auto;}
  .page-news-box ul.news-list { width: 100%; padding: 0; margin: 30px 0; list-style: none; display: block;}
  .page-news-box ul.news-list li { width: 100%; padding: 15px 0; margin: 0; border-bottom: 1px #c3ae95 solid;}
  .page-news-box ul.news-list li .date { width: 120px; padding: 10px 0; color: #fff; font-size: 1rem; line-height: 1em; text-align: center; border-radius: 6px; background-color: #c3ae95;}
  .page-news-box ul.news-list li .title { width: 100%; padding: 5px 0 0 0; font-size: 1rem; box-sizing: border-box;}
  .page-news-box ul.news-list li a { color: #1a1a1a; text-decoration: none;}
  .page-news-box ul.news-list li a:hover { color: #783c1f;}

  
  ul.page-num-list { clear: both; width: 100%; padding: 0; margin: 0; list-style: none; display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
  ul.page-num-list li { padding: 0; margin: 40px 5px 0 5px;}
  ul.page-num-list li a { padding: 3px 8px; color: #1a1a1a; font-size: 1rem; text-decoration: none; border: 1px #666 solid; display: block;}
  ul.page-num-list li a:hover { background-color: #eee;}
  ul.page-num-list li a.sel { color: #fff; background-color: #c3ae95;}


  .page-news-box ul.news-list li .title-2 { width: 100%; padding: 10px 0 0 0; font-size: 1.4rem; font-weight: 500;}

  .page-news-content { clear: both; width: 100%; padding: 0 0 40px 0; color: #1a1a1a; font-size: 1rem; line-height: 2em;}
  .page-news-content img { max-width: 100%; height: auto;}
  .page-news-content a { color: #1a1a1a; text-decoration: none; border-bottom: 1px #1a1a1a dashed; word-break: break-all; word-wrap: break-word;}
  .page-news-content a:hover { color: #c3ae95; border-bottom: 1px #c3ae95 dashed;}


  /************ section contact ************/

  .hp-contact-full .col-middle .text-con { width: 100%; padding: 0 0 20px 0; font-size: 1rem; line-height: 1.6em;}
  

  /************ footer ************/

  footer { clear: both; width: 100%; padding: 40px 20px; box-sizing: border-box; background-color: #666;}

  .footer-logo-infor { width: 100%;}
  .footer-logo-infor .logo { width: 100%; margin: 0 0 30px 0;}
  .footer-logo-infor .logo img { width: 585px; max-width: 100%; height: auto; margin: 0 auto;}
  .footer-logo-infor .infor { display: none;}
  .footer-logo-infor .infor-mo { width: 100%; color: #fff; font-size: 1rem; line-height: 2em; text-align: center;}
  .footer-logo-infor .infor-mo .copyright { width: 100%; padding: 20px 0 0; color: #c8c8c8; font-size: 0.8rem; line-height: 1.4em; text-align: center;}
  

}