@media screen and (min-width : 641px ){
body {
width:995px;margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
a{ color:3366CC;}
a:hover{ text-decoration:none;}
#header{width:995px; height:90px; margin:0 auto;}
#logo{ float:left; width:700px;}
#search{ float:left;}
#nav{ width:990px;clear:both; background-image:url(https://www.chargeurdepcportable.fr/images/nav_bg.jpg); height:45px; margin:0; padding-left:5px;}
#nav li{ float:left; list-style:none; height:45px; line-height:45px; overflow:hidden; background:url(https://www.chargeurdepcportable.fr/images/nav_1.jpg) right top no-repeat;}
#nav a{ color:#FFFFFF; font-weight:bold; display:block; padding:0px 8px; text-decoration:none;}
#nav a:hover{ text-decoration:underline;}
#top_search{width:990px; color:#DD5B2A; background-image:url(https://www.chargeurdepcportable.fr/images/link_bg.jpg); height:28px; line-height:28px; padding-left:5px; clear:both;}
#top_search a{ color:#DE5C2B;}
#ads{ padding-left:7px;}
/**********left***********************/
#left{ width:735px; float:left; margin-top:3px; margin-bottom:30px;}
.hr{ height:1px; border-bottom:1px solid #E67235; margin-bottom:5px;}
#path{ width:727px; height:23px; line-height:23px; background:url(https://www.chargeurdepcportable.fr/images/title_bg.jpg); border:1px solid #A0A0A0; color:#585858; padding-left:8px; font-size:11px;}
#path a{color:#585858;}
#path a:hover{ text-decoration:none;}
.product{ width:735px; border-left:1px solid #A0A0A0; border-right:1px solid #A0A0A0; border-bottom:1px solid #A0A0A0;}
.product_img{ float:left; width:250px; text-align:center; padding:0;}
.product_info{ float:left; width:475px; padding-left:5px; line-height:130%;}
.product_info p{ border-bottom:1px dashed #ccc; padding-bottom:6px;}
.product_spec{ float:left; width:295px;line-height:130%;}
.price{float:left; width:155px; padding-left:5px; padding-top:10px; padding-bottom:20px; background-color:#F7F7F7; margin:0 10px 0 10px;}
.price2{ color:#FF0000; font-size:15px; display:block;}

.price b span{ font-size:19px;}
.price img{ padding-bottom:10px;}
h1{ color:#DD5E2B; font-size:15px; line-height:130%;}
h2{ color:#DD5E2B; font-size:13px; border-bottom:2px solid #9FA1A0; clear:both;}
.clear{ clear:both;}
.spec{ width:100%; line-height:140%;}
.spec p{ line-height:140%;}
.spec img{  margin-bottom:15px;}
.table_spec {width: 100%; border-color: #FFF; border-style: solid; border-collapse: collapse;border-width: 2px 2px 0 2px; margin-top:10px; margin-bottom:20px; border-left:1px solid #CCC; border-right:1px solid #CCC;border-top:1px solid #CCC;}
.table_spec th, .table_spec td {padding: 4px; text-align: left; vertical-align: middle; border: 1px solid #CCC;}
.title {font: bold 14px Arial, Helvetica, sans-serif;}
.table_spec th {width: 26%; color: #555; font-weight: bold; padding-left: 20px; }
ul.ul_model{
width:730px;
list-style:none;
margin:0; padding:0;
}

ul.ul_model li{
 width:33.33%;
 font-size:11px;
 line-height:20px;
 vertical-align:middle;
 float:left;
}


#right{ float:left; width:240px; margin-left:15px; margin-top:10px; border:2px solid #BEBEBE;}
.right_title{ height:23px; width:240px; background-image:url(https://www.chargeurdepcportable.fr/images/nav_right_bg.jpg); line-height:23px; text-align:center; color:#FFFFFF; font-weight:bold; clear:both;}
.right_li{ margin:0; padding:0;}
.right_li li{ padding:3px 0 5px 0; margin-left:20px; border-bottom:1px dashed #ccc; display:block; height:20px;}

.hot b a{ color:#DD5E2B; text-decoration:none;}
.hot b a:hover{ text-decoration:underline;}
.hot p{ display:block; float:left; width:160px; margin:0; padding-left:5px; padding-right:5px; clear:right;}
.hot img{ width:70px; float:left; clear:left; margin-bottom:3px;}
.hot{clear:both;font-size:11px; line-height:120%; color:#666666; padding-bottom:5px;}
hr{border-top: 1px dashed #999999;height: 1px;color: #FFFFFF;margin: 5px 0px; clear:both; padding:0 3px;}

/*************footer**********************/
#footer{ border-top:2px solid #999; clear:both; padding:0;width:995px;}
#footer dl{float: left; width:160px; padding:10px 25px; margin:0; font-size:11px;background-color:#DD5B2A; border-right:1px solid #fff;}
#footer dt{margin:0px; padding:0px;color:#FFF; font-weight:bold; text-decoration:none; font-size:12px;}
#footer dd{ margin:0px; padding:1px; color:#FFFFFF; line-height:130%;}
#footer dd a{border: 0;font-size: 11px;color:#FFF; text-decoration:none;}
#footer dd a:hover{ text-decoration:underline;}
.info_web{ width:995px; background-color:#DD5B2A; height:120px; margin:2px 0 0 0;}
.footer_img{ height:100px; background-image:url(https://www.chargeurdepcportable.fr/images/footer_bg.jpg); background-position:bottom; background-repeat:repeat-x; width:995px; text-align:center;}
#footer p{ text-align:center; color:#999; line-height:130%;}

/*********************brand**********************/
.list{ width:715px; float:left; margin-top:3px; margin-bottom:30px; border:1px solid #A0A0A0; padding:10px; margin:0;}
.list p{ line-height:130%;}
.list_part{width:715px; margin:0; padding:2px; list-style:none;} 
.list_part li{width:33.3%; float:left; padding:6px 0px;}
/***************index***********************/

#left_index{ width:224px; border:2px solid #BCBCBC; float:left;}
.left_title{ width:206px; border-left:1px solid #BCBCBC; border-right:1px solid #BCBCBC; background:url(https://www.chargeurdepcportable.fr/images/bg_title.jpg)  repeat-x; height:24px; margin:3px; padding-left:10px; padding-top:10px; font-size:13px; color:#FFFFFF; font-weight:bold;}
#left_index ul{ margin-left:0px; list-style:none; padding:0 18px;}
#left_index li{ padding:1px 0; border-bottom:1px solid #dddddd; height:23px; line-height:23px;}
#left_index li b a{ font-size:13px;}
#left_index li a{ text-decoration:none; color:#000000;}
#left_index li a:hover{ text-decoration:underline;}
#center_index{ width:560px; float:left; padding-left:10px; line-height:130%; padding-bottom:20px;}
#center_index h1{ font-size:15px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
.brand { padding:0; margin:0;}
.brand li{ float:left; list-style:none; width:175px; margin:0; padding:0 10px 20px 0; height:180px}

#right_index{ width:180px; float:left; margin-left:10px;border:2px solid #BCBCBC;}
.right_title1{ width:164px; border-left:1px solid #BCBCBC; border-right:1px solid #BCBCBC; background:url(https://www.chargeurdepcportable.fr/images/bg_title.jpg)  repeat-x; height:27px; margin:3px; padding-left:6px; padding-top:7px; font-size:13px; color:#FFFFFF; font-weight:bold;}
.hot_index b a{ color:#DD5E2B; text-decoration:none;}
.hot_index b a:hover{ text-decoration:underline;}
.hot_index p{ display:block;  margin:0; padding-left:5px; padding-right:5px; clear:right;}
.hot_index img{ width:70px; float:left; clear:left; margin-bottom:3px; text-align:center;}
.hot_index{clear:both;font-size:11px; line-height:120%; color:#666666; padding-bottom:5px;}
.abou li{ padding-bottom:15px;}
.brand_index{ margin:0; padding:0; clear:both;}
.brand_index li{ float:left; list-style:none; padding:5px 15px 0 15px; height:100px; width:150px;}
}
@media screen and (max-width : 640px ){	
body {
margin:0 auto; font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#logo img{
background-size:contain|cover;
width:100%;
height: auto;
}
.phone_pic{
background-size:contain|cover;
width:100%;
height: auto;
}
.spec_img{max-width: 100%;
            max-height: 100vh;
            margin: auto;}
a{ color:3366CC;}
a:hover{ text-decoration:none;}	
#cse-search-box{ background-color:#DD5E2B; width:98%; height:40px;  line-height:100%; padding-left:5px;}
.phone_n{ display:none;}	
#nav{display:none;}	
#path{ padding-left:5px;}
#path a{ font-size:13px; line-height:130%;}
#path a:hover{ text-decoration:none;}
#top_search{display:none;}
#left_index{display:none;}
#center_index{ padding-left:10px; line-height:130%; padding-bottom:20px;}
#center_index h1{ font-size:15px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
#right_index{ display:none;}
 
.product_img{  text-align:center; padding:0;}
.product_info{ padding-left:5px; line-height:130%;}
.product_info p{ border-bottom:1px dashed #ccc; padding-bottom:6px;}
.product_spec{ float:left; line-height:130%;}
.price{ padding-left:5px; padding-top:10px; padding-bottom:20px;  margin:0 10px 0 10px; clear:both;}
.price2{ color:#FF0000; font-size:15px; display:block;}

.price b span{ font-size:19px;}
.price img{ padding-bottom:10px;}
h1{ color:#DD5E2B; font-size:15px; line-height:130%;}
h2{ color:#DD5E2B; font-size:13px; border-bottom:2px solid #9FA1A0; clear:both;}
.spec{ padding-left:5px;}
.table_spec {width: 100%; border-color: #FFF; border-style: solid; border-collapse: collapse;border-width: 2px 2px 0 2px; margin-top:10px; margin-bottom:20px; border-left:1px solid #CCC; border-right:1px solid #CCC;border-top:1px solid #CCC;}
.table_spec th, .table_spec td {padding: 4px; text-align: left; vertical-align: middle; border: 1px solid #CCC;}
.title {font: bold 14px Arial, Helvetica, sans-serif;}
.table_spec th {width: 26%; color: #555; font-weight: bold; padding-left: 20px; }
ul.ul_model{
width:100%;
list-style:none;
margin:0; padding:0;
}

ul.ul_model li{
 width:50%;
 font-size:11px;
 line-height:20px;
 vertical-align:middle;
 float:left;
}
#right{ display:none;}

#footer{ border-top:2px solid #999; clear:both; padding:0; }
.footer_img{ text-align:center;}
#footer p{ text-align:center; color:#999; line-height:130%;}

.list{ margin-top:3px; margin-bottom:30px; border:1px solid #A0A0A0; padding:10px; margin:0;}
.list p{ line-height:130%;}
.list_part{width:95%; margin-top:10px; color:#000066; height:auto;overflow:hidden;}
.list_part {color: #333333;list-style:none;margin:10px 0px 0px 0px;padding:10px 0px 0px 0px; }
.list_part li{ float:left;font-size:1.2em; width:100%; text-align:left; background:#CCCCCC; margin-top:5px;border-radius:0.5em;}
.list_part li a{ float:left;color:#FFFFFF;text-decoration:none; width:93%; padding:10px; border-radius:0.5em;background:url(images/more.png) no-repeat center right;}
.list_part li:hover{ background:#666666;}
.brand_index{ margin:0; padding:0; clear:both;}
.brand_index li{ float:left; list-style:none; padding:5px 5px 0 5px; height:100px; width:45%;}
 .brand { padding:0; margin:0;}
.brand li{  margin:0; padding:0 10px 20px 0; }
	}