.tem71-banner .nav{color:#FFF;} .tem71-banner .nav i{opacity: .5;transition: .5s;} .tem71-banner .nav i:hover{opacity:1;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title {font-family: Arial!important;font-weight:500!important;} body, html {font-family: Arial!important;} .tem98-header .head_top {display: none!important;} .tem98-header .head_bottom .navigation nav .nav>ul>li:first-child{display:none;} @media (min-width: 993px){ .tem98-header .head_bottom .navigation nav .nav>ul>li:last-child>.text:after{border:2px solid!important;} .tem98-header {height: 80px!important;} .tem98-header .container {padding: 10px 0 0 0!important;} } .tem01-footer .form-control {color: #fff!important;} .tem01-footer .form-control {background-color: rgba(255,255,255,1)!important;} .tem72-service .titl {font-size: 24px!important;} .tem331-irregular .title {font-size: 28px!important;color:#009FE8;} .tem37-service .text .description {font-size: 14px!important;overflow: inherit!important;opacity: 1!important;} body .tem37-service .box:hover .icon em {background-color: #124191!important;} body .tem234-irregular .wrap .item .text .btn:hover {background-color: #009FE8!important;} body .tem71-banner .style2 li {padding: 1.5vw 0.78vw 2.5vw 0.78vw!important;} .tem08-service-icon .icon {vertical-align: inherit!important;} .tem71-banner .title {font-family: initial;} .tem71-banner .style1 li>span:first-child {padding-left: 0!important;} .tem71-banner .style1 li>span:first-child:before{display: none;} .tem07-contact-form{background-image:none!important;} .tem20-footer .link li a:hover{color:#fff} .run{color:#fff!important;font-size: 72px!important;font-weight: bold!important;} .tem06-video .about_btn {display: none!important;} .tem17-main-products .text {padding: 40% 15px 0!important;} .tem07-contact-form .btn:hover {background-color: #009fe8;} .tit_1{border-bottom: 1px solid #009fe8; font-size:20px; position:relative; font-family:"philosopher";} .tit_1:after {width :70px; background-color:#009fe8; content:" "; top:100%; left:0; position:absolute; height:4px;} .h1, .h2, .h3, h1, h2, h3 { margin-top: 1px; } .mockup .cont-section { padding: 15px 0; } /* 首頁按鈕指向樣式 */ .tem10-guide-language .text .more a{border:1px solid #fff;overflow:hidden;position:relative;opacity: 1;} .tem10-guide-language .text .more a::after{ position: absolute;content: "";left: 0;top: 0;height: 100%;width: 0;transition: all 0.3s ease-in 0s;z-index: -1;border-radius: 45px;background-color:#fff;} .tem10-guide-language .text .more a:hover{color: rgb(1, 159, 232) !important;opacity: 1;background-color:#FFF!important;} .tem10-guide-language .text .more a:hover::after{width:100% !important;} .tem06-button .button-box:hover::before{background-color:transparent!important;} .tem06-button .content-float .button-box:hover{background-color:rgb(0, 159, 232)!important;} /* 首頁banenr輪播樣式修改 */ .tem71-banner{position:relative;} .tem71-banner .con{max-width:none;} .tem71-banner .nav i.swiper-prev, .tem71-banner .nav i.icon-keyboard_backspace:before{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);} .tem71-banner .nav i.icon-keyboard_backspace::before{position:relative;content: "";width: 12px; height: 12px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;} .tem71-banner .nav i.swiper-prev{left:60px;} .tem71-banner .nav i.swiper-next{right:60px;} .tem71-banner .nav i.swiper-prev::before{left:3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .tem71-banner .nav i.swiper-next::before{right:3px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);} .tem71-banner .nav i.icon-keyboard_backspace{font-size:0;padding:8px;border:2px solid #fff;border-radius:50%;opacity:0;} .tem71-banner:hover .nav i.icon-keyboard_backspace{opacity:1;} .tem71-banner:hover .nav i.swiper-prev{left:40px;} .tem71-banner:hover .nav i.swiper-next{right:40px;} .tem71-banner:hover .nav i.icon-keyboard_backspace:hover{background-color:#00ade5;border-color:#00ade5;} .mainlist .effect-grid38 figure img:hover{transform: scale(1.1);} .mainlist .effect-grid38 figure:hover{transform: scale(1);} /*兼容IE10*/ @media (min-width: 993px){.tem98-header .head_bottom .navigation nav .nav>ul ul li .text a { line-height: 40px;padding-top:0px;padding-bottom:0px} }