@charset "UTF-8";







/*
tablet
================================================================*/



@media all and (max-width:1024px){
	#wrap{overflow:hidden}
	

  #footer .infoot .go_ban{position:relative; top:0; left:0; margin-bottom:10px; top:0;}
	
	
}
@media all and (max-width:1023px){

	#mobile_facet {display:block !important; visibility:visible !important;}
	
	body{overflow-y:scroll}
	img{max-width:100%}
	
	/* layout */
	#wrap{overflow:hidden;min-width:0}
	#header{display:none}
	#content{padding-bottom:30px;background-color:#fff}
	
	#Header_Wrapper{ margin-bottom: 0px; height: 70px;}
	#Header_Wrapper .side_menu {display:none;}
	
    .header_wrap  {   margin-bottom: 10px;   height: 70px; }
	
    #container {margin-top:-10px;}
	
	
	
	#container{margin:0 auto; width:100%;}
	#search{width:100%;}
	
	#container{margin-top:0px; }
	
	#banner_go{width:100%;  border-bottom:1px solid #d3d3d3;}
	.banner {height:108px; background:#fff; }
	
	.banner a .ico{ position:absolute;width:77px;height:65px; float:left; left:40%; }
	
	.book { float:left; position:relative;  width:100%;  background:#fff; border:1px solid #d3d3d3; border-top:none; padding:20px;}
    .book_list li{ width:25%;}

	
	.ad_box{float:none; width:100%;}
	.ad_box img{width:100%; height:100%; overflow:hidden;}



	
	.shortcut .insc{width:100%;padding:0}
	.shortcut .insc .row{margin:0}
	.shortcut .insc .row > div{height:auto;padding-bottom:10px}
	.shortcut .insc .row > div.line{border-right:0}
	.shortcut .insc ul{display:inline-block}
	.shortcut .insc .visit{margin-left:10px;vertical-align:top}
	
	
	.m_cont01 {width:100%; }
	.rda_book_txt{ height:145px; overflow:hidden;}
	.notice{ width:100%; }
	
	#library{display:none;}
	

	#footer{min-width:320px; background-color:#818181; margin-top:0}
	#footer .infoot{width:100%;height:auto;padding:15px 15px 19px 15px}
	#footer .infoot .copy_logo{ display:none !important;}
	#footer .infoot .address{display:block;height:auto;margin:0;font-size:12px;font-weight:normal;color:#fff;line-height:18px; padding-left:0px;}
	#footer .infoot .copy{display:block;height:auto;margin-top:7px;font-size:12px;color:#fff;line-height:18px;padding-left:0px;}
	#footer .infoot .foot_mark{display:none;}
	#footer .infoot .address .add_tel{display:block;line-height:22px;font-size:12px;color:#fff;padding-left:0px; font-weight:normal;}
	
	/* //layout */

	

	.mt_v{display:block;}
	.m_lmenu{display:block;}
	
	.rda_book {background:none;}
	
	.item span.original{display:none;}
	.item span.bigimg {display:block; max-width:1000px; height:266px; }
	
	
	.mt_v .mlogo{left:45%;}
	
	

	
	
}






@media all and (max-width:767px){
	#wrap{ min-width:320px;}
	#mobile_facet {display:block !important; visibility:visible !important;}
	.mobil_facet{display: none;}
	.banner>div:first-child{ border-bottom:1px solid #d3d3d3; }
    .banner>div:nth-child(2){ border-bottom:1px solid #d3d3d3; }
	
	.book_list li{width:33%;}
	
	.book_list li+li+li+li{display:none;}
	
	
	
	.m_cont01 > div { float:left; width:100%; height:220px; padding:20px 15px; border-bottom:1px solid #d3d3d3; }
	.m_cont01>div:nth-child(2){ border-bottom:none; }
	.rda_book01 .rda_book_img{ float:left; overflow:hidden; width:105px; height:145px; border:1px solid #d3d3d3; }
	.rda_book01 .rda_book_txt {float:left; width:70%;   padding-left:10px !important;}

	
	
	/* Main Section01 :IR */
	#main_sec01 .mtit_area{padding-bottom:26px}
	#main_sec01 .ir_graph{padding-left:0;padding-right:0;border-right:0}
	.ir_link em{font-size:12px;line-height:22px}
	.ir_link .row>div{margin:0}
	
	
	.qlink_wrap{position:static;padding:0;text-align:left; clear:both; overflow:hidden;}
	.qlink{width:100%;max-width:1020px;margin:0 auto}
	.qlink .row > div{margin:0; background:#fff; height:57%;}
	.qlink .row > div:first-child, .qlink .row > div:first-child + div + div{padding-right:0}
	.qlink .row > div:first-child + div, .qlink .row > div:first-child + div + div + div{padding-left:0}
	.qlink .row > div:first-child, .qlink .row > div:first-child + div + div{border-right:1px solid #d3d3d3}
	.qlink .row > div:first-child + div + div, .qlink .row > div:first-child + div + div + div{border-top:1px solid #d3d3d3}
	.qlink a{display:block}
	.qlink a .ico2{display:none;}
	.qlink a em{position:relative; display:none;margin-top:0;line-height:40px;padding:0 10px 0 15px;font-size:13px; color:#fff;}
	.qlink a em span{display:block;position:absolute;right:15px;top:50%;margin-top:-5px;width:7px;height:11px}
	.qlink a em span img{max-width:100%;vertical-align:top}
	.qlink a:hover, .qlink a:focus{color:#fff}
	.advice{display:none;}
	.m_advice{ display:block;line-height:57px;font-size:15px; color:#fff; font-weight:600; letter-spacing:normal;}
	.m_advice { background:url('../image/advice_bg.gif') ;}
	.row>div:nth-child(2){border-right:1px solid #d3d3d3; border-left:none;}
	.m_logo{ display:inline-block;line-height:40px;padding:0 10px 0 15px;font-size:13px; color:#000; width:155px;}
	.qlink{text-align:center; font-weight:500;}
	.qlink .row > div+div+div+div{ background:#fff;}


	.Link_site { display:none;}
	
	
	/* Main Section02 :Sustainability */
	#main_sec02 .row>div{}
	#main_sec02 .row>div{min-height:0px;margin:0px 0}
	#main_sec02 .row>div:first-child + div + div + div{clear:none}
	#main_sec02 .row>div:first-child + div + div, #main_sec02 .row>div:first-child + div + div + div + div{clear:both}


	/* Main Section03 :Products */
	#main_sec03>div{position:relative;padding:26px 0 64px}
	#main_sec03 .product_list{padding:0 15px}
	#main_sec03 .product_list h3{margin-top:11px;font-weight:bold;font-size:16px;line-height:24px;color:#252525}
	#main_sec03 .product_list p{margin-top:6px;padding-bottom:7px;line-height:20px;color:#555}

	
	.mt_v .mlogo{left:40%;}
	
	
	
	
}
@media all and (max-width:480px){

	.book_list li{ width:50%; margin:0; }
	.book_list li:last-child{ margin-right:8px;}

	
	
	.nav-tabs li { width:50%; height:48px; text-align:center; font-size:14px; font-weight:500;  }
	
	
	
	.keyword{ overflow:hidden; font-size:12px; letter-spacing:-0.025em;}
	
	.tab_book li a{ font-size:13px; font-weight:600; padding-left:0px; padding-right:15px; color:#000; text-align:center;}
	
	.banner a .ico{ position:absolute;width:77px;height:65px; float:left; left:30%; }
	.banner>div:first-child{ border-bottom:1px solid #d3d3d3; }
    .banner>div:nth-child(2){ border-bottom:1px solid #d3d3d3; }
	
	.m_cont01 > div {width:100%; height:220px; padding:20px 15px;  }
	.rda_book01 .rda_book_img{ float:left; overflow:hidden; width:105px; height:145px; border:1px solid #d3d3d3; }
	.rda_book01 .rda_book_txt { ;}
	
   

	.book_list .rda_book{width:60px !important;}
	.book_list .rda_book img{width:60px;height:78px !important;}
	
	.rda_book li { width:50%; height:100px; text-align:center;}
	.rda_book li img{ width:120px;  height:90px; display:none;}
	.rda_book li.s_book1 { background:url('../image/book_img01_s.png') no-repeat center;}
	.rda_book li.s_book2 { background:url('../image/book_img02_s.png') no-repeat center;}
	.rda_book li.s_book3{ background:url('../image/book_img03_s.png') no-repeat center;}
	.rda_book li.s_book4 { background:url('../image/book_img04_s.png') no-repeat center;}
	.rda_book li a {display:block; width:100%; height:100%;}
	
	
	
	.item span.original{display:block;height:266px;}
	.item span.bigimg {display:none;}
	
	.mt_v .mlogo{left:32%;}
	
}

@media all and (max-width:479px){

.rda_book01 .rda_book_txt { width:58%;}


}