@media only screen and (max-width: 640px) {
body{font-size:0.625em; line-height:16px;}
.sp_block{display:block;}

#wrapper{height:auto; border:none; background:none;}
#header{width:100%; height:50px; padding:0;}
.ch{background:none;}
#header #logoArea{width:65%; height:50px; text-align: eft;}
#header #frontier,#header #headerLink,#nav,#common-search{display:none;}
#header #logoArea{width:65%; height:50px; text-align:left;}
#header #logoArea img{width:auto; height:auto; max-height:50px; margin:0; padding:0; line-height:1;}
#header #btnArea{display:block; float:right; width:30%; text-align:right;}
#btnArea #menuArea,#btnArea #searchArea{float:right; width:50%; max-width:50px; height:50px; background:linear-gradient(to bottom, rgb(62,62,62) 0%,rgb(0,0,0) 100%),rgb(62,62,62); background-image:-webkit-linear-gradient(top, rgb(62,62,62) 0%, rgb(0,0,0) 100%); text-align:center;}
#btnArea #searchArea i, #btnArea #menuArea i{color:#ffffff; padding:12px 0 10px 0; font-size:24px; display:inline-block;}
#header #btnArea a{text-decoration:none;}
#btnArea #searchArea a{display:block; width:100%; height:100%; background:url("../images/bg_serch.gif"); background-repeat:no-repeat; background-position:50% 50%; background-size:100%; text-align:center;}
#btnArea #searchArea.current, #btnArea #menuArea.current{background:#393939;}
#spSearch{background:#393939; width:100%; padding:20px 0;}
#spSearch dl.search{width:92%; margin:0 auto; background-color:#ffffff; color:#888888; border-radius:20px; position:relative;}
#spSearch dl.search dt{padding:8px 5px;}
#spSearch dl.search dt input{width:95%; height:25px; line-height:25px; border:none;}
#spSearch #serchbtn{position:absolute; top:4px; right:10px;}
#spSearch dl.search dd{width:16%; display:block; border:none; position:absolute; top:0; right:0;}
#spMenu{color:#ffffff; font-weight:bold;}
#spMenu ul{text-align:left; color:#ffffff; font-size:16px; text-align:left;}
#spMenu li{border-bottom:solid 1px #010101; background:#393939; letter-spacing:0.1em;}
#spMenu li i{position:absolute; top:35%; right:0;}
#spMenu li a{display:block; width:92%; margin:0 auto; padding:10px 0; color:#ffffff; position:relative; text-decoration:none;}
#contents #spMenu a:link, #contents #spMenu a:visited, #contents #spMenu a:hover, #contents #spMenu a:active{text-decoration:none; color:#ffffff;}

.ba_top{padding:8px 3%; box-sizing:border-box;}
#banner{width:96%; padding-left:2%; padding-right:2%;}
.kyocera_smcp{width:294px; float:none; margin:0 auto;}
.kyocera_smcp.lm10{margin-top:10px;}
.tel_ti{float:none; width:310px; margin:0 auto; margin-top:10px;}
.kyocera_hotline,#sitemap #banner{width:auto; padding-left:15px;}
.kyocera_hotline .kyocera_w240{padding-top:15px;}
.kyocera_hotline .kyocera_w390{width:100%; padding-top:15px;}
#sitemap #banner .kyocera_w395,#sitemap #banner .kyocera_w240,#sitemap #banner .kyocera_w390{width:100%; padding-top:20px;}
.footer_lz,.footernavi{width:auto; padding:0 5px; font-size:1.2em;}
.footernavi-bg{height:auto;}
.footer_ul li{width:75px;}
.footernavi .right{float:left;}

.index_new{ width:auto; float:none;}
.shanghai{float:none; width:259px; margin:0 auto;}
.ba_title{width:100%; height:auto; font-size:1.2em; padding:0;}
/*index end*/
.car1{float:none; text-align:center;}
.car2{float:none; padding:0; text-align:center; margin-top:15px;}
.car3{float:none; padding:0; text-align:center; margin-top:15px;}
.car_tu{width:100%; max-width:460px;}
/* */
.elec1{float:none; text-align:center;}
.elec2{float:none; padding:0;}
.elec3{float:none; margin-top:15px;}
.elec4{float:none; text-align:center; margin-top:15px;}
.elec5{float:none; text-align:center;}
.elec6{float:none; padding:0; text-align:center; margin-top:15px;}
/* */

/* -----------------------------------------------------------------
	services css
----------------------------------------------------------------- */
.services_left{width:96%; float:none; margin:0 auto;}
.services_title{height:35px; font-size:18px; line-height:35px; padding-left:10px;}
.services_left10{padding-left:0;}
.services_f16{font-size:14px; line-height:22px;}
.services_shell{width:100%; float:none;}
.services_f14{font-size:12px; line-height:20px;}
.services_h4{font-size:16px;}
.services_right_z{display:none;}
.services_right_zsp{display:block; width:90%;margin:30px auto 0 auto;}
.services_right_sp{ padding:8px;  background:#DEDFE1; display:block;}
.services_right_sp h3{font-size:16px; line-height:22px; padding:0 0 5px 2px;}
.services_right_sp ul{width:auto; border:#CECFD0 1px solid; background:#FFF;}
.services_right_sp ul li.services_li{height:20px; font-size:14px; padding:7px 0 7px 8px; display:block; background:#F9F9F9; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DEDEDE', GradientType='0'); background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 20%, #DEDEDE 100%);background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(20%, #FFFFFF), to(rgb(222, 222, 222))); cursor:default;}
.services_right_sp ul li img{vertical-align:middle; margin-right:10px;}
.services_right_sp ul ul{border:none;}
.services_right_sp ul ul li a{height:auto; color:#333; font-size:12px; line-height:18px; padding:5px 20px; display:block; border-bottom:#CECFD0 1px solid; background:#F9F9F9;}
.services_right_sp ul ul p{width:252px; height:26px; line-height:26px; font-size:13px; color:#808080; padding-left:10px;}

/* -----------------------------------------------------------------
	build css
----------------------------------------------------------------- */
.build_up dd{padding-right:15px;}
.build_up dd img{width:130px;}
.build_f18{font-size:16px;}
.build_img img{width:100%; max-width:500px;}

/* -----------------------------------------------------------------
	amb css
----------------------------------------------------------------- */
.amb_cross{width:100%; padding:15px 0 0 0;}
.amb_dl{padding:20px 0 0 0; width:200px; margin:0 auto;}
.amb_dl dt{float:none;}
.amb_dl dt img{width:200px;}
.amb_dl dd{float:none; padding:10px 0 10px 85px;}
.amb_dl dd img{width:30px;}

/* -----------------------------------------------------------------
	millimeter css
----------------------------------------------------------------- */
.millimeter_img{width:295px;}

/* -----------------------------------------------------------------
	mic css
----------------------------------------------------------------- */
.mic_ph{width:100%; font-size:12px;}
.mic_ph td{padding:5px;}


/**/
.mimic{margin-left:145px;}
.mimic_flp{padding:0; margin-left:2px;}
/**/



.sensor_cc1{float:none}
.sensor_cc2{float:none; padding:0; margin-top:10px;}


.kyocera_mail a{font-size:14px; margin-top:12px; margin-left:10px;}



}