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

/*-------------------------------------------------*/
/*---------------Responsive ------------------ */

@media only screen  and  (max-width: 1198px) {
/*-----------------------------------------------------*/
/*----------------------Grid System----------------*/ 
.hs_content { width:96%; padding:0 2%;}
.hs_content_noover { width:90%; height:500px;}

/*  index  */
#owl-demo .item img { width:100%;}
.all_title_01 { padding:22px 0;}
/* top */
.left50,
.right50 { padding: 1% 0;}
.left50 { width:56%;}
.right50 { padding: 35px 0 0 0%; width: 44%; }
/* news */
.news_box,
.photo_view,
.view-first img,
.photo_view .mask,
.photo_view .content { width:100%;}
.photo_view { width:31%; margin: 1%;}
/* custom */
.custom_view { width: 23%; margin: 0 1% 4% 1%;}
/* news */
.view { width:31%; padding:0; margin:1%; border:none;}
.view .mask, .view .content { width:100%;}
/* product */
.paper_product_chooce ul,
.paper_product_chooce a { width:100%;}
.paper_product_chooce li { width:19%;}
/*product_detail*/
.paper_product_h2 .p_t_le { width:0%;}
.paper_product_h2 .p_t_ri { width:100%;}
.product_box .p_de_le { width:680px; border:none; margin:0 auto; padding:0;}
.product_box .p_de_ri { width:100%; border:none; margin:5% auto 0 auto; padding:0;}
ul.box_p_info li span { width:auto}
ul.box_p_info li em {  width:auto;}
ul.box_p_info,
.product_box .p_de_ri p { margin: 2% auto;}
.product_box .p_de_ri p { height:150px;}
}
@media only screen  and  (max-width: 1150px) {
/*  index  */
.all_title_01 .boder02 { width:80%;}
.all_title_01 .boder01, .all_title_01 .boder03 { border:none; width:10%;}
/* index news box */
ul.index_news_box a { font-size:15px;}
.index_box_news .box_ri a img { width:100%; margin-bottom:3%;}
/*-------------------------------------------------*/
/*-------------------Footer----------------------*/
/* all bottom box */
.box_bottom .box_le { width:44%;}
.box_bottom .box_ri { width:54%;}
}
@media only screen  and  (max-width: 1024px) {
/* top */
ul.logo li.le_02 { display:none;}
.left50 { width:48%;}
.right50 { width:52%; padding-top:30px; }
.photo_view { height:230px;}
/* news */
.news_box { width:100%;}
/* install */
.install_ps .ps_le,
.install_ps .ps_ri { width:98%;}
}
@media only screen and (max-width: 959px) {
/*-----------------------------------------------------*/
/*----------------------Grid System----------------*/ 
.hs_content_noover { width:80%;}

/* banner */
.banner_t, 
.banner_b { height:10px;}

/* index news box */
ul.index_news_box { height: auto;}
.index_box_news .box_le h1 { background: none;}
.index_box_news .box_le h1 img { width:100%;}
/*-------------------------------------------------*/
/*-------------------Footer----------------------*/
/* all bottom box */
.f_le_top_li01,
.f_le_top_li02 {}
.box_bottom .f_le_bottom { width:65%; float:right;}
.f_le_top_li02 p { margin-bottom:3%;}
.box_bottom .box_le { width:56%; padding:1%; margin:2% 0;}
.box_bottom .box_ri { width:40%; padding:1%; margin:2% 0;}
.box_bottom .box_ri li.f_r_p_01,
.box_bottom .box_ri li.f_r_p_02 { width:100%; border:none; }
/* news */
.photo_view { width:48%; margin: 1%;}
/* custom */
.custom_view { width: 31%; margin: 0 1% 4% 1%;}
/* product */
.paper_product_chooce li { width:22%; margin:1%;}
}
@media only screen and (max-width: 768px) {
ul.logo li.le_02 { display:block;}
.left50,
.right50 { width:100%; padding:1% 0 2% 0; }

/* index about box */
.index_box_video .box_le,
.index_box_video .box_ri { width:100%; padding:1% 0;}

/* index news box */
.index_box_news .box_le h1 { margin:2% auto;}
.index_box_news .box_le h1 img { width:80%;}
.index_box_news .box_le { width:98%; padding:1%;}
.index_box_news .box_ri { width:100%; margin:0; padding:1% 0;}
.index_box_news .box_ri a { width:50%; display:inline-block; float:left;}
.index_box_news .box_ri a img { padding:0; margin:0;}
/*-------------------------------------------------*/
/*-------------------Footer----------------------*/
/* all bottom box */
.box_bottom .hs_content { display:none;}
.box_bottom .foot_rwd { display:block; float:left; width:100%;}
.box_bottom .f_le_bottom { width:100%; text-align:center; float:right;}
}
@media only screen  and  (max-width: 640px) {
.all_title_01 { background-position-y:-30px;}
.all_title_01 .boder01,
.all_title_01 .boder03 { width:10%;}
.all_title_01 .boder02 { width:80%; margin: 0 auto;}
.all_title_01 .boder02 img { width:100%;}
ul.logo li.le_02 { display:none;}
.index_box_news .box_le h1 { width:90%;}
/* custom */
.custom_view { width: 48%; text-align:center;}
.custom_view h6 { background-position-x:center;}
/* contact */
.box_cont_top01 li.form_le, .box_cont_top02 li.form_le,
.box_cont_top01 li.form_ri, .box_cont_top02 li.form_ri,
.map_le,.map_ri { width:98%; padding:0; margin:0;}
/* news */
.view { width:48%;}
/* product */
.photo_view { height:auto; padding-bottom:50px;}
.view-first img { height:220px;}
.photo_view a.info { margin:20% auto;}
.paper_product_chooce li { width:47%; margin:1%;}
/*product_detail*/
.product_box .p_de_le { width:100%;}
.product_box .p_de_ri p { height:auto; overflow:visible;}
ul.box_p_info li span { width:13%}
ul.box_p_info li em {  width:87%;}
.ban { width:98%; padding:1%;}
.ban2 {}
.ban2 ul {}
.ban2 ul li {}
.ban2 ul li img { width:100%}
/* photo */
.photo_view .mask,
.photo_view .content { height:auto;}
}
@media only screen  and  (max-width: 570px) {
/*product_detail*/
.product_box .p_de_le { width:100%;}
ul.box_p_info li span { width:15%}
ul.box_p_info li em {  width:85%;}
.next1,
.prev1 { top:45%;}
.ban { width:98%; padding:1%;}
.ban2,
.ban2 ul li,
.ban2 ul li img { width:535px; height:400px;}
}
@media only screen  and  (max-width: 480px) {
/* all deit_box */
.deit_box {}
.deit_box * { font-size:15px; line-height:24px;}
.deit_box img { width:100%; height:auto;}
/* top + menu */
.top_link li.rwd_m_li_no { display:none;}
#cssmenu ul li.rwd_m_li_yes { display:block;}
/* index news box */
.index_box_news .box_ri a { width:100%;}
/* news */
.photo_view { width:98%; margin: 1%;}
.view { width:98%;}
/* custom */
.custom_view { width: 98%; text-align:center;}
.custom_view span { height: auto;}
/* install_view */
.install_view span { width:90%; margin:0px 5%;}
.install_view span img { width:50%;}
.install_ps .ps_le img { width:auto;}
/* product */
.photo_view a.info { margin:25% auto;}
/*product_detail*/
ul.box_p_info li span { width:18%}
ul.box_p_info li em {  width:82%;}
.ban2,
.ban2 ul li,
.ban2 ul li img { width:450px; height:336px;}
}
@media only screen  and  (max-width: 425px) {
ul.logo li.le_01 { width:96%; padding:0 2%:}
ul.logo li.le_01 img { width:100%;}
/*product_detail*/
.ban2,
.ban2 ul li,
.ban2 ul li img { width:400px; height:298px;}
}
@media only screen  and  (max-width: 375px) {
/* product */
.paper_product_chooce li { width:98%; margin:1%;}
/*product_detail*/
ul.box_p_info li span { width:24%}
ul.box_p_info li em {  width:76%;}
.ban2,
.ban2 ul li,
.ban2 ul li img { width:350px; height:260px;}
a.p_go, a.p_prev { width:100%; margin:2% 0;}
}
@media only screen  and  (max-width: 360px) {
/*product_detail*/
.ban2,
.ban2 ul li,
.ban2 ul li img { width:338px; height:251px;}
}
@media only screen  and  (max-width: 320px) {
/*product_detail*/
.ban2,
.ban2 ul li,
.ban2 ul li img { width:302px; height:224px;}
}