* {margin:0;padding:0;text-decoration:none;}
header{position:relative;width:100%;background:#333;}
.logo{display:none;}
nav{position:relative;width:880px;margin:0auto;}
#cssmenu{padding:2% 0;}
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu:after, #cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #head-mobile{display:none;}
#cssmenu{font-family:sans-serif;background:#333;margin:0 auto;}
#cssmenu > ul > li{float:left;}
#cssmenu > ul > li > a{padding:17px;font-size:.9em;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a{color:#eee;}
#cssmenu > ul > li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover{background:#111 !important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px;}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:'';}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;  -ms-transition:all .25s ease;transition:all .25s ease;}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0;}
#cssmenu ul ul{position:absolute;left:-9999px;}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease;}
#cssmenu ul ul li:hover {}
#cssmenu li:hover > ul{left:auto;}
#cssmenu li:hover > ul > li{height:35px;}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150, 150, 150, 0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a{border-bottom:0;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color:#fff;}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:'';}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;  -ms-transition:all .25s ease;transition:all .25s ease;}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0;}
#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333;}
#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:1px solid #333;}
@media screen and (max-width:1000px) {
.logo{position:absolute;top:0;left:0;width:100%;height:46px;text-align:center;padding:10px 0 0 0;float:none;}
.logo2{display:none;}
nav{width:100%;}
#cssmenu{width:100%;}
#cssmenu ul{width:100%;display:none;}
#cssmenu ul li{width:100%;border-top:1px solid #444;}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li, #cssmenu li:hover > ul > li{height:auto;}
#cssmenu ul li a, #cssmenu ul ul li a{width:100%;border-bottom:0;}
#cssmenu > ul > li{float:none;}
#cssmenu ul ul li a{padding-left:25px;}
#cssmenu ul ul li{background:#333 !important;}
#cssmenu ul ul li:hover{background:#363636 !important;}
#cssmenu ul ul ul li a{padding-left:35px;}
#cssmenu ul ul li a{color:#ddd;background:none;}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a{color:#fff;}
#cssmenu ul ul, #cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;}
#cssmenu > ul > li.has-sub > a:after,
#cssmenu > ul > li.has-sub > a:before,
#cssmenu ul ul > li.has-sub > a:after,
#cssmenu ul ul > li.has-sub > a:before{display:none;}
#cssmenu #head-mobile{display:block;padding:15px;color:#ddd;font-size:12px;font-weight:700;}
.button{width:100%;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index:12399994;}
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:'';}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px; background:#ddd;content:'';}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform: rotate(-45deg);transform:rotate(-45deg);}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer;}
#cssmenu .submenu-button.submenu-opened{background:#262626;}
#cssmenu ul ul .submenu-button{height:34px;width:34px;}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:'';}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px;}
#cssmenu .submenu-button.submenu-opened:after{background:#fff;}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:'';}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px;}
#cssmenu .submenu-button.submenu-opened:before{display:none;}
#cssmenu ul ul ul li.active a{border-left:none;}
#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none;}
}
.equipment_bg{width:100%;height:160px;background-color:#333;margin-top:-5px;}
.equipment_left{width:35%;float:left;padding-top:4%;padding-bottom:4%;}
.equipment_right{width:65%;float:left;padding-top:1%;padding-bottom:3%;}
.equipment_right img{float:left;width:47%;margin-right:10px;}
.equipment_title{text-align:left;line-height:60px;font-size:1.4em;font-weight:bold;font-family:微軟正黑體;color:#222;color:#fff;border-radius:10px;letter-spacing:3px;font-style:italic;font-weight:bold;}
.machine_table{width:55%;margin-top:2%;line-height:36px;border-radius:10px;padding:1% 0;font-weight:bold;color:#333;font-size:.9em;margin-bottom:7%;}
.machine_table td{padding-left:3%;padding-top:.5%;padding-bottom:.5%;}
@media screen and (max-width:1367px) {
.equipment_left{width:29%;float:left;padding-top:6%;padding-bottom:4%;}
.equipment_right img{float:left;width:45%;margin-right:10px;}
.machine_table{width:55%;margin-top:10%;line-height:36px;border-radius:10px;padding:1% 0;font-weight:bold;color:#333;font-size:.9em;margin-bottom:7%;}	
.equipment_right{width:71%;float:left;padding-top:5.5%;padding-bottom:3%;}
.equipment_title{line-height:40px;}
}
@media screen and (max-width:1201px) {
.equipment_left{width:25%;float:left;padding-top:5.8%;padding-bottom:4%;}
.equipment_right{width:75%;float:left;padding-top:1%;padding-bottom:3%;}
.equipment_right img{float:right;width:85%;margin-right:0px; margin-bottom:2%;}
.equipment_title{text-align:left;line-height:40px;font-size:1.4em;font-weight:bold;font-family:微軟正黑體;color:#222;color:#fff;border-radius:10px;letter-spacing:3px;font-style: italic;font-weight:bold;}
.about_box{width:80%;margin:0px auto 10px auto;}
.machine_table{width:80%;margin-top:2%;line-height:36px;border-radius:10px;padding:1% 0;font-weight:bold;color:#333;font-size:.9em;margin-bottom:7%;}
}
@media screen and (max-width:1024px) {
.equipment_bg{width:100%;height:74px;background-color:#444;}
.equipment_left{width:100%;padding-top:0px;}
.equipment_right{width:100%;}
.equipment_right img{width:46%;float:left;margin-bottom:2%;margin-right:8px;border:8px solid #ccc;}
.equipment_title{text-align:center;}
.machine_table{margin:0 auto;width:50%;text-align:center;margin-top:2%;}
.about_box{margin:0 auto;}
.equipment_td1{text-align:left;}
.equipment_td2{text-align:right;}
.equipment_ring{margin-bottom:8%;margin-bottom:4%;}
.equipment_ling{margin-bottom:8%;margin-bottom:4%;}
}
@media screen and (max-width:736px) {
.equipment_bg{width:100%;height:74px;background-color:#444;}
.equipment_left{width:100%;padding-top:0px;}
.equipment_right{width:100%;}
.equipment_right img{width:95%;margin-bottom:5%;}
.equipment_title{text-align:center;}
.machine_table{margin:0 auto;width:70%;text-align:center;}
.about_box{ margin:0 auto;}
.equipment_td1{text-align:left;}
.equipment_td2{text-align:right;}
.equipment_ring{margin-bottom:8%; margin-bottom:4%;}
.equipment_ling{margin-bottom:8%; margin-bottom:4%;}
.equipment_title{text-align:center;line-height:60px;font-size:1.4em;font-weight:bold;font-family:微軟正黑體;color:#222;color:#fff;border-radius:10px;letter-spacing:3px;font-style:italic;font-weight:bold;}
}
@media screen and (max-width:668px) {
.equipment_bg{width:100%;height:74px;background-color:#444;}
.equipment_left{width:100%;padding-top:0px;}
.equipment_right{width:100%;}
.equipment_right img{width:95%;margin-bottom:5%;}
.equipment_title{text-align:center;}
.machine_table{margin:0 auto;width:70%;text-align:center;}
.about_box{margin:0 auto;}
.equipment_td1{text-align:left;}
.equipment_td2{text-align:right;}
.equipment_ring{margin-bottom:8%;margin-bottom:4%;}
.equipment_ling{margin-bottom:8%;margin-bottom:4%;}
}
@media screen and (max-width:415px) {
.equipment_bg{width:100%;height:50px;background-color:#444;}
.equipment_left{width:100%;padding-top:0px;}
.equipment_right{width:100%;}
.equipment_right img{width:95%;margin-bottom:5%;}
.equipment_title{text-align:center;}
.machine_table{margin:0 auto;width:70%;text-align:center;}
.about_box{margin:0 auto;}
.equipment_td1{text-align:left;}
.equipment_td2{text-align:right;}
.equipment_ring{margin-bottom:8%;margin-bottom:4%;}
.equipment_ling{margin-bottom:8%;margin-bottom:4%;}
.equipment_title{text-align:center;line-height:40px;font-size:1.4em;font-weight:bold;font-family:微軟正黑體;color:#222;color:#fff;border-radius:10px;letter-spacing:3px;font-style:italic;font-weight:bold;}
}
@media screen and (max-width:376px){
.equipment_title{text-align:center;line-height:40px;font-size:.9em;font-weight:bold;font-family:微軟正黑體;color:#222;color:#fff;border-radius:10px;letter-spacing:0px;font-style:inherit;font-weight:bold;width:100%;}	
}
@media screen and (max-width:321px){
.equipment_title{text-align:center;line-height:40px;font-size:.8em;font-weight:bold;font-family:微軟正黑體;color:#222;color:#fff;border-radius:10px;letter-spacing:0px;font-style:inherit;font-weight:bold;width:100%;}	
}