@charset "utf-8";

@media all and (min-width:1024px) {
#section1{position:relative; width:1003px; height:1700px; margin:0 auto;}
#Rcontent{position:relative; width:750px; padding-left:30px; padding-top:30px;}
#Rcontent > p{color:#525252; border-bottom:1px solid #d1d5d3; font-size:12px;}


#container{width:720px; padding-left:40px; padding-top:25px;}

ul.tab{padding:0; width:720px;}
ul.tab li{list-style:none; width:175px; float:left; margin-right:5px; margin-top:5px;}

ul.tab li a{outline:none; background:url('images/tab.jpg'); display:block;}
ul.tab li a img{display:block;}
ul.tab li a.selected{opacity: 0.5; text-decoration:none; cursor:default;}
ul.panel{clear:both; width:95%; margin:0 auto; padding-top:10px;}
ul.panel li{list-style-type:none;}
ul.panel li a{display: block;}
ul.panel li a img{display: block;}

}


@media all and (min-width:768px) and (max-width:1023px) {
#section1{position:relative;width:100%; height:1650px;}
#Rcontent{position:relative; width:95%; padding-left:30px; padding-top:30px;}
#Rcontent > p{color:#525252; border-bottom:1px solid #d1d5d3; font-size:12px;}

#container{width:100%; padding-top:20px;}

ul.tab{padding:0; width:90%; margin:0 auto;}
ul.tab li{list-style:none; width:31.9%; float:left; margin-right:1%; margin-top:5px;}

ul.tab li a{outline:none; background:url('images/tab.jpg'); display:block;}
ul.tab li a img{display:block;}
ul.tab li a.selected{opacity: 0.5; text-decoration:none; cursor:default;}
ul.panel{clear:both; margin:0 auto; width:90%; padding-top:10px;}
ul.panel li{list-style-type:none;}
ul.panel li a{display: block;}
ul.panel li a img{display: block;}


}

@media all and (max-width:767px){
#section1{position:relative; width:100%; height:1630px;}
#Rcontent{position:relative; width:97%; padding-left:10px; padding-top:30px;}
#Rcontent > p{color:#525252; border-bottom:1px solid #d1d5d3; font-size:11px;}

#container{width:97%; margin:0 auto; padding-top:10px;}
    
ul.tab{padding:0; width:95%; margin:0 auto; border:none;}
ul.tab li{list-style:none; width:32.3%; float:left; margin-right:1%; margin-top:5px;}
ul.tab li a{outline:none; background:url('images/tab.jpg'); display:block;}
ul.tab li a img{display:block;}
ul.tab li a.selected{opacity: 0.5; text-decoration:none; cursor:default;}
ul.panel{clear:both; width:95%; margin:0 auto; padding-top:10px;}
ul.panel li{list-style-type:none;}
ul.panel li a{display: block;}
ul.panel li a img{display: block;}
}


@media all and (max-width:480px){
#section1{clear:both; position:relative; width:100%; height:1050px;}
#Rcontent{position:relative; width:95%; padding-left:10px; padding-top:30px;}
#Rcontent > p{color:#525252; border-bottom:1px solid #d1d5d3; font-size:11px;}

#container{width:95%; margin:0 auto;}

ul.tab{padding:0; width:95%; margin:0 auto; margin-top:5px;}
ul.tab li{list-style:none; width:49%; margin-right:1%; float:left; margin-top:5px;}
ul.tab li a{outline:none; background:url('images/tab.jpg'); display:block;}
ul.tab li a img{display:block;}
ul.tab li a.selected{opacity: 0.5; text-decoration:none; color:#333; cursor:default;}
ul.panel{clear:both; width:95%; margin:0 auto; margin-top:10px;}
ul.panel li{list-style-type:none;}
ul.panel li a{display: block;}
ul.panel li a img{display: block;}

}

@media all and (max-width:320px){
#section1{position:relative; width:100%; height:750px;}
#Rcontent{position:relative; width:95%; padding-top:30px;}
#Rcontent > p{color:#525252; border-bottom:1px solid #d1d5d3; font-size:11px;}

#container{width:96%; margin:0 auto; padding-top:10px;}
    
ul.tab{padding:0; width:95%; margin:0 auto; margin-top:5px;}
ul.tab li{list-style:none; width:49%; margin-right:1%; margin-top:1%;}

ul.tab li a{outline:none; background:url('images/tab.jpg'); display:block;}
ul.tab li a img{display:block;}
ul.tab li a.selected{opacity: 0.5; text-decoration:none; cursor:default;}
ul.panel{clear:both; width:95%; margin:0 auto; margin-top:10px;}
ul.panel li{list-style-type:none;}
ul.panel li a{display: block;}
ul.panel li a img{display:block;}

}