






/*ipad 横向样式*/
@media only screen and (min-width: 956px) and (max-width: 1268px)
{
body{ margin:0; padding:0; 
       color:#666; font-size:100%; 
	   font-family: 'Source Sans Pro', 'Microsoft Jhenghei', '微軟正黑體', Helmet, Freesans, sans-serif;
	   font-family: "LinotypeUniversW01-Regu";
	   font-family:微軟正黑體, Arial, Helvetica, sans-serif;  }

.nav{ width: 80%; margin-left:0%; margin-right:0%}
.nav a{    font-size: 1em; width: 14%;}
.headertopright a{margin-top: 2%; font-size: 1em;}
.bannerlogo{    top: 12%;width: 40%;margin-left:30%;opacity: 0.7;}
.inproall{ padding-top: 60%; }
.grid figure{    width: 19%; height: 20em;}
.grid{    min-height: inherit;}
.indexjobHT h1{ font-size: 1.3em; }
.indexjobH .indexjobHT h2{ font-size: 1em;width: 80%; }
.indexjob h2,.indexnews h2,.indexproduct h3{ width: 20%; }
.pageproduttit .grid figure{ height:3em; }
.pageproduttit {margin-top: 36%;}
.panewsON{ width: 31.2%; }
.panewsON h2{font-size: 1.2em;}
.pagejobon{ width:48%; }
.news_tit{font-size: 2em;}
.news_con {margin-top: 42%;}

.pagejobontxt{margin-top:15%;}
}









/* ipad 竖向样式 */
@media only screen and (min-width: 750px) and (max-width: 1000px)
{
body{ margin:0; padding:0; 
       color:#666; font-size:100%; 
	   font-family: 'Source Sans Pro', 'Microsoft Jhenghei', '微軟正黑體', Helmet, Freesans, sans-serif;
	   font-family: "LinotypeUniversW01-Regu";
	   font-family:微軟正黑體, Arial, Helvetica, sans-serif;  }

.nav{ width: 80%; margin-left:0%; margin-right:0%}
.nav a{    font-size: 1em; width: 14%;}
.headertopright a{margin-top: 2%; font-size: 1em;}
.bannerlogo{    top: 12%;width: 40%;margin-left:30%;opacity: 0.7;}
.inproall{ padding-top: 0%; }
.grid figure{    width: 19%; height: 15em;}
.grid{    min-height: inherit;}
.indexjobHT h1{ font-size: 1.3em; }
.indexjobH .indexjobHT h2{ font-size: 0.8em;width: 80%; }
.indexjob h2,.indexnews h2,.indexproduct h3{ width: 20%; }
.pageproduttit .grid figure{ height:3em; }
.pageproduttit {margin-top: 64%;}
.panewsON{ width: 31.2%; }
.panewsON h2{font-size: 1em;}
.pagejobon{ width:100%; }
.news_tit{font-size: 2em;}
.news_con {margin-top: 50%;}
.banner{position: relative;    display: inline-block; margin-top: 5%;}
.indexjobHT{    width: 32.2%;margin-bottom: 1%;}
.pageaboutdsjtxt{    padding-left: 5%;}
.pageabout6M h2{ font-size:0.9em; }
.pageaboutlogo p{ width: 90%; margin: 0 auto;}
.pageaboutlogo p img{ display: inline-block; width: 30%;}
.contact_left,.contact_right{width:100%;     margin-right: 0%;    margin-left: 0%;}
.news_slider{ height:34%; }
.pageabout1 h1{ font-size: 2em;}
.pageabout1 h2{     font-size: 1.2em; }

.pagejobontxt{margin-top:15%;}
.pagejobontit{position: absolute;top: 6%;      border-radius: 0;  left: 0;padding: 0.2em 1.55em;width: 100%;margin-bottom: 5%;}
.pagejobontit span{float: left;}
.pagejobontit b{font-size: 1em;float: left;margin-top: 2%;margin-left: 2%;}

#finecms_img_148{WIDTH:60%;}
}










 
 /*手机站样式开始*/
@media screen and (max-width:740px)
{

body{ margin:0; padding:0; 
       color:#666; font-size:100%; 
	   font-family: 'Source Sans Pro', 'Microsoft Jhenghei', '微軟正黑體', Helmet, Freesans, sans-serif;
	   font-family: "LinotypeUniversW01-Regu";
	   font-family:微軟正黑體, Arial, Helvetica, sans-serif;  
		}


.nav{ width: 90%;margin-left: 0%; margin-right: 0;}
.nav a{   font-size: 1em; display: inline-block;width: 30%;line-height: 2em;}
.headertopright{ width: 10%; float: right;}
.headertopright a{    line-height: 2em;}
.banner{ position: relative;display: inline-block; margin-top: 18%;}
.bar-left,.bar-right{ display: none; }
.bannerlogo{    top: 5%;    top: 5%;    margin-left: 15%;     width: 70%;   opacity: 0.6;}

.inproall{    padding-top: 0%;}
.grid figure {width: 49%;height: 14em;}
.indexproduct h1{ font-size:1.3em; }
.indexjobHT{width: 100%;margin-bottom: 2%;}
.indexjob h2,.indexnews h2{ width:60%;font-size: 0.8em;    margin-left: 20%;}
.indexproduct h3{width:60%;}
.indexjob .indexjobHT h2{width:80%;font-size: 0.9em;    margin-left: 10%;}
.indexjobHT p{    margin-top: 1%; margin-bottom: 1%;}
.indexjobHT h1{ padding-bottom: 2%;   font-size: 1.2em;}
.indexjob h1,.indexnews h1,.idnexaboutM h1{ font-size:1.2em; }
.idnexaboutM h2 p{ font-size: 0.8em;     line-height: 2em;}
.idnexaboutM h2 p img{    width: 40%;}
.footer h5,.footer h4,.footer h3{    font-size: 0.8em;line-height: 2em;width: 90%;margin: 0 auto;}
.footer h1{font-size: 1.2em;}
.footer h2{    margin-bottom: 5%;}
.pageproduttit{width: 98%;margin-top: 70%;}
.pageproduttit .grid,.pageabout6M{  width:100%; }
.pageproduttit .grid figure{width:31%;     margin: 1%; height: 3em; line-height: 2em; float: left;}
.pageabout1 h1{    font-size: 1.2em;}
.pageabout1{    padding-top: 30%;padding-bottom: 10%;}
.pageabout1 h2{    line-height: 2em;font-size: 0.9em;}
.pageabout5 h1,.pageabout6 h1{ font-size: 1.6em; }
.pageaboutdsjtxt{padding-left: 5%;}
.pageaboutdsjtxt h1{ font-size: 1.1em;}
.pageaboutdsjtxt h2{    font-size: 0.8em;}
.pageaboutlogo p img{    float: left; width: 50%;}
.pageabout4 div p img {    width: 20%;}
.pageabout2 p,.pageabout3txt p{font-size: 1em;    line-height: 1.8em;}
.panewsON,.pagejobon,.caseinfoleft,.caseinfoleftto,.casetopewm{ width:100%; }

.contact_left,.contact_right{width:100%;     margin-right: 0%;    margin-left: 0%;}
.contact_left p, .contact_right p{line-height:1.8em; font-size: 1em;}
.caseinforight{width:100%; }
.caseinforight .pro_imgs{margin-top: 0%;}
.casetopewm h1{    margin-left: 4%;}
.news_tit{font-size: 1.3em; }
.news_con {margin-top: 100%;}
.panews,.news_slider{width:100%;    margin-left: 0%; }

.pagejobontxt{margin-top:15%;}
.pagejobontit{position: absolute;top: 6%;      border-radius: 0;  left: 0;padding: 0.2em 1.55em;width: 100%;margin-bottom: 5%;}
.pagejobontit span{float: left;}
.pagejobontit b{font-size: 1em;float: left;margin-top: 2%;margin-left: 2%;}

#finecms_img_148{WIDTH:60%;}

.idnexaboutM h2 p img#finecms_img_153{    width: 20%;}
.footer h6 img{ width: 30%;}
}


