.pro_list{
    width:100%;
    height:100%;
    position:relative;
    display:none;
	font-family:Arial,新細明體;
}

.pro_list_item_ro{
	height:445px;
	width:330px;
	display:block;
	text-decoration: none;
	color:white;
	float: left;
	margin:0 5px;
	position:	relative;
	font-family:Arial,新細明體;
}


.pro_list_name_ro{
	background: #000;
	height:40px;
    width:308px;
	padding: 0 10px;
	font-size:24px;
	line-height: 40px;
	margin-top:5px;
	text-align:center;
	float: left;
	position: relative;
	font-family:Arial,新細明體;
	
}

.robot_plus{
    width:80px;
    height:40px;
    margin:5px 0 0 2px;
    float:left;
    background:#000 url(../images/plus.png) no-repeat 30px 10px;
}

.pro_list_img_ro{
	z-index: 2;
    width: 330px;
	height: 400px;
	background: white;
	
}

.pro_list_img_ro img{
	
    
	
	
}



.pro_hover_ro{
    position:absolute;
    width:318px;
    height:378px;
    background-image:url(../images/lower_navi_bg.png) ;
    padding-top:10px ;
    top:6px;
    left:6px;
    display:none;
}

.plus_ro{
    float:left;
    width:40px;
    height:40px;
    margin:140px 0 0 139px;
}

.plus_text_ro{
    float:left;
    width:318px;
    text-align:center;
    color:white;
    font-weight:bold;
    font-size:2em;
    margin-top:30px;
	font-family:Arial,新細明體;

}

.menu_container{
	width:1024px;
	margin:0 auto;
    padding-top:40px;
}



.iosSlider_ro {
	/* required */
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 1024px;
	min-height: 550px;
}

/* slider */
.iosSlider_ro .slider {
	/* required */
	width: 100%;
	height: 550px;
	
}

/* slide */
.iosSlider_ro .slider .slide {
	/* required */
	float: left;	
	width: 1024px;
	height: 550px;
	margin:30px 0 0 0;
}


.next{
	width:100px;
	height: 85px;
	position: absolute;
	top: 45%;
	right:0;
	background:#242424 url(../images/next.png) no-repeat center;
	z-index: 99;
}

.prev{
	width:100px;
	height: 85px;
	position: absolute;
	top: 45%;
	left:0;
	background:#242424 url(../images/pre.png)  no-repeat center;
	z-index: 99;
	
}


.unselectable{
	opacity: 0.2;
}


/*------------
smaller menu
-------*/


.smaller .menu_container{
	width:786px;
	margin:0 auto;
    padding-top:80px;
}


.smaller .iosSlider_ro {
	/* required */
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 786px;
	min-height: 445px;
}

/* slider */
.smaller .iosSlider_ro .slider {
	/* required */
	width: 100%;
	height: 445px;
}

/* slide */
.smaller .iosSlider_ro .slider .slide {
	/* required */
	float: left;	
	width: 786px;
	height: 445px;
}


.next{
	width:100px;
	height: 85px;
	position: absolute;
	top: 38%;
	right:0;
	background:#004071 url(../images/next.png) no-repeat center;
	z-index: 99;
}

.prev{
	width:100px;
	height: 85px;
	position: absolute;
	top: 38%;
	left:0;
	background:#004071 url(../images/pre.png)  no-repeat center;
	z-index: 99;
	
}


.smaller .pro_list_item_ro{
	height:345px;
	width:246px;
	display:block;
	text-decoration: none;
	color:white;
	float: left;
	margin:0 6px;
	position:	relative;
}

.smaller .pro_hover_ro{
    position:absolute;
    width:234px;
    height:278px;
    background-image:url(../images/lower_navi_bg.png) ;
    padding-top:10px ;
    top:6px;
    left:6px;
    display:none;
}


.smaller .plus_ro{
    float:left;
    width:40px;
    height:40px;
    margin:98px 0 0 103px;
}

.smaller .plus_text_ro{
    float:left;
    width:234px;
    text-align:center;
    color:white;
    font-weight:bold;
    font-size:2em;
    margin-top:30px;
	font-family:Arial,新細明體;

}


.smaller .pro_list_name_ro{
	background: #000;
	height:40px;
    width:236px;
	padding: 0 10px;
	font-size:18px;
	line-height: 40px;
	margin-top:2px;
	float: left;
	position: relative;
	font-family:Arial,新細明體;
}

.smaller .robot_plus{
    width:60px;
    height:40px;
    margin:5px 0 0 2px;
    float:left;
    background:#000 url(../images/plus.png) no-repeat 20px 10px;
}

.smaller .pro_list_img_ro{
	z-index: 2;
    width: 255px;
	height:300px;
	background: white;
}

.smaller .pro_list_img_ro img{
	z-index: 2;
    width: 246px;
	height: auto;
}







.pro_view_list{
    font-size:18px;
    font-weight:bold;
    height:40px;
    width:130px;
    position:absolute;
    top:520px;
    left:50%;
    line-height:40px;
    margin-left:-75px;
    background:#000 url(../images/arrow_down.png) no-repeat 120px 13px ;
    cursor:pointer;
    color:white;
    padding:0 0 0 10px
}

.pro_view_list:hover{
    background-color:#404040;
}