html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-weight:normal;background: transparent;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
ul, li, dl, dt, dd, ol {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
border{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: none; color: inherit;}
a:active,a:hover {outline: 0;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1rem 0;padding: 0;}
input, select {vertical-align: middle;}
button,input,optgroup,select,textarea {color: inherit; font: inherit; margin: 0;}
button{cursor: pointer;overflow: visible;}
input[type="radio"] {vertical-align: text-bottom;box-sizing: border-box;padding: 0;}
input[type="checkbox"] {vertical-align: bottom;box-sizing: border-box; padding: 0; }
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
.clear{clear: both;}
input,button,select,textarea{outline:none;}
 *:focus {outline: none;}
img{max-width: 100%;}
select{background-color:#fff; border-color:transparent;-webkit-appearance: none;position: relative;padding: .5rem 2rem .5rem .5rem;box-sizing: border-box;border: 1px solid #666;background:url(../images/arrow_down.png) no-repeat right;background-size:22px;}
input[type="text"]{background-color:#fff; border-color:transparent;-webkit-appearance: none;position: relative;padding: .5rem 1rem .5rem .5rem;box-sizing: border-box;border: 1px solid #666;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


html,body{width: 100%;height: auto;min-width: 320px;}
html{font-family:Helvetica,arial,'Noto Sans TC',Microsoft JhengHei,"微軟正黑體",sans-serif;font-size: 16px;font-weight: bold;}
body{width: 100%;height: 100vh;font-size:1rem;background:#f4f4f4;-webkit-text-size-adjust: none;color: #222;margin: 0 auto;position: relative;}



.loading{width: 100%;height: 100vh;position: fixed;z-index:10;background-color: rgba(0,0,0,.8);top: 0;left: 0;z-index: 12;text-align: center;}

.lds-grid {
  position: absolute;
  display: inline-block;
  width: 80px;
  height: 80px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.lds-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}






/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



.top_btn{background-color: #662d91;color: #fff;position: fixed;bottom: 1rem;right: 1rem;z-index: 2;font-size: 1.5rem;display: inline-block;height: 50px;width: 50px;border-radius: 50%;text-align: center;line-height: 50px;box-shadow: 3px 3px 3px rgba(0,0,0,.3)}


header{background-color: #ff5200;text-align: right;top: 0;width: 100%;z-index: 3;box-sizing: border-box;position:fixed;color: #fff;left: 0;height: 4rem;}
header .logo{position: absolute;top: 0;max-width: 250px;left: .5rem;background-color: #000;padding: 1rem;border-bottom-left-radius: 1.5rem;border-bottom-right-radius: 1.5rem;box-sizing: border-box;}
header ul{display: inline-block;vertical-align: middle;margin-right: 1rem;background-color: #ff5200;}
header>ul>li{display: inline-block;line-height: 4rem;vertical-align: middle;}
header ul li.submenu{position: relative;}
header ul li.submenu ul{display: none;position: absolute;width: 100%;margin-top: 0rem;text-align: center;padding: 0;}
header ul li.submenu ul li{border-bottom: 1px solid #fff;line-height: auto;}
header ul li.submenu:hover ul{display: block;}
header>ul>li>a{display:inline-block;padding: 0 0 0 .5rem;}
header>ul>li:after{content: "．";padding-left: .5rem;color: #fff;}
header>ul>li:last-child:after{content: "";padding-left: .5rem;color: #ccc;}
header>ul li a:hover{color: #f68e56;}
header>ul li a.here{color: #f68e56;}


header .m_navbtn{position: absolute;top: 0;right:0;padding:1.4rem;display: none;}
#ckb{display: none;}

header .searchbox{background-color: #fff;border-radius: 1rem;color: #666;padding: 0rem;line-height: 1.5;overflow: hidden;margin-right: 1rem;font-size: 13px;display: inline-block;vertical-align: middle;}
header .searchbox select{padding: .5rem 1rem;-webkit-appearance:none;border: 0;background: none;border-right: 1px solid #ccc;}
header .searchbox input{padding: .5rem 1rem;border:0;-webkit-appearance:none;max-width: 110px;}
header .searchbox .search_btn{padding: .7rem 1rem;background: #ff9f3c;display: inline-block;color: #fff;}


footer{background-color: #000;padding: 1rem;text-align: center;line-height: 1.5;border-top: 3px solid #ff5100;color: #fff;}
footer li{display: inline-block;text-align: left;vertical-align: middle;}
footer li:nth-child(1){margin-right: 1rem;}
footer li img{max-width: 120px;}







.indexbox{background: #fff;max-width: 1600px;margin: 4rem auto 0rem;box-sizing: border-box;width: 90%;}
.indexbox>div{margin: 0rem auto 2rem;word-break: break-all;}

.mainbox{background: #fff;max-width: 1600px;margin: 4rem auto 0rem;box-sizing: border-box;width: 90%;padding:2rem;text-align: center;}
.mainbox>div{margin: 0rem auto 2rem;word-break: break-all;}




.breadcrumb{color: #666;margin-bottom: 1rem;text-align: left;}
.breadcrumb a:after{content: ">";padding:0 .3rem;}
.breadcrumb a:last-child:after{content: "";padding:0 .3rem;}



.pagetitle{font-size: 1.8rem;text-align: center;display: inline-block;margin: 0 auto 1rem;padding-bottom: .5rem;border-bottom: 2px solid #ff5200;}
.pagesubtitle{font-size: 1.2rem;text-align: center;display:block;margin: 1rem auto 2rem;}
.pagesubtitle strong{margin: 0 .5rem;color: #ff5200;}
.pagesubtitle span{display: block;margin-bottom: .5rem;font-size: 1rem;color: #ff5200;}




.contentbox{max-width: 100%;border: 1px solid #ccc;padding: 2rem;margin: 0 auto;box-sizing: border-box;text-align: left;}
.sformbox{width: 100%; max-width: 500px;}
.sformbox a:nth-of-type(2){padding-right: 1rem;border-right: 1px solid #999;margin-right: .5rem;}
.newsbox{width: 100%; max-width: 1000px;}


.subnav a{padding: .6rem;background-color: #666;color: #fff;border-radius: .5rem;display: inline-block;margin:1% .5%;}
.subnav a.here,.member_nav a:hover{background-color: #222;}
.subnav i{margin-right: .5rem;}


form label{width: 100%;display: block;text-align: left;margin-bottom: .5rem;}
form input[type="text"],form  input[type="password"],form select,form textarea{width: 100%;display: block;padding: .5rem;box-sizing: border-box;border: 1px solid #666;margin-bottom: 1rem;}
form input[type="checkbox"]{width: 1.2rem;height: 1.2rem; display: inline-block;border: 1px solid #666;border-radius: 0;margin-right: .5rem;vertical-align: text-bottom;}
form input::placeholder{color: #ccc;}
form textarea::placeholder{color: #ccc;}
a.btn_send{width: 100%;display: block;padding: .5rem;box-sizing: border-box;color: #fff;background-color: #ff5200;margin-bottom: 2rem;text-align: center;}
form .tip{margin: 1rem auto;font-size: .9rem;text-align: left;line-height: 1.5;color:#ff5200;}
p.subtitle{margin: 2rem auto;border-bottom: 1px solid #ff5200;color: #ff5200;font-weight: bold;text-align: left;padding-bottom: .5rem;}
p.subtitle i{margin-right: .5rem;}
form .sort_title{display: block;border: 1px solid #222;padding: .5rem;margin-bottom: 1rem;font-weight: bold;}
form .sort_title i{float: right; color: #ff5200;}
form .sorts{margin-bottom: 1rem;}
form .sorts li{margin-bottom: .5rem;padding-left: 1rem;}
a.btn_pick{display: inline-block;padding: .5rem;margin-right: .5rem;background-color: #ccc;color: #fff;}



.filter{margin-bottom: 1rem;overflow: auto;text-align: center;}
.filter a{display: inline-block;padding: .45rem;background-color: #ccc;color: #fff;vertical-align: top;}
.filter a.add_data{float: right;}
.filter input,.filter select{margin-bottom: .5rem;max-width: 160px;}


.pagenumber{margin: 3rem auto 1rem;text-align: center;}
.pagenumber a{padding: 1rem;display: inline-block;}
.pagenumber a:hover, .pagenumber a.active {color: #ff5200;}


.btn{display: inline-block;padding: .5rem 1rem;background-color: #ccc;color: #fff;margin: 1rem .5rem 0 0;}
.btn i{margin-left: .5rem;}



.btn.btn_o{background-color: #ff5100;color: #fff;border-radius: 1rem;font-weight: bold;}
.btn.btn_b{background-color: #222;color: #fff;border-radius: 1rem;font-weight: bold;}


.editor{line-height: 1.5;margin: 1.5rem auto;}
.editor img{max-width: 100%;}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

.banner{max-width: 1600px;margin: 0rem auto 0;width: 100%;box-sizing: border-box;display: block;position: relative;}
.banner .item{margin: 0rem auto 0;box-sizing: border-box;}
.banner:after{position: absolute;bottom: 0rem;background: url(../images/banner_cover.png) top center no-repeat;z-index: 1;width: 100%;height: 100px;content: "";background-size: cover;left: 0;}


.owl-theme .owl-controls .owl-dots{position: absolute;bottom: 20%;margin-top: 0;display: inline-block;right: 1rem; z-index: 100;}
.owl-theme .owl-dots .owl-dot span{background: #fff;border: 1px solid #fff;}
.owl-theme .owl-dots .owl-dot.active span{background: #ff5400;}




.title{font-size: 2rem;display: block;text-align: center;margin-bottom: 1rem;}
.title span{margin-left: .5rem;}
.title img{margin-top: 1rem;padding:0px 10px 0px;max-width: 30px;max-height: 30px;}
.more_btn{padding: .7rem 2rem;display: inline-block;border-radius: 1rem;border: 2px solid #ff5100;}
.more_btn i{margin-left: .5rem;vertical-align: middle;color: #ff5100;}



.industry{border: 1px solid #ff5100;border-radius: 1rem;text-align: center;margin: 4rem auto;display: block;width: 90%;}
.industry .title{background-color: #fff;padding:0 1rem;margin: -2rem auto 0;display: inline-block;}

.industry>div{text-align: center;padding: 2rem;box-sizing: border-box;}

.industry>div div a{width:120px;height: 120px; display:inline-block;text-align: center;border-radius: 1rem;box-sizing: border-box;background: url(../images/icon1.png) center center no-repeat #e8e8e8;background-size: contain;}
.industry>div div a:hover{background: url(../images/icon1_2.png) center center no-repeat #ff5100;background-size: contain;}

.industry>div .industry_2 a{background: url(../images/icon2.png) center center no-repeat #e8e8e8;background-size: contain;}
.industry>div .industry_2 a:hover{background: url(../images/icon2_2.png) center center no-repeat #ff5100;background-size: contain;}
.industry>div .industry_3 a{background: url(../images/icon3.png) center center no-repeat #e8e8e8;background-size: contain;}
.industry>div .industry_3 a:hover{background: url(../images/icon3_2.png) center center no-repeat #ff5100;background-size: contain;}
.industry>div .industry_4 a{background: url(../images/icon4.png) center center no-repeat #e8e8e8;background-size: contain;}
.industry>div .industry_4 a:hover{background: url(../images/icon4_2.png) center center no-repeat #ff5100;background-size: contain;}


.industry .owl-theme .owl-controls .owl-nav [class*=owl-]{position: absolute;top: 40%;transform: translate(0,-50%);font-size: 0;background-color:#fff;line-height: 1;font-family: 'Font Awesome 5 Free';font-weight: 900;}
.industry .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background-color:#fff;}
.industry .owl-theme .owl-controls .owl-nav .owl-prev{left: 1%;}
.industry .owl-theme .owl-controls .owl-nav .owl-prev:before{content: "\f0d9";color: #ff5100;font-size: 2rem;}

.industry .owl-theme .owl-controls .owl-nav .owl-next{right: 1%;}
.industry .owl-theme .owl-controls .owl-nav .owl-next:before{content: "\f0da";color: #ff5100;font-size: 2rem;}


.marqueebox{margin: 2rem auto;width: 88%;overflow: hidden;height: 1.5rem;border: 1px solid #ccc;padding: .5rem;box-sizing: content-box;border-radius: 1rem;font-size: 1.1rem;}
.marqueebox div{animation: ani_marquee 25s infinite linear;transform: translateX(100%);display: block;width: 1800px;}
.marqueebox div a{display:inline;padding-left:2rem;height: 1.2rem;font-weight: bold;}
.marqueebox div a:after{content: "...";}

@keyframes ani_marquee{
     0%  {transform: translateX(100%)}
    100% {transform: translateX(-100%)}
}



.productbox{text-align: center;width: 90%;}
.product_btns{text-align: left;}
.product_btns a{display: inline-block;padding:.5rem 1rem 0rem;background: #b4bcc2;border-top-left-radius: 2rem;border-top-right-radius: 2rem;color: #fff;}
.product_btns a span{color: #fff;}
.product_btns a.here{background: #e8e8e8;color: #000;}
.product_btns a.here span{color: #000;}

.products{background: #e8e8e8;padding: 1rem;border-radius: 1rem; border-top-left-radius: 0rem;}
.product_part2{display: none;}


.product_b{display: inline-block;background-color: #fff;padding:2rem 1rem;box-sizing: border-box;border-radius: 1rem;text-align: center;vertical-align: top;width:600px;}
.product_b strong{font-size: 1.5rem;margin: 1rem auto;}
.product_b img{margin: 1rem auto;}
.product_b a:last-of-type{background-color: #ff5100;color: #fff;padding: 1rem 2rem;border-radius: 1rem;font-size: 1.2rem;display: inline-block;}
.product_b a:last-of-type i{margin-left: 1rem;}
.product_s{width: 500px;display: inline-block;text-align: center;vertical-align: top;}


.product_b>a.product_imgbox{overflow: hidden;width: 500px;height: 500px;position: relative;display:block;background-color: #fff;border-radius: 1rem;margin: 1rem auto;max-width: 100%;}
.product_b>a.product_imgbox img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}


.product{width: 220px;display: inline-block;vertical-align: top;margin:0 10px 2%;}
.product>a.product_imgbox{overflow: hidden;width: 200px;height: 200px;position: relative;display:block;background-color: #fff;border-radius: 1rem;margin: 1rem auto;}
.product>a.product_imgbox img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;}
.product img{border-radius: 1rem;}
.product span{display: block;margin: .2rem 0 1rem;}




.news{width: 90%;text-align: center;}
.news ul li{display: inline-block;width: 30%;border-radius: 1rem;overflow: hidden;margin: 1%;vertical-align: top;text-align: left;}
.news ul li img{display: block;width: 100%;}
.news ul li div{background: #e8e8e8;padding:1rem;box-sizing: border-box;}
.news ul li div span{font-weight: bold;display: block;margin-bottom: .5rem;}
.news ul li div i{background-color: #ff5100;color: #fff;padding: .3rem 1rem;font-style: normal;font-size: 13px;border-radius: 1rem;margin: .5rem 0;text-align: center;display: inline-block;}





.photo{width: 90%;text-align: center;}
.photo ul li{display: inline-block;width: 45%;border-radius: 1rem;overflow: hidden;margin: 1%;text-align: left;vertical-align: top;}
.photo ul li img{display: block;width: 100%;}
.photo ul li p{background: #e8e8e8;padding: 2rem;box-sizing: border-box;color: #ff5100;}
.photo ul li p i{float: right;font-size: 1.5rem;}




.videobox{background: url(../images/video_bg.jpg) center bottom no-repeat;background-size: cover;}
.video{width: 90%;text-align: center;margin: 3rem auto;}
.video .tvhead{display: block;margin: 0 auto;margin-bottom: -1rem;}
.video iframe{background: #e8e8e8;padding:2rem 3rem;box-sizing: border-box;border-radius: 1rem;width: 90%;max-width: 560px;min-width: 280px;}






.catalogue{margin: 1rem auto;width: 100%;overflow: hidden;}
.catalogue ul{margin: 1rem auto;text-align: center;padding-bottom: 2rem;border-bottom: 1px solid #ccc;}
.catalogue ul li{width: 22%;display: inline-block;margin: 1%;max-width: 250px;vertical-align: top;}
.catalogue ul li>i{color: #ff5100;font-size: 2rem;margin-bottom: 1rem;}


/*
.catalogue ul li img{display: block;box-shadow: rgba(0,0,0,.2) 0px 0px 5px;}
.catalogue ul li div{background: #ff5100;color: #fff;padding: 1rem;box-sizing: border-box;}
.catalogue ul li div p{text-align: left;}
.catalogue ul li div a{display: inline-block;margin-top: 1rem;padding: .5rem 1.5rem;background-color: #fff;color: #ff5100;border-radius: 1rem;font-weight: bold;}
.catalogue ul li div a i{margin-left: .5rem;}
*/

.catalogue .more_btn{float: right;margin-bottom: 1rem;margin-right: 1rem;}


.catalogue ul li .catalogue_pic{display: block;box-shadow: rgba(0,0,0,.2) 0px 0px 5px;position: relative;overflow: hidden;height: 250px;}
.catalogue ul li .catalogue_pic img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.catalogue ul li .catalogue_info{background: #ff5100;color: #fff;padding: 1rem;box-sizing: border-box;}
.catalogue ul li .catalogue_info p{text-align: left;height: 2.7rem;overflow: hidden;line-height: 1.5rem;}
.catalogue ul li .catalogue_info a{display: inline-block;margin-top: 1rem;padding: .5rem 1.5rem;background-color: #fff;color: #ff5100;border-radius: 1rem;font-weight: bold;}
.catalogue ul li .catalogue_info a i{margin-left: .5rem;}







/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/




.companies{text-align: center;}  
.companies .company{width: 250px;display: inline-block;margin: 1%;vertical-align: top;}  
.companies .company>a{display: block;position: relative;width: 250px;height: 250px;overflow: hidden;text-align: center;background-color: #ccc;margin: 0 auto;}  
.companies .company>a img{display: block;position: absolute;width: 100%;height: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);}  
.companies .company p{margin: .5rem auto 1rem;text-align: center;}  



.company_data li{display: inline-block;vertical-align: top;}
.company_data li:first-child{width: 20%;margin-right: 2%;}
.company_data li:last-child{width: 76%;}
.company_data li table td{padding: 1rem;min-width: 70px;border: 1px solid #ccc;}




.content_product{width: 100%;padding: 1rem;border: 1px solid #ccc;box-sizing: border-box;margin-bottom: .5rem;}
.content_product>li{display: inline-block;vertical-align: top;}
.content_product>li:first-child{width: 150px;margin-right: 15px;}
.content_product>li:last-child{width:calc(100% - 180px);}
.content_product>li p{margin-bottom: .5rem;}



.product_data li{display: inline-block;vertical-align: top;}
.product_data li:first-child{width: 30%;margin-right: 1%;}
.product_data li:last-child{width: 66%;}
.product_data li table td{padding: 1rem;min-width: 70px;border: 1px solid #ccc;}





.content_catalogue{width: 22.5%;display: inline-block;margin:1rem 1%;vertical-align: top;}   
.content_catalogue>li p{margin-top: .5rem;}  





.content_video{width: 31%;display: inline-block;margin: 1%;vertical-align: top;}   
.content_video>li iframe{width: 100%;}   
.content_video>li p{margin-bottom: .5rem;} 






.content_news li{display: inline-block;width: 31%;border-radius: 1rem;overflow: hidden;margin: 1%;vertical-align: top;text-align: left;}
.content_news li img{display: block;width: 100%;}
.content_news li div{background: #e8e8e8;padding:1rem;box-sizing: border-box;}
.content_news li div span{font-weight: bold;display: block;margin-bottom: .5rem;}
.content_news li div span i{background-color: #ff5100;color: #fff;padding: .3rem 1rem;font-style: normal;font-size: 13px;border-radius: 1rem;}






.event_signup1{background-color: #fce7d8;}
.event_signup2{background-color: #eee;}
.event_signup .signup_table{width: 100%;}
.event_signup .signup_table>tbody>tr>td{padding: 1rem;box-sizing: border-box;}
.event_signup .signup_table>tbody>tr>td:nth-child(1){width: 120px;}
.event_signup .signup_table>tbody>tr>td:nth-child(2){width: calc(100% -120px);}
.event_signup .signup_table>tbody>tr>td input[type="radio"]{display: inline-block;vertical-align: middle;}
.event_signup .signup_table>tbody>tr>td input[type="radio"]+label{width: 5rem;display: inline-block;margin-left: .5rem;vertical-align: middle;margin-bottom:0;}

.signup_table_list{width: 100%;box-sizing: border-box;}
.signup_table_list tr:nth-child(1):before{content: "1";vertical-align: middle;padding: 1rem;display: inline-block;}
.signup_table_list tr:nth-child(2):before{content: "2";vertical-align: middle;padding: 1rem;display: inline-block;}
.signup_table_list tr:nth-child(3):before{content: "3";vertical-align: middle;padding: 1rem;display: inline-block;}
.signup_table_list tr:nth-child(4):before{content: "4";vertical-align: middle;padding: 1rem;display: inline-block;}
.signup_table_list tr:nth-child(5):before{content: "5";vertical-align: middle;padding: 1rem;display: inline-block;}




.match_list table{width: 100%;}
.match_list table a.btn1{background: #222;color: #fff;padding: .5rem;border-radius: .5rem;}
.match_list table a.btn2{padding-bottom: 3px;border-bottom: 1px solid #ff5100;}
.match_list table td{padding: 1rem;border: 1px solid #ccc;}
.match_list table thead{background-color: #ff5100;color: #fff;}

.match_list p.btns{text-align: center;}


.event_attend_list table{width: 100%;}
.event_attend_list table td{padding: 1rem;border: 1px solid #ccc;min-width: 90px;}
.event_attend_list table thead{background-color: #ff5100;color: #fff;}
.event_attend_list table a.btn2{padding-bottom: 3px;border-bottom: 1px solid #ff5100;word-break: break-word;line-height: 1.8rem;}





/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



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

  
    
    
    
header{padding: .5rem 0 0;font-size: 18px;top: 0;width: 100%;z-index: 3;}
header .logo{height: 4.5rem;margin-left: 0rem;}
header{width: 100%;text-align: left;margin: 0 auto 0;}
header>ul{display: block;margin: 3rem auto 0;text-align: center;padding: .5rem;display: none;font-size: 15px;}
header>ul>li{display: block;line-height:3rem;margin-bottom:0rem;}
header>ul>li:after{content: "";padding-left: 0rem;color: #ccc;}

header ul li.submenu ul{display: none; position: static;width: 100%;margin-top: 0rem;text-align: center;padding: 0;}    
header ul li.submenu ul li{border: none;display: block;}    
    
    
header .m_navbtn{display: block;color: #fff;}  
header ul li:last-child{display: block;}    

#ckb:checked ~ ul{display: block;}
#ckb:checked ~ label:before{content: "\f00d";}      

.mainbox{width: 100%;}    
    
footer{font-size: 13px;}
    
    
    

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
    
.banner:after{position: absolute;bottom: 0rem;background: url(../images/banner_cover.png) bottom center no-repeat;z-index: 1;width: 100%;height: 50px;content: "";background-size: 100% 100%;}     
    
.title{font-size: 1.2rem;display: block;text-align: center;margin-bottom: 1rem;}

.title img{display: none;}    
.title span{display: block;margin-left: 0;}    
    
    
.product_btns a{display: inline-block;background: #b4bcc2;border-top-left-radius: 1rem;border-top-right-radius: 1rem;color: #fff;}    
.product_btns a span{display: block;}    
  
}








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

.indexbox{width: 100%;}    
    
footer li{display:block;text-align: center;margin-bottom: 1rem;}   
footer li:first-child a{display: block;}
footer li:first-child{border-right:none;padding-right: 0rem;} 
    
.sformbox{max-width: 100%;padding: 1rem;}      
    
    

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

   
.product_b{width: 100%;display:block;}
.product_s{width: 100%;display: block;margin-top: 1rem;}    
.product{width: 100%;display: block;vertical-align: top;margin:0 auto 1rem;}  

.product_b>a.product_imgbox{width: 100%;height: auto;}
.product_b>a.product_imgbox img{width: 100%;height: auto;position: static;transform: translate(0,0);}
	
.product>a.product_imgbox{width: 100%;height: auto;}
.product>a.product_imgbox img{width: 100%;height: auto;position: static;transform: translate(0,0);}
    
    
.news ul li{display: block;width: 100%;border-radius: 1rem;overflow: hidden;margin: 1rem auto;}    
    
.photo ul li{display:block;width: 100%;margin:1rem auto;}
    
.video .tvhead{width: 80px;}
.video iframe{padding:1rem;box-sizing: border-box;border-radius: 1rem;}    
           
.catalogue ul li{width: 100%;display: block;margin: 0 auto;}   
    
  
    
.industry>div div a{width:100px;height: 100px;}    
    
    
    
    
    
 /*-----------------------------------------------------------------------------------------------------------------------------------------------------*/   

    
.companies .company{width: 100%;display: block;margin: 0%;}    
    
    
.company_data li{display:block;}
.company_data li:first-child{width: 100%;margin-right: 0%;margin-bottom: 1rem;}
.company_data li:last-child{width: 100%;} 
    
.product_data li{display:block;}
.product_data li:first-child{width: 100%;margin-right: 0%;margin-bottom: 1rem;}
.product_data li:last-child{width: 100%;}     

    
.content_product>li{display:block;}
.content_product>li:first-child{width: 100%;margin-right: 0px;}
.content_product>li:last-child{width:100%;}
    
    
    
    
.content_catalogue{width: 100%;display: block;margin: 1% 0%;}   

.content_video{width: 100%;display:block;margin: 1% 0%;}   

.event_signup .signup_table>tbody>tr>td:nth-child(2) table td{display: block;width: 100%;padding: 0;} 
.event_signup .signup_table>tbody>tr>td:nth-child(2) table td:nth-child(1){width:100%;} 
    
.signup_table_list tr:nth-child(1):before{display: block;}
.signup_table_list tr:nth-child(2):before{display: block;}
.signup_table_list tr:nth-child(3):before{display: block;}
.signup_table_list tr:nth-child(4):before{display: block;}
.signup_table_list tr:nth-child(5):before{display: block;}
    
    
    
.content_catalogue{width: 100%;display: block;margin:1rem auto;}   
.content_video{width: 100%;display: block;margin: 1rem auto;}   
.content_news li{display: block;width: 100%;margin: 1rem auto;}
   
    
    
    
} 


@media only screen and (max-width: 568px){
    
.mainbox{padding: 1rem;}   
.contentbox{padding: 1rem;}    
    
.subnav a{box-sizing: border-box;width: 100%; display:block;margin:.5rem auto;}   
    

header .logo{position: absolute;top: 0;max-width: 250px;left: .5rem;background-color: transparent;padding: 1rem;border-bottom-left-radius: 0;border-bottom-right-radius: 0;box-sizing: border-box;}    
    
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
    
.title img{margin-top: 1rem;padding:0px 5px 0px;max-width: 20px;max-height: 20px;}

}