@charset "utf-8";

/*google font*/
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600');

/* CSS Document */
html, body, ul, li, h1, h2, h3, h4, h5, h6, p, fieldset, legend {padding:0; margin:0;}
body {font-family:'Lato', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif, "微軟正黑體","Microsoft Jhenghei",sans-serif; background: #eee;}
/* body {font-family: 'Oswald', "微軟正黑體","Microsoft Jhenghei",sans-serif; font-weight: 300; background: #fff;} */
/* body{font-family: 'PT Sans', sans-serif, "微軟正黑體","Microsoft Jhenghei",sans-serif; overflow-x: hidden;} */



a{	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */    
	text-decoration: none;
/* 	-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; */
	cursor: pointer;
}	  
img {border: 0px; display: block;}	  
ul,li {list-style-type:none; text-transform:none;}
input{-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow:  0px inset;-moz-box-shadow:  0px inset; box-shadow:  0px inset; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ outline: none; -webkit-appearance:none;}
.clean{ clear: both;}
.br_mobileOnly{ display: none;}
.pc_only{ display: block;}
.mobile_only{ display: none;}
.mb5{ margin-bottom: 5px !important;}
.clean{ clear: both; }
 
/********************************************************************************************************************************************************************/


/*一開始宣告*/



/*common*/
.btn_center_row{ overflow: hidden; text-align: center; margin:50px 0 0 0px;}
.btn_center_row li{ display: inline-block; margin: 10px;}
.btn_center_row li a{ display: block; background: #000; text-align: center; color: #fff; padding: 10px 10px; font-size: 14px; text-transform: uppercase; font-family: Oswald; font-weight: 500;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
}
.btn_center_row li a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #005ba7;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
/* .btn_center_row li a:hover{ background: #ff0000 url(../image/btn_arrow.png) no-repeat right 10px center;} */
.btn_center_row li a:hover, .btn_center_row li a:focus, .btn_center_row li a:active {
	color: #fff;
}
.btn_center_row li a:hover:before, .btn_center_row li a:focus:before, .btn_center_row li a:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}






.btn_more_left{ display: block; background: #000; width: 250px; text-align: center; color: #fff; padding: 10px 0px; font-size: 18px; text-transform: uppercase; font-family: Oswald; font-weight: 500; margin: 50px 0 0 0;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
}
.btn_more_left:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #333;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn_more_left:hover, .btn_more_left:focus, .btn_more_left:active {
	color: #fff;
}
.btn_more_left:hover:before, .btn_more_left:focus:before, .btn_more_left:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}



.hit_full_white{ background: url(../image/hit_full_white.png) repeat left top; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.hit_full_gray{ background: url(../image/hit_full_gray.png) repeat left top; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.hit_full_black{ background: url(../image/hit_full_black.png) repeat left top; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}





/*head*/
.head_full{ width: 100%; height: auto; background: rgba(255, 255, 255, 1); position: fixed; top: 0px; left: 0px; z-index: 1005;}
.head_center{ max-width: 1200px; margin: 0 auto; overflow: hidden; position: relative;}
.head_logo{ width: 250px; margin: 10px 0 10px 10px; display: block; float: left;}
.head_logo img{ width: 100%;}

.head_menu_list{ display: block; overflow: hidden; float: right; margin: 36px 0px 0px 0px;}
.head_menu_list li{ display: inline-block; float: left; border-right: 1px solid #ccc;}
.head_menu_list li:last-child{ border-right: 0px solid #ccc;}

.head_menu_list li a{ display: block; font-size: 14px; font-weight: bold; color: #000; text-transform: uppercase; padding: 0px 10px; 
	-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.head_menu_list li a:hover{ color: #005ba7;}
.head_menu_list li a.active{ color: #005ba7;}




/*kv*/
.kv_row_full{overflow: hidden; width: 100%;}
.kv_row_center{width: 100%; min-height: 580px; max-height: 1200px; overflow: hidden; margin: 0px auto 0 auto; position: relative; }
.kv_img_list{ overflow: hidden; position: relative;}
.kv_img_list li{ position: relative;}
.kv_img_list li img{ width: 100%; min-width: 1200px; /* min-height: 400px; */}
.kv_img_list li p{ font-size: 40px; color: #fff; font-family: Oswald; font-weight: 400; width: 80%; text-align: center; text-transform: uppercase; position: absolute; top: 55%; left: 50%;
	transform:  translate(-50%, -50%); -ms-transform:  translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform:  translate(-50%, -50%); -o-transform:  translate(-50%, -50%);
}
.video_hit_full{ background: url(../image/video_hit_full.png) repeat left top; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}


/* index_block */
.index_block_row_full{overflow: hidden; width: 100%; position: relative;}
.index_block_row_center{ max-width: 100%; margin: 0px auto 0px auto; position: relative;}
.index_block_list{ overflow: hidden; position: relative; margin: 0 -2px;}
.index_block_list li{ position: relative; width: calc(100%/3); float: left; display: inline-block; padding: 0 2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.index_block_list_img{ background: #000; position: relative;}
.index_block_list_img img{ width: 100%; filter: alpha(opacity=60); opacity: 0.6;
	-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
}

.index_block_list li .index_block_list_text{  color: #fff; font-family: Oswald; width: 80%; text-align: center;  position: absolute; top: 55%; left: 50%;
	transform:  translate(-50%, -50%); -ms-transform:  translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform:  translate(-50%, -50%); -o-transform:  translate(-50%, -50%);	
}
.index_block_list li .index_block_name{ font-size: 30px; font-weight: 400; text-transform: uppercase; }
.index_block_list li .index_block_line{ display: inline-block; border-top: 3px solid #fff; width: 20%; margin: 0px 0px 10px 0px;}
.index_block_list li .index_block_info{ font-size: 16px; font-weight: 300;}
.index_block_list li:hover .index_block_list_img img{ filter: alpha(opacity=30); opacity: 0.3;}







/*index_about*/
.index_about_row_full{overflow: hidden; width: 100%; position: relative;}
.index_about_row_center{ max-width: 1200px; margin: 250px auto 150px auto; position: relative;}

.index_about_bg1{ background: url(../image/index_about2.jpg) no-repeat center top; background-size: cover;}
.index_about_text1{ width: 45%; margin: 0 0 0 100px; }
.index_about_text1 h2{ font-size: 30px; line-height: 42px; color: #fff; font-family: Oswald; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; text-shadow: black 0.1em 0.1em 0.2em}
.index_about_text1 p{ font-size: 14px; line-height: 22px; text-align: justify; color: #fff; text-shadow: black 0.1em 0.1em 0.2em}


/* index_news */
.index_news_row_full{overflow: hidden; width: 100%; position: relative;}
.index_news_row_center{ max-width: 1200px; margin: 100px auto 100px auto; position: relative;}
.index_news_row_center h2{ font-size: 30px; font-family: Oswald; font-weight: 500; text-align: center; text-transform: uppercase; margin-bottom: 5px;}
.index_news_row_center .h2_line{ display: block; border-top: 3px solid #000; width: 80px; margin: 0px auto 10px auto;}


.index_news_list{ overflow: hidden; margin: 50px 85px;}
.index_news_list li{ width: calc(100%/1); float: left; display: inline-block; padding: 0 0 50px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.index_news_list li .news_list_img{ position: relative; float: left; width: 300px; margin: 0;}
.index_news_list li .news_list_img img{ width: 100%; 
	-webkit-filter:grayscale(0);
	-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.index_news_list li .news_list_text{ overflow: hidden; padding: 0 0 0 20px;}
.index_news_list li .news_date{ font-size: 16px; text-transform: uppercase; font-family: Oswald; font-weight: 500; color: #000; margin: 0 0 0 0;}
.index_news_list li .news_title{ font-size: 16px; line-height: 18px; color: #000; font-weight: bold; margin: 5px 0 10px 0; }
.index_news_list li .news_content{ font-size: 14px; line-height: 18px; color: #000; margin: 5px 0 20px 0; text-align: justify;}
.index_news_list li .news_list_text a{ display: inline-block; font-size: 14px; color: #fff; background: #000; padding: 4px 20px; margin: 0;
	-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.index_news_list li .news_list_text a:hover{ font-size: 14px; color: #fff; background: #005ba7;}








/********************************************************************************************************************************************************************/

/* page_row */
.page_row_full{overflow: hidden; width: 100%; position: relative; }
.page_row_kv{ width: 100%; overflow: hidden; margin: 85px auto 0 auto; position: relative;}
.page_row_kv img{ width: 100%;}
.page_row_kv_title{ font-size: 40px; color: #fff; font-family: Oswald; font-weight: 400; width: 80%; text-align: center; text-transform: uppercase; position: absolute; top: 50%; left: 50%;
	transform:  translate(-50%, -50%); -ms-transform:  translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform:  translate(-50%, -50%); -o-transform:  translate(-50%, -50%);
	text-shadow: -1px -1px 5px rgba(0,0,0,0.35);
}

.page_row_center{ max-width: 1200px; overflow: hidden; margin: 100px auto 100px auto; position: relative; padding: 0 50px 0 50px; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
/********************************************************************************************************************************************************************/

/* page_about */
.page_about_part{ margin: 0 0 50px 0;}
.page_about_part:last-child{ margin: 0;}
.page_about_part h3{ font-size: 22px; color: #000; font-family: Oswald; font-weight: 400; margin: 0 0 20px 0; padding: 0 0 0 10px; border-left: 5px solid #005ba7; /* border-bottom: 1px solid #999; */}
.page_about_part p{ font-size: 14px; text-align: justify; line-height: 18px; margin: 0 0 20px 0;}
/* .page_row_center p:last-child{ margin: 0 0 50px 0;} */

/********************************************************************************************************************************************************************/

/* page_product_list */
.page_product_list{ overflow: hidden; margin: 0 -15px 0 -15px;}
.page_product_list li{ width: calc(100%/3); float: left; padding: 0 15px 30px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.page_product_list li .page_product_list_img{ overflow: hidden;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}
.page_product_list li .page_product_list_img img{ width: 100%;}
.page_product_list li .page_product_list_text{ font-size: 14px; background: #ccc; padding: 20px 20px 20px 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.page_product_list li .page_product_list_text h3{ font-size: 18px; color: #fff; font-family: Oswald; font-weight: 400; text-align: center; background: #005ba7; padding: 5px 10px; margin: 0 0 10px 0; position: relative;}
.page_product_list li .page_product_list_text h3:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #005ba7;
	border-width: 10px;
	margin-left: -10px;
}
.page_product_list li .page_product_list_text p{ font-size: 14px; line-height: 18px;}
.page_product_list li .page_product_list_text .page_product_point_list{ overflow: hidden; margin: 20px 0 0 0;}
.page_product_list li .page_product_list_text .page_product_point_list li{ width: calc(100%/1); font-size: 12px; font-weight: bold; list-style: disc; margin: 0 0 0 20px; padding: 0 0 5px 0;}
.btn_contact{ text-align: center; margin: 50px 0 0 0;}
.btn_contact a{ color: #000; text-decoration: none;}
.btn_contact a:hover{ color: #000; text-decoration: underline;}


/********************************************************************************************************************************************************************/


/* page_news */
.page_news_list{ overflow: hidden;}
.page_news_list li{ width: calc(100%/1); float: left; padding: 0 15px 30px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.page_news_list li .news_list_img{ position: relative; width: 30%; float: left;}
.page_news_list li .news_list_img img{ width: 100%; 
	-webkit-filter:grayscale(0.8);
	-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.page_news_list li .news_list_img_tips{ position: absolute; top: 5px; left: -5px; padding: 3px 10px; font-size: 14px; background: #000; color: #fff; font-family: Oswald; font-weight: 500; z-index: 1;}
.page_news_list li .news_list_text{ overflow: hidden; width: 70%; float: left; padding: 0 0 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.page_news_list li .news_date{ font-size: 14px; text-transform: uppercase; font-family: Oswald; color: #000; margin: 0 0 0 0;}
.page_news_list li .news_title{ font-size: 16px; line-height: 18px; color: #000; font-weight: bold; margin: 5px 0 10px 0; }
.page_news_list li .news_content{ font-size: 14px; line-height: 18px; color: #000; margin: 5px 0 10px 0; text-align: justify;}
.page_news_list li .news_list_text a{ display: inline-block; font-size: 14px;color: #000; background: #ccc; padding: 2px 10px; float: right; margin: 0 0 5px 10px;}
.page_news_list li .news_list_text a:hover{ font-size: 14px; color: #fff; background: #000;}

.news_page_cotent .news_date{ font-size: 14px; text-transform: uppercase; font-family: Oswald; color: #000; margin: 0 0 0 0;}
.news_page_cotent .news_title{ font-size: 24px; line-height: 26px; color: #000; font-weight: bold; margin: 5px 0 20px 0; }
.news_page_cotent .news_content{ font-size: 14px; line-height: 22px; color: #000; margin: 5px 0 10px 0; text-align: justify;}
.news_page_cotent .news_content a{ color: #000; text-decoration: underline;}
.news_page_cotent .news_content a:hover{ color: #000;  text-decoration: none;}

.news_page_video{ text-align: center; width: 80%; margin: 40px auto 0 auto;}
.news_page_video iframe{ width: 100%; height: 400px; display: block;}
.news_page_img_list{ overflow: hidden; margin: 40px -10px 0 -10px;}
.news_page_img_list li{ width: calc(100%/2); float: left; padding: 0 10px 20px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news_page_img_list li img{ width: 100%;}
.news_page_img_list li p{ font-size: 14px;}

.news_page_img_list_single{ overflow: hidden; margin: 40px -10px 0 -10px;}
.news_page_img_list_single li{ width: calc(100%/1); float: left; padding: 0 10px 20px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.news_page_img_list_single li img{ width: 80%;}
.news_page_img_list_single li p{ font-size: 14px;}


/********************************************************************************************************************************************************************/
/* page_esg */
.page_esg_part{ margin: 0 0 50px 0; overflow: hidden;}
.page_esg_part:last-child{ margin: 0;}
.page_esg_part_img{ width: 20%; float: left;}
.page_esg_part_img img{ width: 100%;}
.page_esg_part_text{ width: 80%; padding: 60px 0 0 30px; float: right; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.page_esg_part h3{ font-size: 22px; color: #000; font-family: Oswald; font-weight: 400; margin: 0 0 20px 0; padding: 0 0 0 10px; border-left: 5px solid #2ca998; /* border-bottom: 1px solid #999; */}
.page_esg_part p{ font-size: 14px; text-align: justify; line-height: 18px; margin: 0 0 20px 0;}
/* .page_row_center p:last-child{ margin: 0 0 50px 0;} */

/********************************************************************************************************************************************************************/
/*page_contact*/
.page_contact_info{ margin: 0 0 30px 0; overflow: hidden; font-size: 14px; line-height: 22px; }
.page_contact_info .company_area{ background: #000; text-align: center; padding: 5px 10px; margin-bottom: 20px; font-size: 16px; color: #fff; font-weight: bold;}
.page_contact_info .en{ width: 50%; float: left; padding: 0 10px 0 0 ; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.page_contact_info .ch{ width: 50%; float: right; padding: 0 0 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.page_contact_info .company_name{ font-size: 16px; color: #005ba7; font-weight: bold; margin-bottom: 5px;}
.page_contact_info a{ color: #000; text-decoration: none;}
.page_contact_info a:hover{ color: #000; text-decoration: underline;}
.page_contact_map{ margin: 0; padding: 40px 0 0 0; border-top: 1px dashed #ccc;}


/********************************************************************************************************************************************************************/


/*footer*/
.footer_full{overflow: hidden; width: 100%; background: #2ca998;} /* #005ba7 */
.footer_center{width: 1200px;  margin: 0px auto; padding: 10px 0; overflow: hidden;}
.footer_center .footer_copyright{ float: left;  margin: 0 0 0 20px; }
.footer_center .footer_copyright .footer_copyright_logo{ width: 180px; padding: 0 50px 0 0; border-right: 1px solid #fff; }
.footer_center .footer_copyright .footer_copyright_logo img{ width: 100%;}

.footer_center .footer_contact{ text-transform: uppercase; font-size: 12px; float: left; color: #fff; margin: 19px 0 0 50px;}

.footer_center a{ color: #fff; text-decoration: none;}
.footer_center a:hover{ color: #fff; text-decoration: underline;}



.footer_center .footer_link_list{ overflow: hidden; float: right;}
.footer_center .footer_link_list li{ display: inline-block; float: left; border-right: 1px solid #b2cb52; text-transform: uppercase;}
.footer_center .footer_link_list li:last-child{ border-right: 0px solid #b2cb52;}









/*remodal project open *********************************************************************************************************************************************************************/
.remodal{ width: 80%;}

.remodal_project_text{ width: 100%; text-align: left; font-size: 16px; /* text-transform: uppercase; */ text-align: justify;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.remodal_project_text .project_date{ margin: 0px 20px 0px 0px; display: inline-block;}
.remodal_project_text .project_name{ margin: 0 0 0 0px; display: inline-block;}
.remodal_project_text p span{ color: #888;}
.remodal_project_text .project_info{ margin: 20px 0 20px 0; padding: 20px 0 0 0; font-size: 14px; line-height: 24px; border-top: 1px solid #ccc;}

.btn_visit{ display: block; text-align: center; border: 1px solid #000; color: #fff; background: #000; margin: 30px 0 30px 0; padding: 6px 50px 7px 50px; font-size: 14px; 
	-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.btn_visit:hover{ border: 1px solid #000; background: #fff; color: #000;}

.remodal_project_img_list{  overflow: hidden; margin: 0 -10px;}
.remodal_project_img_list li{ width: calc(100%/2); padding: 10px; float: left; display: inline-block; position: relative;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.remodal_project_img_list li img{ width: 100%; margin-bottom: 0px;}
.remodal_project_img_list p{ background: rgba(0,0,0,0.8); width: calc(100% - 20px); color: #fff; text-align: justify; font-size: 14px; position: absolute; bottom: 10px; left: 10px; padding: 10px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}

.remodal_project_img_list li.youtube_box{ width: calc(100%); height: 500px;}
.remodal_project_img_list li iframe{ width: 100%; height: 100%; display: block;}





/* RWD *******************************************************************************************************************************************************************/

/* 一開始命令手機版按鈕先隱藏 */
.head_center .icon_menu{ display: none;}
.head_center .icon_close{ display: none;}


@media screen and (max-width: 899px) {
	
	.br_pcOnly{ display: none !important;}
	.br_mobileOnly{ display: block !important;}
	.pc_only{ display: none !important;}
	.mobile_only{ display: block !important;}
	.btn_center_row{ margin: 0px 0 0 0px;}
	
	
	
	/* head */
	.head_full{height: 65px!important;}
	.head_center{ width: 100%;}
	.head_logo{ margin: 7px 0 10px 10px!important; width: 200px!important;}	
	.head_center .icon_menu{ display: block; float: right; margin: 10px 10px 0 0!important; width: 40px!important;}	
	.head_center .icon_menu img{ width: 100%;}
	.head_center .icon_close{ display: block; float: right; margin: 10px 10px 10px 10px!important; width: 40px!important;}
	.head_center .icon_close img{ width: 100%;}
	
	/* menu */
	.head_menu_list{ display: none; background: rgba(255, 255, 255, 1); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index:2000; overflow: scroll; margin: 0px !important; }
	.head_menu_list li{ display: block; width: 100%; border-right: 0px solid #ccc; border-bottom: 1px solid #ccc;}
	.head_menu_list li:last-child{ border-bottom: 0px solid #ccc;}
	.head_menu_list li a{ text-align: center; font-size: 18px; padding: 20px 20px;}
	
	/*index*/
	.index_block_row_full{ margin: -30px 0 0 0;}
	.index_block_list li{ width: calc(100%/1); margin: 0 0 10px 0;}
	.index_block_list li .index_block_info{ line-height: 18px;}
	
	.index_news_row_center{ margin: 20px auto 20px auto;}
	.index_news_list{ margin: 30px 20px; }
	.index_news_list li .news_list_img{ float: none; width: 100%;}
	.index_news_list li .news_list_text{ padding: 10px 0 0 0;}
	.index_news_list li .news_list_text a{ float: right;}
	
	



	/* page_row */
	.page_row_kv{ margin: 65px auto 0 auto;}
	.page_row_kv img{ }
	.page_row_kv_title{ font-size: 30px;}
	.page_row_center{ margin: 50px auto 20px auto; padding: 0 20px 0 20px;}

	
	/* product */
	.page_product_list li{ width: calc(100%/1);}
	
	
	
	/* press */
	.page_news_list{}
	.page_news_list li{ width: calc(100%/1); padding: 0px 0px 40px 0px;}
	.page_news_list li .news_list_img{ width: auto; float: none;}
	.page_news_list li .news_list_text{ width: auto; float: none; padding: 10px 0 0 0;}
	
	.news_page_video{ width: 100%;}
	.news_page_img_list li{ width: calc(100%/1);}
	
	.news_page_img_list_single li img{ width: 100%;}
	
	
	/* esg */
	.page_esg_part{ margin: 0 0 30px 0;}
	.page_esg_part_img{ width: 60%; float: none; margin: 0 auto;}
	.page_esg_part_img img{ }
	.page_esg_part_text{ width: auto; padding: 20px 0 0 0; float: none;}
	
	
	
	/* contact */
	.page_contact_info .en{ width: auto; float: none; padding: 0 0 30px 0;}
	.page_contact_info .ch{ width: auto; float: none; padding: 0 0 0 0;}









	
		
	/*footer*/
	.footer_center{ width: auto; padding: 10px 20px;}
	.footer_center .footer_copyright{ float: none; margin: 0;}
	.footer_center .footer_copyright .footer_copyright_logo{ border: 0px; padding: 0 0 0 0;}
	.footer_center .footer_contact{ float: none; margin: 10px 0 0 0; padding: 10px 0 0 0; border-left: 0px; border-top: 1px solid #fff;}
	
	
	
	/*remodal project open *********************************************************************************************************************************************************************/
	.remodal{ width: 100%; margin: 0px !important; padding: 20px !important;}
	.remodal_project_text{ width: auto; float: left; padding-left: 0px; margin-bottom: 30px;}
	.remodal_project_img{ width: auto;}
	

		
		
}