/* 行動版面: 480px 以下。 */
@media only screen and (max-width: 480px) {

/* content */
.index-content{float:left; width:100%; padding:40px 0 50px 0; margin:0;background-color:#f6f6f6}
.t70{max-width:92%; margin:0 auto; padding:0;}
.director{float:left;width:100%; margin:10px 0 20px 0; padding:0;}
 .director img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.main-right{float:left;width:100%; margin:10px 0 0 0; padding:0;}
.cnTt{float:left;width:100%; font-weight:bold}
.more{float:left; width:100%; padding:0; margin:20px 0 0 0;}
  .more a{color: #000;text-decoration:none;}
  .more a:hover {color: #546100;text-decoration: none;}
.line{float:left;width:20px; height:3px;padding:0; margin:6px 10px 6px 0; background-color:#000}
.cpT{float:left;width:100%; margin:0; padding:0;}
  .cpT h2{font-size:32px; margin:0 0 20px 0; font-weight:400;}
  .cpT h3{font-size:22px; margin:0 0 30px 0; font-weight:400;}
  .cpT p{font-size:17px; line-height:2em;}
.s-tx{font-size:17px; color:#555}

.case-title{float:left; width:97%; margin:0 1.5% 10px 1.5%; padding:0}
 .case-title h3{ margin:0; padding:0;font-size:22px; color: #222222; font-weight:400;}
 .case-title h4{ margin:15px 0 0 0; padding:0;font-size:15px; color: #222222; font-weight:400;}
.content-dn{float:left;width:100%; margin:0; padding:0; background-color:#ffffff;}
.main-box{width:87%; margin:0 auto 0 auto; padding:50px 0 50px 0;}
.summary-tx{float:left;width:97%; margin:20px 1.5% 0 1.5%;padding:0;line-height:36px;} 
.view{float:left; max-width:100%;}
  .view a{float:left; width:100%; margin:0; padding:0;font-size:15px; color: #000; border-bottom:1px solid #ccc}
  .view a:hover{ margin:0; padding:0;color: #014085;border-bottom:1px solid #999}
  .view i a{font-size:15px; color: #000; margin:0; padding:0; background-color:#900; border-bottom:1px solid #fff}
  .view i a:hover{color: #014085; margin:0; padding:0;}
.text-link{font-size:16px;color:#111;border-bottom:1px solid hsla(0,0%,7%,.2);position:relative;margin-right:20px;padding-bottom:8px;letter-spacing:.02em;text-decoration:none;transition:color .2s,border .2s;cursor:pointer;display:inline-block}
.text-link:hover{color:#111;border-color:#111}
.text-link:hover:after{right:-40px}
.text-link:after{transition:right .2s ease-in-out;content:"→";font-family:icomoon;position:absolute;padding-left:20px;height:100%;right:-30px;font-size:18px}
.casebox{ float:left; width:96%; margin:0 1% 30px 3%; padding:0}

}


/* 表格版面: 481px 到 767px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 481px) {

/* content */
.index-content{float:left; width:100%; padding:60px 0; margin:0;background-color:#f6f6f6}
.t70{max-width:90%; margin:0 auto; padding:0;}
.director{float:left;width:45%; margin:0 10% 0 0; padding:0;}
 .director img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.main-right{float:left;width:45%; margin:10px 0 0 0; padding:0;}
.cnTt{float:left;width:100%; font-weight:bold}
.more{float:left; width:100%; padding:0; margin:20px 0 0 0;}
  .more a{color: #000;text-decoration:none;}
  .more a:hover {color: #546100;text-decoration: none;}
.line{float:left;width:20px; height:3px;padding:0; margin:6px 10px 6px 0; background-color:#000}
.cpT{float:left;width:100%; margin:0; padding:0;}
  .cpT h2{font-size:32px; margin:0 0 20px 0; font-weight:400;}
  .cpT h3{font-size:22px; margin:0 0 30px 0; font-weight:400;}
  .cpT p{font-size:17px; line-height:2em;}
.s-tx{font-size:17px; color:#555}

.case-title{float:left; width:97%; margin:0 1.5% 10px 1.5%; padding:0}
 .case-title h3{ margin:0; padding:0;font-size:22px; color: #222222; font-weight:400;}
 .case-title h4{ margin:15px 0 0 0; padding:0;font-size:15px; color: #222222; font-weight:400;}
.content-dn{float:left;width:100%; margin:0; padding:0; background-color:#ffffff;}
.main-box{width:87%; margin:0 auto 0 auto; padding:60px 0 60px 0;}
.summary-tx{float:left;width:97%; margin:20px 1.5% 0 1.5%;padding:0;line-height:36px;} 
.view{float:left; max-width:100%;}
  .view a{float:left; width:100%; margin:0; padding:0;font-size:15px; color: #000; border-bottom:1px solid #ccc}
  .view a:hover{ margin:0; padding:0;color: #014085;border-bottom:1px solid #999}
  .view i a{font-size:15px; color: #000; margin:0; padding:0; background-color:#900; border-bottom:1px solid #fff}
  .view i a:hover{color: #014085; margin:0; padding:0;}
.text-link{font-size:16px;color:#111;border-bottom:1px solid hsla(0,0%,7%,.2);position:relative;margin-right:20px;padding-bottom:8px;letter-spacing:.02em;text-decoration:none;transition:color .2s,border .2s;cursor:pointer;display:inline-block}
.text-link:hover{color:#111;border-color:#111}
.text-link:hover:after{right:-40px}
.text-link:after{transition:right .2s ease-in-out;content:"→";font-family:icomoon;position:absolute;padding-left:20px;height:100%;right:-30px;font-size:18px}
.casebox{ float:left; width:94%; margin:0 3% 50px 3%; padding:0}

}

/* 表格版面: 768px 到 980px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 768px) {

/* content */
.index-content{float:left; width:100%; padding:80px 0 70px; margin:0;background-color:#f6f6f6}
.t70{max-width:90%; margin:0 auto; padding:0;}
.director{float:left;width:45%; margin:0 10% 0 0; padding:0;}
 .director img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.main-right{float:left;width:45%; margin:20px 0 0 0; padding:0;}
.cnTt{float:left;width:100%; font-weight:bold}
.more{float:left; width:100%; padding:0; margin:20px 0 0 0;}
  .more a{color: #000;text-decoration:none;}
  .more a:hover {color: #546100;text-decoration: none;}
.line{float:left;width:20px; height:3px;padding:0; margin:6px 10px 6px 0; background-color:#000}
.cpT{float:left;width:100%; margin:0; padding:0;}
  .cpT h2{font-size:32px; margin:0 0 20px 0; font-weight:400;}
  .cpT h3{font-size:22px; margin:0 0 60px 0; font-weight:400;}
  .cpT p{font-size:17px; line-height:2em;}
.s-tx{font-size:17px; color:#555}

.case-title{float:left; width:97%; margin:0 1.5% 10px 1.5%; padding:0}
 .case-title h3{ margin:0; padding:0;font-size:22px; color: #222222; font-weight:400;}
 .case-title h4{ margin:15px 0 0 0; padding:0;font-size:15px; color: #222222; font-weight:400;}
.content-dn{float:left;width:100%; margin:0; padding:0; background-color:#ffffff;}
.main-box{width:94%; margin:0 auto 0 auto; padding:70px 0 70px 0;}
.summary-tx{float:left;width:97%; margin:20px 1.5% 0 1.5%;padding:0;line-height:36px;} 
.view{float:left; max-width:100%;}
  .view a{float:left; width:100%; margin:0; padding:0;font-size:15px; color: #000; border-bottom:1px solid #ccc}
  .view a:hover{ margin:0; padding:0;color: #014085;border-bottom:1px solid #999}
  .view i a{font-size:15px; color: #000; margin:0; padding:0; background-color:#900; border-bottom:1px solid #fff}
  .view i a:hover{color: #014085; margin:0; padding:0;}
.text-link{font-size:16px;color:#111;border-bottom:1px solid hsla(0,0%,7%,.2);position:relative;margin-right:20px;padding-bottom:8px;letter-spacing:.02em;text-decoration:none;transition:color .2s,border .2s;cursor:pointer;display:inline-block}
.text-link:hover{color:#111;border-color:#111}
.text-link:hover:after{right:-40px}
.text-link:after{transition:right .2s ease-in-out;content:"→";font-family:icomoon;position:absolute;padding-left:20px;height:100%;right:-30px;font-size:18px}
.casebox{ float:left; width:94%; margin:0 3% 50px 3%; padding:0}

}

/* 表格版面: 981px 到 1280px。樣式繼承自: 行動版面。 */
@media only screen and (min-width: 981px) {

/* content */
.index-content{float:left; width:100%; padding:100px 0 110px; margin:0; background-color:#f6f6f6}
.t70{max-width:88%; margin:0 auto; padding:0;}
.director{float:left;width:45%; margin:0 10% 0 0; padding:0;}
 .director img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.main-right{float:left;width:45%; margin:110px 0 0 0; padding:0;}
.cnTt{float:left;width:100%; font-weight:bold}
.more{float:left; width:100%; padding:0; margin:20px 0 0 0;}
  .more a{color: #000;text-decoration:none;}
  .more a:hover {color: #546100;text-decoration: none;}
.line{float:left;width:20px; height:3px;padding:0; margin:6px 10px 6px 0; background-color:#000}
.cpT{float:left;width:100%; margin:0; padding:0;}
  .cpT h2{font-size:32px; margin:0 0 20px 0; font-weight:bold;}
  .cpT h3{font-size:22px; margin:0 0 60px 0; font-weight:400;}
  .cpT p{font-size:17px; line-height:2em;}
.s-tx{font-size:17px; color:#555}

.case-title{float:left; width:97%; margin:0 1.5% 10px 1.5%; padding:0}
 .case-title h3{ margin:0; padding:0;font-size:22px; color: #222222; font-weight:400;}
 .case-title h4{ margin:15px 0 0 0; padding:0;font-size:15px; color: #222222; font-weight:400;}
.content-dn{float:left;width:100%; margin:0; padding:0; background-color:#ffffff;}
.main-box{width:87%; margin:0 auto 0 auto; padding:70px 0 70px 0;}
.summary-tx{float:left;width:97%; margin:20px 1.5% 0 1.5%;padding:0;line-height:36px;} 
.view{float:left; max-width:100%;}
  .view a{float:left; width:100%; margin:0; padding:0;font-size:15px; color: #000; border-bottom:1px solid #ccc}
  .view a:hover{ margin:0; padding:0;color: #014085;border-bottom:1px solid #999}
  .view i a{font-size:15px; color: #000; margin:0; padding:0; background-color:#900; border-bottom:1px solid #fff}
  .view i a:hover{color: #014085; margin:0; padding:0;}
.text-link{font-size:16px;color:#111;border-bottom:1px solid hsla(0,0%,7%,.2);position:relative;margin-right:20px;padding-bottom:8px;letter-spacing:.02em;text-decoration:none;transition:color .2s,border .2s;cursor:pointer;display:inline-block}
.text-link:hover{color:#111;border-color:#111}
.text-link:hover:after{right:-40px}
.text-link:after{transition:right .2s ease-in-out;content:"→";font-family:icomoon;position:absolute;padding-left:20px;height:100%;right:-30px;font-size:18px}
.casebox{ float:left; width:100%; margin:0 0 50px 0; padding:0}

}



/* 桌面版面: 1281px 到最大 1824px。樣式繼承自: 行動版面和表格版面。 */
@media only screen and (min-width: 1281px) {

/* content */
.index-content{float:left; width:100%; padding:110px 0; margin:0; background-color:#f6f6f6}
.t70{width:1280px; margin:0 auto; padding:0;}
.director{float:left;width:45%; margin:0 10% 0 0; padding:0;}
 .director img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);} 
.main-right{float:left;width:45%; margin:110px 0 0 0; padding:0;}
.cnTt{float:left;width:100%; font-weight:bold}
.more{float:left; width:100%; padding:0; margin:40px 0 0 0;}
  .more a{color: #000;text-decoration:none;}
  .more a:hover {color: #546100;text-decoration: none;}
.line{float:left;width:20px; height:3px;padding:0; margin:6px 10px 6px 0; background-color:#000}
.cpT{float:left;width:100%; margin:0; padding:0;}
  .cpT h2{font-size:32px; margin:0 0 20px 0; font-weight:bold;}
  .cpT h3{font-size:22px; margin:0 0 60px 0; font-weight:400;}
  .cpT p{font-size:17px; line-height:2em;}
.s-tx{font-size:17px; color:#555}

.case-title{float:left; width:97%; margin:0 1.5% 10px 1.5%; padding:0}
 .case-title h3{ margin:0; padding:0;font-size:22px; color: #222222; font-weight:400;}
 .case-title h4{ margin:15px 0 0 0; padding:0;font-size:15px; color: #222222; font-weight:400;}
.content-dn{float:left;width:100%; margin:0; padding:0; background-color:#ffffff;}
.main-box{width:87%; margin:0 auto 0 auto; padding:70px 0 70px 0;}
.summary-tx{float:left;width:97%; margin:20px 1.5% 0 1.5%;padding:0;line-height:36px;} 
.view{float:left; max-width:100%;}
  .view a{float:left; width:100%; margin:0; padding:0;font-size:15px; color: #000; border-bottom:1px solid #ccc}
  .view a:hover{ margin:0; padding:0;color: #014085;border-bottom:1px solid #999}
  .view i a{font-size:15px; color: #000; margin:0; padding:0; background-color:#900; border-bottom:1px solid #fff}
  .view i a:hover{color: #014085; margin:0; padding:0;}
.text-link{font-size:16px;color:#111;border-bottom:1px solid hsla(0,0%,7%,.2);position:relative;margin-right:20px;padding-bottom:8px;letter-spacing:.02em;text-decoration:none;transition:color .2s,border .2s;cursor:pointer;display:inline-block}
.text-link:hover{color:#111;border-color:#111}
.text-link:hover:after{right:-40px}
.text-link:after{transition:right .2s ease-in-out;content:"→";font-family:icomoon;position:absolute;padding-left:20px;height:100%;right:-30px;font-size:18px}
.casebox{ float:left; width:100%; margin:0 0 50px 0; padding:0}

}

*,:after,:before{box-sizing:border-box}
.insights .insights-wrapper{max-width:100%;margin:0 auto;width:1780px;padding-left:90px;padding-right:90px}
@media (max-width:1440px){.insights .insights-wrapper{width:1720px;padding-left:60px;padding-right:60px}}
@media (max-width:1024px){.insights .insights-wrapper{width:1680px;padding-left:40px;padding-right:40px}}
@media (max-width:991px){.insights .insights-wrapper{width:1660px;padding-left:30px;padding-right:30px}}


.insights-section .row-flex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-50px;margin-right:-50px}


.insights-section .col-flex{position:relative;padding:0 50px;width:33.333333%;max-width:33.333333%;min-width:33.333333%}.insights-section .col-inner{position:relative}.insights-section a{text-decoration:none;display:inline-block;width:100%}.insights-section a:hover .read-more{opacity:1;visibility:visible}.insights-section .post-img{background-position:50% 50%;background-size:cover;width:100%;height:0;margin-bottom:30px;padding-bottom:74%;overflow:hidden;position:relative}.insights-section .post-img .img{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50% 50%;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}
.insights-section .post-img.empty{background-color:hsla(0,0%,7%,.1)}
.insights-section .news-post:hover .post-img .img{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}
.insights-section .post-heading{font-size:17px;line-height:34px;letter-spacing:.02em;color:#111}
.insights-section .post-intro{margin-top:30px}
.insights-section .post-heading,.insights-section .post-intro{width:480px;max-width:100%}
.insights-section .read-more{position:absolute;background:#111;color:#fff;font-size:20px;line-height:28px;letter-spacing:.02em;opacity:0;visibility:hidden;right:-26px;top:-32px;padding:53px 58px 57px;z-index:10;transition:opacity .4s,visibility .4s}.insights-section .read-more span{font-family:miller-text,Georgia,Times New Roman,Times,serif;font-weight:400;display:block}
.insights-section.layout-6 a{margin-bottom:90px}

.news-post-info{position:absolute;left:-35px;top:0;margin:0;white-space:nowrap;vertical-align:middle;writing-mode:sideways-rl;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-lr;-ms-transform:scale(-1);-webkit-transform:scale(-1);transform:scale(-1)}.news-post-info .category,.news-post-info .time,.news-post-info time{font-size:14px;letter-spacing:.12em;line-height:17px;text-transform:uppercase;vertical-align:middle;color:#6d6d6d;padding:0;margin:0;display:inline-block}.news-post-info .category .item{position:relative;padding-top:14px;margin-top:14px;display:inline-block}.news-post-info .category .item:after{content:"";position:absolute;right:3px;width:10px;height:1px;top:0;background:#6d6d6d}

@media (max-width:1999px){.insights-section .row-flex{margin-left:-30px;margin-right:-30px}.insights-section .col-flex{padding:0 30px}.news-post-info{left:-25px}.news-post-info .category,.news-post-info .time,.news-post-info time{font-size:12px}.news-post-info .category .item{padding-top:12px;margin-top:12px}}

@media (max-width:1440px){.insights-section .row-flex{margin-left:-20px;margin-right:-20px}.insights-section .col-flex{padding:0 20px}.insights-section.layout-6 a{margin-bottom:40px}.insights-section.layout-6 .post-img,.insights-section .post-img{margin-bottom:20px}.insights-section .read-more{font-size:18px;right:-10px;top:-10px;padding:30px 35px}.insights-section .post-heading{font-size:18px;line-height:26px}}
@media (max-width:1279px){.insights-section .row-flex{margin-left:-20px;margin-right:-20px}.insights-section .col-flex{padding:0 20px}.insights-section .read-more{right:-20px;top:-25px;padding:40px 45px;font-size:16px}.insights-section.layout-6 .post-img{margin-bottom:20px}.insights-section.layout-6 .news-post-info{left:-20px}.insights-section.layout-6 .news-post-info .category,.insights-section.layout-6 .news-post-info .time,.insights-section.layout-6 .news-post-info time{font-size:9px}.insights-section.layout-6 .news-post-info .category .item:after{width:7px}.insights-section.layout-6 .news-post-info .category .item{padding-top:9px;margin-top:9px}.insights-section.layout-6 a{margin-bottom:40px}}


@media (max-width:991px){.insights-section .row-flex{margin-left:-15px;margin-right:-15px}.insights-section .col-flex{padding:0 15px}.insights-section .post-heading{font-size:17px;line-height:25px}.insights-section.layout-6 .col-flex{width:50%;max-width:50%;min-width:50%}.insights-section.layout-6 a{margin-bottom:20px}.insights-section.layout-6 .news-post-info{left:-23px}.insights-section.layout-6 .news-post-info .category,.insights-section.layout-6 .news-post-info .time,.insights-section.layout-6 .news-post-info time{font-size:10px}.insights-section.layout-6 .news-post-info .category .item:after{width:8px}.insights-section.layout-6 .news-post-info .category .item{padding-top:10px;margin-top:10px}.insights-section .read-more{right:-17px;top:-15px;padding:20px 25px}.news-post-info{left:-20px}.news-post-info .category,.news-post-info .time,.news-post-info time{font-size:10px}.news-post-info .category .item{padding-top:10px;margin-top:10px}.news-post-info .category .item:after{width:8px}}

@media (max-width:479px){.insights-section .row-flex{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.insights-section .post-heading{font-size:16px;line-height:24px}.insights-section .news-post{margin-bottom:30px}.insights-section .post-img{margin-bottom:10px}.insights-section .news-post-info .category,.insights-section .read-more{display:none}.insights-section .news-post .post-img .img{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}.insights-section .col-flex{width:100%;max-width:100%;min-width:100%}.insights-section.layout-6 .col-flex{width:100%;max-width:100%;min-width:100%}}

img{max-width:100%;_width:expression(this.width > 100% ? "100%" : this.width);}