@charset "utf-8";
@import url("reset.css"); /*重置*/
@import url("page.css"); /*頁碼*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,900,300); /* font */
/* CSS Document */

body {
	font-family: 'arial', '微軟正黑體', sans-serif; /*自行增減使用 */
	font-size: 16px;
	line-height:1.5;
	color: #333;
	}
a { color:#000; text-decoration: none; }
a:hover { color:#ed1c24; 
    -o-transition: color .5s linear;
    -webkit-transition: color .5s linear;
    -moz-transition: color .5s linear;
    transition:  color .5s linear; /*連結淡入淡出*/
}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }

.sidebar .sidemenu,.itembox ul { list-style:none; padding:0; margin:0; }
.product_download ul{ list-style:none; padding: 0 14px; }
.footer ul,.product_box6 ul,.product_box4 ul { list-style:none; margin-top: 10px; padding: 0; }
.pritem ul,.pritem1 ul { list-style:none; margin:20px 0; padding:0;  }
.product_box3 ul,.plastic_box ul,.plastic_box4 ul,.product_box66 ul{list-style:none; padding:0;text-align:center;}

/*全頁共用hack*/
*, *:before, *:after { box-sizing: border-box;}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1; clear: both;}  /*清左右浮動*/

/*通用排版用*/
.center { text-align:center; }
.right { text-align:right; }

.flt { float:left; }
.flr { float:right; }
.w32 { width:32.5%; float:left;}
.w33 { width:33.3%; float:left;}
.w45 { width:45%; float:left;}
.w45r { width:45%; margin-right: 5%; float:left;}
.w50 { width:50%; float:left;}
.w55 { width:55%; float:left;}

.flt img {margin: 0 1em 0em 0;}

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} 
.css-shadow {-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);}

/*超連結-透明度*/
a.logo:hover,.footer a:hover{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8;}


/*元件(共用)*/
.input1{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.textarea{color: #000;background-color: #FFF;border: 1px solid #ccc;}
.select{color: #000;background-color: #FFF;border: 1px solid #ccc;}

/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.red { color:#c21219;}
.reds { color: #ED1C24;}
.white { color: #FFF; }

strong,b{ font-weight:bold;}
.f15{ font-size:15px;line-height: 30px}
.f13{ font-size: 13px;}
.f20{ font-size: 20px; font-weight: bold;}
.m25 { margin-top:25px;}

/*全頁佈局*/
#wrapper { width: 1044px; margin: -80px auto 50px; position: relative; z-index: 99; font-family:"新細明體";}
.container{ background: url(../images/index/bbg.png) no-repeat;  width: 1030px; min-height: 291px; margin: 0 auto;padding: 50px 45px;}
.index {padding: 50px 20px;}
.subcon {  padding: 10px 13px;}
/*頁面框架*/
.main { margin: 0 auto;  padding: 30px 45px 0px 45px;  }

/*p2/p3次選單*/
.sidebar { width:100%; height:48px; background:#818286; }
.sidebar .sidemenu li { display: block; float: left;}
.sidebar a{font-size: 15px; color: #fff; font-family: "微軟正黑體"; padding: 13px 20px; display: inline-block;}
.sidebar a:hover,.sidebar a.on { background:#eb1c24; }


/*表單*/
textarea#Message { margin-bottom: 12px;}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }

/*---------------------- 頁面開始 ----------------------*/

/*頁首*/
.header { width: 1044px; height: 43px; margin: 25px auto 32px; padding: 0 51px 0 33px; position:relative; }
a.logo{position: absolute; left: 33px; bottom: 0;}
.menu li { list-style:none; float: right; margin: 15px; line-height: 35px; font-weight: bold;}
.icon a{ color:#b1abab; }
.icon a:hover { color:#ed1c24;}
.icon li { padding-top: 2px; margin: 10px; }
a.home i { font-size: 20px;  margin-top: 8px; display: block;}
li.lang select { background: #b1abab;  color: #fff; padding: 0 10px;}
li.lang option {  background: #FFFFFF; color:#333;}

/*頁尾*/
.footer_bg{ width: 100%; height: 212px;  background: url(../images/all/f_bg.jpg) left top repeat-x;}
.footer { width:960px; margin:0 auto;color: #fff;  font-size: 11px; line-height: 22px; font-family: "新細明體";}
.company{ font-size: 13px; font-weight:bold; margin-top: 10px;}
.footer .w32{ margin: 25px 0px;  padding: 18px 30px 0;}
.footer .w32:nth-child(2) { width: 35%; border-left:1px solid #E0666B;border-right:1px solid #E0666B;}
.footer a{ color:#fff;}
.footer a:hover{ text-decoration: underline;}
.qlink li { float: left;}
.qlink li a{ border-right: 1px solid; padding: 0 6px;}
.qlink li:first-child a{ padding-left: 0;}
.qlink li:last-child a{ border-right:none;}

/*首頁*/
.box1{width: 295px; height: 221px; float: left; border: 1px solid #e3e2e2; margin: 0px 10px;  }
.box1:hover{filter: alpha(opacity=80);opacity: 0.8;-moz-opacity: 0.8; color:#666;}
.box2{width: 336px; float: left; margin: 0px 10px; position:relative;}
.txtbox { padding: 5px 10px;font-size: 13px;}
.txtbox2 { position: absolute;right: 4px; bottom: 34px; color: #fff; font-size: 15px; font-family: "微軟正黑體";}

/*---------------內頁----------------*/
.page_title { font-size: 35px;  color: #c21219; margin: 0 0 40px 0px; font-family: arial,"微軟正黑體";}
.page_title.f50{ font-size: 50px;}
.tit1 {  font-size: 35px; font-weight: normal; vertical-align: top;  margin-top: 6px; display: inline-block; }
.tit1 i {  font-size: 20px;  }
.tit2{ background: #ed1c24; color: #fff; font-size: 15px;  padding: 3px 115px 3px 15px; vertical-align: top; display: inline-block;  margin-top: 18px;font-family: "微軟正黑體",arial;}

/*p1-公司簡介*/
.about_box{ width:725px; margin:20px auto;border-bottom: 1px solid #e3e2e2; background:#fff;display: block;}
.about_box:hover{ color:#999; }
.aimg { width: 293px; float: left; margin-right: 45px;}
.abox { padding: 1px 80px;  font-size: 13px; min-height: 108px;}
.abox p {  margin-left: 20em;}


/*p2-模具開發-簡介*/
.txt { margin: 2em 0;  font-size: 13px;}
.itembox li {background: url(../images/p2/1/bg.jpg) no-repeat; width: 144px; height: 144px; display: inline-block; margin: 15px 2px; color: #fff; text-align: center; font-family:"微軟正黑體";font-weight: bold;  padding: 0 10px;font-size: 0; letter-spacing: 3px;}
.itembox li:before {content: ""; height: 100%;display: inline-block; vertical-align: middle;}
.itembox li p{display: inline-block;vertical-align: middle;  font-size: 20px;}

.certificate {  margin-top: 55px; padding-top: 50px;   background: url(../images/p2/2/line2.jpg) left top no-repeat;}
.cbg{  background: url(../images/p2/1/map.jpg) center center no-repeat; min-height: 475px;  margin: 40px 0 0;}
.ctxt{ width: 72%; margin: 40px 20px; padding: 20px 40px;}
.cbox1 .ctxt{    background: url(../images/p2/1/3_2.png) right center no-repeat;}
.cbox2 .ctxt{ background: url(../images/p2/1/4_2.png) right center no-repeat; text-align: right;}


/*p2-模具開發-產品*/
.prtit{ font-size: 25px;  color: #fff; background: #ed1c24; padding: 0px 60px 0px 10px;display: inline-block;  font-weight: bold; font-family: "arial";}
.pritem li,.pritem1 li,.pritem3 li {background: url(../images/p2/2/icon1.jpg) left center no-repeat; padding-left:20px; display: inline-block;  width: 49%;  font-size: 14px; margin: 3px 0;}
.pritem1 li,.pritem3 li{width: 33%;}
.pritem3 li { font-size: 13px; }
.mclient{ font-size:15px; color:#636466;}

.product_box1{ background: url(../images/p2/2/line1.jpg) left bottom no-repeat;font-family: "微軟正黑體",arial; padding-bottom:50px;}
.product_box2{ background: url(../images/p2/2/line2.jpg) left bottom no-repeat;font-family: "微軟正黑體",arial; padding-bottom: 100px;  padding-top: 60px;}
.product_box2 li {  width: inherit;  margin-right: 40px;}

/*p2-模具開發-開發設備*/
.product_box3 img{ border-radius: 10px; width:265px;}
.product_box3 li { display:inline-block;  list-style: none; margin: 10px;background: #F2F2F2; padding: 6px; border: 1px solid #E5E1E1;}
.list2 img { width:190px;}
.product_download ul li { margin-bottom: 10px; }
.product_download ul li i { margin-right:10px; color:#D01B22;}


/*p2-模具開發-服務介紹*/
.product_box4 {font-family: arial,"微軟正黑體";}
.product_box4 li{background: url(../images/p2/2/icon1.jpg) left center no-repeat;padding-left:20px;}

/*p2-模具開發-合作夥伴*/
/*.product_box6 li{display: inline-block; margin: 10px 5px;}*/
.product_box6 li{ display: inline-table;   margin: 10px 5px;   width: 31%;   padding: 8px;
    background: #ECECEC;  border-radius: 10px;}

.product_box6 img {border:1px solid #ccc; max-width:160px;}
.product_box6 li { background: url(../images/p2/2/icon1.jpg) left center no-repeat;  padding-left: 20px;  margin: 3px 0;}
.product_box66 img{ border-radius: 10px; width:285px;}
.product_box66 li { display:inline-block;  list-style: none; background: #F2F2F2; padding: 6px;margin: 10px 1px; border: 1px solid #E5E1E1;}



/*p3-塑膠射出-機台規格*/
.plastic_box li { display: inline-block; margin: 10px 10px;  padding-top: 15px;  width: 25%;}
.plastic_box li img{border-radius: 50%; width: 95%;   padding: 5px;  border: 5px solid #e3e2e2;
box-shadow: 0px 3px 17px 3px #ccc;	-webkit-box-shadow:0px 3px 17px 3px #ccc;	-moz-box-shadow: 0px 3px 17px 3px #ccc; }
.plastic_box td { padding: 5px 10px; border: 2px solid #fff;vertical-align: middle; text-align:center;}
.plastic_box table {box-shadow: 1px 2px 12px #B1B1B1; border: 5px solid #ffffff;  margin: 40px auto 35px;}
.plastic_box tr:first-child td {     background-color: #1269C2;  color: #fff;  font-family: "微軟正黑體",arial;}
.plastic_box tr:nth-child(odd){ background-color:#e3e2e2; }
.plastic_box tr:nth-child(even) { background-color:#ffffff; }

/*p3-塑膠射出-機台規格*/
.plastic_box3{border: 1px solid #C21219;padding: 5px; margin-bottom: 35px;}
.plastic_box3 td { height:61px;padding: 5px 10px; border: 2px solid #fff;vertical-align: middle; text-align:center;}
.plastic_box3 tr:first-child td { background-color: #C21219;  color: #fff;  font-family: "微軟正黑體",arial;}
.plastic_box3 tr:nth-child(odd){ background-color:#ececec; }
.plastic_box3 tr:nth-child(even) { background-color:#f9f9f9; }

/*p3-塑膠射出-檢驗設備*/
.plastic_box4 { font-family: arial,"微軟正黑體"; color: #c21219; padding-bottom: 50px; margin-left: 13%; text-align: center; width: 70%;}
.plastic_box4 li { display: block; float:left; margin: 0px 0px; width: 25%;}
.plastic_box4 li img{ border-radius: 50%; width: 108%;padding: 5px; background: #FFFFFF; box-shadow: 4px 5px 14px #ccc;  margin-bottom: 12px;}
.pl_info{ padding-top: 70px; background: url(../images/p2/2/line1.jpg) left 20px no-repeat;font-family: arial,"微軟正黑體"; width: 85%; margin: 0 auto;}
.rightbox { float: left; width: 47%; margin-left: 3%;}
.rightbox .tit2 { margin: 0 0 18px 0;}
.rightbox table { margin:20px 0;}
.rightbox td { padding: 5px 10px; border: 2px solid #fff;vertical-align: middle;}

table.plastic_table4 {  width: 100%;  text-align: center;  margin: 20px; border: 3px solid #EFEFEF;  }
table.plastic_table4 th { background: #2F82CE;  color: #ffffff;  font-weight: bold;  padding: 5px;  border: 2px solid #fff; }
table.plastic_table4 td {  padding: 5px;  background: #EFEFEF; border: 2px solid #fff;}
table.plastic_table4 tr:nth-child(even) td {  background: #ffffff; }


/*p3-塑膠射出-品質控制*/
.plastic_box6{ border: 1px solid #5AABFF; margin-bottom: 35px; font-family: "微軟正黑體",arial; font-size: 14px;box-shadow: 0 0 10px #8DBEF1;-webkit-box-shadow:0 0 10px #8DBEF1; -moz-box-shadow: 0 0 10px #8DBEF1; padding: 1px;}
.plastic_box6 td { padding: 5px 10px; border: 2px solid #fff;vertical-align: middle; text-align:center; color:#fff; font-weight: bold;}

/*p4-聯絡我們*/
.contact_info { display: inline-block; vertical-align: top;  width: 39%;}
.contact1 {  margin-bottom: 20px;  border-bottom: 1px solid #DED9D9;  padding-bottom: 8px; line-height: 28px;}
.contact1:last-child{ border:none;}
.contact1 i { margin: 8px 8px 0px 5px; color: #818286; width: 15px; text-align: center;}
.info{font-size: 15px;line-height: normal;  margin-bottom: 12px;}
.map{ position:relative; margin-bottom:13px;border: 5px solid #fff;  width: 366px; height: 137px; box-shadow: 0px 2px 8px #B5B3B3;}
	
.r_content { display: inline-block;  width: 60%;}
.contactbox {  margin-left: 10%;border: 1px solid #EAEAEA;  font-size: 15px;  background: #fff; }
.contactbox td {  padding: 8px;  color: #666;   border-bottom: 1px dashed #DEDEDE;}
.td_line2 table td {  border: none;  padding: 0 6px 0 0;font-size: 13px; }
.contactbox .td_line2 {  padding: 0 0 0 20px;}
.contactbox tr:nth-child(even) { background: #F5F5F5; }
.contactbox tr td:nth-child(2) {  border-right: 1px solid #E4E4E4; color: #333; font-weight: bold;}
.contactbox table tr:nth-child(odd),.contactbox table tr td:nth-child(2) { background:none!important; border:none;}
.contactbox td.f13 a { color: #8F8F8F; }
.contactbox a { padding: 5px 10px; margin: 10px; display: inline-block; color: #fff;}
.btn1 {background: #A2A2A2; }
.btn2 {background: #E71B24; }
.btn1:hover { background:#7F8084;}
.btn2:hover { background:#C1161E;}