@charset "utf-8";

/*----#AD_main----*/
#home_header{width:920px; margin:20px auto; margin-bottom:40px; }
#AD_cent{width:920px; height:348px; margin-bottom:20px;overflow:hidden;}
#AD_cent .leftBox{width:664px; border:#fff solid 0px; overflow:hidden; float:left; height:348px;}
#AD_cent .rightBox{width:254px; overflow:hidden; float:right; height:348px;}

#AD_cent .rightBox{}
#AD_cent .rightBox #slider02{}

#AD_cent .leftBox #slider01 li,#AD_cent .rightBox #slider02 li{
	height:331px;
	overflow:hidden;
	}

#AD_cent .leftBox #slider01 li{
	width: 660px;
	background-color: #FFF;
}


#AD_cent .rightBox #slider02 li{
	width:250px;
	padding:0px; 
	}

#AD_cent2{width:920px; height:144px; margin-bottom:10px;overflow:hidden;}
#AD_cent2 #slider03 li{
	width:305px;
	height:143px;
	padding:0px 0px 0px 1px; 
	overflow:hidden;
	float:left;
	}
	
#AD_cent4{width:920px; height:88px; margin-bottom:10px;overflow:hidden;}

#AD_cent4 #slider04 li{
	width:100%;
	}

#AD_cent4 #slider04 li{
	width:228px;
	height:88px;
	padding:0 0 0 0; 
	overflow:hidden;
	float:left;
	}




.adB-Box{width:250px;border:#ccc solid 1px;}	
.leftBox .adB-Box{width:660px;border:#ccc solid 0px; height:329px;}	
.topIMG{border-bottom:#ccc solid 1px;}	
.topCenter{padding-bottom:1.5em; text-align:center}
.topCenter a{text-decoration:none;}
/*#AD_cent .rightBox #slider02 li img{
	width:250px;
	padding:0px; 
	overflow:hidden;
	border-bottom:#ccc solid 1px;
	
	}
#AD_cent .rightBox #slider02 li img.noFig{
	width: auto;
	border-bottom: none;
	
	}*/


.exInfo{
	width:55%;
	margin:0 auto;
	margin-bottom:2em;
	padding:1.5em 1.5em 0.5em 1.5em;
	border: 1px #CCCCCC solid;
	border-radius: 10px;/* CSS3草案 */  
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;/* Firefox用 */
	overflow:hidden;
	clear:both;
}

.exInfo .center{ text-align:center;}
.exInfo p{margin-bottom:0.7em;}
.exInfo p.title{ color: #930; font-weight:bold; text-align:center; margin-bottom:1.2em;}

.exInfo-ex{
	background-image: url(../../info/public/img/exhibition/topex00.png); background-repeat:no-repeat; width:560px; height:110px; margin:0 auto;}


.exInfo-ex .lbox{float:left; padding:15px 0 0 15px;}

.exTs{font-size:0.8em; color:#C00; margin-bottom:0.6em;}
.exT{font-weight:bold; font-size:2em; color:#C00; margin-bottom:0.3em;}
.exI{margin-bottom:0.2em;}


.exInfo-ex .rbox{float:right; padding:15px 20px 0 0 ;}

.exInfo-ex .btn{
	margin-bottom:0.5em;
	border: #FFC0CB 1px solid;
	color:#C33; 
	font-weight:bold; 
	padding:0.5em 1em; 
	background:#666; 
	text-align:center;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	cursor:pointer;
	background: linear-gradient(#FDD, #FDD);  
}

.exInfo-ex .btn a{ text-decoration:none;color:#C33; }

.exInfo-ex .btn a:hover{color:#C33; }


.exInfo-notice{
	margin:0 auto 30px;
	width:600px;
	}
.exInfo-notice p{
	padding:1em;
	text-align:left;
	}

.exInfo-notice .title{
	color:#900;
	font-weight:bold;
	text-align:center;
	padding-bottom:0;
	}


/*----partner----*/

#partner_cnt{ width:100%; overflow: hidden; margin-bottom:4em; }
#partner_cnt .title{ color:#aaa; text-align:center; font-weight:bold; font-size:0.9em; margin-bottom:3px;}

/*#partner_cnt li{ float:left; text-align:center; font-size:11px;}
#partner_cnt li.end{ float:right; margin-right:0;}*/

#partner_cnt a{color:#666; text-decoration:none;}
#partner_cnt a:link{color:#666;}
#partner_cnt a:visited{color:#666;}
#partner_cnt a:hover{color:#77a;} 

ul.brand{
	overflow:hidden;
	margin-bottom:0.5em;
	}
.brand li{
	float:left;
	text-align:center;
	font-size:0.8em;
	width:16%;
	margin: 0 0.3%;
	}

.brand li img{
	border:#CCC solid 1px;
	padding:2px 9px;
	}


.clearfix:after {
    content:'';
    display:block;
    clear:both
    }


/*----bannerLay----*/
#bannerLay{ width:920px; margin-bottom:20px; overflow:hidden}
#bannerLay ul{ clear:both}
#bannerLay li{ float: left; margin-right:2px}
#bannerLay li.end{ margin-right:0px}

#bannerLay .up li{margin-right:4px; float: left;}

#bannerLay .down4 li{margin-right:4px; float: left;}

/*----homeMenu----*/

#homeMenu{}
#homeMenuLEFT,#homeMenuRIGHT{}

#homeMenuLEFT{float:left; width:690px;}
#homeMenuRIGHT{float:right; width:192px;}

/*----homeMenuLEFT----*/
#homeMenuLEFT #pMENU .list3, #pMENU .list4{clear:both}
#homeMenuLEFT #pMENU .list3 li, #pMENU .list4 li{ float:left;}


#pMENU,#sMENU,#service,#info{ margin-bottom:4em;}

#pMENU .list3{
	 overflow:hidden; width:690px; margin-bottom:6px;}
#pMENU .list4{
	 overflow:hidden; width:690px; margin-bottom:6px;}
#pMENU .list3 li{
	width:227px;
	height:200px;
	background-repeat:no-repeat;
	margin-right:4px;}
#pMENU .list3 li.end{
	margin-right:0px;}
#pMENU .list3 li.barcode{ background-image:url(../img/home/bg_1d.png)}
#pMENU .list3 li.d_code{ background-image:url(../img/home/bg_2d.png)}
#pMENU .list3 li.rfid{ background-image:url(../img/home/bg_rfid.png)}

.list3 .pIMG{ width:90px; height:90px; margin:10px 0px 25px 10px;}

#pMENU .list3 li ul{ text-align:center; }
#pMENU .list3 li ul li{height:2.3em;}

#pMENU .list4 li{ margin-right:4px;}
#pMENU .list4 li.end{ margin-right:0}




.sMENUtop{}
.sMENUtop .four{ float:left; width:515px;}
.sMENUtop .one{ float:left; width:170px; overflow:hidden; margin-bottom:1em:}

.sMENUtop .four li{ float:left; margin-bottom:5px; margin-right:5px}
.sMENUtop .four li.end{margin-right:0px}

.sMENUtop .four li p{ margin:1px 0 3px 0 ;}
#sMENU .list3{
	 overflow:hidden; width:690px; margin-bottom:6px;}
#sMENU .list3 li{
	width:226px;
	height:46px;
	margin-right:4px; float:left;}
#sMENU .list3 li.end{
	margin-right:0px;}




#service .list4{
	 overflow:hidden; width:690px; margin-bottom:6px;}
#service .list4 li{
	width:169px;
	margin-right:4px; float:left;}
#service .list4 li.end{
	margin-right:0px;}

#service img:hover{
opacity:0.7;
filter:alpha(opacity=70);/*for IE*/
cursor:pointer;
}




#info ul{

	padding:5px; 
	background-color:#FFF; 
	overflow:auto; 
	width:670px; 
	height:250px;
	}
	
#info li{
	border-bottom:1px #999999 solid; 
	padding:10px 20px; 
	background-color:#FFF; 
	overflow:auto; 
	width:615px; 
	 font-size:0.9em;
	 clear:both;

	}	
#info .pDATA{ color:#000; width:120px;display:block; float:left}

#info .pTxt{ width:480px; display:block; float:left}
#info .pTxt .title{ color: #930; font-weight:bold}
#info .pTxt .titleNonCol{ color: #000; font-weight:bold}




#center h2{ border-bottom:none;  padding:5px 0; margin-bottom:48px; margin-bottom:20px }
#center h2 span{ height:22px; padding:8px 0 0 20px; display:block; color:#444; font-size:1.3em; background-repeat:no-repeat; font-weight:normal;background-image: url(../img/home/title_r.png);}



/*----homeMenuRIGHT----*/

.sideEnq{
	padding:1.2em 1em 1em 1em;
	margin-bottom:2em;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	 background: linear-gradient(#333, #777); 
}
.sideEnq #title{
	color:#FFF;
	font-weight:bold;
	margin-bottom:0.5em;
	text-align:center
	}
.sideEnq .TEL{
	font-size:1.2em;
	color:#FFF;
	font-weight:bold;
	margin-bottom:0.5em;
	}
.sideEnq .TEL .place{
	font-weight:normal;	 
	font-size:0.6em;
	}

.sideEnq .enqBtn{
	color:#C33; 
	font-weight:bold; 
	padding:0.5em; border:#FFF solid 1px; 
	background:#666; 
	text-align:center;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	cursor:pointer;
	background: linear-gradient(#FFC0CB, #FDD);  
}
	



.sideEnq img:hover{
opacity:0.7;
filter:alpha(opacity=70);/*for IE*/
}

.sideMenu{ margin-bottom:32px; padding:6px; background-image:url(../img/layout/bg_top_sidemenu02.jpg); background-repeat:no-repeat; border-bottom:#b2afae solid 1px;}
.sideMenu ul{ padding:6px; border:#CCCCCC 1px solid; background-color:#FFFFFF;}
.sideMenu li{
	padding:0;
	margin-bottom:0.3em;
	border-bottom:#CCC solid 1px }
.sideMenu li span{
	display:block;
	padding:0.8em 0 0.8em 0;
	cursor:pointer;
	
text-decoration:underline;
}

.sideMenu li span:hover{
	color:#de5e65;
}

.sideMenu a,.sideMenu span{color:#3b5998;}
.sideMenu a:hover,.sideMenu span:hover{color:#de5e65;}/* on cursor */


.pLists{
	border:1px #999999 solid; 
	padding:1px; 
	background-color:#FFF; 
	overflow:auto; 
	}

#homeMenuRIGHT .title{
	margin-top:2em;
	padding:6px 3px;
	color:#c30217; font-weight:bold;

	}

.pLists ul{
	border:1px #999999 solid; 
	padding:1px; 
	background-color:#FFF; 
	overflow:auto; 
	width:182px; 
	height:600px;
	}
.pLists li{
	border-bottom:1px #999999 solid; 
	padding:10px 3px; 
	background-color:#FFF; 
	overflow:auto; 
	width:157px; 
	 font-size:0.9em;
	 clear:both;

	}	
.pDATA{ color:#600;}
.pIMG{width:35px; display:block; float:left; margin-right:1px;}
.pNAME{width:120px; display:block; float:left;}








.sideMenu .title{ text-align:center; margin:7px 0 6px 0; color:#006696; font-weight:bold;}

/*mail_mag*/

.sideToiawase,.sideList{ margin-bottom:20px;}


.sideToiawase{}
.sideBana{margin-bottom:5px;}
.sideList{}

.btn:hover{ opacity:0.7;
filter:alpha(opacity=70);/*for IE*/ }

.mail_mag{ text-align:left;}

.marquee{
overflow:hidden;
margin:0;
padding:0.2em 0;
background:#333;
}

.marquee p{
width:100%;
text-align:center;
display:inline-block;
white-space:nowrap;
color:#fff;
font-size:0.8em;
}

.blinkAnima{
-webkit-animation: 0.6s linear 0s alternate none infinite running blink;
-moz-animation: 0.6s linear 0s alternate none infinite running blink;
animation: 0.6s linear 0s alternate none infinite running blink;
}
@-webkit-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@-moz-keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes blink {
    0% { opacity: 0; }
    19.9% { opacity: 0; }
    20% { opacity: 1; }
    100% { opacity: 1; }
}	
	
	
	

.marqueeAnima{
-moz-animation-name:marquee;
-moz-animation-duration:5s;
-moz-animation-timing-function:linear;
-moz-animation-iteration-count:infinite;
-webkit-animation-name:marquee;
-webkit-animation-duration:5s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-duration:5s;
-o-animation-timing-function:linear;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-duration:5s;
animation-timing-function:linear;
animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}
@-moz-keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}
@-o-keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}
@keyframes marquee {
from {margin-left:100%; width:100%;}
to {margin-left:-100%; width:100%;}
}