@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

@media screen and (max-width: 1023px){
/* desktop to ipad */
html, body { overflow-x:hidden; overflow-y:visible; }

#wrap { min-width:100px; transition:transform 0.5s ease; -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; }
#wrap .container { max-width:none; padding:0 15px; }

#top .logo { width:249px; padding:22px 0; }
#top .mobile_btn { display:block; }
#top .toolbar, 
#top .lang_area, 
#top .menu_area { display:none; }

#mobile_menu { display:block; }

#main .left_side { width:100%; display:none; }
#main .right_side { width:100%; }

#main .multipage { margin:0; text-align:center; }
#main .multipage a { display:none; margin:0; }
#main .multipage a.row { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:30px; height:30px; line-height:28px; font-size:22px; }
#main .multipage select { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:120px; height:30px; margin:0; border-radius:0; outline:none; }

}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
#banner .banner_txt,
#banner .banner_title { position:static; }

#footer p { font-size:12px; }
}

@media screen and (max-width: 620px){
#top .mobile_btn { margin-top:-17px; }
#top .mobile_btn a { width:34px; height:34px; font-size:20px; line-height:34px; }

#mobile_menu { width:250px; }

.openResponsive #wrap { transform:translate3d(250px, 0, 0); -webkit-transform:translate3d(250px, 0, 0); -moz-transform:translate3d(250px, 0, 0); }
}

@media screen and (max-width: 479px){
#top { xposition:relative; }
#top .logo { width:229px; padding:16px 0; }
}

@media screen and (max-width: 413px){
/* below iphone 6 plus */
#top .logo { width:199px; padding:16px 0; }

#footer p { font-size:10px; }
}

@media screen and (max-width: 374px){
#footer p { font-size:9px; }
}

/*-------------------------------------------------------------------------------------*/
/* INDEX */

@media screen and (max-width: 1023px){
.index_project_area .index_project_list .project_item { width:50%; }
}

@media screen and (max-width: 767px){
.index_project_area .index_project_list { max-width:none; margin:0 -6px; }
}

@media screen and (max-width: 479px){
.index_project_area .index_project_more { position:static; padding:22px 0; }

.index_project_area .index_project_list { max-width:259px; margin:0 auto; }
.index_project_area .index_project_list .project_item { width:100%; }
}

/*-------------------------------------------------------------------------------------*/
/* ABOUT US */

@media screen and (max-width: 767px){
.about_us_content .about_us_photo_item { width:33.33%; }
}

@media screen and (max-width: 413px){
.about_us_content .about_us_photo_item { width:50%; }
}

/*-------------------------------------------------------------------------------------*/
/* EQUIPMENT && PROJECTS */

@media screen and (max-width: 1023px){
.project_content .project_cate_title { font-size:28px; }

.project_list .project_item { width:33.33%; }

.project_detail .project_detail_photo .large_photo .row_prev { left:-41px; }
.project_detail .project_detail_photo .large_photo .row_next { right:-41px; }
}

@media screen and (max-width: 767px){
.project_list { max-width:259px; margin:0 auto; }
.project_list .project_item { width:100%; padding:12px 6px; }
}

/*-------------------------------------------------------------------------------------*/
/* IMS POLICY */

@media screen and (max-width: 1023px){
.policy_content .policy_info { width:58%; }
.policy_content .policy_photo { width:40%; }
.policy_content .policy_cert_item { width:33.33%; }
}

@media screen and (max-width: 767px){
.policy_content .policy_info { width:100%; }
.policy_content .policy_photo { width:100%; }
}

@media screen and (max-width: 479px){
.policy_content .policy_cert_item { width:50%; }
}

/*-------------------------------------------------------------------------------------*/
/* CONTACT US */

@media screen and (max-width: 1023px){
.contact_us_content .contact_us_info { width:100%; }
.contact_us_content .contact_us_map { width:100%; }
.contact_us_content .contact_us_form { width:100%; }
.contact_us_content .contact_us_form .form_btn .btn { text-align:center; }
}

@media screen and (max-width: 767px){
.contact_us_content .contact_us_map iframe { height:280px; }
}

@media screen and (max-width: 479px){
.contact_us_content .contact_us_form .form_row { padding-left:0; }
.contact_us_content .contact_us_form .form_row .title { position:static; padding-bottom:6px; line-height:normal; }
}