/* screens smaller than 1024---------------------------------------------------------- */
@media only screen and (min-width:691px) and (max-width:1023px) {

/* ----------------------------------------------------------------------------------- */
/* title */
/* ----------------------------------------------------------------------------------- */
.subtitle02 {
 padding-left: 37px;
 background: url(../image/common/subtitle02@2x.png) no-repeat 0 center;
 background-size: 24px 22px;
}
.subtitle04 {
 background: url(../image/common/subtitle04@2x.png) no-repeat 0 0;
 background-size: 6px 20px;
}
.subtitle05 {
	background: url(../image/common/subtitle05@2x.jpg) no-repeat scroll 0 3px;
    background-size: 18px 12px;
}
 .box2_s .title_link {
 margin:0;
}
.box2_s .title_link a {
 display: block;
 position: absolute;
 bottom: 0;
 line-height: 46px;
 color: #fff;
 width: 100%;
 padding-left: 0;
 text-align: center;
 background-color: rgba(0, 0, 0, 0.6);
}


/* ----------------------------------------------------------------------------------- */
/*submain*/
/* ----------------------------------------------------------------------------------- */
.submain_txt {
 width: 90%;
}


/* ----------------------------------------------------------------------------------- */
/*locator*/
/* ----------------------------------------------------------------------------------- */
#locator {
	padding: 0;
}

/* ----------------------------------------------------------------------------------- */
/*common*/
/* ----------------------------------------------------------------------------------- */
.box2 {
 margin-bottom: 30px;
}
.box2_left, .box2_right {
 width: 48%;
}
.box2_left img, .box2_right img {
 width: 100%;
 height: auto;
}
 .box2_s {
 width:90%;
}
.box2_s_left, .box2_s_right {
 width: 48%;
}
.box2_s_left img, .box2_s_right img {
 width: 100%;
 height: auto;
}
.box2_left_l,.box2_right_l {
	width: 48%;
}
.box2_left_l img,.box2_right_l img{
	width: 100%;
	height: auto;
}
.box2_left_l02{
	width: 26%;
}
.box2_right_s02{
	width: 70%;
}
.box2_left_l02 img,.box2_right_s02 img{
	width: 100%;
	height: auto;
}
.box3_left {
 width: 30%;
 margin-right: 5%;
}
.box3_right {
 width: 30%;
}

.box3_left img, .box3_right img{
 width: 100%;
 height: auto;
}

/*btn*/
/*---------------------------*/
.btn_stand a {
 background-image: url(../image/common/arr01@2x.gif);
 background-size: 4px 8px;
}
.btn_stand a:hover {
 background-image: url(../image/common/arr03@2x.png);
 background-size: 4px 8px;
}

.txt_btn li{
	width: 48%;
	margin-left: 4%;
	margin-bottom: 20px;
}
.txt_btn li a{
	background-size: cover; 
}
.txt_btn li a span{
	background-image: url(../image/common/company_btn_arr@2x.png);
	background-size: 6px 12px;
}

/*banner*/
/*---------------------------*/
.con_banner2 li {
 width: 48%;
 margin-left: 4%;
}
.con_banner2.lban li {
 width: 48%;
 margin-left: 4%;
}
.con_banner2 li img,.con_banner2.lban li img {
 width: 100%;
 height: auto;
}
.con_banner3 li,.con_banner302 li {
 float: left;
 width: 31%;
 margin-left: 3.5%;
}
.con_banner3 li img,.con_banner302 li img {
 width: 100%;
 height: auto;
}


/* ----------------------------------------------------------------------------------- */
/*csr*/
/* ----------------------------------------------------------------------------------- */
.csr_left {
 width: 52%;
}
.csr_right {
 width: 44%;
}
#crs_point li {
 padding: 0 4%;
}
.csr_right img, #crs_point li img {
 width: 100%;
 height: auto;
}
 .csr_box2_left:before, .csr_box2_right:before, .csr_box2_left:after, .csr_box2_right:after {
 content: "";
 display: block;
}
.csr_box2_left:after, .csr_box2_right:after {
 clear: both;
}
.csr_box2_left, .csr_box2_right {
 width: 49%;
 clear: none;
}
.csr_box2_left .img, .csr_box2_right .img {
 width: 32%;
}
.csr_box2_left .txt, .csr_box2_right .txt {
 width: 65%;
}
.csr_box2_left .img img, .csr_box2_right .img img {
 width: 100%;
 height: auto;
}
 #words {
 width:96%;
 padding: 15px 2% 10px;
}
#words > dl {
 margin: 5px 1%;
 width: 48%;
}
#words > dl dt {
 padding: 5px 0 5px 2%;
 width: 20%;
}
#words > dl dd {
 padding: 5px 2%;
 width: 80%;
}

.factory_tour img {
	width:100%;
	height:auto;
}


/* ------------------------- */
/*factoryeffort*/
/* ------------------------- */
.csr_ti_right, .csr_it_left {
 width: 30%;
}
.csr_ti_left, .csr_it_right {
 width: 68%;
}
.csr_ti_right img, .csr_it_left img, .csr_til_right img {
 width: 100%;
 height: auto;
}
.csr_til_right {
 width: 45%;
}
.csr_til_left {
 width: 53%;
}

/*20150508 add*/
.csr_ti_right_2, .csr_it_left_2 {
 width: 68%;
}
.csr_ti_left_2, .csr_it_right_2 {
 width: 30%;
}
.csr_ti_right_2 img, .csr_it_left_2 img, .csr_til_right_2 img {
 width: 100%;
 height: auto;
}


/* ----------------------------------------------------------------------------------- */
/*network*/
/* ----------------------------------------------------------------------------------- */
.network_box3_left {
 width: 30%;
 margin-right: 5%;
}
.network_box3_right {
 width: 30%;
}
.network_box2_left {
 width: 35%;
}
.network_box2_right {
 width: 63%;
}
.network_box3_left img, .network_box3_right img, .network_box2_left img {
 width: 100%;
 height: auto;
}
.network_map{
	width: 100%;
}
.network_map img{
	width: 100%;
	height: auto;
}



/*------------------------------------------------------------------------------*/
/*history*/
/*------------------------------------------------------------------------------*/

.tab_box_right {
 width: 30%;
}
.tab_box_left {
 width: 68%;
}
.tab_box_right img {
 width: 100%;
 height: auto;
}
table.history_tab th {
 width: 13%;
}
table.history_tab th:first-child {
 width: 23%;
}
.box2_bg {
	padding: 20px 32px;
}
.box2_bg_left{
	width: 50%;
}
.box2_bg_right{
	width: 45%;
}
.box2_bg_right img{
	width: 100%;
	height: auto;
}
.box2_bg_left img{
	width: 80%;
	height: auto;
}


/*------------------------------------------------------------------------------*/
/*catalog*/
/*------------------------------------------------------------------------------*/
.catalog_list li a:before {
 content: ">";
 width: 4px;
 height: 8px;
}
.catalog_list li a:hover:before {
 content: ">";
}
 .catalog_box4 > div {
 float: left;
 margin-left: 4%;
 width: 22%;
}
.catalog_box4 > div img {
 width: 100%;
 height: auto;
}
.catalog_box4 > div h5 a {
 background: url(../image/common/arr01@2x.gif) no-repeat 0 5px;
 background-size: 4px 8px;
}



/*------------------------------------------------------------------------------*/
/*recruit_top*/
/*------------------------------------------------------------------------------*/
#scroll {
 overflow-y:scroll !important;
}
#scroll .scrollbar, #scroll .scrollbar .track, #scroll .scrollbar .track .thumb {
 display: none !important;
}
.scrollInner {
 height: auto !important;
 width: 95%;
}
#scroll::-webkit-scrollbar {
 width: 15px;
 background: #eee;
}
#scroll::-webkit-scrollbar-thumb {
 background: #ccc;
 border-radius: 0;
}
.recruit.list_link dd{
	margin-right: 10px;
}


/*------------------------------------------------------------------------------*/
/*strength*/
/*------------------------------------------------------------------------------*/
.attitude_list li {
 background: url(../image/common/icon_logo@2x.jpg) no-repeat 0 center;
 background-size: 20px 18px;
}
.strength_left, .strength_right {
 width: 48%;
 height: auto;
}
.strength_left h4, .strength_right h4 {
 position: static;
}
.strength_left p, .strength_right p {
 bottom: 5px;
}
.strength_left img, .strength_right img {
 width: 100%;
 height: auto;
}
.bl-hover {
 background-color: #fff;
}

/*------------------------------------------------------------------------------*/
/*explain*/
/*------------------------------------------------------------------------------*/
.attention_list li {
	background:url(../image/common/icon_note@2x.jpg) no-repeat;
	background-size: 34px 34px;
}
.explain02_right,
.explain_left{
	width: 57%;
}
.explain_right,
.explain02_left{
	width: 40%;
}
.explain_box2 {
	width:100%;
	padding: 2%;
}
.explain_right img,
.explain02_left img,
.explain02_right img,
.explain_left img{
	width: 100%;
	height: auto;
}

.sptab_none{
	display: none;
}
#tinymce .sptab_none{
	display: block;
}
#actibook_link{
	display: block;
}
#actibook_link ul{
	display: inline-block;
	width: 100%;
}
#actibook_link ul:before, #actibook_link ul:after {content: "";	display: block;}
#actibook_link ul:after {	clear: both;}

#actibook_link ul li{
	float: left;
	width: 31%;
	margin-left: 3.5%;
}
#actibook_link ul li:first-child{
	margin:0;
}
#actibook_link ul li img{
	width: 100%;
	height: auto;
}

/*------------------------------------------------------------------------------*/
/*fpco_recycle_faq*/
/*------------------------------------------------------------------------------*/

.faq_ti_right, .faq_it_left {
 width: 30%;
}
.faq_ti_left, .faq_it_right {
 width: 68%;
}
.faq_ti_right img, .faq_it_left img, .faq_til_right img {
 width: 100%;
 height: auto;
}

.faq_ti_left {
    margin-right: 2%;
}


/*------------------------------------------------------------------------------*/
/*each factory*/
/*------------------------------------------------------------------------------*/
.eachfactory_left{
	width: 32%;
}
.eachfactory_right{
	width: 66%;
}
.eachfactory_left img{
	width: 100%;
	height: auto;
}
.eachfactory_left02{
	width: 55%;
}
.eachfactory_right02{
	width: 45%;
	text-align: right;
}

.box2_left_ft,.box2_right_ft{
	width: 50%;
}



/*------------------------------------------------------------------------------*/
/*infrastructure_network*/
/*------------------------------------------------------------------------------*/
#map_tab_btn li{
	width: 33%;
	margin-left:0.5%;
}
#map_tab_btn li:first-child{
	width: 33%;
}
.in_map img,
.log_map img{
	width: 100%;
	height: auto;
}
.tabcontent_map_list,
.log_map .tabcontent_map_list{
	display: none;
}
.log_map{
	width: 100%;
}

.colum_box_left{
	width: 60%;
}
.colum_box_right{
	width: 38%;
}
.colum_box_right img{
	width: 100%;
	height: auto;
}



/*------------------------------------------------------------------------------*/
/*fpco_group*/
/*------------------------------------------------------------------------------*/
.fgroup_box_left,.fgroup_box_right{
	width: 49%;
}
.fgroup_box_left img,.fgroup_box_right img{
	width: 100%;
	height: auto;
}


/*------------------------------------------------------------------------------*/
/*factory*/
/*------------------------------------------------------------------------------*/
.flow3_left{
	width:30%;
}
.flow3_right{
	width: 30%;
	padding-left: 5%;
	background-size: 13%;
}
.flow3_left img,.flow3_right img,.app_list li img{
	width: 100%;
	height: auto;
}
.tour_bg{
	background-color: #BCE0E1;
	padding: 16px 24px;
}
.tour_bg ul li{
	width: 48%;
	margin-left: 4%;
}
.app_list li{
	width: 16%;
	margin-left: 5%;
}
.factory_map img{
	width: 100%;
	height: auto;
}
.fmap_list{
	padding: 10px;
}
.fmap_list ul li{
	width: 31%;
	margin: 1%;
}
.fmap_list ul li a{
	padding: 10px 10px 8px 25px;
	background-image: url(../image/common/arr02@2x.gif) ;
	background-size: 4px 8px;
}
.fmap_list ul li.fac a{
	background-image: url(../image/common/arr05@2x.gif) ;
	background-size: 5px 8px;
}


/*------------------------------------------------------------------------------*/
/*handicap*/
/*------------------------------------------------------------------------------*/
.hand_box01{
	padding: 15px;
	width: 100%;
}
.handbg_in02{ 
	padding: 0;
}
.hand_box01_left{
	width: 35%;
}
.hand_box01_right{
	width: 62%;
}
.hand_box01_left img,.hand_box01_right img{
	width: 100%;
	height: auto;
}
.box2_s.hand{
	padding: 0 30px;
}
.hand_left_s{
	width: 35%;
}
.hand_right_s{
	width: 60%;
}
.hand_left_s img,.hand_right_s02 img{
	width: 100%;
	height: auto;
}
.hand_right_s02{
	width: 35%;
}
.hand_left_s02{
	width: 60%;
}
.handbg{
	background-size:cover;
}
.handbg_in{
	background-size:cover;
}

.handbg_in.summary ul{margin-bottom: 0;}

.handbg_in.summary ul li{
	width: 32%;
	margin-left: 2%;
}
.handbg_in.summary ul li:first-child{
	margin-left: 0;
}
.handbg_in.summary ul li span{
	font-size: 75%;
	padding-left: 5px;
}
.handbg_in.summary > div{
	width: 100%;
	padding: 0;
	text-align: center;
}
#hand_list{
	padding: 0;
}
#hand_list ul li{
	margin: 10px 2% 0;
	width: 45.5%;
}



/*------------------------------------------------------------------------------*/
/*product*/
/*------------------------------------------------------------------------------*/
.product_list ul li img{
	width: 100%;
	height: auto;
}

.item_list li{
	float: left;
	width: 24.25%;
	margin-left: 1%;
}
.item_list li img{
	width: 100%;
	height: auto;
}





/*------------------------------------------------------------------------------*/
/*flow*/
/*------------------------------------------------------------------------------*/
.flow_img{
	width: 35%;
}
.flow_txt{
	width: 65%;
}
.flow_img img{
	width: 100%;
	height: auto;
}
.flow_txt .title{
	background: url(../image/common/flow_title_bg.gif) repeat ;
}
.flow_txt .txt{
	height: auto;
}
#recycle_flow{
	padding: 3%;
}
#recycle_flow ul li{
	width: 31%;
	margin-left: 3.5%;
}
#recycle_flow ul li img{
	width: 100%;
	height: auto;
}
#recycle_flow ul li p{
	display:block;
	width: auto;
}
td.in_transparence_arr {
	background:url(../image/common/in_transparence_arr@2x.png) no-repeat center top;
	background-size:50px 22px;
	height:22px;
	text-indent:-9999px;
}

/*------------------------------------------------------------------------------*/
/*contact*/
/*------------------------------------------------------------------------------*/
.contact_list li a{
	background-image: url(../image/common/icon_contact@2x.gif);
	background-size: 26px 18px;
}


/*------------------------------------------------------------------------------*/
/*message*/
/*------------------------------------------------------------------------------*/
.message_left{ width: 58%;}
.message_right{	width: 37%;}

.message_right ul li > p:first-child img{
	width: 100%;
	height: auto;
}

/*------------------------------------------------------------------------------*/
/*merchandising*/
/*------------------------------------------------------------------------------*/
.box3_pica_left,.box3_pica_right{
	width: 31%;
	margin-right: 3.5%;
}
.box3_pica_right{
	margin-right: 0;
}
.box3_pica_left img,.box3_pica_right img{
	width: 100%;
	height: auto;
}
.box3_pica_left .title,.box3_pica_right .title{
	display: block;
	width: 100%;
}


/*------------------------------------------------------------------------------*/
/*ecoaction50*/
/*------------------------------------------------------------------------------*/
.eco50_box{padding: 15px 25px;}

.eco50_box3_left{
	width: 32%;
	margin-right: 2%;
}
.eco50_box3_right{
	width: 32%;
}
.box2.eco50{
	width: 65.5%;
	margin-right: auto;
	margin-left: auto;
}
.eco50_box3_left img, .eco50_box3_right img{
	width: 100%;
	height: auto;
}
.box2.eco50 .eco50_box3_left,.box2.eco50 .eco50_box3_right{
	width: 48.5%;
}
.box2.eco50 .eco50_box3_left{
	margin-right: 3%;
}

/*------------------------------------------------------------------------------*/
/*analyst*/
/*------------------------------------------------------------------------------*/


.analyst_btn_left, .analyst_btn_right{width: 48%;}

.analyst_btn_left a, .analyst_btn_right a{
	display: block;
	width: 100%;
	padding-top: 18px;
}
.analyst_btn_left span, .analyst_btn_right span{display: block;	}

.analyst_btn_left a:before,
.analyst_btn_right a:before{
	content: url(../image/common/analyst_btn_arr.png);
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -6px;
}

.analyst_btn_left a:hover, .analyst_btn_right a:hover{
	text-decoration: none;
	filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}


/*------------------------------------------------------------------------------*/
/*solution*/
/*------------------------------------------------------------------------------*/
.solution_left{
	width: 15%;
	margin-right: 3%;
}
.solution_right{
	width: 82%;
}
.solution_left img{
	width: 100%;
	height: auto;
}

/*------------------------------------------------------------------------------*/
/*feature_function*/
/*------------------------------------------------------------------------------*/
#pagelink_ff li a{
	background-image: url(../image/common/arr07.gif);
	background-size: 8px 4px;
}
#pagelink_ff li a:hover{
	background-image: url(../image/common/arr08.gif);
	background-size: 8px 4px;
}





/* ----------------------------------------------------------------------------------- */

}