ng: 20px; border: 1px solid #ccc; } [type=radio]:checked ~ label { background: white; border-bottom: 1px solid white; z-index: 2; } [type=radio]:checked ~ label ~ .content { z-index: 1; } */ /*產品頁頁簽======================================*/ #tabl { margin-bottom:2em; } #tabl ul, #tabl li { margin: 0; padding: 0; list-style: none; } #tabl .abgne_tab { clear: left; width: 100%; margin: 10px 0; } #tabl ul.tabs { width: 100%; height: 31px; border-bottom: 1px solid #999; border-left: 1px solid #999; border-radius: 5px 0 0 0 ; } #tabl ul.tabs li { float: left; height: 31px; line-height: 31px; overflow: hidden; position: relative; margin-bottom: -1px; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */ border: 1px solid #999; border-left: none; background: #e1e1e1; border-radius: 5px 5px 0 0 ; } #tabl ul.tabs li a { display: block; padding: 0 20px; color: #000; border: 1px solid #fff; text-decoration: none; } #tabl ul.tabs li a:hover { background: #ccc; } #tabl ul.tabs li.active { background: #fff; border-bottom: 1px solid #fff; } #tabl ul.tabs li.active a:hover { background: #fff; } #tabl div.tab_container { clear: left; width: 100%; border: 1px solid #999; border-top: none; background: #fff; overflow-x: auto; } #tabl div.tab_container .tab_content { padding: 20px; } #tabl div.tab_container >.tab_content img {width:auto; height:auto;} #tabl div.tab_container .tab_content>h2 { margin:0 0 20px 0; } @media only screen and (max-width:568px ){ #tabl ul.tabs { width: 100%; height: 40px; border-bottom: 0px solid #999; border-left: 0px solid #999; border-radius: 5px 0 0 0 ; } #tabl ul.tabs li { width:100%; height: 40px; line-height: 40px; margin-bottom:0; /* 讓 li 往下移來遮住 ul 的部份 border-bottom */ border-radius: 5px 5px 0 0; border: 1px solid #999; background:#fff; } #tabl ul.tabs li a { display: block; padding: 0px 20px; color: #000; border: 1px solid #fff; text-decoration: none; } #tabl ul.tabs li.active { /*預選第一個的底色*/ border: 1px solid #999; background: #e1e1e1; } #tabl ul.tabs li.active a:hover { /*選到後的顏色*/ background: #e1e1e1; } } /*頁尾分頁=======================================]*/ .page_total { clear:both; text-align:center; margin-bottom:3em;} .page_total>a { color: #555; display:inline; padding: 4px 10px; text-decoration: none; border-radius: 5px; } .page_total>a:hover { background:#0099FF; color:#fff;} .page_total>a.active { color: #fff; background:#0060AF; cursor:default; } /*輸入表格==============================================================*/ table, td, th { border-color: #ddd; white-space:normal; } table { border-color: #ddd; width: 100%; } th, td { vertical-align: middle; padding:2px} /*table (inquiry + WP_Product =======================================]*/ #tb_box { overflow-x: auto; } #tb_box table, #tb_box td, #tb_box th { border: 1px solid #ddd; text-align: *left; white-space:normal; } #tb_box table { border-collapse: collapse; width: 100%; } #tb_box th, #tb_box td { padding: 8px; vertical-align: middle; /*td內容上下致中*/ } #tb_box th { background-color: #1363AD; color: white; } #tb_box tr:nth-child(odd) { background-color: #f2f2f2} #tb_box td div.but_s {padding:1px 6px; text-align:center; margin:3px 0} /*WP_Products/index.php 索引頁小圖*/ #tb_box td.pic>a>img { min-width:100px;} /*兩欄位-多屬預覽頁*/ #tb_box .hbk { background-color: #f2f2f2; color:#000; } #tb_box .dbk { background-color: #fff; } /*download, 依檔案類型, 顯示圖檔*/ #tb_box td .picimg { width:30px; vertical-align:middle} #tb_box td>input { width:20px; height:20px; } #tb_box td>.inpu_w { width: auto} /*表格-inquiry*/ ul.table2 { margin: 0; padding: 0; list-style: none; } /*48% */ ul.table2>li { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; float:left; text-align:left; vertical-align: middle; /*td內容上下致中*/ border-bottom:1px solid #ccc; width:48%; padding:12px 0; } ul.table2>li:last-child {border-bottom:0;} ul.table2>li:nth-child(odd) { margin-right:4%} ul.table2>li>div { width:20%; float:left} ul.table2>li>div:nth-child(even) { width:80%; } ul.table2>li>div>input, ul.table2>li>div>select, ul.table2>li>div>textarea { padding: 6px 3px; width:100%} ul.table2>li>div>.img { margin-top:5px} /*100% */ ul.table2>li.w { width:100%; } /*最新消息-聯絡我們*/ ul.table2>li.w:last-child {border-bottom:1px solid #ccc; } /*多屬性*/ ul.table2>li.backg>div {padding-left:10px;} ul.table2>.backg:nth-child(odd) { background: #f2f2f2;} /*需要底色者*/ @media only screen and (max-width:768px ){ ul.table2>li { width:100%;} ul.table2>li:nth-child(odd) { margin-right:0} ul.table2>li>div { width:100%; float:none} ul.table2>li>div:nth-child(even) { width:100%; } ul.table2>li>div>.img { width:50%} } @media only screen and (max-width:568px ){ ul.table2>li>div>.img { width:100%} } /*solution ===============================================*/ /*48% */ ul.table3 { margin: 0; padding: 0; list-style: none; } ul.table3>li { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; float:left; text-align:left; vertical-align: middle; /*td內容上下致中*/ width:48%; } ul.table3>li:nth-child(odd) { margin-right:4%} @media only screen and (max-width:568px ){ ul.table3>li { width:100%;} ul.table3>li:nth-child(odd) { margin-right:0} ul.table3>li>div>img { width:100%;} } /*tws-pic==================================*/ .tws-pic { } .tws-pic>div { float: left; width:45%; margin-right:4%; border-radius:5px; margin-bottom:2em; overflow:hidden;} .tws-pic>div:nth-child(even) { margin-right:0; } .tws-pic>div>a>img { width:100%; border-radius:0; } .tws-pic>div>p { width:100%; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; color:#fff; background: #1363AD; /* #0099FF For browsers that do not support gradients */ background: -webkit-linear-gradient(left, #1363AD , #3FAEFF); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, #1363AD, #3FAEFF); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(right, #1363AD, #3FAEFF); /* For Firefox 3.6 to 15 */ background: linear-gradient(to right, #1363AD , #3FAEFF); /* Standard syntax (must be last) */ padding:10px 20px; } @media only screen and (max-width:568px ){ .tws-pic>div { float:none; width:100%; margin-right:0;} } /*僅一筆產品頁*/ .one_product>div>h2 { font-size:2em; padding-bottom:2em;} ul.pro3>li>h3 { font-size:1.5em; color:#0185D2 } ul.pro3>li>h2 { font-size:2em; padding-bottom:2em} ul.pro3>li>div>h3{ font-size:1.5em; color:#0185D2; padding-bottom:2em} ul.pro3{ padding:0; list-style-type: none; margin-bottom:0em;/*空一行*/ } ul.pro3>li { display: inline-block; vertical-align: top; height:100%; text-align:left; margin-right:2%; margin-bottom:2em; /*空一行*/ } ul.pro3>li.d1 { width:35%; } ul.pro3>li.d11 { width:35%; padding-top:2em } ul.pro3>li.d2 { width:39%; } ul.pro3>li.d3 { width:20%; margin-right:0px;} ul.pro3>li.d20 { width:18%; } ul.pro3>li.d22 { width:18%; } ul.pro3>li>ul>li { font-size:} ul.pro3>li>div>img { width:100%; border-radius: 5px 5px 0 0; } ul.pro3>li>.item { background: #EFEFEF; width:180px; height:180px; text-align:center; border-radius:50%; overflow: hidden;} ul.pro3>li>.item:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } ul.pro3>li>.item>img { border-radius:50%; overflow: hidden; } ul.pro3>li>.item:hover { background:#66d6c5; transition:0.5s; } ul.pro3>li>.item>i { font-size:8em; color:#555; line-height:180px; } ul.pro3>li>div{ display:block; width:100%; overflow:hidden; transition:all 0.5s ease;} ul.pro3>li>div>img{ width:100%; height:auto; transform:scale(1); transition:all 0.5s ease; } ul.pro3>li>div:hover>img{transform:scale(1.1);} @media only screen and (max-width:1023px ){ ul.pro3>li { margin-right:0; } ul.pro3>li.d1 { width:48%; } ul.pro3>li.d2 { width:48%; } ul.pro3>li.d3 { width:20%; margin-right:0px; display:none} ul.pro3>li.d22 { width:30%; } ul.pro3>li.d20 { display:none } ul.pro3>li>.item { border:3px solid #ccc; box-shadow: 0 4px 8px 0 #fff, 0 6px 20px 0 #fff; } } @media only screen and (max-width:768px ){ ul.pro3>li.d1 { width:50%; } ul.pro3>li.d2 { width:48%; } ul.pro3>li.d11 { width:52%; padding-top:0 } ul.pro3>li.d20 { display:none } ul.pro3>li.d22 { width:22%; padding-right:2% } ul.pro3>li>.item {width:100%; height:100%;} } @media only screen and (max-width:568px ){ ul.pro3>li.d1 { width:100%; } ul.pro3>li.d2 { width:100%; } ul.pro3>li.d11 { width:100%;} ul.pro3>li.d20 { display:none } ul.pro3>li.d22 { width:100%; padding-right:0 } ul.pro3>li>.item {width:100%; height:100%;} } /*ie用 width:50%; /*Firefox */ /*ie用 width:50% \9; /*IE8 */ /*ie用 *width:50%; /*IE7 */ /*ie用 _width:50%; /*IE6 */ .webtest { position:absolute; position:fixed; right:0; padding:10px 20px; bottom:0; border:0; color:#fff; background:#FF5F62; font-family:'Noto Sans TC', sans-serif;}

OUR SERVICE

Strength

One Stop Solution‧Rapid Prototype
Dedicated Customer Management

Assembly Capability

SMT Assembly ‧Through Hole Assembly
Automatic Optical Inspection‧X-Ray Inspection

Quality Assured

TS16949‧ ISO13485‧AS9100
UL ZPVI2‧ISO14001
Airsky Technology Co., Ltd, founded in 2005, is a leading manufacturer of PCB Assembly, providing full turnkey assembly for a single point of contact.

We also integrate strategic logistics alliance with key vendors to up rise manufacturing flexibility and strengthen competitive edge from the extremely complex global market.