.nivo-prevNav,.nivo-nextNav{ background:url(../images/arrt.png) no-repeat; width:68px; height:68px; text-indent:-9999px; }
.nivo-prevNav{ background-position:0 0;}
.nivo-nextNav{ background-position:-68px 0;}
.nivo-prevNav:hover{ background-position:0 -68px;}
.nivo-nextNav:hover{ background-position:-68px -68px;}

.index-news{padding:18px 0 28px 0; height:40px;}
.index-news img{float:left;}
.index-news samp{float:left;background-color:#eeeeee;padding:2px 4px;font-family:Arial;font-size:12px; color:#6b6b6b; margin:10px;}
.index-news-link{font-size:14px;color:#39464e;float:left; margin:10px; width:620px; text-align:left;}
.news-more{content:"";background:url(../images/index/news-more.png) no-repeat 90px 8px;border:2px solid #000;padding:8px 60px 8px 40px; color:#000; text-align:center;font-size:15px;margin-top:2px; float:right;-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-ms-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
	transition:all 0.8s ease; display:block; overflow:hidden;}
.news-more:hover:hover{background:#000 url(../images/arrow-01.png) no-repeat 90px 8px; color:#fff;}

.index-c-bg{background:#a7a7a7 url(../images/index/c-bg.jpg) repeat-x; width:100%; height:auto; overflow:hidden;color:#fff;letter-spacing:0.5px;}

.index-about-left{width:500px; float:left; background:url(../images/index/index-about-img.png) no-repeat; height:334px; text-align:left; }
.index-about-left h1{font-size:16px; margin:110px 0 8px 0;}
.index-about-left p{font-size:13px;}

.index-about-right{ width:500px;float:right;}
.index-about-right h1{width:64px;height:235px;float:left;margin:30px 0 0 12px;}
.index-about-right h2{width:400px;float:left;font-size:13px;font-weight:100;margin:50px 0 0 22px; text-align:left;}
.index-about-right h2 p{ line-height:22px;}
.index-about-right h2 a{ display:block; margin:25px 0 0 0; float:left;}

.more-w{content:"";background:url(../images/arrow-01.png) no-repeat 120px 9px;border:2px solid #fff;padding:10px 70px 10px 50px; color:#fff; text-align:center;font-size:15px;margin:2px auto 0 auto;-webkit-transition:all 0.8s ease; width:85px;
	-moz-transition:all 0.8s ease;
	-ms-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
	transition:all 0.8s ease; display:block; overflow:hidden; opacity:1;}
.more-w:hover:hover{ opacity:0.5;}



.index-service{width:100%;overflow:hidden;padding:15px 0 45px 0;}
.index-service h1{font-size:16px; margin:25px 0 8px 0;text-align:left;}
.index-service p{font-size:13px;text-align:left; margin-bottom:25px;}

.index-service ul li a::after{top:34px;}

.machine-list{margin:5px 0 45px 0;overflow:hidden; text-align:center;padding:0px;}
.machine-list li{float:left;margin:0 12px;position:relative; width:225px;padding:0px;}
.machine-list li img{display:block;padding:0px; margin:0px;}
.machine-list li p{background:url(../images/icon01.png) no-repeat;display:inline-block;margin:2px 0 14px 0; font-size:16px; padding:0px;}
.machine-list li a::after{
	content:""; position:absolute; z-index:1;
	top:40px; height:225px;
	left:0;
	width:100%;
	background:#000 url(../images/magnifier-icon.png) no-repeat center center;
	color:#fff;
	text-align:center;
	font-size:16px;
	opacity: 0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.machine-list li a:hover::after{
	margin-top:0px;
	opacity: 0.6;}

.machine-more{background:#1f99b9 url(../images/index/more-icon.png) no-repeat right 10px;padding:6px 25px; color:#fff;text-align:center;text-decoration:none; font-size:14px; letter-spacing:2px;border:8px solid #1f99b9;margin:25px 0 10px 0;}
.machine-more:hover{background:#000000 url(../images/index/more-icon.png) no-repeat right 10px;border:8px solid #000000;}

.under-bg{ background:#f5f5f5 url(../images/index/under-bg.jpg) no-repeat center center; height:189px; width:100%;}
.under-bg a{margin:45px 15px 0 15px; display:inline-block;opacity:1;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}
.under-bg a:hover{ opacity:0.6;}

.cooperation-01{text-align:left; padding:55px 0 55px 60px; float:left;}
.cooperation-01 h1{font-size:36px;color:#39464e; margin:28px 0;}
.cooperation-01 ul{background:url(../images/about/about-line01.jpg) no-repeat left 5px;margin-left:6px;}
.cooperation-01 ul li{font-size:15px; color:#363433;margin:13px 0; background:url(../images/about/about-line02.jpg) no-repeat left 8px; padding-left:22px; margin-left:2px;}

.cooperation-02{text-align:left; padding:55px 0 55px 60px; float:left;}
.cooperation-02 h1{font-size:36px;color:#39464e; margin:28px 0;}
.cooperation-02 ul{background:url(../images/about/about-line03.jpg) no-repeat left 5px;margin-left:6px;}
.cooperation-02 ul li{font-size:15px; color:#363433;margin:13px 0; background:url(../images/about/about-line02.jpg) no-repeat left 8px; padding-left:22px; margin-left:2px;}
.cooperation-02 ul li a{ margin-left:4px;}
.cooperation-02 ul li a:hover{ opacity:0.6;}

.left-list02{width:100%;margin:25px 0;}
.left-list02 li{overflow:hidden; line-height:32px;}
.left-list02 li h1{color:#1f99b9;font-size:14px;float:left;margin:0;width:11%;text-align:right;padding:1.2% 1.2% 1% 0; font-weight:100;line-height:32px;}
.left-list02 li h2{color:#232623;font-size:14px;float:left;padding:1.2% 0 1.2% 6%;width:79%;margin:0px; background:url(../images/about/about_line.jpg) no-repeat;line-height:32px;font-weight:100;line-height:32px;}

.about-title{background:url(../images/about/about-title-bg.jpg) no-repeat;width:707px;height:29px;font-size:18px;color:#1f99b9;text-indent:22px;margin:45px 0 4px 0;}

.index-right{width:276px;float:right;margin:25px 0;}
.index-right ul{}
.index-right ul li{margin-bottom:5px;}
.index-right ul li a{}
.index-right ul li a:hover{opacity:0.6;}

.about-banner{background:url(../images/about/about-banner.jpg) no-repeat; background-size:cover;width:100%;height:610px;}
.news-banner{background:url(../images/news/news-banner.jpg) no-repeat; background-size:cover;width:100%;height:610px;}
.process-banner{background:url(../images/process/process-banner.jpg) no-repeat; background-size:cover;width:100%;height:auto; padding:240px 0 30px 0;}
.contact-banner{background:url(../images/contact/contact-bg.jpg) no-repeat; background-size:cover;width:100%;height:auto; padding:240px 0 30px 0;}
.privacy-banner{background:url(../images/privacy-banner.jpg) no-repeat; background-size:cover;width:100%;height:auto; padding:240px 0 30px 0;}

.recruitment-banner{background:url(../images/recruitment/recruitment-banner.jpg) no-repeat; background-size:cover;width:100%;height:610px;}

.service-banner{background:url(../images/service/service-banner.jpg) no-repeat; background-size:cover;width:100%;height:610px;}

.process-bg{ background:url(../images/process/process-bg.png) repeat; width:1000px; margin:0px auto; text-align:center; padding:40px 0;}

.news-list{background-color:#fff;box-shadow:0px 0px 5px #B5B5B5;padding:20px 15px 40px 15px; margin:10px 0 30px 0;}
.news-list li{border-bottom:1px solid #d5d5d5;padding:28px 0;font-size:14px; color:#39464e;}
.news-list li a{font-size:14px; color:#39464e; width:760px;}
.news-list li a:hover{color:#0ba6c4;}
.news-list samp{background-color:#eeeeee;font-family:Arial;color:#6b6b6b;padding:5px 9px;margin:0 18px 0 8px; font-size:12px;}

.page-number{ margin:20px 0 30px 0;}
.page-number a{border:1px solid #d4d6d5; padding:6px 13px;background-color:#fff;}
.page-number a:hover{background-color:#D3D3D3;}
.page-number select{border:1px solid #d4d6d5; padding:6px 13px;}

.banner-c{position:relative;width:100%;color:#fff;text-align:center;}
.banner-c h1{position:absolute;bottom:59px;font-size:52px;font-weight:100;text-align:center;width:100%;}
.banner-c h2{position:absolute;bottom:20px;text-align:center;font-size:14px;font-weight:100; text-align:center;width:100%;}

.banner-c2{position:relative;width:100%;color:#fff;text-align:center;}
.banner-c2 h1{position:absolute;top:161px;font-size:52px;font-weight:100;text-align:center;width:100%;}
.banner-c2 h2{position:absolute;top:200px;text-align:center;font-size:14px;font-weight:100; text-align:center;width:100%;}

.about-text01{color:#39464e;text-align:left;font-size:16px; padding:30px 0; line-height:24px;}
.about-text01 h1{text-align:center;font-size:36px; padding:0 0 35px 0;}
.about-text01 p{text-align:center;font-size:16px;padding:0px 0 0px 0;}
.about-text01 ul{margin:10px 50px;overflow:hidden;}
.about-text01 ul li{width:185px;height:185px;float:left;border:3px solid #fff; margin:12px;box-shadow:0px 0px 8px rgba(20%,20%,20%,0.4);}
.about-text02{color:#39464e;background-color:#f5f6f6; padding:45px 0; }
.about-text02 h1{ font-size:36px; padding:0 0 35px 0;}
.about-text02 p{ font-size:22px;padding:30px 0 0px 0;}

#owl-demo .item{width:185px;height:185px;float:left;border:3px solid #fff; margin:12px;box-shadow:0px 0px 8px rgba(20%,20%,20%,0.4);}

.about-text03{color:#39464e;background:#f5f6f6 url(../images/about/about-04.jpg) no-repeat center 40px; overflow:hidden;}


.service-text{color:#39464e;text-align:left;font-size:16px; padding:30px 0; line-height:24px; background-color:#f5f6f6;}
.service-text h1{font-size:16px; padding:0 0 8px 0;}
.service-text p{font-size:13px;padding:0px 0 0px 0;}

.service-text h2{font-size:26px; padding:0 0 8px 0;border-bottom:1px solid #c3d6d6; padding:8px 0; font-weight:100; margin-bottom:25px;}
.service-text samp{ font-size:16px; color:#0ba6c4; font-family:"微軟正黑體";}

.service-project{background:url(../images/service/service-bg.jpg) repeat;padding:35px 0;margin:15px 0 50px 0; overflow:hidden;}
.service-project li{background:#fff url(../images/service/service-icon01.jpg) no-repeat 24px 18px;padding:10px 30px 10px 38px;margin:0 0px 0 38px;font-size:16px;color:#232728; float:left; border-bottom:1px solid #d2d2d2;}

.news-text{color:#39464e;text-align:left;padding:30px 0; line-height:24px;background-color:#f5f6f6;}


.bread{background-color:#f6f6f6;border-bottom:1px solid #e4e8e9;border-top:1px solid #e4e8e9; padding:20px 0;}
.bread ul{width:1000px;margin:0 auto;font-size:13px; padding:0px;line-height:2px;}
.bread ul li{float:left;margin:0 4px 0 0;}
.bread ul li a{color:#1f99b9;text-decoration:none;}

.right-bnt{width:100%;margin:-22px 0 20px 0;}
.right-bnt a{font-size:14px;color:#626662;padding:12px 0;border-bottom:1px solid #b9dad9;width:100%; text-decoration:none; overflow:hidden; display:block;text-align:left;text-indent:20px;}
.right-bnt a:hover{background:#1f99b9 url(../images/about/about-right-bnt.jpg) no-repeat right 2px;color:#fff;}

.machine-list02{margin:25px 0 35px 0;overflow:hidden;}
.machine-list02 li{float:left;margin:5px 20px 30px 20px;position:relative;}
.machine-list02 li img{display:block;}
.machine-list02 li p{background:url(../images/icon01.png) no-repeat left 5px;display:inline-block; padding-left:12px;margin-top:5px;}
.machine-list02 li samp{color:#1f99b9;font-size:15px;margin-left:15px;font-family:"微軟正黑體";}
.machine-list02 li a{}
.machine-list02 li a::after{
	content:""; position:absolute; z-index:1;
	top:0; height:183px;
	left:0;
	width:100%;
	background:#000 url(../images/magnifier-icon.png) no-repeat center center;
	color:#fff;
	text-align:center;
	font-size:16px;
	opacity: 0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.machine-list02 li a:hover::after{
	top:0%;
	margin-top:0px;
	opacity: 0.6;
}



.photo{ margin-bottom:25px;}
.photo li{float:left;margin:8px 0px 35px 6px; position:relative; width:320px;height:215px; border:3px solid #fff; box-shadow:0px 0px 5px #B5B5B5;}
.photo li a{display:inline-block;}

.photo li a::after{
	content:""; position:absolute; z-index:1;
	top:0; height:100%;
	left:0;
	width:100%;
	background:#000 url(../images/service/magnifier-icon.png) no-repeat center center;
	color:#fff;
	text-align:center;
	font-size:16px;
	opacity: 0;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.photo li a:hover::after{
	top:0%;
	margin-top:0px;
	opacity: 0.6;
}

.back-s{background-color:#363433;font-size:20px; width:200px; padding:15px 0; text-align:center; color:#363433;display:block; margin:25px auto 30px auto;color:#fff;border-radius:6px; overflow:hidden;}
.back-s:hover{background-color:#929292;}

.content_left{float:left;width:600px;margin-bottom:20px;}

.contact_table{font-size:14px;list-style:none;width:600px;border-bottom:1px solid #e4e8e6;float:left;margin-top:0px;}
.contact_table li{border-top:1px solid #e4e8e6;width:600px;clear:both;}
.contact_table li h1{background:#f6f7f9;width:150px;text-align:center;margin:1px 13px 0 0;float:left;display:block;padding:15px 5px 15px 5px;height:30px;line-height:28px;}
.contact_table li h1 samp{background:url(../images/contact/Required.png) no-repeat;width:39px;height:26px; display:inline-block; position:relative;top:8px;left:5px;}
.contact_table li h3{background:#f6f7f9;width:150px;text-align:center;margin:1px 13px 0 0;float:left;display:block;padding:15px 5px 15px 5px;height:75px;line-height:28px;}
.contact_table li h3 samp{background:url(../images/contact/Required.png) no-repeat;width:39px;height:26px; display:inline-block; position:relative;top:8px;left:5px;}
.contact_table li h2{width:380px;float:left;display:block;padding:15px 5px 10px 5px;text-align:left;}
.contact_table_box01{padding:6px 4px 6px 4px;width:200px;text-align:left;}
.contact_table_box02{padding:6px 4px 6px 4px;width:410px;text-align:left;}
.contact_table_box03{padding:6px 4px 6px 4px;width:80px;text-align:left;}
.contact_table_box06{padding:6px 4px 6px 4px;width:410px;text-align:left;height:60px;}

.Refill{width:289px;height:42px;background:url(../images/contact/Refill.jpg) no-repeat;display:inline-block; float:left; margin:20px 10px 20px 0;}
.Refill:hover{opacity:0.6;}
.Send{width:289px;height:42px;background:url(../images/contact/Send.jpg) no-repeat;display:inline-block; float:left; margin-top:20px;}
.Send:hover{opacity:0.6;}

.content_right{width:350px;height:602px;float:right;}
.content_right ul{text-align:left;}
.content_right ul li{color:#5b5b5b;font-size:13px;}
.content_right ul li h1{width:60px;float:left;padding:10px 3px;}
.content_right ul li h2{width:280px;float:left;padding:10px 2px;}

.content_right-bg01{background-color:#f6f7f9;}

.contact-text{padding:10px;border:1px solid #dddddd;margin-bottom:25px;text-align:left;}
.contact-text img{position:relative;top:8px;margin-right:6px;}

.marquee{background:#e5e4e4 url(../images/marquee-icon.png) no-repeat 8px 7px;width:965px;padding:5px 10px 5px 25px;display:inline-block;color:#4d4f50;font-size:17px;margin:10px 0 6px 0;text-align:left;}

.news-text02{margin:25px 14px 15px 14px;font-size:14px;color:#39464e;line-height:28px;}
.news-text02 img{ margin-bottom:20px;}

.recruitment-bg{background:#f5f6f6 url(../images/recruitment/recruitment-bg.jpg) no-repeat center center; padding:35px 0;}

.r-table{ width:62%; margin:0 auto;}
.r-table li{width:100%; overflow:hidden;margin:19px 0;text-align:left;}
.r-table li h1{width:16%;float:left;font-size:16px;font-weight:100; line-height:30px;background:url(../images/note.jpg) no-repeat 40px 9px;}
.r-table li h2{width:84%;float:left;}
.r-table li input{border:1px solid #cccccc; padding:8px 4px;}
.r-table li textarea{border:1px solid #cccccc; padding:8px 4px;}
.r-table li a{font-size:16px;color:#333333; padding:2px 12px; text-decoration:underline; position:relative;top:4px;}
.input-box01{width:50%;}
.input-box02{width:10%;margin-right:3%;}
.input-box03{width:35%;}
.input-box04{width:70%;}
.input-box05{width:90%;height:120px;}
.input-box06{width:16%;margin-right:2%;}
.bnt-box{margin:45px auto 30px auto;}

.bnt-01{background-color:#363433;font-size:20px; width:200px; padding:15px 0; text-align:center; color:#363433;display:inline-block;color:#fff;border-radius:6px; overflow:hidden; margin-right:9px;}
.bnt-01:hover{background-color:#929292;}

.r-table li > .note-r01{background:url(../images/note.jpg) no-repeat 70px 9px;}
.r-table li > .note-r02{background:url(../images/note.jpg) no-repeat 54px 9px;}
.r-table li > .note-r03{background:none;}

.contact{text-align:left;margin:0 auto;width:570px;background:url(../images/contact/contact-line.png) no-repeat left 8px;padding-left:25px;}
.contact li{font-size:16px;line-height:34px;color:#333;}

.privacy-text{font-size:14px;line-height:20px;color:#39464e;text-align:left;width:90%;margin:0 auto;}
.privacy-text h3{font-size:18px;color:#1272ad; line-height:34px;}