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

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

@media screen and (max-width: 1220px){
#wrap { min-width:100px; }
#wrap .container { width:100%; }

#top .logo { width:247px; }
#top .toolbar { padding-right:10px; }
#top .menu_area { width:auto; padding-right:0; /*margin-right:-13px;*/ margin-right:10px; min-width: 632px;}

#main .right_side { width:calc(100% - 229px); }
}

@media screen and (max-width: 999px){
/* desktop to ipad */
#top .logo { width:237px; padding:12px 0 12px 10px; }
#top .toolbar { width:calc(100% - 257px); padding-top:8px; padding-bottom:0;padding-left: 0px; }
#top .mobile_btn { display:block; }

#top .menu_area { display:none; position:absolute; left:0; top:90px; width:100%; min-width:0px; height:auto; padding:0; background-color:#ffffff; border-bottom:1px solid #ededed; transition:none; }
#top ul.menu_list { text-align:left; }
#top ul.menu_list > li { display:block; margin:0; }
#top ul.menu_list > li:before, 
#top ul.menu_list > li:after { display:none !important; }

#top ul.menu_list > li > span { padding:12px 35px !important; border-top:1px solid #ededed; position:relative; }
#top ul.menu_list > li > a.lv1 { padding:12px 35px !important; border-top:1px solid #ededed; position:relative; }
#top ul.menu_list > li.dropdown > span:after { position:absolute; right:25px; top:12px; width:20px; font-family:'FontAwesome'; text-align:center; }
#top ul.menu_list > li.dropdown > span:before { position:absolute; right:25px; top:12px; width:20px; font-family:'FontAwesome'; text-align:center; }
#top ul.menu_list > li.dropdown > span:after { content:"\f105"; }
#top ul.menu_list > li.dropdown > span:before { content:"\f107"; display:none; }
#top ul.menu_list > li.dropdown > span.open_dropdown { color:#ff6699; }
#top ul.menu_list > li.dropdown > span:hover:after, 
#top ul.menu_list > li.dropdown > span.open_dropdown:after { display:none; }
#top ul.menu_list > li.dropdown > span:hover:before, 
#top ul.menu_list > li.dropdown > span.open_dropdown:before { display:block; }

#top .dropdown_area { position:relative; top:0; width:100%; padding:0 30px; background:none; border:none; border-top:1px solid #ededed; }
#top .dropdown_area p { padding:0; border-top:1px solid #ededed; }
#top .dropdown_area p:first-child { border:none; }
#top .dropdown_area ul,
#top .dropdown_area ol,
#top .dropdown_area li { padding:0 !important; }
#top .dropdown_area p+ul,
#top .dropdown_area p+ol,
#top .dropdown_area li { border-top:1px solid #ededed; }
#top .dropdown_area li:first-child { border:none; }
#top .dropdown_area p, #top .dropdown_area a { display:block; padding:12px 20px !important; }
#top .dropdown_area p.menu_all_prd { padding:0 !important; margin: 0px !important;}
}

@media screen and (max-width: 767px){
/* ipad to iphone 6 plus */
#top .logo { width:167px; padding:10px 0 10px 10px; }
#top .toolbar { float:left; width:calc(100% - 225px); padding-top:20px;  padding-left: 0px;}
#top .toolbar a { display:none; }
#top .toolbar a.lang { display:inline-block; zoom:1; *display:inline; margin-left:4px; }
#top .mobile_btn { padding-top:16px; padding-right:0; }

#top .menu_area { top:66px; }

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

@media screen and (max-width: 479px){
/* below iphone 6 plus */

}

@media screen and (max-width: 374px){
/* below iphone 6 */
#top a.onLang { display:none !important; }
}

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

@media screen and (max-width: 1220px){
.index_explore_list .index_explore_item { width:20%; max-width:228px; }

.index_about_us_desc { width:calc(100% - 360px);}
}

@media screen and (max-width: 999px){
.index_explore_list { max-width:700px; margin:0 auto; }
.index_explore_list .index_explore_item { /*width:33.33%;*/ width:50%;}

.index_about_us_title {width:calc(100% - 20px); padding-left: 20px;}
.index_about_us_desc { width:calc(100% - 380px); padding-left: 20px;}
}

@media screen and (max-width: 767px){
/*.index_explore_list { margin:0 -5px; }*/
.index_explore_list .index_explore_item { padding:12px 13px; }
.index_explore_list .index_explore { padding:0 8px; }
.index_explore_list .index_explore_name { margin:0 -8px; }

.index_about_us_desc { width:calc(100% - 40px); padding-bottom:20px; padding-left: 20px; padding-right: 20px;}
.index_about_us_photo { width:100%; }
}

@media screen and (max-width: 479px){
.index_explore_list .index_explore_item { padding:12px 3px; }
.index_explore_list .index_explore { padding:0 8px; }
.index_explore_list .index_explore_name { font-size:14px; }
}

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

@media screen and (max-width: 999px){

.profile_photo_list .profile_photo { width:50%; max-width:50%; }
}

@media screen and (max-width: 767px){

}

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

.factory_photo_list { padding:0;}
.factory_photo_list .factory_photo { float:none; width:100%;}
.factory_photo_list .photo_block { display: block; width:100%; }
.factory_detail_list .detail_row {display: block; padding-top: 10px;}
.factory_detail_list .detail_row label{ display: block; float: none; width:100%; line-height: 26px; font-weight: bold;}
.factory_detail_list .detail_row span{ display: block; float: none; width:100%; line-height: 26px;}

.contact_us_content .detail_row {display: block; padding-top: 10px;}
.contact_us_content .detail_row label{ display: block; float: none; width:100%; line-height: 26px; font-weight: bold;}
.contact_us_content .detail_row span{ display: block; float: none; width:100%; line-height: 26px;}

}