@charset "utf-8";
@import url("reset.css");

body{ font-size: 15px; line-height: 160%; color:#333; }
/*-box----------------------------------------------------------------------------------------*/
#wrapper{ width:1000px; margin: 0 auto; }
#head{ margin:35px 0; height:64px; }
#head .logo{ float:left; height:60px; width:340px; margin: 10px 0 0 0;}
#head .nav{ display:block; float:left; height:60px; position:relative;}

.menu {list-style:none; margin:0; padding:0}
.menu a {display:block; color:#000; text-decoration:none}
.menu li {position:relative; float:left; }
.menu ul {position:absolute; z-index:9999; left:0; background:#303030; display:none; opacity:0; list-style:none; /*border-top: 1px solid #b44126;*/}
.menu ul li {position:relative; width:210px;}
.menu ul li a {color: #FFFFFF; padding:10px; display: block; /*border-bottom: 1px solid #b44126; border-right: 1px solid #b44126; border-left: 1px solid #b44126;*/}
.menu ul li a:hover { background-color: #ef4923; /*background-color: #b44126;*/ }
.menu ul ul {position: absolute; left: 0px; padding-bottom: 0px; float: left; height: 0; overflow: hidden; margin-top:38px; width:210px;}
.menu .menulink {font-size:15px; font-weight:500; padding: 35px 28px 40px 28px;}
.menu .menulink:hover, ul.menu .menuhover {background-color:#303030; color:#FFFFFF;)}
#head .language li{ float:right;display:inline-block; margin: 20px 5px 0 0;}
#head .language li a{ font-size:13px; display:inline-block; color:#8a8c8f;}
#head .language li a:hover{ color:#222;}
#sidebar{}
#content{}
#main{}
/*-title-----------------------------------------------------------------------------------------------*/
h2{ font-size:19px; font-weight:600;}
h3{ font-weight:600}
/*--share-------------------------------------------------------------------------------------------------*/
a, .link .square_a{ text-decoration:none; color:inherit;
	-o-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
	-webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
	-moz-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
	transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
}
a:hover{}
/*--form-------------------------------------------------------------------------------------------------*/
input{ box-sizing:border-box; padding: 0 20px; height: 42px; line-height: 42px; font-size: 18px; background: #f0f0f0; border: solid 1px #e5e5e5;}
/* input[type="checkbox"], input[type="radio"]{ width: 27px; height: 27px; width: auto\9; height: auto\9; padding: 0; line-height: inherit; vertical-align: middle;} */
textarea{ box-sizing:border-box; padding:13px 20px; font-size: 18px; background: #f0f0f0; border: solid 1px #e5e5e5;}
/*--font---------------------------------------------------------------------------------------------------*/
.orange {color: #ef4923;}
.orange[href]:hover{color: #f68c1e;}
.font_20{ font-size:20px;}
/*--其他共用樣式---------------------------------------------------------------------------------------------------*/
.wfull{width: 100%;}
.flexbox{ display: -webkit-flex; display: -ms-flex; display: flex; 
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; 
	font-size: 0\9; /*IE9以下*/}
.flex_center{-webkit-justify-content: center; -ms-justify-content: center; justify-content: center; text-align: center\9;}
.flex1 {-webkit-flex:1; -ms-flex:1; flex:1;}
.flexbox li{ display: inline-block\9; vertical-align: top\9; font-size: 15px\9; text-align: left\9;/*IE9以下*/}
/*-topBanner-----------------------------------------------------------------------------------------------*/
.topBanner{ position: relative; z-index: 1; display: block; margin-bottom: 50px;}
.topBanner img{ display: block; width: 100%; height: auto;}
.topBannerCont{ position: absolute; z-index: 2; top: 0; left: 0; padding: 30px 40px; line-height: 1.3;}
.topBanner h1{ margin-bottom: 30px; font-size: 18px; font-weight: 600; color: #ef4923;}
.topBanner p{ font-size: 29px; color: #333;}
/*page bottom link (3 squares)-----------------------------------------------------------------------------------------------*/
.link{ width:1000px; display:block; overflow:hidden;}
.link div{ float:left; width:315px; height:250px; text-align:center; background-repeat: no-repeat; position: relative;}
.link div+div{margin-left: 27px;}
.link .btn_a a{ height:35px; font-size:18px; font-weight:600; color:#FFFFFF; text-align:center; display:inline-block; background-color:#EF4923; 
	position: absolute; left: 25px; right: 25px; bottom: 25px; margin: auto; padding: 10px 0 0 0;}
/*.link .btn_a a{ width:260px; height:35px; font-size:18px; font-weight:600; color:#FFFFFF; text-align:center; display:inline-block; background-color:#EF4923; margin: 170px 0 0 0; padding: 10px 0 0 0;}*/
.link .btn_a a:hover{ background-color:#f68c1e;/*opacity:0.7; filter:alpha(opacity=70);*/}
.link .square_a a{ width:315px; height:250px; display:inline-block; text-indent: -200%; font-size: 0; overflow: hidden;}
.link .square_a:hover{opacity:0.8; filter:alpha(opacity=80);}

/*-index-----------------------------------------------------------------------------------------------*/
#indexAd{ width:1000px; height:375px; position:relative; z-index:0;}
#indexAd .btn-bj{width: 1000px;height: 24px; position:absolute; bottom:40px; left:40px; z-index:999; }
#indexAd #Btn{float: left; }
#indexAd #Btn li{float:left; display:inline;  width:25px; height:25px; background:#c8cacb; color:#c8cacb; cursor:pointer; margin: 0 12px 0 0;}
#indexAd #Btn li.on{background: #ed4923; color:#ed4923;}
#indexAd #Main{width: 1000px; height: 375px; overflow: hidden; line-height: 1.2;}
#indexAd #Main .topBannerCont p{ margin-bottom: 5px; width: 345px; font-size: 33px; font-weight: 600;}
#indexAd #Main .topBannerCont strong{ font-weight: inherit; color: #ed4923;}
#indexAd #Main .topBannerCont span{ font-size: 16px; color: #ed4923;}
#innovativePro{ width:600px; margin: 30px 0px 100px 0px; padding: 20px 0px 20px 0px; float:left;}
#innovativePro ul{}
#innovativePro li{ width:150px; float:left; margin: 0 -5px 0 0;}
#innovativePro li .img{cursor: pointer;}
#innovativePro li .img:hover{ opacity:0.7; filter:alpha(opacity=70);}
#innovativePro li .proName{ font-size:18px;}
#innovativePro .more{ width:225px; float:right; font-style:italic; font-size:15px;}
#innovativePro .more img{ margin: 23px 0 0 0; cursor: pointer;}
#innovativePro .more img:hover{ opacity:0.7; filter:alpha(opacity=70);}
#innovativePro .more2 a{ width:600px; font-size:20px; font-weight:600; color:#ED4923; float:left; margin: 34px 0 0 0;}
#innovativePro .more2 a:hover{color:#F68C1E;}
#innovativePro_story{ width:1000px; display:block; clear:both; }
#innovativePro_story ul{padding: 58px 0 51px 0;border-bottom: 1px solid #dcdcdc; font-size:19px;clear:both; }
#innovativePro_story li{float:left;}
#innovativePro_story .txt{width:45%;margin:6px 36px 0 0;color:#323232;line-height:1.5em;}
#innovativePro_story .but{width:20%;margin:9px 0 0 35px;color:#e64923;font-style:italic;font-size:20px;font-weight:600;}
#innovativePro_story .btn a{ width:220px; height:42px; font-size:20px; font-weight:normal; text-align:center; color:#FFFFFF; background-color:#e64923; display:inline-block; padding:18px 0 0 0;font-style:normal;margin-top:20px;}
#innovativePro_story .btn a:hover{ background-color: #ef851e;}
.clear{clear:both;} 
#inContact{ width:400px; float:left; font-size:14px; margin: 48px 0 0 0;}
#inContact .msg{ color:#ED4923; font-size:17px; font-weight:600; display:inline-block; margin: 35px 0 15px 0;}
#inContact .btn a{ width:290px; height:42px; font-size:20px; font-weight:bold; text-align:center; color:#FFFFFF; background-color:#F68C1E; display:inline-block; padding:18px 0 0 0;}
#inContact .btn a:hover{ background-color: #ed4923;}
#suitablePro{ width:1000px; display:block; clear:both; }
#suitablePro .info{font-size:19px; margin: 45px 0;}
#suitablePro dl{ width:215px; height:215px; background:url(../images/index/suitablePro_bg.gif) center center no-repeat; float:left; position:relative; margin: 0 40px 0 0px;}
#suitablePro dt{ width:200px; font-size:34px; font-weight:600; font-weight:bold; color:#ED4923;float:left;}
#suitablePro dd.msg{ width:160px; font-size:17px; margin:12px 140px 8px 0; float:left;}
#suitablePro dd.startHere a{ width:100px; font-size:15px; color:#ED4923; float:left;}
#suitablePro dd.startHere a:hover{ color:#f68c1e;}
#suitablePro dd.img { width:180px; height:110px; position: absolute; left:120px; top:105px; cursor:pointer;}
#suitablePro dd.img:hover{ opacity:0.7; }

#suitablePro .suitablePro_index dl{ width:215px; height:180px; background:url(../images/index/suitablePro_bg.gif) center center no-repeat; float:left; position:relative; margin: 0 45px 0 20px;}
#suitablePro .suitablePro_index dt{ width:200px; font-size:26px; font-weight:700; color:#ED4923;float:left;}
#suitablePro .suitablePro_index dd.msg{ width:160px; font-size:15px; margin:12px 140px 8px 0; float:left;line-height: 120%;}
#suitablePro .suitablePro_index dd.startHere a{ width:100px; font-size:13px; color:#ED4923; float:left;}
#suitablePro .suitablePro_index dd.startHere a:hover{ color:#f68c1e;}
#suitablePro .suitablePro_index dd.img { width:180px; height:110px; position: absolute; left:70px; top:75px; cursor:pointer;}
#suitablePro .suitablePro_index dd.img:hover{ opacity:0.7; }
/*-company_profile-----------------------------------------------------------------------------------------------*/
#companyProfile{ width:975px; margin: 0 0 0 25px; display:block; }
#companyProfile .left{ width:600px; float:left;}
#companyProfile .text{ }
#companyProfile .milestones{ }
#companyProfile .milestones ul{ margin: 25px 0 0 0; display:block;}
#companyProfile .milestones li{ font-size:17px; line-height:2.5em;}
#companyProfile .milestones li .year{ color:#EF4923; margin: 0 6px 0 0; padding: 0 20px 0 0; font-weight:600; font-weight:bold; background:url(../images/company/company_profile/hr.gif) no-repeat center right;}
#companyProfile .right{ width:315px; float:right;}
#companyProfile .innovativePro{ width:315px; height:255px; background:url(../images/company/company_profile/innovativePro.jpg) no-repeat;text-align:center; margin: 0 0 20px 0;}
#companyProfile .innovativePro a{ width:260px; height:35px; font-size:19px; font-weight:600; color:#FFFFFF; text-align:center; display:inline-block; background-color:#EF4923; margin: 185px 0 0 0; padding: 10px 0 0 0;}
#companyProfile .innovativePro a:hover{opacity:0.7; filter:alpha(opacity=70);}
#companyProfile .suitablePro{ width:315px; height:220px; background:url(../images/company/company_profile/suitablePro.jpg) no-repeat; text-align:center;}
#companyProfile .suitablePro .startHere a{ width:260px; height:35px; font-size:19px; font-weight:600; color:#FFFFFF; text-align:center; display:inline-block; background-color:#EF4923; margin: 150px 0 0 0; padding: 10px 0 0 0;}
#companyProfile .suitablePro .startHere a:hover{opacity:0.7; filter:alpha(opacity=70);}
#companyProfile .suitablePro .shareIdeas a{font-size:19px; color:#EF4923; display:block; text-align:left; margin: 50px 0 0 0;}
#companyProfile .suitablePro .shareIdeas a:hover{opacity:0.7; filter:alpha(opacity=70);}
/*-facilities-----------------------------------------------------------------------------------------------*/
.facilitiesBan p{ width: 390px;}
.facilitiesBan span{ display: block; margin-top: 22px; font-size: 18px; font-weight: 600; color: #f68c1e;}
#facilities h3{ font-size:19px; font-weight:600; color:#EF4923; height:30px;}
.infoBar{ width:960px; height:90px; margin: 0 auto;}
.infoBar li{ float:left; margin: 0 25px; font-size:20px; font-style:italic; font-weight:600; font-weight:500\9;}
.infoBar hr{ float:left; background:url(../images/company/facilities/hr.gif) no-repeat; width:85px; height:85px; border: 0px;}
#facilities .technologyInfo{ display:block; overflow:hidden; margin: 50px 0 200px 0;}
#facilities .technologyInfo .msg{float:left; width:430px;}
#facilities .technologyInfo .msg ul{ margin: 0 0 74px 0;}
#facilities .technologyInfo .msg li{ font-size:17px; list-style-type:disc; line-height:1.5em;}
#facilities .technologyInfo .img{float:right; width:570px;}
#facilities .technologyInfo .img img{float:left; margin: 0 0 25px 20px;}
/*#facilities .link{ width:1000px; display:block; overflow:hidden; }
#facilities .link div{ float:left;}
#facilities .innovativePro{ width:315px; height:250px; background:url(../images/company/facilities/innovativePro.jpg) no-repeat;}
#facilities .innovativePro a{ text-indent: -9999px; width:315px; height:250px; display:inline-block; overflow: hidden;}
#facilities .innovativePro:hover{opacity:0.8; filter:alpha(opacity=80); }
#facilities .suitablePro{ width:315px; height:250px; background:url(../images/company/facilities/suitablePro.jpg) no-repeat; text-align:center;}
#facilities .suitablePro a{ width:260px; height:35px; font-size:18px; color:#FFFFFF; font-weight:600; text-align:center; display:inline-block; background-color:#EF4923; margin: 170px 0 0 0; padding: 10px 0 0 0;}
#facilities .suitablePro a:hover{opacity:0.7; filter:alpha(opacity=70);}
#facilities .shareIdeas{ width:315px; height:250px; background:url(../images/company/facilities/shareIdeas.jpg) no-repeat; text-align:center;}
#facilities .shareIdeas a{ width:260px; height:35px; font-size:18px; color:#FFFFFF; font-weight:600; text-align:center; display:inline-block; background-color:#EF4923; margin: 170px 0 0 0; padding: 10px 0 0 0;}
#facilities .shareIdeas a:hover{opacity:0.7; filter:alpha(opacity=70);}*/


/*-AlterKnit-----------------------------------------------------------------------------------------------*/
#AlterKnit{ width:975px; margin: 0 0 0 25px; display:block; height:550px; }
#AlterKnit .left{ width:500px; float:left;line-height: 20px;}
#AlterKnit .right{ width:315px; float:right; margin-right: 15px;}
#AlterKnit .text{ }
#AlterKnit .milestones{ }
#AlterKnit .milestones ul{ margin: 25px 0 0 0; display:block;}
#AlterKnit .milestones li{ font-size:17px; line-height:2.5em;}
#AlterKnit .milestones li .year{ color:#EF4923; margin: 0 6px 0 0; padding: 0 20px 0 0; font-weight:600; font-weight:bold; background:url(../images/company/company_profile/hr.gif) no-repeat center right;}
#AlterKnit .innovativePro{ width:300px; height:214px; background:no-repeat url(../images/innovation/AlterKnit_01.jpg);text-align:center; margin: 0 0 20px 0;}
#AlterKnit .suitablePro{ width:300px; height:214px; background:no-repeat url(../images/innovation/AlterKnit_02.jpg);text-align:center;margin: 0 0 20px 0;}


#AlterKnit2{ width:975px; margin: 0 0 0 25px; display:block;position: relative;border-top: solid 1px #231f20;padding-top:20px;height:}
#AlterKnit2 .right{ width:450px; float:right; margin-right: 15px;margin-top: 25px;}
#AlterKnit2 .left{ width:440px; float:left;line-height: 20px;margin-top: 25px;}
#AlterKnit2 .AlterKnitPro { width: 600px; margin: 30px 0px 100px 0px;  padding: 20px 0px 20px 0px;   float: left;}
#AlterKnit2 .AlterKnitPro li {  width: 150px;    float: left;    margin: 0 -5px 0 0;}
#AlterKnit2 .AlterKnitPro li .img { cursor: pointer; float: right; width: 570px; }

#AlterKnit3{ width:975px; margin: 0 0 0 25px; display:block;position: relative; }
#AlterKnit3 .right{ width:450px; float:right; margin-right: 15px;margin-top: 25px;}
#AlterKnit3 .left{ width:440px; float:left;line-height: 20px;margin-top: 25px;margin-bottom: 40px;}

#AlterKnit4{ width:975px; margin: 0 0 0 25px; display:block;position: relative; }
#AlterKnit4 .right{ width:450px; float:right; margin-right: 15px;margin-top: 25px;}
#AlterKnit4 .left{ width:440px; float:left;line-height: 20px;margin-top: 25px;margin-bottom: 40px;}
#AlterKnit4 .img {padding:0px 2px 0px 0px;}


/*-footer-----------------------------------------------------------------------------------------------*/
#footer{ width:100%; background-color:#1A1A1A; display:block; margin: 50px 0 0 0; padding:35px 0 40px 0;}
.footer{ width:982px; margin: 0 auto; padding: 0 0 0 18px; display:block;}
.footer .link{ display:block; clear:both;}
.footer .link dl{ padding: 0 45px 0 0; margin: 0 27px 0 0; float:left; display:block;}
.footer .link dt{ font-size:17px; font-weight:500; color:#F48A1E; margin: 0 0 11px 0;}
.footer .link dd ,.footer .link dd a{ font-size:13.7px; color:#cccccc;line-height: 22px;}
.footer .link dd a:hover{ color:#F48A1E;}
.footer .copyright{ font-size:12px; color:#808080; display:block; clear:both; padding: 16px 0 0 0;}
.footer .copyright img{ margin: 0;}