@charset "utf-8";

body { font: 14px "微軟正黑體",Tahoma,Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Microsoft YaHei',sans-self; margin: 0; padding: 0; min-width:316px; background-color:#fff;}
html{transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; /* Firefox 4 */-webkit-transition: all 0.5s ease-in-out; /* Safari 和 Chrome */-o-transition:all 0.5s ease-in-out; }
.trans{transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; /* Firefox 4 */-webkit-transition: all 0.5s ease-in-out; /* Safari 和 Chrome */-o-transition:all 0.5s ease-in-out;}
a { text-decoration: none; color: #666; cursor: pointer; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; outline:none; }
img { border: 0; }
div { border: 0; margin: 0; padding: 0; }
.container {position:relative; left:0;z-index:1;transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; /* Firefox 4 */-webkit-transition: all 0.5s ease-in-out; /* Safari 和 Chrome */-o-transition:all 0.5s ease-in-out; }
.clear { clear: both; }
input, textarea,select,option { font-family: "微軟正黑體",Tahoma,Arial,Roboto,'Droid Sans','Helvetica Neue','Droid Sans Fallback','Microsoft YaHei',sans-self;  padding:0; margin:0;}
.hide { display: none; }
.show { display: block; }
.fl{ float:left;}
.fr{ float:right;}
ul, li, ol,h1, h2, h3, h4, h5, h6, p, fieldset, legend, span, a ,form{ padding: 0; margin: 0; border: 0; }
ul, li, ol {list-style-type: none;}
/********************************header.css**********************************************/
.head{ height:72px; border-top:solid 5px #000; background:#000; box-shadow:#000 0px 2px 3px;-ms-box-shadow:#000 0px 2px 3px;-moz-box-shadow:#000 0px 2px 3px;-webkit-box-shadow:#000 0px 2px 3px; position:fixed; width:100%; left:0; top:0; z-index:50;}
.headm{ width:1024px; margin:0 auto;}
.logo{ width:261px; float:left; padding-top:11px;}
.logo img { max-width:100%;}
.nav{ margin-left:24px; float:left;}
.navli{ margin-left:5px; height:75px; width:97px; float:left;text-align:center; position:relative; z-index:102;zoom:1;}
.navli:hover a.navlia{background:#676666; color:#fff;}
.navlia{ padding-top:40px; height:32px;  display:block; width:100%; font-size:20px; color:#fff;}
a.navlia:hover{ background:#676666; color:#fff;}
.navli a.active{ background:#676666; color:#fff;}
.navt{ display:none;}
.navm{ width:615px;}
.headr{ width:114px; float:right;}
.headr a{ line-height:28px; font-size:14px; color:#676666;}
.headr a:hover{ color:#c3c3c3;}
a.heada1{ float:left;}
a.heada2{ float:right;}
.navmenu{ width:606px; display:none; position:absolute; z-index:103; background:#676666; top:74px; left:-254px;box-shadow:#676666 0px 1px 2px;-ms-box-shadow:#676666 0px 1px 2px;-moz-box-shadow:#b3b3b3 0px 1px 2px;-webkit-box-shadow:#676666 0px 1px 2px;}
.navmenuo{ width:25%; float:left; padding-bottom:33px; padding-top:7px; text-align:center;}
.navmenut{ line-height:34px; font-size:20px;}
.navmenuo a{ color:#fff;}
.navmenut a{text-shadow:#fff 0px 0px 1px; -moz-text-shadow:#fff 0px 0px 1px; -webkit-text-shadow:#fff 0px 0px 1px;  -ms-text-shadow:#fff 0px 0px 1px;}
.navmenub ul li{ line-height:30px; font-size:18px;}
.navmenuo a:hover{ color:#e9e8e9;}
.navmenut a:hover{text-shadow:#e9e8e9 0px 0px 1px; -moz-text-shadow:#b3b3b3 0px 0px 1px; -webkit-text-shadow:#fc42a8 0px 0px 1px;  -ms-text-shadow:#b3b3b3 0px 0px 1px;}
.navmenus{ position: absolute; z-index: 104; width: 132px; height: 24px; line-height: 24px; bottom: 0; right: 0; font-size: 16px; background: url(../images/head_01.png) no-repeat 99px center; text-align:left; }
.navmenus a{ color:#fff;}
.navmenus a:hover{ text-decoration:underline;}
/********************************banner.css**********************************************/
.ban{ padding-top:77px; position: relative; z-index:2; zoom:1;}
.banm{background:url(../images/banner_01.jpg) no-repeat center top; background-size:cover;}
.bantx{ height:54px; line-height:54px; position:absolute; width:100%; bottom:0; left:0; z-index:3; font-size:36px; color:#ffcaa7;  text-align:center;}
.banb{ height:133px;position: relative; z-index:2; zoom:1; background: #000;}
.banbm{ width: 80px; height: 48px; line-height: 22px; white-space: nowrap; font-size: 18px; color: #f7f7f7; text-shadow: #f7f7f7 0px 0px 1px; -moz-text-shadow: #f7f7f7 0px 0px 1px; -webkit-text-shadow: #f7f7f7 0px 0px 1px; -ms-text-shadow: #f7f7f7 0px 0px 1px; cursor: pointer; position: absolute; z-index: 3; left: 50%; margin-left: -40px; top: 30px; background: url(../images/banner_02.png) no-repeat center bottom; text-align:center; }
/********************************about.css關於公司**********************************************/
#profile,#Catalog,#technology,#news,#contant{margin-top:-69px; height:0; float:left;}
.ad{ padding:63px 0 76px 0; background:#efefef;}
.adm{ width:974px; margin:0 auto; text-align:center; line-height:36px; font-size:18px; color:#3a3a3a;}
.adt{ margin-bottom:42px;}
.adtt{ height:68px;}
.adtt img{ max-width:100%; vertical-align:top;}
.adc{ margin-bottom:38px;}
.adct{ margin-bottom:3px; font-size:24px;text-shadow:#3a3a3a 0px 0px 1px; -moz-text-shadow:#3a3a3a 0px 0px 1px; -webkit-text-shadow:#3a3a3a 0px 0px 1px;  -ms-text-shadow:#3a3a3a 0px 0px 1px;}
.adbo{ width:218px;padding-top:78px;}
.adb1{ float: left; background: url(../images/ab_02.png) no-repeat center top; }
.adb2{ float: left; margin-left:160px; background: url(../images/ab_03.png) no-repeat center top; }
.adb3{ float: right; background: url(../images/ab_04.png) no-repeat center top; }
.adbt{  margin-bottom:15px;}
/********************************video.css 影片介紹**********************************************/
.vi{ background: url(../images/vi_01.jpg) no-repeat center 0%; background-attachment:fixed; background-size:cover;}
.vim{ padding-top:55px; padding-bottom:95px; margin:0 auto; width:1024px;}
.vit{ height:88px; text-align:center;}
.vit img{ max-width:100%; vertical-align:top;}
.vibo{ width:280px; height:157px; display:block; border:solid 2px #717171; border-radius:2px; text-align:center;}
a.vibo:hover{ border:solid 2px #00a0e9;}
.vibo img{max-width:100%; height:157px;}
.vib1{ float:left;}
.vib2{ float:left; margin-left:84px;}
.vib3{ float:right;}
/********************************detail.css 課程信息**********************************************/
.de{ padding:59px 0 79px 0; background:#efefef;text-align:center;}
.dem{ width:848px; margin:0 auto; }
.dett{ height:150px;}
.dett img{ max-width:100%; margin-right:30px;}
.detb{ margin-bottom:46px;}
.detbm{ width:512px; height:43px; line-height:30px; font-size:26px; color:#575757; border-bottom:solid 1px #575757; margin:0 auto;}
.dec{ margin-bottom:62px;}
.deco{ width:336px;}
.deco1{ float:left;}
.deco2{ float:right;}
.decot{ margin-bottom:20px;}
.decot a{ display:block; width:166px; height:42px; line-height:42px; font-size:24px; color:#fff; background:#b3b3b3; border-radius:22px; margin:0 auto;}
.decot a:hover{ background:#575757;}
.decoc{ height:156px; position:relative; z-index:2; zoom:1;}
a.decoca1{ width:328px; height:138px; display:block; margin:0 auto; text-align:center;}
.decoca1 img{width:328px; height:138px; vertical-align:top;}
.decocon{ height: 0px;  position: absolute; left: 4px; top: 0px;   width:328px; z-index:3; background:rgba(103,102,102,0.52);}
.decocon a{ width: 100%; height: 100%; display: block; background: url(../images/de_03.png) no-repeat center center; }
.decob{ line-height:30px; font-size:16px; color:#575757; text-align:left;}
.deb a{ width: 258px; height: 53px; line-height: 53px;  display: block; font-size: 30px; color: #575757; border: solid 1px #575757; background: url(../images/de_06.png) no-repeat 212px center; margin:0 auto; }
.deb a:hover{color: #00a0e9; border: solid 1px #00a0e9; background: url(../images/de_06h.png) no-repeat 212px center;}
/********************************technology.css 師資與環境**********************************************/
.te1{ padding-top:157px; padding-bottom:167px; text-align:center;background: url(../images/te_02.jpg) no-repeat center 0%; background-attachment:fixed; background-size:cover;}
.te1 img{ vertical-align:top; max-width:100%;}
.te{ padding-top:60px;}
.tem{ width:864px; margin:0 auto;}
.tet img{vertical-align:top; max-width:100%;}
.teb img{vertical-align:top; max-width:100%;}
.tet{ text-align:center; margin-bottom:33px;}
.tec{ font-size:18px; color:#575757; line-height:30px; margin-bottom:69px;}
.teb{text-align:center;}
.teb img{ max-width:100%;}
/********************************news.css 最新消息**********************************************/
.news{ padding:39px 0 61px 0; background:#efefef;}
.news img{ max-width:100%; vertical-align:top;}
.newsm{ width:1024px; margin:0 auto; word-break:break-all;}
.newst{ margin-bottom:15px; text-align:center;}
.newsc{ font-size:20px; color:#959595; line-height:30px; margin-bottom:26px; text-align:center;text-shadow:#959595 0px 0px 1px; -moz-text-shadow:#959595 0px 0px 1px; -webkit-text-shadow:#959595 0px 0px 1px;  -ms-text-shadow:#959595 0px 0px 1px;}
.newsb{ line-height:24px; font-size:16px; color:#666565;}
/********************************contact.css 聯絡我們**********************************************/
.co{ padding:48px 0 0 0; min-height:593px;}
.co img{ vertical-align:top; max-width:100%;}
.com{ width:1024px; margin:0 auto;}
.cot{ margin-bottom:46px; text-align:center;}
.cob{ position:relative; z-index:2; zoom:1;}
.cobl{ margin-right:512px;}
.coblt{ margin-bottom:4px;}
.cobltb{ line-height:24px; font-size:14px; color:#575757; position:relative; z-index:4; zoom:1;}
.cobltbr{ padding-left:44px;}
.cobltbl{ position:absolute; width:44px; z-index:5; left:0; top:0; text-align:right; white-space:nowrap;}
.cobr{ width:502px; position:absolute; z-index:3; right:0; top:4px;font-size:16px; color:#1e1e1e;}
.cobro{ margin-bottom:21px; padding-left:90px; position:relative; z-index:4; zoom:1;}
.cobroo{ padding-left:83px; position:relative; z-index:4; zoom:1;}
.cobrol{ width:90px; left:0; top:0; line-height:24px; text-align:right; position:absolute; z-index:5;}
.cobrool{ width:77px; left:0; top:0; line-height:89px; text-align:right; position:absolute; z-index:5;}
.cobroor{ padding-left:6px; padding-top:6px; width:308px; height:83px; background:#faf9f9;}
.cobroorm{ width:300px; height:74px; border-radius:3px; border:solid 1px #d3d3d3;}
.cobr input[type="text"]{ font-size:16px; padding-left:10px; padding-right:10px; border:solid 1px #7b7b7b; border-radius:1px; height:22px; line-height:22px; }
input.cobrw1{ width:170px;}
input.cobrw2{ width:363px;}
input.cobrw3{ width:71px;}
input.cobrw4{ width:201px;}
.cobrors1{ padding-left:20px;}
.cobrxl{ padding-left: 13px; width: 91px; height: 22px; line-height: 22px; background: #fff url(../images/co_03.png) no-repeat 90px center; position: relative; z-index: 40; zoom: 1; border: solid 1px #7b7b7b; border-radius: 1px; }
.cobrxlm{ width:100%; left:-1px; padding-top:3px; top:22px; position: absolute; z-index:41;border-bottom: solid 1px #7b7b7b;border-right: solid 1px #7b7b7b;border-left: solid 1px #7b7b7b; padding-bottom:2px; background:#fff; display:none;}
.cobrxlm ul li{  }
.cobrxlm a{ padding-left: 13px; width: 91px; display:block; line-height:20px; height:20px; color:#1e1e1e;}
.cobrxlm a:hover{ background:#1051e3; color:#fff;}
.cobrortxt{ padding:2px 10px 2px 10px; line-height:26px;font-size:16px; border:solid 1px #7b7b7b; border-radius:1px; width:388px; height:122px;}
.cocheckbox{ float:left; margin-top:23px; width:28px; height:28px; margin-right:12px; margin-left:12px; border:solid 2px #c1c1c1; background:#fff;}
.cobroorm span{ line-height:74px; font-size:16px; color:#1e1e1e;}
.cobroorm img{ vertical-align:top; float:right; margin-top:11px; float:right;}
/********************************map.css 地圖**********************************************/
.ma {height:656px;}
.ma img{ max-width:100%; vertical-align:top;}
.mam{ width:100%; height:100%;  vertical-align:top;}
/********************************footer.css 底部**********************************************/
.foot{ padding:23px 0 58px 0; background:#000; position:relative; z-index:2; zoom:1;}
.foot img{ max-width:100%; vertical-align:top;}
.footm{ width:1024px; margin:0 auto;}
.foott{ text-align:center;}
.footti1{ margin-bottom:10px;}
.footti2{ margin-bottom:32px;}
.footc{ padding-left:20px;}
.footco{ line-height:38px; font-size:20px; color:#fff; margin-bottom:20px; float:left;}
.footcow{ white-space:nowrap;}
.footco1{ padding-left: 48px; background: url(../images/foot_02.png) no-repeat left top; margin-right:47px;float:left;}
.footco2{ padding-left: 44px; background: url(../images/foot_03.png) no-repeat left top; margin-right:34px;float:left;}
.footco3{ padding-left: 45px; background: url(../images/foot_04.png) no-repeat left top; margin-right:0;float:left;}
.footco4{ padding-left: 44px; background: url(../images/foot_05.png) no-repeat left top; margin-right:0;}
.footco5{ padding-left: 45px; background: url(../images/foot_06.png) no-repeat left top; margin-right:0;float:left;}
.footco5 a{ color:#e6f2fc;}
.footco5 a:hover{ color:#ced37a;}
.footcp{ line-height:24px; width:100%; position: absolute; z-index:3; left:0; bottom:7px; font-size:16px; color:#000; font-family: Arial, Helvetica, sans-serif; text-align:center;}
.footcp a{ color:#9f9d9e;}
.footcp a:hover{ color:#ced37a;}
/********************************top.css 返回頂部**********************************************/
.gotop{ width:45px; height:45px;  position:fixed; bottom:10px; left:50%; margin-left:610px; z-index:49; }
.gotop a{ width: 100%; height: 100%; display: block; background: url(../images/top.png) no-repeat center center; border-radius:6px; }
.gotop a:hover{ background:#ccc url(../images/top.png) no-repeat center center; background:rgba(204,204,204,0.6) url(../images/top.png) no-repeat center center; }
@media(max-width: 1330px) {
 .gotop{margin-left:0px; right:20px; left: auto; }  
}
@media(max-width: 480px) {
 .gotop{margin-left:0px; right:20px; left: auto; width:40px; height:40px; }  
}

/****
*****
***************************************************響應式*********************************************************************
**
***/
/***************************************header.css************************************************************/
@media(max-width: 1060px) {
.head{ height:60px; border-top:solid 4px #90c8b9; }
.headm{ width:auto; padding-left:15px; padding-right:15px;}    
.logo{ width:170px; float:left; padding-top:14px;}   
.nav{ margin-left:10px;}
.navmenu{ top:62px;}
.navli{ height:63px; width:78px; margin-left:4px;}
.navlia{ padding-top:30px; height:30px; font-size:17px;}
.navm{ width:495px;}
.headr{ width:44px;}  
.headr a{ font-size:13px; clear:both;}  
a.heada1{ float:right;}
.navmenuo{ width:25%; float:left; padding-bottom:28px; padding-top:7px; text-align:center;}
.navmenut{ line-height:30px; font-size:18px;}
.navmenub ul li{ line-height:28px; font-size:16px;}
.navmenu{ width:550px; left:-220px;}

}
@media(max-width: 769px) {
 .headm{ position:relative; zoom:1;}
.logo{ width:160px; float:none; padding-top:0px; position:absolute; z-index:41; left:50%; margin-left:-80px; top:10px;}   
.head{ height:50px; border-top:solid 2px #90c8b9;transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; /* Firefox 4 */-webkit-transition: all 0.5s ease-in-out; /* Safari 和 Chrome */-o-transition:all 0.5s ease-in-out;}
.navl{left:-180px;}
.navi{left:0px;}
.navr{left:180px;}    
.navbtn{ width:40px; height:36px; background:url(../images/head_02.png) no-repeat center center; float:left; margin-top:7px;}    
.head{ height:50px;}   
.nav{ margin-left:0; height:100%; float:none; position:fixed; z-index:998; top:0; width:180px; background:#6f3746;transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; /* Firefox 4 */-webkit-transition: all 0.5s ease-in-out; /* Safari 和 Chrome */-o-transition:all 0.5s ease-in-out;}  
.navt{display: block; height:50px; line-height:50px; text-align:center;  background:#000; border-bottom: solid 2px #874b5b; font-size:18px; color:#fff;}  
.navm{ width:100%;  position: relative; zoom:1;overflow: scroll;overflow-x: hidden;overflow-y: scroll;-ms-touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;
-moz-user-select: none; -ms-user-select: none; user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
.navli{ margin-left:0; width:100%; height:auto;}
.navlia{ line-height:40px; padding-top:0; height:40px; background:none; color:#fff; position:relative; zoom:1;border-bottom: solid 1px #874b5b;}
.headr a{ line-height:24px;}
.navli:hover a.navlia{background:#6f3746; color:#fff;}
a.navlia:hover{  background:none; color:#fff;}
.navli a.active{ background:none; color:#fff;}
.navlia i{ width:11px; height:9px; background:url(../images/head_03.png) no-repeat center center; display:block; position:absolute; z-index:999; right:8px; top:15px;}
.navmenu{ width:100%; left:0; top:0; background:#996875;  position:relative;box-shadow: none;-ms-box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; z-index:1000; zoom:1;}
.navmenuo{ width:100%; float:none;padding-bottom:0; padding-top:0;}
.navmenut{ line-height:40px; font-size:17px;  }
.navmenuo a{ width:100%; height:40px; display: block;border-bottom: solid 1px #af7181; color:#fff;}
.navmenuo a:hover{color:#fff;}
.navmenut a:hover{text-shadow:none; -moz-text-shadow:none; -webkit-text-shadow:none;  -ms-text-shadow:none; color:#fff;}
.navmenub ul li{ line-height:40px; font-size:15px;}
.navmenus{ position:relative; zoom:1; width: 100%; height: 40px; line-height: 40px;text-align:center; background:none;}
.navmenus a{color:#fff; width: 100%; height: 100%; display:block;  }
.navmenus a:hover{ text-decoration:none;}
.navover{ display:none; width:100%; height:100%; position:fixed; top:0; left:0;  z-index:900;background-color:#000; opacity:0.6;}
}
@media(max-width: 420px) {
.headm{  padding-left:10px; padding-right:10px;}  
.logo{ width:140px; margin-left:-70px; top:7px;}       
.head{ height:40px;} 
.navbtn{ width:30px; height:28px; background-size:30px 28px; margin-top:6px;}   
.headr a{ line-height:20px;} 
.navl{left:-150px;}
.navi{left:0px;}
.navr{left:150px;}   
.nav{ width:150px;} 
.navt{ height:40px; line-height:40px; font-size:16px;}
.navlia{ line-height:36px; height:36px; font-size:15px;}
.navmenut{ line-height:36px; font-size:15px;  }
.navmenuo a{ height:36px;}
.navmenub ul li{ line-height:36px; font-size:14px;}
.navmenus{ height:36px; line-height:36px; font-size:15px;}
}

/**********************************************banner.css*****************************************************/
@media(max-width: 1060px) {
 .ban{ padding-top:64px;}   
 .banm{ background-size:cover;}   
 .bantx{ font-size:28px;} 
 .banb{ height:100px;}  
 .banbm{ font-size:16px; top:20px;}
}
@media(max-width: 769px) {
 .ban{ padding-top:52px;}   
 .banm{background-size:cover; height:400px;}   
 .bantx{ font-size:24px;} 
 .banb{ height:80px;}  
 .banbm{ font-size:15px;  background-size: 16px 16px; height:44px;}
}
@media(max-width: 530px) {
  
 .banm{background-size:cover; height:320px;}   
 .bantx{ font-size:20px;} 
 .banb{ height:70px;}  
 .banbm{ font-size:14px;  background-size: 16px 16px; height:44px; top:12px;}
}
@media(max-width: 420px) {
 .ban{ padding-top:42px;}   
 .banm{background-size:cover; height:280px;}   
 .bantx{ font-size:18px;} 
 .banb{ height:60px;}  
 .banbm{ font-size:14px;  background-size: 16px 16px; height:40px;}
}
/********************************about.css關於公司**********************************************/
@media(max-width: 1060px) {
#profile,#Catalog,#technology,#news,#contant{margin-top:-64px;}  
.adt img{ width:230px; vertical-align:top;}
.adtt{ height:50px;}
.adm{ font-size:16px; line-height:32px;}
.adct{font-size:21px;}
.adbo{ width:26%;}
.adb2{ margin-left:11%;}   
}
@media(max-width: 1020px) {
.adm{ width: auto; padding-left:15px; padding-right:15px;}

}
@media(max-width: 769px) {
 .ad{ padding:45px 0 50px 0;}
 #profile,#Catalog,#technology,#news,#contant{margin-top:-52px;}
.adm{ width: auto; padding-left:15px; padding-right:15px;}
.adt{ margin-bottom:24px;}
.adtt{ height:40px;}
.adt img{ width:180px; vertical-align:top;}
.adm{ font-size:15px; line-height:30px;}
.adct{font-size:19px;}
.adbo{ width:30%; padding-top:62px;}
.adb2{ margin-left:5%;}
.adb1,.adb2,.adb3{ background-size:50px 50px;} 
.adbt{ margin-bottom:8px;} 
}
@media(max-width: 560px) {
.ad{ padding:45px 0 20px 0;}
.adbo{ width:370px; margin-bottom:30px;}    
.adb1,.adb2,.adb3 { float:none; margin-left:auto; margin-right:auto; }    
}
@media(max-width: 420px) {
.ad{ padding:40px 0 20px 0;}
 #profile,#Catalog,#technology,#news,#contant{margin-top:-42px;}
 .adt img{ width:170px; vertical-align:top;}
.adbo{ width:auto; margin-bottom:30px;}
.adm{ font-size:14px; line-height:28px;}    
.adb1,.adb2,.adb3 { float:none; margin-left:auto; margin-right:auto; }    
}
/********************************video.css 影片介绍**********************************************/

@media(max-width: 1060px) {
.vim{ width:auto; padding-left:15px; padding-right:15px;padding-top:45px;padding-bottom:70px;}
.vibo{ width:27%;}
.vit{ height:70px;}
.vib2{ margin-left:9%;}
.vit img{ width:110px;}
.vibo img{ max-width:100%;height:140px;}
.vibo{ height:140px;}
}
@media(max-width: 769px) {
.vim{ width:auto; padding-left:15px; padding-right:15px;padding-top:45px;padding-bottom:80px;}
.vibo{ width:27%; border:solid 1px #717171;}
a.vibo:hover{ border:solid 1px #00a0e9;}
.vib2{ margin-left:8.8%;}
.vit img{ width:88px;}
.vit{ height:60px;}
.vibo img{ max-width:100%;height:110px;}
.vibo{ height:110px;} 
}
@media(max-width: 420px) {
 .vib1{ float:none; margin:0 auto; margin-bottom:20px;}
.vib2{  float:none; margin:0 auto;margin-bottom:20px;}
.vib3{  float:none; margin:0 auto;}   
.vim{ width:auto; padding-left:15px; padding-right:15px;padding-top:30px;padding-bottom:60px;}    
.vibo img{ max-width:100%;height:120px;width:218px;}
.vibo{ height:120px; width:218px;}  
.vit img{ width:80px;}   
.vit{ height:50px;}
}
/********************************detail.css 產品信息**********************************************/
@media(max-width: 1060px) {
.dett{ height:130px;}
.dett img{ width:206px;}
.detb{margin-bottom:40px;}
.detbm{ font-size:22px; width:460px;}
.decot a{ width:150px; font-size:22px;}
.decob{ font-size:15px; line-height:28px;}
.deb a{ font-size:26px; width:224px; height:50px; line-height:50px; background: url(../images/de_06.png) no-repeat 185px center;}
.deb a:hover{ background: url(../images/de_06h.png) no-repeat 185px center;}
}
@media(max-width: 870px) {
.dem{ width:auto; padding-left:15px; padding-right:15px;} 
}
@media(max-width: 769px) {
.de{ padding:44px 0 60px 0; }
.dett{ height:100px;}
.dett img{ width:169px;}
.detb{margin-bottom:30px;}
.detbm{ font-size:20px; width:350px;}
.decot a{ width:140px; font-size:20px; height:40px; line-height:40px;}
.decob{ font-size:14px; line-height:26px;}
.deco1{ float:none; margin-left:auto; margin-right:auto; margin-bottom:30px;}
.deco2{ float:none;margin-left:auto; margin-right:auto;}
.dec{ margin-bottom:30px;}
.deb a{ font-size:22px; width:180px; height:46px; line-height:46px; background: url(../images/de_06.png) no-repeat 151px center; background-size:17px 17px;}
.deb a:hover{background: url(../images/de_06h.png) no-repeat 151px center;background-size:17px 17px;}
}
@media(max-width: 420px) {
.dem{  padding-left:0px; padding-right:0px;}
.de{ padding:40px 0 50px 0; }
.dett{ height:100px;}
.dett img{ width:160px;}
.detb{margin-bottom:30px;}
.detbm{ font-size:18px; width:280px;}
.decot a{ width:110px; font-size:18px; height:32px; line-height:32px;}
.decob{ font-size:14px; line-height:26px;}
.dec{ margin-bottom:30px;}
.deb a{ font-size:18px; width:150px; height:40px; line-height:40px; background: url(../images/de_06.png) no-repeat 125px center; background-size:14px 14px;}
.deb a:hover{ background: url(../images/de_06h.png) no-repeat 125px center;background-size:14px 14px;}
.deco{ width:280px;}
a.decoca1{ width:272px;}
.decoca1 img{width:272px;}
.decocon{width:272px;}
}
/********************************technology.css 技術能力**********************************************/
@media(max-width: 1060px) {
.te{ padding-top:50px;}
.te1{ padding-top:130px; padding-bottom:139px;}    
.te1 img{ width:610px;}    
.tet img{ width:446px;}    
.tec{ font-size:16px;  line-height:28px; margin-bottom:50px;} 
}
@media(max-width: 900px) {
.tem{ width:auto; padding-left:15px; padding-right:15px;}   
}
@media(max-width: 769px) {
.te1{ padding-top:100px; padding-bottom:104px; padding-left:14px; padding-right:15px;}    
.te1 img{ width: auto; max-width:100%;}     
.te{ padding-top:44px;}   
.tet img{ width:354px;}    
.tec{ font-size:15px;  line-height:28px; margin-bottom:50px;}   
}
@media(max-width: 420px) {
.te1{ padding-top:100px; padding-bottom:104px; padding-left:14px; padding-right:15px;}    
.te{ padding-top:40px;}   
.tet{ margin-bottom:24px;}
.tet img{ width:336px;}    
.tec{ font-size:15px;  line-height:28px; margin-bottom:50px;}   
}
/********************************news.css 最新消息**********************************************/
@media(max-width: 1060px) {
.news{ padding:39px 0 55px 0;}
.news img{ width:212px;}
.newsm{ width:auto; padding-left:15px; padding-right:15px;}
.newst{ margin-bottom:15px; }
.newsc{ font-size:18px;  line-height:29px; margin-bottom:22px; }
.newsb{ line-height:24px; font-size:16px; }
}
@media(max-width: 769px) {
.news{ padding:39px 0 50px 0;}
.news img{ width:180px;}
.newsm{ width:auto; padding-left:15px; padding-right:15px;}
.newst{ margin-bottom:15px; text-align:center;}
.newsc{ font-size:17px;  line-height:26px; margin-bottom:18px; }
.newsb{ line-height:24px; font-size:15px; }
}
@media(max-width: 420px) {
.news{ padding:35px 0 30px 0;}
.news img{ width:164px;}
.newsm{ width:auto; padding-left:15px; padding-right:15px;}
.newst{ margin-bottom:15px; text-align:center;}
.newsc{ font-size:15px;  line-height:24px; margin-bottom:22px; }
.newsb{ line-height:23px; font-size:14px; }
}
/********************************contact.css 聯絡我們**********************************************/
@media(max-width: 1060px) {
.com{ width:auto; padding-left:15px; padding-right:15px;}
.cot img{ width:212px;}

}
@media(max-width: 900px) {
.cobltb{ line-height:22px; font-size:13px;}
.cobr{ font-size:15px;}
.cobr input[type="text"]{ font-size:15px;}
.cobrortxt{ font-size:15px;}
.cobroorm span{ font-size:15px;}
input.cobrw1{ width:150px;}
input.cobrw2{ width:316px;}
input.cobrw3{ width:60px;}
input.cobrw4{ width:172px;}
.cobrors1{ padding-left:16px;}
.cobrortxt{ width:316px;}
.cobr{ width:430px;}
.cobl{ margin-right:440px;} 
   
}
@media(max-width: 769px) {
.co{ padding:40px 0 0 0; min-height:0; margin-bottom:40px;}
.cot{ margin-bottom:40px;}
.cot img{ width:180px;}
.cobl{ margin-right:0; max-width:512px; margin-left:auto; margin-right:auto; margin-bottom:40px;} 
.cobr{ position:relative; zoom:1; margin-left:auto; margin-right:auto;}
    }
@media(max-width: 480px) {
.cobltb{ line-height:22px; font-size:13px;}
.cobr{ font-size:14px;}
.cobr input[type="text"]{ font-size:14px; padding-left:5px; padding-right:5px;}
.cobrortxt{ font-size:14px;}
.cobroorm span{ font-size:14px;}
input.cobrw1{ width:120px;}
input.cobrw2{ width:264px;}
input.cobrw3{ width:60px;}
input.cobrw4{ width:135px;}
.cobrors1{ padding-left:12px;}
.cobrortxt{ width:264px;padding:2px 5px 2px 5px;}
.cobr{ width:365px;}
.cot{ margin-bottom:30px;}   
.cobroorm{ width:230px; height:64px; }
.cobroor{ width:238px; height:72px;}
.cocheckbox{ float:left; margin-top:22px; width:22px; height:22px; margin-right:8px; margin-left:10px; }
.cobroorm span{ line-height:64px; font-size:14px;}
.cobroorm img{ width:66px; margin-top:6px; }
.cobrol{ width:82px;}
.cobro{ padding-left:82px;}   
.cobrool{ line-height:78px;}
.cobroo { padding-left:76px;}
}
@media(max-width: 420px) {

.cot img{ width:164px;}   
.cobltb{ line-height:22px; font-size:13px;}
.cobr{ font-size:13px;}
.cobr input[type="text"]{ font-size:13px; padding-left:4px; padding-right:4px;}
.cobrortxt{ font-size:13px;}
.cobroorm span{ font-size:13px;}
input.cobrw1{ width:120px;}
input.cobrw2{ width:206px;}
input.cobrw3{ width:60px;}
input.cobrw4{ width:84px;}
.cobrors1{ padding-left:12px;}
.cobrortxt{ width:206px;padding:2px 4px 2px 4px;}
.cobr{ width:295px;}  
.cobroorm{ width:206px;  }
.cobroorm span{  font-size:13px;}
.cobrol{ width:76px;}
.cobro{ padding-left:76px;} 
.cobroo { padding-left:70px;}   
.cobroor{ width:214px; height:72px;}   
}
/********************************map.css 地圖**********************************************/
@media(max-width: 769px) {
.ma {height:400px;}
}
@media(max-width: 480px) {
.ma {height:320px;}
}

/********************************footer.css 底部**********************************************/

@media(max-width: 1060px) {
.footm{ width:auto; padding-left:15px; padding-right:15px;}
.footti1{ width:170px;}
.footti2{ width:140px;}
.footco{ font-size:18px;}
.footc{ padding-left:0;}
}
@media(max-width: 769px) {
.foot{ padding:23px 0 40px 0; background:#000; position:relative; z-index:2; zoom:1;}
 .footti1{ width:160px;}   
.footti2{ margin-bottom:24px;} 
.footco{ font-size:16px; line-height:31px;}   
.footco1{ padding-left: 36px; background: url(../images/foot_02.png) no-repeat left top; margin-right:30px; background-size:31px 31px;}
.footco2{ padding-left: 36px; background: url(../images/foot_03.png) no-repeat left top; margin-right:24px;background-size:31px 31px;}
.footco3{ padding-left: 36px; background: url(../images/foot_04.png) no-repeat left top;background-size:31px 31px;}
.footco4{ padding-left: 36px; background: url(../images/foot_05.png) no-repeat left top;background-size:31px 31px;}
.footco5{ padding-left: 36px; background: url(../images/foot_06.png) no-repeat left top;background-size:31px 31px;}
}
@media(max-width: 480px) {
.foot{ padding:23px 0 40px 0; background:#000; position:relative; z-index:2; zoom:1;}
 .footti1{ width:160px;}   
.footti2{ margin-bottom:24px;} 
.footco{ font-size:15px; line-height:31px; margin-bottom:16px;}   
.footco1{ padding-left: 36px; background: url(../images/foot_02.png) no-repeat left top; margin-right:30px; background-size:31px 31px;}
.footco2{ padding-left: 36px; background: url(../images/foot_03.png) no-repeat left top; margin-right:24px;background-size:31px 31px;}
.footco3{ padding-left: 36px; background: url(../images/foot_04.png) no-repeat left top;background-size:31px 31px;}
.footco4{ padding-left: 36px; background: url(../images/foot_05.png) no-repeat left top;background-size:31px 31px;}
.footco5{ padding-left: 36px; background: url(../images/foot_06.png) no-repeat left top;background-size:31px 31px;}
.footcp{ font-size:14px;}
}
@media(max-width: 420px) {
.foot{ padding:23px 0 40px 0; background:#000; position:relative; z-index:2; zoom:1;}
 .footti1{ width:140px;}   
.footti2{ margin-bottom:14px; width:120px;} 
.footco{ font-size:14px; line-height:28px; margin-bottom:12px;}   
.footco1{ padding-left: 34px; background: url(../images/foot_02.png) no-repeat left top; margin-right:30px; background-size:28px 28px;}
.footco2{ padding-left: 34px; background: url(../images/foot_03.png) no-repeat left top; margin-right:24px;background-size:28px 28px;}
.footco3{ padding-left: 34px; background: url(../images/foot_04.png) no-repeat left top;background-size:28px 28px;}
.footco4{ padding-left: 34px; background: url(../images/foot_05.png) no-repeat left top;background-size:28px 28px;}
.footco5{ padding-left: 34px; background: url(../images/foot_06.png) no-repeat left top;background-size:28px 28px;}
.footcp{ font-size:13px;}
}
@media(max-width: 360px) {
.footm,.com,.newsm,.tem,.adm{ padding-left:10px; padding-right:10px;}    
    
    
}