@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:100,400,900); /* font */
@import url(https://fonts.googleapis.com/css?family=Monda:400,700); /* font */
/* CSS Document */

body {
    font-family: 'Lato', '微軟正黑體', sans-serif; /*自行增減使用 */
    font-size: 16px;
    line-height:1.5;
    color: #333;
    z-index:  -3;
}
a{color:#000;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
a:hover{text-decoration: none;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
/*元件(共用)*/
input,textarea,select {background: #fff;border: 1px solid #CCC;font-family: 'Lato', '微軟正黑體', sans-serif;font-size:15px;line-height:1.1;color:#555;}
input:focus, textarea:focus, select:focus {outline:none}
/*線(共用)*/
hr { height:1px; background:#CCC; }
/*文字樣式(共用)*/
.white{color:#FFF}
.gray{color:#999}
.black{color:#000}
.blue{color:#0097de}
.red{color:#be0000}
.green{color:#19a568}
.orange{color:#F60}
.yellow{color:#FF0}
.purple{color:#63C}
.brown{color:#6e453c}
.h1, .h2, .h3, .h4, .h5, .h6{font-size: 3.6rem;line-height: 1.5;margin: 0;}

h1{font-size: 2.8rem;}
h2{font-size: 2.4rem;}
h3{font-size: 1.8rem;}
h4{font-size: 1.6rem;}
p{font-size: 1.5rem;line-height: 2;}
ul{padding:0;}
/*標題*/
.mn-title{margin-bottom:10px;padding:0 0 10px;border-bottom:solid 1px #ddd;font-size:2.4rem}
.title-icon{position:relative;transition:  all .5s;font-size: 15px;margin: 0;margin-bottom: 15px;}
.mj-title{margin-bottom:15px;font-size: 2.8rem;color: #005bac;}
.mj-title:after{content:'';width: 45px;height:3px;background:#005bac;margin:  20px 0px;display:  block;}
.mj-title.aa:after{margin: 20px auto;}
.mj-title2{text-align:center}
.mj-title2 span{display:inline-block}
.mj-title2 span:after{content:"";width:70px;height:1px;margin:auto;background:#333}
.mj-title2.title-icon{margin-bottom:40px;padding-bottom:0}
.mj-title2.title-icon:before{width:40px;height:40px;top:100%;right:50%;ms-transform:translate(40%,0);-webkit-transform:translate(40%,0);transform:translate(40%,0)}
.unit-title{padding: 10vw 1.5rem 0vw 2rem;color:#fff;font-weight:700;text-align:center;letter-spacing:.5rem;position: absolute;display:  inline-block;z-index: 1;font-size: 3.8rem;top: 0;left: 50%;transform: translateX(-50%);}
.unit-title:after{content:'';width: 80px;height:  3px;background:  #fff;left: 50%;bottom: -10px;position:  absolute;transform: translateX(-50%);}

/*區域*/
.page-inner{position:  relative;min-height: 20vh;}


/* 回頂端 */
#goTop{cursor:pointer;color:#fff;position:absolute;font-weight:400;font-size:21px;width:50px;height:50px;border-radius:30px;background:#fff;right:15px;color:#163a5a;bottom:220px;z-index:9;border:1px solid #163a5a;transition:all .5s;z-index: 999;}
#goTop i{transition:all .5s;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;padding:13px 18px}
#goTop:hover{background:#163a5a;color:#fff;border:1px solid #fff}
#goTop:hover i{-webkit-animation-name:anim_scrolltotop;animation-name:anim_scrolltotop}
@-webkit-keyframes anim_scrolltotop {
0%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-animation-timing-function:cubic-bezier(0.39,0.575,0.565,1);animation-timing-function:cubic-bezier(0.39,0.575,0.565,1)}
50%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}
51%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715)}
100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}
}
@keyframes anim_scrolltotop {
0%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-animation-timing-function:cubic-bezier(0.39,0.575,0.565,1);animation-timing-function:cubic-bezier(0.39,0.575,0.565,1)}
50%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}
51%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-animation-timing-function:cubic-bezier(0.47,0,0.745,0.715);animation-timing-function:cubic-bezier(0.47,0,0.745,0.715)}
100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}
}


.call-center:not(.p3){display:none;}
.call-center{position:fixed;z-index:9;right: 8px;opacity:1;list-style:none;margin:0;padding:0;-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);bottom:40%;}
.call-center a li{width: 75px;text-align:center;padding: 10px;transition:  all .5s;}
.call-center a:hover li{color: #005bac;transform: scale(1.1);}
.call-center a li p{color: #555;}
.call-center a li p>i{font-size: 30px;}
.call-center a li p span{font-size: 10px;position: absolute;z-index: 10;top: -5px;color: #fff;right: 10px;background: #ff0707;width: 25px;height: 25px;border-radius: 100%;padding: 3px;line-height: 20px;}
.call-center a li img{display:inline-block}
/*-------------------------------*/
/*縮放*/
.action1{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);-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);}
.action1:hover{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.action2{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-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);}
.action2:hover{-webkit-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);}
.action3{-webkit-transform: scale(.95);-ms-transform: scale(.95);transform: scale(.95);-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);}
.action3:hover{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.action4{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-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);}
.action4:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
/*漸變用*/
.gradient-03s{-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);}
.gradient-1s{-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);}
/*卷軸設定*/
.scroll-style{overflow-y: scroll;height: 100%;}
body::-webkit-scrollbar-track,.scroll-style::-webkit-scrollbar-track{background-color: #666;border-radius:10px;}
body::-webkit-scrollbar,.scroll-style::-webkit-scrollbar{width: 5px;background-color:transparent;}
body::-webkit-scrollbar-thumb,.scroll-style::-webkit-scrollbar-thumb{border-radius:10px;background: #005bac;}
.scroll-style::-webkit-scrollbar{width: 2px;}

/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
#my_centered_buttons { display: flex; justify-content: center; }
.wrapper { padding:3em 0; }
.sidebar+main{float: right;width: calc(100% - 400px);}
.block-inner{margin:30px 0px;}

.pdt-sidebar{width: 270px;margin-right: 30px;}
.pdt-sidebar.mobile-type{display: none;}
.main{width: calc(100% - 305px);}
.main.pdt-inner{width: 100%;}
.pdt-sidebar,.main{display: inline-block;vertical-align: top;}

.main-title{text-align: center;padding-bottom: 20px;}
.main-title h1,.main-title h2{color:#005bac;position: relative;display: inline-block; }
.main-title h1:after,.main-title h2:after{content: '';position: absolute;bottom: -15px;left: 0;width: 100%;height: 3px;background:#005bac;}

/*錨點*/
.area_pro{position:relative}
.area_pro .area_abso{position:absolute;left:0;top:-100px;}


/*頁碼*/
.pagination>li>a{border:none;color:#333;transition: all .5s;padding: 10px 15px;}
.pagination>li>a:hover{color: #005bac;}
.pagination>li.on a{background: #005bac;color: #fff;border-radius: inherit;}

/*產品搜尋*/
.sidebar{background:rgba(236, 236, 236, 0.5);padding: 20px;}
.sidebar:after{content: '';display: block;clear: both;}
.advance-btn{border: 1px solid;text-align: center;cursor: pointer;transition: all .5s;}
.advance-btn i{padding-left: 5px;}
.advance-btn p{margin:0;padding:10px;}
.advance-btn:hover{background: #005bac;color: #fff}
.search-bottom{display: none;}
.search-bottom.on{display: block;}
.search-ok{background: #f5f5f5;padding: 10px;text-align: center;font-weight: bold;}
.search-block select{width: 100%;border:none;border-bottom: 1px solid;background: #f5f5f5;margin: 15px 0px;padding: 10px 0px;}

/*主選單*/
.scroll-style::-webkit-scrollbar { display: none;}
header{height: 75px;width: 100%;z-index: 99;padding: 15px 20px;position: fixed;transition:  all .5s;}
header.top-fixed{background: rgba(255, 255, 255, 0.9);height: 60px;padding: 0px 15px;}
header:after{content:'';position:  absolute;width: 0;height:  3px;background: #005bac;left:  0;bottom: 0;transition:  all 1s;}
header.top-fixed:after{width:100%;}
header a .logo{max-width:250px;padding: 15px 0px;}
header a .logo img{max-height:100%;}
header a .logo img.down-logo{display: none;}
header a .logo img.top-logo{display: block;transition: all .5s;}
header.top-fixed a .logo img.down-logo{display: block;}
header.top-fixed a .logo img.top-logo{display: none;}
header a .logo,header .pdt-list{display: inline-block;vertical-align: middle;}
header .pdt-list:not(.p3){display: none;}
header .pdt-list{padding-left: 30px;text-align: left;margin: 0;z-index: 10;position: relative;width: 70%;}
header .pdt-list li{display: inline-block;padding: 5px 10px;position:relative;}
header .pdt-list.p3 li a{color:#fff;display: block;}
header.top-fixed .pdt-list.p3 li a{color:#005bac}
header.top-fixed .pdt-list.p3 li:after,header.top-fixed .pdt-list.p3 li a:before{background: #005bac;}
header .pdt-list.p3 li ul.dropdown-menu li:after{display:none;}
header .pdt-list.p3 li a:before{content:'';position:  absolute;width: 0;height: 1px;background:  #fff;bottom: 0;left: 0;transition: all .5s;}
header .pdt-list.p3 li a:hover:before{width: 100%;}
header .pdt-list.p3 li:after{content:'';position:absolute;left:0;bottom: 12px;width:1px;height:10px;background: #ddd;}
header .pdt-list li:first-child:after{display:none;}
nav ul{list-style:none;margin:0 0 15px;padding:0}
nav ul:not(:first-child) li{float:left;text-align:center}
nav img{display:block;max-width:100%;margin:auto}
nav .top-menu{display: none;}
.menu-box{padding: 15px;width:100%;max-width: 400px;position:fixed;top:0;right:0;height:100%;-ms-transform:translateX(390px);transform: translateX(calc(100% - 15px));transition: transform .3s ,background 3s;will-change:transform;z-index: 10;}
.menu-box ul{list-style: none;margin: 0;padding: 0;}
.menu-box li a{padding:15px;display:block;overflow:  hidden;}
.menu-box li a img{transition: all .5s;}
.menu-box li:hover a img{transform: scale(1.15);}
.menu-box.on{transform:none;background: #fff;transition: transform .5s ease-out;box-shadow: 0 0 20px 1px rgba(0, 0, 0, .5);}

header .top-menu .word-chg li{font-size: 14px;border:  1px solid;height: 24px;line-height: 24px;margin:7px 0px;}
header .top-menu .word-chg li.active{background: #fff;border: 1px solid #fff;}
header .top-menu .word-chg li.active a{color: #005bac;}
header .top-menu .word-chg li a{color:#fff;display: block;}
header.top-fixed .top-menu .word-chg li{border:1px solid #005bac;color: #005bac}
header.top-fixed .top-menu .word-chg li.active{background: #005bac;color: #fff;border: 1px solid #005bac;}
header.top-fixed .top-menu .word-chg li.active a{color:#fff;}
header.top-fixed .top-menu .word-chg li a{color: #005bac;display: block;}

header .menu-box .top-function{position:absolute;right:100%;top:0;/* width: 430px; */padding: 20px 0px;transition:  all .5s;display: flex;flex-direction: row-reverse;align-items: center;}
header.top-fixed .menu-box .top-function{padding: 10px 0px;}
.top-menu{float:right;display:inline-block;vertical-align:middle;display: flex;display: -webkit-flex;align-items: center;}
.menu-box .top-menu a{padding-right: 10px;display:  inline-block;padding:0;}
.top-menu a.ask-list:not(.p3){display: none;}
.top-menu a.ask-list li{position: relative;}
.top-menu a.ask-list li span{font-size: 12px;right: 0;position: absolute;z-index: 10;top: -10px;color: #fff;}
.top-menu a.ask-list li span:before{content:'';position: absolute;font-size: 12px;background: #ff0707;border-radius: 30px;width: 23px;height: 23px;right: -4px;top: 9px;z-index: -1;}
header .top-menu li{/* float:right; */min-width: 40px;height: 40px;line-height: 40px;font-size: 3rem;color: #fff;text-align:center;font-size: 21px;}
.word-chg ul{
    display: flex;
    display: -webkit-flex;
}
header .top-menu li#top-contact:hover{cursor:pointer;}
header.top-fixed .top-menu li{color:#005bac;}
.top-function img{margin-top: 5px;}
header .menu-box .top-function .button{position:relative;float:right;display:inline-block;vertical-align:top;padding: 10px 15px;border:0;border-radius:0;height: 40px;width: 55px;cursor:pointer;pointer-events:auto;touch-action:manipulation;-o-transition: all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.top-function .button:hover{background:#005bac}
header .menu-box .top-function .button .icon-bar{display:block;width:100%;height: 3px;margin: auto;background:#fff;-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);margin-top: 5px;}
header .menu-box .top-function .button .icon-bar:first-child{margin-top: 0;}
header.top-fixed .menu-box .top-function .button .icon-bar{background:#005bac}
header.top-fixed .menu-box .top-function .button:hover .icon-bar{background: #fff;}
.on .icon-bar{width: 25px;}
.on .icon-bar:nth-child(2){opacity:0}
.on .icon-bar:nth-child(1){-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.on .icon-bar:nth-child(3){-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-box .menu{margin-bottom:10px;clear: both;overflow: hidden;}
.menu li{width:33.33%}
.menu li a{background:#fff;background:-moz-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed',GradientType=1)}
.menu img{max-width:50px;max-height: 100%}
.pro-sort li{width:50%;border-bottom:solid 1px #ddd;font-size:1.8rem;transition: all 1s;}
.pro-sort li:hover{border-bottom: 1px solid #005bac;}
.pro-sort li:nth-child(2n+1){clear:both}
.pro-sort li:hover a p.title-icon{color: #005bac;}

.navi_search{position:relative;width:0;min-width: 40px;height: 40px;float:right;overflow:hidden;-webkit-transition:width .5s;-moz-transition:width .5s;transition:width .5s;-webkit-backface-visibility:hidden;font-size:1.4rem;}
.navi_search .navi_search-input{position:absolute;top: 0px;right:0;outline:none;background: none;width: 235px;height: 50px;margin:0;z-index:10;padding:0 15px;font-family:inherit;font-size:111%;border:  none;}
.navi_search.navi_search-open .navi_search-input{background: rgba(255, 255, 255, 0.4);position: relative;z-index: 99;}
input[type=search].navi_search-input{-webkit-appearance:none;-webkit-border-radius:0}
.navi_search-input::-webkit-input-placeholder{color:#333}
.navi_search-input:-moz-placeholder{color:#333}
.navi_search-input::-moz-placeholder{color:#333}
.navi_search-input:-ms-input-placeholder{color:#333}
.navi_icon-search,.navi_search-submit{width: 40px;height:100%;display:block;position:absolute;right: 5px;top:0;padding:0;margin:0;line-height: 40px;text-align:center;cursor:pointer;}
.navi_search-submit{background:#325576;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0);opacity:0;color:transparent;color:red;border:none;outline:none;z-index:-1;}
.header .navi_icon-search{z-index:90;font-size:20px;font-family:'icomoon';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;color: #fff;margin-top: -1px;}
.header .navi_icon-search.on{z-index:999}
.header.top-fixed .navi_icon-search{color: #005bac;}
.navi_icon-search:before{content:""}
.navi_icon-search:hover img{opacity:.5}
.navi_search i{vertical-align:-2px}
.navi_search.navi_search-open,.no-js .sb-search{width: 240px;-webkit-transition:width 1s;-moz-transition:width 1s;transition:width 1s;}
.navi_search.sb-search-open .navi_icon-search,.no-js .navi_search .navi_icon-search{background:#325576;color:#fff;z-index:11}

ul.dropdown-menu{background:rgba(20,86,160,0.6);position:absolute;float:inherit;left:-55px;top:40px}
ul.dropdown-menu li{width:100%;text-align:center;padding:10px 0}
header .pdt-list.p3 li ul.dropdown-menu li a {transition: all .5s;}
header .pdt-list.p3 li ul.dropdown-menu li a:hover,header.top-fixed .pdt-list.p3 li ul.dropdown-menu li a:hover{color:#005bac}
header.top-fixed .pdt-list.p3 li ul.dropdown-menu li a{color:#fff;}
/*側邊選單*/
.sidebar-inner .navbar-toggle{float: none;width:100%;margin: 0;background: #005bac;color: #fff;border-radius: 0;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);}
.sidebar-inner span{
    margin: 0px 10px;
}
.sidebar-inner .item{padding:0 15px}
.sidebar-inner .item:last-child{margin-top:15px}
.nav>li{border-bottom: 1px solid #ccc;}
.nav>li.active>a{background: #005bac;color: #fff;transition: all .5s;}
.nav>li>a{padding:15px;transition: all .5s;}
.nav>li>a>i{float: right;padding-top: 3px;}
.nav>li.active>a:hover,.nav>li>a:hover{background: none;color: #005bac;border-bottom:  1px solid;}

.input__field{position:relative;display:block;float:right;padding: 15px;width:60%;border:none;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:400;font-family:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-appearance:none;}
.input__field:focus{outline:none}
.input__label{display:inline-block;float:right;margin: 0;padding: 0 15px;width:40%;color:#696969;font-weight:700;font-size: 100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.input__label-content{position:relative;display:block;padding:1.6em 0;width:100%}

.input--makiko{position:relative;z-index:1;display:inline-block;vertical-align:top;overflow:hidden;width: 100%;background: #505050;}
.input__field--makiko{width:100%;background:transparent;color:#797693;z-index:10;font-weight:500;}
.input__label--makiko{position:absolute;width:100%;height: 100%;text-align:left;pointer-events:none;color:#fff;}
.input__label--makiko::before{content:'';position:absolute;width:30px;height:30px;top: 58%;left:20px;background:url(../images/all/search.svg) no-repeat center center;background-size:100%;-webkit-transition:-webkit-transform .4s cubic-bezier(0.7,0,0.3,1);transition:transform .4s cubic-bezier(0.7,0,0.3,1);-ms-transform: translate(0,-50%);-webkit-transform: translate(0,-50%);transform: translate(0,-61%);}
.input__label-content--makiko{display:block;padding: 11px 0 0 2.75em;-webkit-transition:-webkit-transform .4s cubic-bezier(0.7,0,0.3,1);transition:transform .4s cubic-bezier(0.7,0,0.3,1);}
.input__field--makiko:focus + .input__label--makiko::before,.input--filled .input__label--makiko::before{-webkit-transform: scale3d(140,45,1);transform: scale3d(140,45,1);}

.country-select{    width: 100%;
    padding: 0em .5em;
    background: transparent;
    color: #b5b5b5;
    -webkit-transition: border-color .25s;
    transition: border-color .25s;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 42px;}

label{box-sizing:inherit;cursor:inherit;transition-duration:.2s;transition-property:none;transition-timing-function:cubic-bezier(0.42,0,0.58,1)}
label.field{border-radius:2px;color:#666;display:block;padding: 8px 0;opacity:0;position:relative;transition-property:opacity;z-index:1;}
label.field.bb{left: 50%;transform: translateX(-50%);width: 50%;}
label.field span{color:inherit;display:block;font-size:16px;height:20px;line-height:20px;left: 10px;pointer-events:none;position:absolute;top:32px;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0);transition-property:color,font-size,top;z-index:1;font-weight:  400;font-size:  1.4rem;}
label.field span.required::after{color:inherit;content:"*";display:block;height:20px;left:-20px;line-height:20px;position:absolute;text-align:center;top:0;width:20px}
.error label.field span{color:#f02318}
label.field .psuedo_select{background:rgba(255,255,255,0);position:relative;border-bottom: solid 1px #666;color:#666;cursor:pointer;height:24px;line-height:24px;margin: 24px 0 0 0;/* min-width:250px; */padding-top:24px;outline:0;z-index:1;}
label.field .psuedo_select::after{background:url("../images/all/arrow.png"),no-repeat;background-size: 100%;content:"";height:24px;width:24px;position:absolute;top:0;right: 3px;transition-property:background;}
label.field .psuedo_select .selected{height:24px;left: 10px;line-height:24px;opacity:0;position:absolute;top:0;-webkit-transform:translateY(24px);transform:translateY(24px);transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;will-change:transform;}
label.field .psuedo_select ul{background:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);display:block;height:0;list-style:none;margin-top:2px;opacity:0;overflow:hidden;padding:0 1px;pointer-events:none;transition-property:height,opacity;width:100%;z-index:2}
label.field .psuedo_select ul li{padding: 5px 10px}
label.field .deselect{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}
label.field.focused{z-index: 4;color: #005bac;}
label.field.focused .psuedo_select{border-color: #005bac;}
label.field.focused .psuedo_select::after{background:url("../images/all/arrow_blue.png"),no-repeat;background-size: 100%}
label.field.focused .psuedo_select ul{opacity:1;pointer-events:all}
label.field.aa{margin-right: 30px;}
label.field.aa:last-child{margin-right: 0;}

#gitHubButton{background:rgba(0,0,0,0.25);bottom:10px;color:#fff;font-size:12px;padding:5px;position:fixed;text-decoration:none;right:10px}

.sel_range>*,.sel_range label.field{display: inline-block;vertical-align: middle}
.sel_range label{width: calc(50% - 15px);}
.sel_range label + span{width: 22px;text-align: center;}
.about-list li a:after {content:'';left:  0;bottom: 0;width: 0;height: 2px;background: #005bac;position:  absolute;transition: all 1s;}


/*頁尾*/
footer {padding: 80px 15px 40px;background: #005bac;border-bottom: 5px solid #163a5a;position:  relative;z-index: 2;}
footer .container > *{list-style: none;vertical-align: top;margin: 0 0 15px;padding: 0;color: rgba(255, 255, 255, 0.8);}
footer .container > .logo{width: 250px;}
.footerInner{display: flex;align-items: center;}
.footer-l,.footer-r{display: inline-block;vertical-align: top;}
.footer-l{display: flex;align-items: center;width: 45%;}
.footer-l img{max-width: 300px;margin-bottom: 10px;}
.footer-l img.top5000{max-width:150px;padding-right: 20px;}
.footer-r{text-align: center;}
.ft-menu li{display: inline-block;vertical-align: middle;margin-left: 20px;padding: 5px 0;color: rgba(255, 255, 255, 0.8);}
.copyright{font-size: 1.4rem}
.copyright a{display: block;color:#fff;}
.ft-social{list-style-type: none;display: flex;justify-content: center;align-items: center;}
.ft-social a{font-size: 1.8rem;margin: 10px;overflow: hidden;width: 35px;height: 35px;line-height: 35px;position: relative;border-radius: 5px;color: #005bac;border: 1px solid #fff;color: #fff;}


/*按鈕*/
.btnWrap {text-align:center;padding-top: 30px;clear:  both;padding-left: 20px;}
/*page number*/
.page_01 { margin:30px auto 50px; text-align:center; color: #aaa; }
.page_01 a { height:20px; line-height:20px; padding: 0 8px 0 0; color:#AAA; text-decoration:none; font-style: italic; }
.page_01 a:hover, .page_01 .on { color:#005bac; }
.page_01 .on { cursor:default; }
.page_01 .first, .page_01 .last, .page_01 .p10, .page_01 .n10, .page_01 .prev, .page_01 .next { color: #005bac; padding: 5px 15px; border: 1px #005bac solid;
    border-radius: 20px;}
.page_01 .prev{ margin-right: 10px; } 
.page_01 .next{ margin-left: 10px; }
.page_01 a.prev:hover , .page_01 a.next:hover { background-color: #005bac; color: #fff; }
.page_01 .fa{ margin: 0 8px; }
/*RWD編輯器表格(X捲軸)*/
.table-container table td{padding:5px;border:1px solid #ccc;white-space:inherit;}
/*banner*/
.carousel{position:relative;height:100vh;overflow: hidden;}
.carousel:hover .carousel-control{display:block}
.carousel .item,.carousel .item.active,.carousel .carousel-inner{height:100%}

.carousel .item .fill{
  width:100%;
  height:100%;
  background-position:center;
  background-size:cover;
  position:  relative;
  transition: all 1s;
  -o-animation: grow 10s  linear 10ms infinite;
  -webkit-animation: grow 20s  linear 10ms infinite;
  -moz-animation: grow 20s  linear 10ms infinite;
  animation: grow 20s  linear 10ms infinite;
  transition:all 2s ease-in-out;
  }
.carousel .item .fill.pc{display:block;}
.carousel .item .fill.mb{display:none;}  
 @-o-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.2)}
}
@-webkit-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.2)}
}
@-moz-keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.2)}
}

@keyframes grow{
  0% { transform:scale(1)}
  50% { transform:scale(1.2)}
}

.carousel .item .fill.for-ie{animation: none;}

.carousel .item .fill:before{content:'';position: absolute;right: 0;top: 0;transition: all 1s;width: 0;height: 0;border-style: solid;border-color: transparent rgba(0, 91, 172, .5) transparent  transparent;opacity: .5;}
.carousel .item .fill:after{content:'';position:  absolute;right: 0;bottom: 0;transition:all 1s;width: 0;height: 0;border-style: solid;border-color: transparent transparent rgba(0, 91, 172, .5) transparent;opacity:  0;}


.carousel .carousel-control{background:none;display:none}
.carousel-control .icon-prev::before,.carousel-control .icon-next::before{content:''}
.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:60px;margin:-30px 0 0}
.carousel-control .icon-prev{background:url(../images/all/control-icon.png) 0 0 no-repeat}
.carousel-control .icon-next{background:url(../images/all/control-icon.png) -30px 0 no-repeat}
.carousel-caption{bottom: 40%;text-align: right;width: 100%;padding: 0;position:  absolute;right:  30%;left: 50%;}
.carousel-caption em,.carousel-caption h2{display:  inline-block;vertical-align: middle;}
.carousel-caption h2{padding: 5px 30px;font-size:4.6rem;width: calc(100% - 305px);text-align:  left;}
.carousel-caption em{padding: 5px 30px 0;font-size: 2.8rem;width: 300px;border-right: solid;}
.banner{position:  relative;overflow:  hidden;text-align:  center;}
.banner:after{content:'';position:  absolute;top: 0;left:  0;width: 100%;height: 100%;background: rgba(0, 91, 172, 0.3);}
.banner.pc{display: block;}
.banner.mb{display: none;}
/*淡入 淡出*/
.carousel-fade .carousel-inner .item {  transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {  opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {  opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {  left: 0;  transform: translate3d(0, 0, 0); }

/*背景*/
/*.parallax{background: url(../images/all/bg01.png)no-repeat;height: 1105px;top:0px;left: -5%;position: absolute;width: 100%;z-index: 1;opacity: .5;}
.parallax-1{background: url(../images/all/bg02.png)no-repeat;height:800px;bottom:0px;right: -5%;position: absolute;width:600px;z-index:-1;opacity: .5;}
*/
.cookiesBox{width:100%;box-sizing:border-box;padding:20px;background:rgba(39,39,39,0.7);font-size:15px;color:#FFF;display:block;position:fixed;text-align:center;left:0;bottom:0;z-index:99}
.cookiesBox a{color:#fff;/* font-weight:bold; */text-decoration:underline;}
.cookiesBox .btn_cookies{clear:both;padding-top:1em}
.cookiesBox .btn_cookies a{transition: all .5s;color:#FFF;margin-right:15px;padding:7px 20px;background:#f08200;margin-top:3px;cursor:pointer;text-decoration:none;}
.cookiesBox .btn_cookies a:hover{background:#737373;}

@media (max-width: 768px) {
.cookiesBox{bottom:0px}

}

/*首頁*/
main{position: relative;}
main.aa{background: #eee;position:  relative;}
main .container{position:relative;z-index: 2;}
main .container.aa{background: #fff;padding:30px;}
.ix-products .cbp-so-scroller{background:#fff;}
.ix-products{padding-top: 3vw;}
.ix-products figure{font-size:1.8rem}
.ix-products figure + figure{margin-top:15px}
.ix-products figure:after{content:"";clear:both;display:block}
.ix-products figure > *{float:left;width:50%}
.ix-products figure a{overflow:hidden;transition: all 2s;margin-top: 20px;}
.ix-products figure a.is_animated{-webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;}
.ix-products figure a img{transition:all .5s;}
.ix-products figure a:hover img{transform:scale(1.15);}
.ix-products figure figcaption{padding: 5vw 50px 0;max-width:700px;}
.ix-solution{position:relative;padding: 70px 0px 90px 0px;}
.solution-zone{position: relative;}
.solution-zone .solution-img{position: absolute;}
.ix-solution .cap-block{position:relative;z-index:1;width: 40%;text-align:right;-ms-transform: translate(4vw,3vw);-webkit-transform: translate(4vw,3vw);transform: translate(4vw,3vw);}
.ix-solution .cap{display:inline-block;max-width:700px;padding: 2vw 50px;box-shadow:0 5px 30px rgba(0,0,0,.5);box-shadow:0 0 15px rgba(0,0,0,0.3);background: rgba(255, 255, 255, 0.9);text-align:left;}
.ix-solution h4{font-size:2rem}
.ix-news{padding:100px 0px;}
.news-zone{background:#fff;padding:30px}
.news-grid{margin:0 0 30px;clear: both;}
.news-grid figure{margin: 15px;height: 19vw;overflow:hidden;background: #fff;box-shadow:0 0 15px rgba(0,0,0,0.3);}
.news-grid figcaption{position:absolute;left:15px;right:15px;bottom: 15px;padding:15px;background:#fff;-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);}
.news-grid figure .sort-ribbon{position: absolute;left:0;bottom:100%;width: 0;height: 4px;transition:all .5s;}
.news-grid h3{margin-bottom:5px;font-weight:700;font-size:2.4rem;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;color: #005bac;}
.news-grid h4{height:30px;margin-bottom:5px;font-size:2rem;color:#005bac;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.news-grid p{opacity:0;height:0;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-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)}
.news-grid figure img{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.news-type-zone{margin-bottom: 10px;}
.news-type{padding: 3px 10px;color: #fff;margin-right: 10px;}

/*品牌介紹*/
.about-list{margin-bottom: 40px;list-style:none;padding:0;text-align:center;z-index:  10;position:  relative;}
.about-list li{display: inline-block;vertical-align: middle;padding: 10px 20px;position:  relative;}
.about-list li.active{}
.about-list li a{color: #005bac;position:  relative;z-index:  1;display:  inline-block;padding-bottom: 10px;text-decoration:  none;}
.about-list.aa{margin-top: 10px;}


/*網站地圖*/
.sitemap-list{list-style: none;padding:0;}
.sitemap-list>li{display: inline-block;vertical-align: top;width: calc(100% / 3 - 5px);padding: 30px 0px;}
.sitemap-list>li>ul{list-style: none;padding:0;margin: 0px 10px;}
.sitemap-list>li>ul>li.sitemap-title{font-size: 2.1rem;background: #005bac;color: #fff;text-align:  center;padding: 5px;}
.sitemap-list>li>ul>li{
    padding: 15px 0px;
    padding-left: 30px;
    border-bottom: 1px solid #ccc;
    position:  relative;
}
.sitemap-list>li>ul>li a{transition: all .5s;}
.sitemap-list>li>ul>li:after{content:'';position:  absolute;left: 10px;bottom: 27px;width:  10px;height:  1px;background: #333;transition: all .5s;}
.sitemap-list>li>ul>li.sitemap-title:after{display:none;}
/*詢價單*/
.pdt-title{color:#005bac;}
.pdt-title i{padding-right: 10px;}
.inquiry-form{padding: 20px;}

/*新聞中心*/
.news-search select{width: 40%;border:none;border-bottom: 1px solid;height: 50px;margin-right: 35px;background: #fff;}
.news-search select:last-child{margin-right:0;}
.news-grid-inner .news-box{clear: both;margin: 30px auto;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 20px 0 0 0;}
.news-grid-inner .news-img,.news-grid-inner .news-info{display: inline-block;vertical-align: top;}
.news-grid-inner .news-img{width: 250px;}
.news-grid-inner .news-info{width: calc(100% - 255px);padding: 20px;}
.news-grid-inner .news-info .news-info-inner{margin-bottom:30px;}
.news-grid-inner .news-info p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 45px;display: block;}
.news-grid-inner .news-info h3{color:#005bac;font-weight: bold; }
/*新聞中心底層*/
.nth-lpic-rtxt h1.mjtitle{color: #005bac;border-bottom: 1px solid;margin-bottom: 20px;}
.gallery-fourimg-video .page-title { padding:1.5em 0 3.5em 0; position:relative; }
.gallery-fourimg-video .page-title h1 { margin-left:130px; }
.gallery-fourimg-video .page-title .date { position:absolute; left:0; top:1.5em; width:100px; padding:.6em; border:1px solid #eee; box-shadow:2px 2px 5px #ccc; border-radius:5px; text-align:center; }
.gallery-fourimg-video .page-title .fa-calendar { display:none; }
.gallery-fourimg-video .page-title .date .yy { padding:0 5px 0 0; }
.gallery-fourimg-video .page-title .date .dd { display:block; font-size:32px; color:#333; }

.word-box.aa h4{font-size:  2.1rem;color: #005bac;margin: 0px auto 20px auto;position: relative;}
.word-box.aa h4 strong{display:block;}
.word-box.aa h4:after{content:'';bottom: -10px;width: 60px;height: 1px;background: #005bac;display: inline-block;}

.word-box.aa h2{font-size:  2.1rem;color: #005bac;margin: 0px auto 20px auto;position: relative;}
.word-box.aa h2 strong{display:block;}
.word-box.aa h2:after{content:'';bottom: -10px;width: 60px;height: 1px;background: #005bac;display: inline-block;}

.page-content table { max-width:100%; }
.imgg { max-width:100%; display:block; margin:1em 0; }
.imgg2 { max-width:100%; display:block; }
.tx01:first-child{margin-top:0;}
.tx01.aa{background: #f4f4f4;}
.tx01.aa:after{content:'';display:block;clear:both;}
.tx01 {clear: both;margin: 5em auto;}
.tx02 {clear: both;overflow:hidden;margin-bottom: 80px;/* display: flex; *//* display: -webkit-flex; */}
.tx01 img {margin-top: 1em;margin-bottom: 1em;max-width: 100%;max-height: 100%;height: auto!important;}
.img-left,.img-left1 {float: left;width: 50%;}
.img-right,.img-right1 {float: right;width: 50%;}
.word-box{float: left;width: 50%;padding: 30px;}
.img-left + .word-box.aa,.img-right + .word-box.aa{width:50%}
.word-box.aa{width: 100%;padding: 30px;float: right;}
.img-left img, .img-right img {max-width: 100%;width: 100%;}
.img-left1 img, .img-right1 img { max-width:430px; }
.img_center img {  float: left;  padding: 1em;  width: 33.3%;   text-align: center;}
.video-zone{margin-top: 5em;}
.video-zone.aa .item{text-align:center;}
.certificate-zone{display:flex;display:-webkit-flex;flex-wrap:wrap;}
.certificate-zone figure{width:20%;padding:10px;}
.certificate-zone figure img{max-width:100%;}
/*隱私權政策*/
.privacy-page h2{color:#005bac;font-weight:bold;}
.privacy-page ul{padding-left: 40px;}

/*新聞上下頁切換*/
.news-change{border-top:1px solid #ccc;margin-top: 50px;}
.change-box{width: 50%;float: left;position:  relative;}
.news-change:after,.change-box:after{content:'';display: block;clear: both;}
.change-box a .change-img{overflow: hidden;transition: all 1s;height: 150px;}
.change-box a .change-img img{max-width:  100%;max-height: 100%;}
.change-box a .change-info{position: absolute;top: 0;right: 0;width: 100%;text-align: right;padding: 40px 30px;border-right: 1px solid #ccc;}
.change-box a .change-info .change-type{width: 300px;text-align: right;font-size:24px;}
.change-box a .change-info .change-type,.change-box a .change-info .change-word{display: inline-block;vertical-align: middle;}
.change-box a .change-info .change-word{width: calc(100% - 305px);}
.change-box:first-child a .change-info .change-type>i{margin-right: 20px;transition: all 1s;}
.change-box:last-child a .change-info .change-type>i{margin-left: 20px;transition: all 1s;}
.change-box:last-child a .change-info{text-align: left;}
.change-box:last-child a .change-info .change-type{text-align: left;}
.change-box:last-child a .change-img{float: right;}
@media (max-width: 768px) { 
.page-content iframe { height:400px; }
}

@media (max-width: 640px) { 
.page-content iframe { height:320px; }
.img-left, .img-right, .img-left1, .img-right1 { float:inherit; padding-right: 0; padding-left: 0;}
.img-left img, .img-right img, .img_center img,
.img-left1 img, .img-right1 img { display:block; width:100%; max-width:inherit; }
}

@media (max-width: 480px) { 
.img-left1 img, .img-right1 img { max-width: 100%; }
.img-left,.img-left1,.img-right,.img-right1 { float:inherit; padding: 0 0 1em 0;}
.page-content iframe { height:250px; }
}

/*解決方案*/
.solve-block {transition:  all 1s;width: 31.3%;display:  inline-block;margin: 20px 10px;}
.solve-block a{position: relative;display: block;}
.solve-block .solve-info{position: absolute;bottom: 30px;z-index: 10;color: #fff;padding:  10px;text-align:  center;width: 100%;}
.solve-block .solve-info h2{position:relative;transition: all .5s;}
.solve-block .solve-info h2:after{content: '';position: absolute;bottom: -7px;height: 1px;width: 20px;left: 50%;transform: translateX(-50%);background: #fff;transition: all .5s;opacity: 0;}
.solve-block .solve-info a{position:  absolute;bottom: 2vw;}
.solve-block .solve-img{overflow: hidden;}
.solve-block .solve-img img{transition: all 1s;}
.solve-block a:after{content:'';background:rgba(60, 60, 60, 0.8);width: 100%;height: 100%;position: absolute;top:0;left:0;opacity: 0;transition: all 1s;}

.pdt-recommend .item{text-align: center;background:  #fff;padding: 10px;}
.pdt-recommend .item a:hover{cursor: pointer;}
.pdt-recommend .item h2{color: #005bac;font-size: 15px;font-weight: bold;}
.pdt-recommend .item h3{color:#3a3a3a;font-size: 12px;margin: 0;}
.pdt-recommend .item a .pro{overflow:hidden;}
.pdt-recommend .item a .pro img{transition: all 1s;}
.pdt-recommend .item a:hover .pro img{transform: scale(1.15);}

/*訂單流程*/
.order-box{display: inline-block;vertical-align: top;width: 49%;}
.order-info{text-align:center;margin-bottom: 30px;}
.order-info h2{font-weight: bold;color: #005bac;}
.order-title{text-align: center;margin-bottom: 15px;position: relative;z-index: 1;}
.order-title h3{display: inline-block;background:#005bac;color: #fff;padding:10px 20px; }
.order-content.aa{border:inherit;}
.order-content.aa  figure img{width: 100%;}
.order-content.aa figure.order-pc img{display: block;}
.order-content.aa figure.order-m img{display: none;}
.order-content.aa  ul{text-align: center;list-style: none;padding:0;}
.order-content.aa  ul li{position:relative;display: inline-block;vertical-align: top;margin: 20px;width: 20%;}
.order-item{text-align: center;color: #005bac;}
.order-item h2{display:inline-block;border-bottom: 1px solid #005bac;margin-bottom: 30px;padding-bottom: 10px;}
.order-content.aa ul li>.flow-info{position: relative;width: 200px;height: 200px;border-radius: 100%;border: 1px solid #005bac;margin: 0 auto;color: #005bac;}
.order-content.aa ul li>.flow-info>span{position: absolute;right: 25px;font-size: 30px;color: #005bac;padding: 5px;background: #fff;top: -15px;z-index: -1;}
.order-content.aa  ul:first-child{margin-right: 3vw;}
.order-content.aa  ul:last-child{margin-left: 3vw;}
.order-content.aa ul li .arrow-box{animation: arrow 1s ease-in infinite alternate;-moz-animation: arrow 1s ease-in infinite alternate;-webkit-animation: arrow .7s ease-in infinite alternate;position: absolute;top: 40%;}
.order-content.aa ul li .arrow-box>img{width: 15px;}
.order-content.aa ul li>.flow-info p{font-size: 1.6rem;font-weight: bold;}
@-webkit-keyframes arrow {
  0% {right:-1.5vw}
  100% {right:-2.5vw}
}
@keyframes arrow {
  0% {right:-1.5vw}
  100% {right:-2.5vw}
}
.order-content.aa ul li:nth-child(4n) .arrow-box{display:none}
.order-content.aa #menu1{margin-bottom:50px}
.order-content.aa #menu1 ul li{position:relative}
.order-content.aa #menu1 ul li>.flow-info>.flow-inner{text-align:center;margin-top:84px}
.order-content.aa #menu1 ul:first-child li:nth-child(2)>.flow-info>.flow-inner{margin-top:30px}
.order-content.aa #menu1 ul:first-child li:nth-child(2)>.flow-info>.flow-inner>p.flow-title{background:#005bac;color:#fff;padding:5px;display:inline-block;margin-bottom:0}
.order-content.aa #menu2 ul li>.flow-info>.img-box{width:120px;margin:0 auto;padding:15px;border-radius:100%;margin-top:15px}
.order-content.aa #menu2 ul li>.flow-info>.img-box img{max-width:100%}
.order-content.aa #menu2 ul li>.img-box>span{position:absolute;left:20px;top:0;background:#005bac;width:30px;height:30px;border-radius:100%;color:#fff;padding-top:3px}
.order-content.aa{margin-top:30px}
.order-content.aa ul li:nth-child(4n):before{display:none}
/*聯絡我們*/
.contact_box h3{font-weight: 700;color: #005bac;margin: 0;}
.contact_box h4,.contact_box h5,.contact_box h6{margin: 0;}
.contact_box{width:100%}
.contact_box_inner{width:100%;max-width:1440px;margin:0 auto}
.contact-form-zone{background: url(../images/contact/contact-bg.jpg)no-repeat center/cover;padding:150px 0px;margin:100px 0px;}
.contact-info{top:50%;left:50%;background:rgba(0,0,0,.9);padding:80px;max-width:550px;text-align:center;color:#fff;margin:0 auto}
.contact-info h2{letter-spacing:3px;font-weight:700}
.contact-info h3{margin:30px 0;letter-spacing:3px;line-height:1.5}   
@media only screen and (max-width: 1440px) {
.contact_box_inner{width:100%;max-width:1024px;margin:0 auto}
}

.contact_box .layer1{border-top: 3px solid #005bac;}
.contact_box .layer1:last-child{border-bottom: 3px solid #005bac;}
.contact_box .layer1>li{display:flex;flex-wrap:wrap}
.contact_box .layer1>li>div:first-child{width:200px;padding:30px 20px}
.contact_box .layer2{display:flex;flex-direction:column;width:calc(100% - 200px)}
.contact_box .layer2>li{display:flex;flex-wrap:wrap}
.contact_box .layer2>li>div{width:240px;padding:30px 0;margin:0 10px}
.contact_box .layer3{display:flex;flex-wrap:wrap;width:calc(100% - 400px);padding:30px 0;margin:0 10px}
.contact_box .layer2>li>div:last-child{width:100px;margin:0 10px;display:flex;justify-content:center;align-items:center}
.contact_box .layer2>li>div:last-child>a{text-align:center;}
.contact_box .layer2>li>div:last-child>a>img{padding: 10px;width: 65px;}
.contact_box .layer3 li{display:flex;flex-wrap:wrap}
.contact_box .layer3 li p{line-height: 1;margin: 0;}
.contact_box .layer3 li:not(:last-child){margin-bottom:10px}
.contact_box .layer2 li:not(:last-child)>div{border-bottom:1px solid #000}
.contact_box .layer2 li:not(:last-child) .layer3{border-bottom:1px solid #000}
.contact_box .layer3 li.add{width:100%;padding-left:20px;margin-bottom:20px}
.contact_box .layer3 .tel{padding-left:20px}
.contact_box .layer3 .fax{padding-left:20px}
.contact_box .layer3 .email{width:100%;padding-left:20px}

@media only screen and (max-width: 1024px) {
.contact_box .layer1>li>div:first-child{width:100%;padding:30px 10px 0}
.contact_box .layer2{display:flex;flex-direction:column;width:100%}
}
@media only screen and (max-width: 767px) {
.contact_box .layer2 li:not(:last-child)>div:first-child{border-bottom:0}
.contact_box .layer2>li>div:first-child{width:100%;padding:30px 0 0;margin:0 10px}
.contact_box .layer3{width:calc(100% - 110px);padding:10px 0 30px}
.contact_box .layer2>li>div:last-child{width:70px}
.contact_box .layer3 li.add{width:100%;padding-left:0;margin-bottom:20px}
.contact_box .layer3 .tel{padding-left:0;margin-right:10px}
.contact_box .layer3 .fax{padding-left:0}
.contact_box .layer3 .email{width:100%;padding-left:0}
}

.title-icon-form{-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);position:fixed;height:0;width:100%;top:0;left:0;z-index:100000;display:flex;transition:.5s;overflow:hidden;background:#fff}
.title-icon-form.open{height:100%}
.title-icon-form .c_tit{text-align:center;margin-bottom:1.5em}
.title-icon-form .c_tit .fa{border-radius:100%;border:2px solid;width:50px;height:50px;font-size:2em;text-align:center;line-height:47px;margin-right:10px}
.title-icon-form .contact-img{width:40%;height:100vh;background:no-repeat center center;background-size:cover;transition:.25s;float:left}
.title-icon-form .contact_form{width:60%;border-right:none;padding:1em;background:#fff;float:right;padding:50px;position:relative}
.title-icon-form .contact_form.aa{overflow-y:scroll}
.contact-inner-info{padding:0 20px;border-bottom:3px solid #005bac;padding-bottom:20px}
.contact-inner-info h2{font-weight:700;margin-bottom:20px}
.contact-inner-info h3{letter-spacing:3px;line-height:1.2}
.close-btn{position:absolute;top:0;right:0;padding:10px 20px;background:#ccc;cursor:pointer}
.close-btn p{margin-bottom:0}
.title-icon-form .page_form .input1,.title-icon-form .page_form select,.title-icon-form .page_form textarea,.title-icon-form .page_form .input3{min-height:34px;border:1px solid #eaeaea;padding:5px 10px;background:#eaeaea;line-height:1.1;color:#444;width:94%;box-shadow:none;margin-bottom:15px;border-radius:2px}
.title-icon-form .page_form.col-md-12 .input1,.title-icon-form .page_form.col-md-12 .input2{width:98%}
.title-icon-form .page_form textarea,.title-icon-form .page_form .input3{width:inherit}
.title-icon-form .contact_form .page_form2{clear:both}
@media (max-width: 992px) { 
.title-icon-form .page_form .input1, .title-icon-form .page_form select, .title-icon-form .page_form textarea { width: 98%; }
}
@media (max-width: 768px) { 
.title-icon-form .c_tit .fa { display: block;  margin: 0 auto .4em; }
}
@media (max-width: 640px) { 
.title-icon-form .contact_form {width: 90%;padding: 20px;}
}

.input--chisato{padding-top:1em;margin-top: 1em;}
.input__field--chisato{width:100%;padding:.8em .5em;background:transparent;color: #333;-webkit-transition:border-color .25s;transition:border-color .25s;border: 1px solid #ccc;border-radius: 5px;}
.input__label--chisato{width:100%;position:absolute;top: -25px;text-align:left;overflow:hidden;padding:0;pointer-events:none;-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0);}
.input__label-content--chisato{padding:0 1em;font-weight:400;color: #333;}
.input__label-content--chisato::after{content:attr(data-content);position:absolute;top:-200%;left:0;color: #005bac;font-weight:800;}
.input__field--chisato:focus,.input--filled .input__field--chisato{border-color: #005bac;}
.input__field--chisato:focus + .input__label--chisato,.input--filled .input__label--chisato{-webkit-animation:anim-chisato-1 .25s forwards;animation:anim-chisato-1 .25s forwards;top: -10px;}
.input__field--chisato:focus + .input__label--chisato .input__label-content--chisato,.input--filled .input__label-content--chisato{-webkit-animation:anim-chisato-2 .25s forwards ease-in;animation:anim-chisato-2 .25s forwards ease-in}
.input--chisato textarea{resize : none;}
@-webkit-keyframes anim-chisato-1 {
0%,70%{-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0)}
71%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@-webkit-keyframes anim-chisato-2 {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
70%,71%{-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0);opacity:0;-webkit-animation-timing-function:ease-out}
100%{color:transparent;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}
}
@keyframes anim-chisato-1 {
0%,70%{-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0)}
71%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes anim-chisato-2 {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
70%,71%{-webkit-transform:translate3d(0,125%,0);transform:translate3d(0,125%,0);opacity:0;-webkit-animation-timing-function:ease-out}
100%{color:transparent;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}
}


/*麵包屑*/
.breadcrumb{margin-bottom: 0;padding: 15px;text-align: right;background:inherit;}
.breadcrumb,.breadcrumb *{font-size: 1.4rem}
.breadcrumb h1{display: inline;}

/*產品類別*/
.sub-sort{clear: both;overflow: hidden;background: #555;}
.sub-sort ul{list-style-type: none;margin: 0;padding: 5px;clear: both;overflow: hidden;padding-top:50px;}
.sub-sort li{float: left;width: 20%;padding: 5px;text-align: center;}
.sub-sort li a{display: block;padding: 5px;border: solid 1px #dae6f1;color: #dae6f1;border-radius: 5px;}
.sub-sort li a:hover,.sub-sort li a.on{background:#dae6f1;color:#666}
.product-list{list-style: none;margin: 0;}
.product-list .item{border-top: solid 1px #ddd;padding: 15px 0}
.product-list .item:first-child{border-top:none;}
.product-list .item>*{display:inline-block;vertical-align: middle;}
.product-list .pro{width: 280px;overflow:  hidden;}
.product-list .pro img{transition:all .5s;}
.product-list .pro:hover img{transform:scale(1.15);}
.product-list .txt-box{width: calc(50% - 45px);padding-left: 10px;}
.txt-box h3 a{font-size:2rem;color: #005bac;margin-bottom: 10px;font-weight:bold;}
.txt-box .summary{list-style: none;margin: 0;padding: 0;}
.txt-box .summary span:first-child{width: 175px;padding-right: 5px;}
.txt-box .summary span{display:inline-block;vertical-align:middle;font-size: 1.4rem;}
.txt-box .summary em{margin: 0 1rem;font-style: normal;}
.product-list .option{width: calc(50% - 250px);}
.product-list .option .btn-style{display: block;margin-bottom: 20px;width: 100%;text-align:  center;background: #555;font-size: 1.4rem;}
.btn-style i{padding-right: 8px;}
.btn-style.bb{background: #005bac;padding: 10px 45px;color: #fff}
.btn-style.cc{padding:5px 15px;margin-top: 10px;}
.pdt-contact{cursor: pointer;}
/*-----------特效控制區塊------------*/

@media (min-width: 1025px) {
/*按鈕*/
.btn-style{display:inline-block;padding:10px 15px;color:  #fff;position:  relative;z-index: 10;font-size:14px;background: #555;}
.btn-style:after{content:'';position:absolute;left: 0;bottom:0;width: 0;height:100%;transition:all .5s;z-index: -1;}
.btn-style:hover,.btn-style:focus{color: #fff;z-index:1;}
.btn-style:hover:after{width: 100%;right:0;background: #005bac;}
.btn-style.bb:hover:after{background: #555;}
.btn-style.news-btn{float: right;top: 0;margin-top: -45px;}
.btn-style.aa{width: 100%;text-align: center;}
.btn-style.aa i{padding-right: 5px;}


.btn-style2{display: block;padding: 8px 15px;text-align: center;border:solid 1px #005bac;color: #005bac;}
.btn-style2:hover{background: #005bac;color: #fff;}

/*品牌介紹*/
.about-list li:hover a:after,.about-list li.active a:after{width:100%;}

/*新聞*/
.news-grid figure:hover p{opacity:1;height:70px}
.news-grid figure:hover img{opacity:.5;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.news-grid figure:hover .sort-ribbon{width:100%;background: #005bac;}

/*新聞上下頁*/
.change-box:hover a .change-img{opacity: .5;}
.change-box:hover:first-child a .change-info .change-type>i{margin-right: 30px;}
.change-box:hover:last-child a .change-info .change-type>i{margin-left: 30px;}

/*解決方案*/
.solve-block:hover .solve-info h2{margin-bottom: 30px;}
.solve-block:hover .solve-img img{transform: scale(1.15);}
.solve-block:hover .solve-info h2:after{opacity: 1;width: 100px;top: 40px;}
.solve-block:hover a:after{opacity: 1;}
/*頁尾聯絡我們按鈕*/
.ft-social a:last-child{text-align: center;font-size: 1.5rem;color:#fff;transition:  all .5s;position:  relative;border-radius: 0;justify-content: end;width: auto;height: auto;padding: 12px 55px;line-height: inherit;background: inherit;border: 1px solid;}
.ft-social a li{position:  relative;z-index:10}
.ft-social a:last-child li i{position:relative;z-index:1;padding-left: 10px;}
.ft-social a:after{content:'';position: absolute;left:  0;bottom: 0;width: 0;transition:  all .5s;height: 100%;}
.ft-social a:last-child:hover{color: #005bac;background: inherit;}
.ft-social a:last-child:hover:after{width:100%;background: rgba(255, 255, 255, 0.8);}

/*網站地圖*/
.sitemap-list>li>ul>li:hover a{color: #005bac;}
.sitemap-list>li>ul>li:hover:after{left: 15px;}
}
@media (max-width:1024px) {
    /*按鈕*/
    .btn-style{background: #555;color:#fff;padding:10px 15px;    font-size: 1.6rem;}
    .btn-style.aa{display: block;text-align:center;}
    .btn-style2{
    background: #005bac;
    color: #fff;
    display: block;
    padding: 10px;
    text-align: center;
}
    /*頁尾聯絡我們按鈕*/
    .ft-social a:last-child{text-align: center;font-size: 1.5rem;border:  1px solid;padding: 0px 65px;color:#fff;transition:  all .5s;position:  relative;width: 100%;background: inherit;height: 50px;line-height: 50px;border-radius: 0;}
    .ft-social a:last-child li{position:  relative;z-index:10;}
    .ft-social a:last-child li i{position:relative;z-index:1;padding-left: 10px;}
    /*單元選單*/
    .about-list li.active a:after{width:100%;}
    /*解決方案*/
    .solve-block .solve-info h2:after{opacity: 1}
}


@media (max-width: 1600px) {
    header .pdt-list{display: none;}
 }


@media (max-width: 1480px) { 
    .block-page-inner{padding:20px 0px;position:  relative;z-index: 2;}
    /*背景*/
    .parallax{left: 0;}
    .parallax-1{right: 0;}
    .carousel-caption{left:40%;}
    .carousel-caption h2{font-size: 3.8rem;}
    /*主選單*/
    .news-grid figure{margin-left: 0;margin-right: 0;}
    .call-center{bottom: 35%;}
    header .pdt-list{
    width: calc(100% - 505px);
}
    /*產品類別*/
    .product-list .txt-box{width: calc(100% - 300px - 220px);}
    .product-list .option{width: 210px;}
    .product-list .option .btn-style{width: 60%;}
    /*品牌故事*/
    .tx01{margin:5em auto;}

}

@media (max-width: 1280px) { 

    /*主選單*/
    header .logo {width: 300px;margin-top:5px;}
    /*首頁*/
    .news-grid figure{height: 25vw;}
    .carousel-caption{left:0%;}
    /*產品類別*/
    .product-list .item>*{vertical-align:top}
    .product-list .txt-box{width:calc(100% - 315px)}
    .product-list .option{width:100%;margin-top: 25px;text-align: center;}
    .product-list .option .btn-style {width: 40%;display: inline-block;margin-right: 10px;}
    .product-list .option .btn-style:last-child{margin-right:0;}
    /*服務資源*/
    .order-content.aa ul li>.flow-info{width: 180px;height: 180px;}
    .order-content.aa #menu1 ul li>.flow-info>.flow-inner{margin-top:75px;}
    .order-content.aa ul li>.flow-info p{font-size:1.6rem;}
    .order-content.aa ul li{margin:10px;}
    .order-content.aa ul:last-child,.order-content.aa ul:first-child{margin:0;margin-bottom:20px;}
    /*新聞中心底層*/
    .change-box a .change-info{padding:10px 30px;}
    .change-box a .change-info .change-type, .change-box a .change-info .change-word{width: 100%;}
    .change-box a .change-info .change-type{font-size: 21px;    margin-bottom: 15px;}
    .change-box:last-child a .change-info .change-type{margin-top: 0;}
    /*解決方案*/
    .solve-block{width: 30.3%}
}

@media (max-width: 1180px) { 
    /*主選單*/
    header{padding:15px;}
    header .logo{display: inline-block;width:200px;margin-top:0} 
    .top-function .button{height:50px;padding:10px 15px}
    .icon-bar{height:2px}
    .on .icon-bar{width:30px;margin:5px auto}
    .top-function{width: 415px;}
    .top-function img{margin-top:2px}
    .top-function li,.navi_search{height:50px;line-height:50px}
    .navi_search-input,.navi_search.navi_search-open, .no-js .sb-search{width: 220px;}
    .navi_search-input{top:8px;height:30px;}
    .navi_icon-search,.navi_search-submit{line-height:50px}
    .top-menu li{min-width: 70px;height: 50px;line-height: 45px;}
    .header .navi_icon-search{margin-top: -6px;}
    .call-center {bottom:45%;}
    /* 回頂端 */
    .call-center li{height: 50px;}
    /*首頁*/
    .news-grid figcaption{left: 0;right: 0;}
    main .container.aa{padding:35px;}
    .solution-zone .solution-img,{position: inherit;}
    /*品牌故事*/
    .img-left,.img-left1,.word-box,.img-right, .img-right1,.img-left + .word-box.aa, .img-right + .word-box.aa{width: 100%;float: inherit;}
    /*頁尾*/
    footer .container > *{display:block;width:100%;text-align:left;margin:0 0 15px}
    .ft-menu li{margin-left:0;margin-right:30px}
    .footer-r ul{padding:0;}
    .ft-social a{padding:inherit;line-height: 25px;text-align: center;padding-top: 6px;}
    /*服務資源*/
    .order-content.aa ul li>.flow-info p{font-size:1.4rem;}
    .order-content.aa ul li>.flow-info{width:170px;height:170px;}


}

@media (max-width:1024px) { 
    /*解決方案*/
    .solve-block a:after{opacity: 1;background: rgba(60, 60, 60, 0.5);height: 100%}
    header .pdt-list{display:none;}

}

@media (max-width: 996px) { 
    /*主選單*/
    nav .top-menu{display: flex;display: -webkit-flex;}
    .header .navi_icon-search{margin-top:0;}
    nav .top-menu a.cart-mobile li p{font-size: 1.8rem;position: relative;}
    nav .top-menu a.cart-mobile li p span{font-size: 10px;position: absolute;z-index: 10;top: 2px;color: #fff;right: 0;background: #ff0707;width: 18px;height: 18px;border-radius: 100%;padding: 3px;line-height: 12px;}
    .top-function{width: auto;}
    .top-menu{display: none;}
    header .top-menu .word-chg li.active {background: #005bac;color: #fff;border: 1px solid #005bac;}
    header .top-menu li{color:#005bac;}
    header .top-menu li.active{background:#005bac}
    header .top-menu .word-chg li a{color:#005bac;}
    header .top-menu .word-chg li.active a{color:#fff;}
    header .menu-box .top-function{width: auto;}
    /*頁尾*/
    footer {padding-top: 30px;}
    .call-center{display: none;}
    .ft-social{flex-wrap:wrap;}
    /*首頁*/
    .ix-products figure > *,
    .ix-products figure:nth-child(odd) > *{float: none;width: 100%;}
    .ix-products figure{max-width: 600px;margin: auto;}
    .ix-products figure figcaption{max-width:100%;padding: 15px;}
    .ix-solution{margin-bottom: 0;}
    .ix-solution .bg{position:static;width:100%;height: 30vw;}
    .ix-solution .cap-block{width: 100%;text-align: center;-ms-transform: translate(0,15vw);-webkit-transform: translate(0,15vw);transform: translate(0,15vw);}
    .ix-solution .cap{max-width: 100%;padding: 15px 30px;background: #fff;}
    .news-grid figure{height: 32vw;}
    /* 回頂端 */
    .call-center{right: 0;left: 0;top: inherit;bottom: 0;box-shadow: 0 0 15px rgba(0, 0, 0, .5);}
    .call-center.show{top: inherit}
    .call-center li{float: left;width: 33.333%;}
    .call-center > *:last-child {display:block!important;}
    .call-center > *:not(:last-child) li{border-right:solid 1px #06559e}
    /*側邊選單*/
    .sidebar{width: 100%;padding: 15px;}
    .sidebar .navbar-toggle{display: block;width: 100%;margin:  0 auto;background: #005bac;color:  #fff;border-radius:  0;margin-bottom: 10px;} 
    .sidebar .navbar-toggle i{padding-left: 10px;}
    .pdt-sidebar, .main{width: 100%;float: none;}
    .sidebar .item:first-child{padding-top: 15px;}
    /*產品類別*/
    .sub-sort li{width:25%}
    .product-list .option .btn-style{width:46%;}
    .pdt-sidebar.pc-type{display: none;}
    .pdt-sidebar.mobile-type{display: block;}
    /*解決方案*/
    .solve-block{width: 46%;}
    .solve-block .solve-info .solve-text,.solve-block:after{opacity: 1;}
    /*新聞中心*/
    label.field.aa{margin-right: 0}
    .change-box a .change-img{display: none;}
    .change-box a .change-info{position: inherit;}
    .change-box a .change-info .change-type{width: 40%;}
    .change-box a .change-info .change-word{width: 58%;}
    .change-box a .change-info .change-type{text-align: left;}
    .change-box:last-child a .change-info .change-type{text-align: right;}
    /*公司簡介*/
    .certificate-zone figure{width:50%;}
    /*服務中心*/
    .branch-block{width: 46.3%}
    /*聯絡我們*/
    .input--chisato:first-child{margin-top: 2em;}
    .input--chisato{margin-top: 4em;}
    .company-info, .title-icon-form .contact_form{width: 100%}
    .company-info{padding:50px;margin-top: 50px}
    .contact-form-zone{padding:50px;}

    /*服務流程*/
    .order-content.aa ul li{width: 49%;margin: 0 auto;margin-bottom: 20px;}
    .order-content.aa ul li>.img-box>span{font-size: 12px;width: 20px;height: 20px;padding-top: 0;}
    .order-content.aa ul:first-child{margin-right: 0}
    .order-content.aa ul:last-child{margin-left: 0;}
    .order-content.aa ul li .arrow-box{transform: translateX(8vw);}
    .order-content.aa ul li:nth-child(2n) .arrow-box{display:none;}
}

@media (max-width: 768px) { 
    .navbar-toggle{display: block;}
    /*標題*/
    .mj-title.title-icon{padding-left: 5px;}
    .mj-title.title-icon:before{width: 25px;height: 25px;}
    /*RWD編輯器表格(X捲軸)*/
    .table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
    /*banner*/
    .carousel-caption em, .carousel-caption h2{width: 100%;text-align: center;border-right: none;}
    /*主選單*/
    .menu-box{max-width: inherit;width: calc(100% - 90px);}
    .menu-box li a{font-size: 1.4rem;}
    /*首頁*/
    .ix-solution .cap{max-width: 100%;}
    .ix-solution{padding: 30px 0 0 0;}
    .ix-solution .cap{padding: 20px;}
    .ix-solution .cap .mj-title{margin:0;}
    .ix-solution .cap h3{margin-bottom:20px;margin-top: 0;}
    .ix-solution .cap-block {
    -ms-transform: translate(0,30vw);
    -webkit-transform: translate(0,30vw);
    transform: translate(0,30vw);
    }
    .ix-news{margin-top: 25vw}
    /*麵包屑*/
    .breadcrumb{padding-left:0;padding-right:0}
    /*產品類別*/
    .pdt-sidebar, .main{width: 100%;margin-right: 0;}
    .pdt-sidebar{padding-bottom:30px;}
    .sub-sort li{width:33.33%}
    .product-list{padding:0}
    .product-list .item>*{display:block;margin:auto}
    .product-list .pro,.product-list .txt-box,.product-list .option{width:100%;}
    .product-list .pro{max-width: 320px;}
    .product-list .txt-box,.product-list .option{max-width: 600px;padding: 0;}
    .product-list .option .btn-style{margin:15px 0 0 0 ;}
    .txt-box .summary li{padding:3px 15px}
    .txt-box .summary li:nth-child(even){background:#eee}
    .txt-box .summary span:first-child{width: 200px;}
    /*單元選單*/
    .sidebar-inner{padding:20px;background: #f4f4f4;}
    .about-list{margin-bottom: 0;margin-top: 20px;}
    .about-list li{width: 49%;display:  inline-block;padding: 10px 0px;}
    .about-list.aa li{width: inherit;padding:10px 20px;}
    /*服務中心*/
    .branch-block{width: 100%;margin:  0 auto;}

    /*新聞*/
    .news-grid .news-box{width: calc(100% / 2 - 13px);}
    .news-search select{width: 100%;margin-right: 0;margin-top: 20px;background: #f4f4f4;}
    /*品牌故事*/
    .tx01,.video-zone {margin: 3em auto;}

    /*主選單*/
    .menu li{width:50%}
    .menu-box{width: 100%;}
    header .menu-box.on .top-function{width: 60px;left:0;}
    header .menu-box.on .top-function .button .icon-bar{background:#005bac }
    .top-function .button:hover{background: inherit;}
    header.top-fixed .menu-box .top-function .button:hover .icon-bar{background:#005bac}
    /*解決方案*/
    .solve-block{width: 100%;margin: 20px auto;}
    .solve-block .solve-info a{bottom: 10vw;padding: 10px;text-align: center;}
    .solve-block .solve-info{width: 100%;}

    /*解決方案-底層*/
    .solve-block .solve-title, .solve-block a{width: 100%;}
    .solve-block a{text-align: right;}
    .solve-block a:before{display: none;}
    .solve-block .solve-title{color: #005bac;}
    .solve-block a:after{width: 100%;}

    .title-icon-form .contact-img{display: none;}

}

@media (max-width: 640px) { 
    #goTop { width:100%; left:0; right:0; bottom:0; border-radius:0; border:0; border-top:1px solid #eee;    text-align: center;
    background: #005bac;color: #fff; }
    #goTop:hover{background:#005bac;color:#fff;order:inherit;}
    main .container{padding:0 20px;}
    /*banner*/
    .carousel{height: 100vh;padding-top:55px;}
    .carousel .item  .fill{height: 100vh;}
    .carousel-caption{padding-bottom: 5px;text-align: left;-ms-transform: translate(0,0);bottom: 10vw;}
    .carousel-caption h2{margin: 0;display: block;background:transparent;font-size: 1.6rem;text-align: left;}
    .carousel-caption em{font-size: 2.4rem;text-align:  left;line-height: 1.1;position:  relative;margin-bottom: 25px;}
    .carousel-caption em:after{content:'';position:  absolute;left: 30px;bottom: -20px;width:  80px;height:  3px;background:  #fff;}
    .carousel-indicators{display:none}
    /*首頁*/
    .ix-solution .cap-block{/* margin-top: 30px; */-webkit-transform: translate(0,0);transform: translate(0,0);}
    .solution-zone .solution-img{position:inherit;}
    /*主選單*/
    .header{height: 55px;background: #005bac;padding: 0px 10px;}
    .top-function .button{width: 45px;height: 45px;}
    .icon-bar + .icon-bar {margin-top: 8px;}
    header .menu-box .top-function{padding:7px 0px;}
    /*品牌介紹*/
    .about-list li{margin:10px auto;}

    /*產品*/
    .product-list .option .btn-style {width: 100%;text-align: center;font-size: 1.6rem}
    .inquiry-form{padding:0;}
    .del{margin-top: 15px;}

    /*新聞*/
    .news-grid .news-box{width:100%;margin:10px auto;}
    .contact-info{padding:30px;}
    .contact-form-zone{padding:20px;}
    
    /*服務流程*/
    .order-content.aa ul li:before{top: 60px;}
    .order-content.aa figure.order-pc img{display: none;}
    .order-content.aa figure.order-m img{display: block;}
    .order-content.aa ul li>.flow-info>span{font-size: 25px;top:-25px;}
    .order-content.aa #menu1 ul:first-child li:nth-child(2)>.flow-info>.flow-inner{margin-top: 20px;}
    .order-content.aa #menu1 ul li>.flow-info>.flow-inner{margin-top: 60px;}
    .order-content.aa ul li{margin-bottom: 50px;width: 100%;}
    .order-content.aa #menu2 ul li>.flow-info>.img-box{width: 90px;}
    .order-content.aa ul li .arrow-box{display: none;}
    /*頁尾*/
    
    .footer-l a.top5000{width:40%;}
    .footer-l>div{width:60%}
    .footer-l img.top5000{max-width: 100%;}
    .footer-l img{max-width: 100%;}
    .footer-l{margin-bottom:30px;width:100%}
}
@media (max-width: 599px) { 
    /*首頁*/
    .news-grid figure{height:auto;margin:0;border:solid 1px #ddd}
    .news-grid time{margin:0}
    .news-grid figcaption{position:relative;left:inherit;right:inherit;bottom:inherit}
    .news-grid figure p{opacity:1;height: 67px;}
    /*新聞中心*/
    .news-grid-inner .news-img, .news-grid-inner .news-info{width: 100%;}
    .news-grid-inner .news-info{padding:20px 0px;}
    /*聯絡我們*/
    .company-info{padding:20px;margin-top: 50px}
    .company-info h3{font-size: 2rem}
}

@media (max-width: 480px) { 
    h1{font-size:2.1rem;}
    h2{font-size:1.8rem;}
    h3,h4{font-size: 1.6rem;}
    p{font-size: 1.4rem;}
    .unit-title {padding: 20px;font-size: 2.1rem;top: 30%;width: 100%;}
    .btn-style.news-btn{margin-top: -55px;}
    main .container.aa{background: inherit;padding: 20px;}
    .banner.mb{height:250px;}
     /*banner*/
    .banner.pc{display: none;}
    .banner.mb{display: block;}
    /*首頁*/
    .ix-news{padding:0 0 50px 0;margin-top: 20px;}
    .ix-solution{padding:20px 0 0 0;}
    .carousel .item .fill.pc{display:none;}
    .carousel .item .fill.mb{display:block;}

    /*選單*/
    .pro-sort li{width:100%}
    /*產品類別*/
    .sub-sort li{width:50%}
    .txt-box .summary span:first-child{width: 60%;float: left;}
    /*產品底層*/
    .change-box a .change-info .change-word{display: none;}
    .change-box{height: 60px;}
    .change-box a .change-info {padding: 20px 30px;}
    .change-box a .change-info .change-type{font-size: 18px;width: 100%;text-align: center;}
    .change-box:last-child a .change-info .change-type{text-align: center}
    /*品牌故事*/
    .about-list{margin:30px 0 0 0 ;}
    .tx01, .video-zone {margin: 2em auto;}
    .word-box,.word-box.aa{padding: 15px;}    
    /*網站地圖*/
    .sitemap-list>li{width: calc(100% / 2 - 5px)}
    .sitemap-list>li>ul>li.sitemap-title{font-size: 1.6rem;}
    /*頁尾*/
    .ft-social a:last-child{text-align: center;width: 100%;padding: 0;margin-bottom: 10px;}
    /*服務流程*/
    .order-content.aa #menu2 ul li>.flow-info>.img-box{margin-top: 5px;}
    .order-content.aa #menu1 ul:first-child li:nth-child(2)>.flow-info>.flow-inner>p.flow-title{font-size:1.2rem;padding: 3px;}
    .tab-content.aa{padding:0;}

}

@media (max-width: 320px) { 
    
}