@charset "utf-8";
/* CSS Document */
/*body, html { height:100%; }*/
body{/*position: relative;z-index: -1;*/font-family:'Lato','Noto Sans TC',sans-serif;font-size:16px;line-height:1.5;color:#333;overflow: scroll;overflow-x: hidden;}
a{color:#000;text-decoration:none}
a:hover{color:#777;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none}
*,:before,:after{-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.cursor{width:1em;height:1em;background:#555;border-radius:100%;pointer-events:none;opacity:.5;position:absolute;z-index:99999;white-space:nowrap;font-weight:400;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
/* 友善中心 */
#goTop{border:1px solid #CCC;color:#aaa;background:#FFF;text-align:center;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;font-family:Verdana,Geneva,sans-serif;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;-webkit-box-shadow:#EEE 0 0 5px;-moz-box-shadow:#EEE 0 0 5px;box-shadow:#EEE 0 0 5px}
#goTop:hover{background:#999;color:#FFF}
.call-center{display:none;position:fixed;z-index: 99;left:0;bottom:0;width:100%;list-style-type:none;margin:0;padding:0;text-align: center;}
.call-center li{float: left;width: 50%;border-top:solid 1px #fff;}
.call-center li:first-child{border-right:solid 1px #fff;}
.call-center li a{display:block;background:#209fda;color:#fff;padding:5px;text-decoration: none}
/*按鈕*/
.btnWrap{margin:2em 0;text-align:center}
.button-style{display:inline-block}
.button-style+.button-style{margin-left:15px}
.button-style .btn-block{display:inline-block;position:relative;text-decoration:none;font-size:1em;text-transform:uppercase;letter-spacing:.1em;color:#282828;z-index:0;padding:5px 24px 5px 0}
.button-style .btn-block:before{content:'';display:block;width:80px;height:100%;position:absolute;bottom:0;right:0;z-index:-1;background:#249fda;-moz-transform-origin:bottom;-moz-transform:skewX(-20deg);-webkit-transform-origin:bottom;-webkit-transform:skewX(-20deg);-o-transform-origin:bottom;-o-transform:skewX(-20deg);-ms-transform-origin:bottom;-ms-transform:skewX(-20deg);transform-origin:bottom;transform:skewX(-20deg)}
.button-style .btn-block.bg-white{color:#fff}
.button-style .btn-block.bg-white:before{background:rgba(255,255,255,.25)}
.button-style .btn-block.arrow-icon:after{content:'→';display:block;font-size:1.6rem;width:22px;height:6px;position:absolute;right:-12px;top:30%;margin-top:-3px}
.button-style .btn-block:hover{opacity:1;padding-left:1em;font-weight:700}
.button-style .btn-block:hover:before{height:4px;width:100%}
.button-style .btn-block.arrow-icon:hover:after{right:-30px}
.button-style .btn-block span{-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1)}
.button-style img{width:30px}
.button-style .btn-block:hover span{padding-left:30px}
/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding: 15px!important;border:1px solid #ccc;white-space:inherit;}
.table-container table td p:last-child{margin-bottom:0!important}
/*選單*/
.navbar{background:#fff;padding-top:0;padding-bottom:0;box-shadow:0 3px 3px rgba(0,0,0,0.3)}
.navbar-brand img{max-height:40px}
.navbar-nav{font-weight:700;text-align:center}
.navbar-expand-lg .navbar-nav .nav-link img{max-height:22px}
.navbar .navbar-toggler{position:fixed;right:0;top:0;z-index:99;height:50px;padding:15px 10px 10px;border-radius:0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar .navbar-toggler.rwd-in{display:none}
.navbar .navbar-toggler,.navbar .navbar-toggler:hover,.navbar .navbar-toggler:focus{background-color:#209fda;border:inherit}
.navbar .navbar-toggler .icon-bar{display:block;margin-bottom:5px;height:3px;background-color:#fff;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar .navbar-toggler .icon-bar.aa{width:27px;margin-left:9px}
.navbar .navbar-toggler:hover .icon-bar.aa,.navbar .navbar-toggler:focus .icon-bar.aa{width:36px;margin-left:0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar .navbar-toggler .icon-bar.bb{width:36px}
.navbar .navbar-toggler .icon-bar.cc{width:18px;margin-left:18px}
.navbar .navbar-toggler:hover .icon-bar.cc,.navbar .navbar-toggler:focus .icon-bar.cc{width:36px;margin-left:0;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
.navbar .dropdown .dropdownMenu{display:block;list-style:none;margin:0;padding:0}
.dropdown-item{padding:8px 15px;text-align:center}
.header-icon{width:100%;text-align:right;background:#eee}
.header-icon .item{display:inline-block;font-size:1.6rem}
.header-icon .item:nth-child(1):hover .icon{color:#4267b2}
.header-icon .item:nth-child(2):hover .icon{color:#00b900}
.header-icon .item:nth-child(3):hover .icon{color:red}
.header-icon .item:nth-child(4):hover .icon{color:#333}
.navbar .nav-item:last-child{margin:15px -15px 0}
.navbar .icon{float:left;width:33.333%;font-size:1.3rem;background:#4267b2;color:#fff;text-align:center}
.navbar .icon:nth-child(2){background:#00b900}
.navbar .icon:nth-child(3){background:red}
.navbar .icon:nth-child(4){background:#333}
.navbar .pc-icon{display: none;}
.navbar .pc-icon i{font-size:24px;}
/*---------------------- 頁面開始 ----------------------*/
.page-content table { max-width:100%; }
.tx01 { clear: both; margin-bottom:2em;}
.tx02 { clear: both; overflow:hidden; margin-bottom: 2em;}
.img-left{ float: left; padding-bottom: 1em; padding-right: 2em;}
.img-right{ float: right; padding-bottom: 1em; padding-left: 2em;}
.img-left img, .img-right img { max-width:500px; }

/*全頁佈局*/
.wrapper {padding: 1em 0;}
.page-link{color: #249fda}
/*首頁*/
.pg-banner{height:15vw}
.banner .item{position:relative;padding-right:25%}
.banner .item .pic{overflow:hidden}
.banner .item .pic img{opacity:0}
.banner .item .slogan{overflow:hidden;width:4.5%;margin:0;position:absolute;padding-left: 30px;left: 75%;bottom:50%;-ms-transform:translate(0,50%);-webkit-transform:translate(0,50%);transform:translate(0,50%);color:#fff;font-size:1.4em;text-shadow:0 0 7px #000;}
.banner .item .slogan.dark{width:auto;z-index:-1;color:#000;text-shadow:none}
.banner .item .slogan .w{width:300px}
.banner .item h4{font-size:3.6vw;text-decoration:underline;font-weight:700}
.banner .item em,.banner .item p{font-size:3vw}
.banner .owl-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}
/*.banner .owl-item.active .box{-webkit-animation:slideIn 5s cubic-bezier(.39,.575,.565,1) alternate infinite 0;-moz-animation:slideIn 5s cubic-bezier(.39,.575,.565,1) alternate infinite 0;-ms-animation:slideIn 5s cubic-bezier(.39,.575,.565,1) alternate infinite 0;animation:slideIn 5s cubic-bezier(.39,.575,.565,1) alternate infinite 0;animation-direction:alternate}
@keyframes slideIn {
0%{-webkit-transform:scale(1);transform:scale(1)}
20%{opacity:1}
100%{-webkit-transform:scale(1.05);transform:scale(1.05)}
}
*/
.title-area{position:relative;display:inline-block;max-width:100%;width:220px;text-align:left}
.title-area .float{pointer-events:none;position:absolute;left:0;top:50%;opacity:.05;font-weight:700;font-size:8em;-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
.title-area .mj{font-size:1.6em;font-weight:700}
.title-area .sub{font-size:1em}
.title-area .sub.small{font-size:smaller}
.title-area .day{font-size:.9em}
.wrapper-shape{position:relative;z-index:-1;padding:1em 0}
.wrapper-shape:after{content:"";position:absolute;z-index:-1;right:0;top:-60%;width:80%;height:130%;background:#eee}
.wrapper-shape > *{position:relative;z-index:1}
.ix-class .item{position:relative;padding:0 0 1.5em}
.fill-area{overflow:hidden}
.fill-area .fill{width:calc(100% - 2em)}
.info-holder{position:absolute;left:0;right:0;bottom:0;margin-left:40%}
.info-holder.no-slide{width:100px;color:#fff;z-index:1;-ms-transform:translate(0,0)}
.info-holder .mj{font-size:1.2em;margin:0;color:#fff;text-shadow:0 0 5px #000}
.info-holder .sub{font-size:.9em;margin:0;text-transform:uppercase;font-weight:700}
.ix-blog .item{margin-bottom:1em}
.ix-blog .item li a{display:block}
.blog-title{position:relative;font-weight:700;font-size:1.2em}
.blog-title span{pointer-events:none;position:absolute;bottom:0;left:0;font-size:4em;font-weight:700;opacity:.05;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,15%)}
.blog-title a{margin-left:.5em;font-size:1rem}
.ix-blog ul{list-style:none;padding:0}
.ix-blog li{position:relative;padding-bottom:.5em;margin-bottom:.5em;border-bottom:solid 1px #000}
.ix-blog li h5{padding:0}
.ix-blog li p{display:inline-block;padding:0 .5em 0 0;font-size:14px;background:transparent;border-radius:30px;word-spacing:.1em}
.ix-blog li p:after{content:'\f105';padding-left:.5em;font-family:"Font Awesome 5 Free";font-weight:900}
/* 聯絡我們 */
.ix-contact{position:relative;padding:50px 0 0;background:#eee}
.ix-contact .btnCap{margin-top:30px}
.ix-contact .m_t{margin:0 0 1em}
.ix-contact .contact_1{border-right:1px dashed #ccc;padding:0 2%;overflow:hidden;color:#666;font-size:1.5rem}
.ix-contact .contact_2{padding:0 2%;overflow:hidden;color:#666;font-size:1.5rem}
.ix-contact .contact_pic{float:left;width:130px;height:130px;line-height:125px;border:2px solid #da1e26;text-align:center;-webkit-border-radius:65px;-moz-border-radius:65px;border-radius:65px;font-size:3rem;color:#da1e26;margin:0 4%}
.ix-contact .title02{font-size:2.2rem;color:#000;font-weight:700}
.ix-contact .contact_1 a,.ix-contact .contact_2 a{color:#da1e26;font-size:1.8rem}
.ix-contact .contact_pic .fa{margin-right:0;font-size:1.5em}
.ix-contact .name{line-height:36px}
.ix-contact .text{margin:0 0 10px}
.ix-contact .input1{position:relative;border:none;border-bottom:1px solid #dbdbdb!important;width:98%;padding:11px 15px;box-shadow:none;margin:0 5px;background:rgba(0,0,0,.05);font-weight:400}
.ix-contact .input2{position:relative;width:100%;margin:0 5px;padding:5px 15px;background:rgba(0,0,0,.05);font-weight:400;border:none;border-bottom:1px solid #dbdbdb!important}
.ix-contact .text{position:relative}
.ix-contact .text::after{content:'';position:absolute;left:0;bottom:0;height:2px;background:#000;-webkit-transition:all 2.5s 0 cubic-bezier(0.4,0.9,0.7,1);-moz-transition:all 2.5s 0 cubic-bezier(0.4,0.9,0.7,1);-ms-transition:all 2.5s 0 cubic-bezier(0.4,0.9,0.7,1);-o-transition:all 2.5s 0 cubic-bezier(0.4,0.9,0.7,1);transition:all 2.5s 0 cubic-bezier(0.4,0.9,0.7,1)}
.ix-contact .text:focus::after{right:0}
.contact-form{margin-bottom:30px;padding:0 10px}
.contact-map{float:right;margin-bottom:30px;padding:0 10px}
.contact-form .btn-style{margin-left:5px}
.pg-cards{-ms-transform:translate(0,-10vw)}
.pg-cards .card-text{height:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .button-style .btn-block{font-size:.9em}
.pg-cards .mj-title{margin-bottom:1em;text-align:center}
.card-grid{position:relative;padding:1em;background:#fff;box-shadow:0 -20px 50px rgba(0,0,0,.3)}
.card-grid:after{content:'';position:absolute;left:0;right:0;top:100%;background:#fff;height:100px}
.card-grid>:first-child{border:none;border-radius:0}
.card{margin-bottom:1em}
footer{position:relative;padding:1em;text-align:center;font-size:.9em;background:#249fda;box-shadow:0 0 10px rgba(0,0,0,0.2)}
footer,footer a{color:#fff}
footer p,footer address{margin-bottom:0;display:inline-block}
footer address p{margin-right:1em}
footer address i{margin-right:.5em}
.copyright{display:inline-block;margin-right:1em}
.class-title{background:#eee;text-align:center;margin:0 -15px}
.class-title .title-area{width:auto;text-align:center}
.class .item{margin-bottom:1em;padding:15px;border-bottom:solid 1px #eee}
.class .item .card-title{font-weight:700}
.class .item p{margin-bottom:0;opacity:.5}
main{position:relative;border-top:solid 6px #eee;box-shadow:0 -5px 25px rgba(36,38,65,0.85)}
.sidebar{display:none}
.btn-more{display:block;padding:15px;text-align:center;background:#1e286f;color:#fff;border-radius:30px}
.btn-more:hover{background:#d4161a;color:#fff}
.title-area2 .mj{position:relative}
.title-area2 .mj:after{content:'';display:block;width:80px;height:100%;position:absolute;top:50%;left:0;z-index:-1;background:#eee;-moz-transform-origin:bottom;-moz-transform:skewX(-20deg) translateY(-50%);-webkit-transform-origin:bottom;-webkit-transform:skewX(-20deg) translateY(-50%);-o-transform-origin:bottom;-o-transform:skewX(-20deg) translateY(-50%);-ms-transform-origin:bottom;-ms-transform:skewX(-20deg) translateY(-50%);transform-origin:bottom;transform:skewX(-20deg) translateY(-50%)}
.page-content table{width:100%!important;margin-bottom:1em}
.pagination{margin-bottom:30px}
/*公司簡介*/
.area_point{ position:relative;margin-top: 50px}
.po_point{ position:absolute; top:-75px;}
.about_box {width: 1150px;margin: 0 auto;}
.about_box figure:after{content: '';display: block;clear: both;}
.about_01{position: relative;width: 100%;}
.about_01 figcaption{float: left;position: absolute;width: calc(100% - 560px);margin-top: 25px;}
.about_title+p{line-height: 30px;letter-spacing: 1px;}
.about_title{border-bottom: 2px solid #249fda;display: inline-block;font-size: 21px;padding-right: 20px;font-weight: 600;}
.about_01 img{float: right;}
.about_logo {position: relative;width: 100%;margin-top: -80px;}
.about_logo::before{position:absolute;content:'Pioneer & Professional';font-size: 4.8rem;font-weight: 900;font-style: italic;color: #eeeeee;opacity: .5;letter-spacing: 1px;left: 50px;bottom: -85px;z-index:-1;}
.about_logo figure{width: 500px;margin-left: 200px;background-color: #fff;padding: 30px 40px;box-shadow: 5px 5px 10px rgba(149, 149, 149, 0.4);}
.about_02{margin-top:60px}
.about_02_img{float: left;width: 450px;position: relative;}
.about_02_img::before{position: absolute;content: '';width: 100%;height: 100%;right: -20px;bottom: -20px;background-color:#249fda;z-index: -2;}
.about_02 figcaption{float: right;margin-top: 10px;width: calc(100% - 450px);padding-left: 60px;}
.about_qrcode article {padding: 50px 40px;border: 1px solid #fff;}
.about_qrcode {width: 550px;background-color: #eee;padding: 20px;margin: -50px auto 0;}
.service_box {padding-bottom: 20px;display: flex;flex-wrap: wrap;}
.service_box figure{border-bottom: 1px solid;margin: 0;width: 50%;}
.service_box figure:last-of-type{border-bottom:none;width:100%}
.service_box figure img,.service_box figcaption{display: inline-block;vertical-align: middle;}
.service_box figcaption{width: calc(100% - 310px);padding-left: 30px;}
.service_box figcaption p:nth-of-type(1){font-size: 25px;display: inline-block;font-weight: 600;position:relative}
.service_box figcaption p:nth-of-type(1)::before,.service_box figcaption p:nth-of-type(1)::after{position:absolute;content:'';}
.service_box figcaption p:nth-of-type(1)::before{width:100%;height: 15px;bottom: 0;left: 6px;background-color: #eee;z-index: -1;}
.service_box figcaption p:nth-of-type(1)::after{width: 0;height: 0;border-top: 12px solid #eee;border-left: 10px solid transparent;border-right: 10px solid transparent;bottom:-12px;left: 20px;}
.service_box figcaption p+p{line-height:28px;letter-spacing: 1px;margin-bottom: 0;}
@media screen and (min-width: 992px) {

    .container{max-width:1300px}
    /*選單*/
    .navbar{padding-top: 1em;padding-bottom: 1em;background:transparent;box-shadow:inherit;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0);}
    .navbar.fixed{margin-top: 0;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0);}
    .navbar-brand img{max-height:60px}
    .navbar-expand-lg .navbar-nav .nav-link{position:relative;padding:1em}
    .navbar-expand-lg .navbar-nav li:not(:last-child) .nav-link:after{content:'/';position:absolute;right:0;top:50%;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(50%,-50%);color:#000}
    .navbar-expand-lg .navbar-nav .nav-link:before{content:'';position:absolute;left:50%;bottom:3px;width:0;height:3px;background:#000;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
    .navbar-expand-lg .navbar-nav .nav-link:hover:before{width:80%}
    .navbar .dropdown:hover .dropdownMenu{display: block;}
    .navbar .dropdown .dropdownMenu{position: absolute;right: 0;top: 100%;z-index: 1000;display: none;float: left;min-width: 10rem;padding: .5rem 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;box-shadow: 0 3px 10px rgba(0,0,0,.3);}
    .navbar .pc-icon{display: block;}
    /*全頁佈局*/
    .banner .item em{font-size:2vw}
    .banner .item p{font-size:1.7vw}
    .wrapper{padding:3em 0}
    .wrapper-shape{padding:3em 0}
    .title-area .mj{font-size:3.4em}
    .title-area .sub{font-size:1.4em}
    .ix-class{padding-top:2em}
    .info-holder .mj{font-size:1.4em}
    .blog-title{font-size:1.75em}
    .ix-blog .item{padding-left:5em}
    .ix-blog{padding-right:2em}
    .ix-blog li p{display:inline-block}
    .ix-blog .item{padding:1em}
    .ix-blog li:hover p{padding-left:1.5em;padding-right:1.5em;background:#d4161a;color:#fff}
    .ix-blog li:hover p:after{padding-left:1em}
    .card-grid{padding:3em}
    .class-title{margin-top:-3.4em;margin-bottom:3em;display:inline-block;padding:.5em 3em;box-shadow:0 -5px 15px rgba(36,38,65,0.5);border-radius:60px}
    .class-title .title-area .mj{font-size:2em}
    .class-title .title-area .sub{font-size:1em}
    .sidebar{display:block;position:relative;list-style:none;margin:0;padding:0;text-align:left}
    .sidebar li:first-child{padding:5px 15px;font-weight:700;border-radius:30px;background:#eee;display:inline-block;margin-bottom:5px}
    .sidebar a:not(.btn-more){position:relative;display:block;padding:5px 30px 5px 15px;border-bottom:solid 1px #eee}
    .sidebar a:not(.btn-more):before,.sidebar a:not(.btn-more):after{content:'';opacity:.15;position:absolute;right:0;top:50%;width:15px;height:1px;background:#000;-moz-transform:rotate(-65deg);-webkit-transform:rotate(-65deg);-o-transform:rotate(-65deg);-ms-transform:rotate(-65deg);transform:rotate(-65deg)}
    .sidebar a:not(.btn-more):after{-moz-transform:rotate(-65deg);-webkit-transform:rotate(-65deg);-o-transform:rotate(-65deg);-ms-transform:rotate(-65deg);transform:rotate(-65deg)}
    .sidebar a:not(.btn-more):hover:before,.sidebar a:not(.btn-more):hover:after{opacity:1;width:10px;-moz-transform-origin:right bottom;-webkit-transform-origin:right bottom;-o-transform-origin:right bottom;-ms-transform-origin:right bottom}
    .sidebar a:not(.btn-more):hover:before{-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
    .sidebar a:not(.btn-more):hover:after{-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
    .sidebar li:last-child{position:relative}
    .sidebar li:last-child:after{pointer-events:none;position:absolute;content:'';bottom:100%;left:0;width:100%;height:150px;background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,.8) 99%,rgba(255,255,255,.8) 100%);background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255, 255, 255, .8) 99%,rgba(255, 255, 255, .8) 100%);background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255, 255, 255, .8) 99%,rgba(255, 255, 255, .8) 100%);}
}
@media (max-width: 1280px) { 
    /* 聯絡我們 */
    .ix-contact{padding-bottom: 0;}
    .ix-contact .text{margin-bottom: 0;}
}
@media (max-width: 1200px){
    .about_box {width: 100%;}
    .about_qrcode {margin-top: 0px;width: 70%;}
    .service_box figure{width: 100%}
}
@media (max-width: 1024px) {
    .banner .item{padding-right:0}
    .banner .item .slogan{padding-right:15px;overflow:inherit;right:0;left:inherit;bottom:0;width:200%;text-align:right;-ms-transform:translate(0,0);-webkit-transform:translate(0,50%);transform:translate(0,0)}
    .banner .item .slogan.dark{color:#fff;z-index: 1;text-shadow: 0 0 7px #000;}
    .banner .item .slogan .w{width:auto}
    .info-holder{position:static;margin-left:0}
    .info-holder .mj{color:#000;text-shadow:inherit}

}
@media (max-width: 991px) {
    .cursor{display:none}
    footer{padding-bottom: 100px;}
    #goTop{bottom: 50px;}
    .call-center{display: block;}
    .container{max-width:100%}
    .card-title{font-size:1em;font-weight:700}
    .pg-cards .card-text{height:42px;font-size:.9em}
    .ix .title-area .mj{margin-bottom:0}
    .ix-blog li p{padding-left:1.5em;padding-right:1.5em;background:#d4161a;color:#fff}
    .title-area2 .mj{font-size:1.4em}
    .navbar .dropdown .nav-link{margin-left:-15px;margin-right:-15px;background:#000;color:#fff}
    .navbar .dropdown .dropdownMenu{margin-left:-15px;margin-right:-15px;background:#eee;border-radius:0;border:none}  
    /*公司簡介*/
    .about_01 figcaption {float: none;width: 100%;position: inherit;margin-top: 15px;}
    .about_01 figcaption br{display:none}
    .about_01 img {float: none;margin: 0 auto;display: table;}
    .about_logo::before {font-size: 4rem;}
    .about_title {font-size: 19px;}
    .about_02_img {width: 350px;}
    .about_logo figure {width: 400px;}
    .about_02 figcaption {width: calc(100% - 350px);margin-top: 20px;padding-left: 50px;}
    .about_qrcode article {padding: 30px;}
}
@media (max-width: 768px){
    .pg-banner {height: 25vw;}
    .title-area .mj br{display:none}
    .ix-blog .blog-title{margin-top:1em;margin-bottom:1em}
    .fill-area .fill{width:100%}
    .info-holder{margin-left:0}
    .title-area{width:100%}
    .blog-title span{font-size:3em;bottom:50%;-ms-transform:translate(-5px,50%);-webkit-transform:translate(-5px,50%);transform:translate(-5px,50%)}
    .class .item{float:left;width:50%;margin-bottom:0;border:solid 1px #ccc;border-top-width:3px;border-top-color:#aaa}
    .class .item img{border-radius:5px;margin-bottom:15px}
    .pagination{margin-top:30px}
    /*公司簡介*/
    .about_logo::before {font-size: 3.5rem;}
    .about_logo {margin-top: -50px;}
    .about_logo figure {margin: 0 auto;width: 350px;}
    .about_02 figcaption {width: 100%;padding-left: 0;float: none;}
    .about_02_img{float: none;width: 500px;margin: 0 auto;}
    .about_qrcode {margin-top: 20px;width: 80%;padding: 10px;}
    .about_qrcode article {padding: 20px;}
    .service_box figure img {width: 200px;}
    .service_box figcaption {width: calc(100% - 210px);}
    .service_box figcaption p:nth-of-type(1) {font-size: 22px;}
}
@media (max-width: 640px) { 
    .img-left, .img-right{ float:inherit; padding-right: 0; padding-left: 0;}
    .img-left img, .img-right img{ display:block; width:100%; max-width:inherit; }
    /*公司簡介*/
    .service_box figcaption {padding-left: 10px;}
    .about_logo figure {width: 100%;}
    .about_logo::before {display: none;}
    .about_02 {margin: 20px 0;}
    .about_02_img {width: auto; max-width: 90%;}
    .about_02 figcaption .about_title br{display:none;}
    .about_01 {margin: 10px 0;}
    .about_title {margin-bottom: 5px;font-size: 18px;padding-bottom: 3px;}
    .about_qrcode {width: 100%;margin-left: 0;}
    
}

@media (max-width: 480px) { 
    .pg-banner {height: 30vw;}
    .img-left,.img-right{ float:inherit; padding: 0 0 1em 0;}
    /*公司簡介*/
    .service_box figure img, .service_box figcaption {display: block;}
    .service_box figure img {margin: 0 auto;}
    .service_box figcaption {padding-left: 0;width: 100%;}
    .service_box figure {padding-bottom: 10px;}
}