.tudor_ranger_area{
    clear:both;
    width:100%;
    font-size:16px;
}


.tudor_ranger_area h2{
    font-family: 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans', sans-serif;
    margin-bottom:30px;
 }


.tudor_ranger_area .logo{
   max-width:150px;
   margin:auto;
}

.tudor_ranger_area .logo img{
    width:100%;
}

.tudor_ranger_banner{
    max-width:1920px;
    margin:auto;
    margin-bottom:30px;
 }
 
 .tudor_ranger_banner  img{
     width:100%;
 }

 .tudor_ranger_intro{
    max-width:92%;
    margin:auto;
    margin-bottom:30px;

 }


 .tudor_ranger_video{
    max-width:92%;
    margin:auto;
    margin-bottom:30px;

 }


 .tudor_ranger_video iframe{
    width:100%;;
   height:240px;

 }


 .tudor_ranger_legend{
    max-width:1920px;
    margin:auto;
    margin-bottom:30px;
   
    padding-top:50px;
    background-image:url(../images/tudor_ranger/m/bg1.jpg?v=22);
    background-position:top center;
    background-repeat:no-repeat;
    min-height:600px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }

 .tudor_ranger_legend .content{
    max-width:92%;
    margin:auto;
 }


 
 .tudor_ranger_sega{
    max-width:1920px;
    margin:auto;
    margin-bottom:30px;
    padding-bottom:30px;
    padding-top:50px;
    background-image:url(../images/tudor_ranger/m/bg2.jpg?v=22);
    background-position:top center;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  
 }



 .tudor_ranger_sega_container{
    max-width:92%;
    margin:auto;
    
  
 }
 
 .tudor_ranger_sega_list{
    clear:both;
    width:100%;
 }

 .tudor_ranger_sega_list .item{
    clear:both;
    width:100%;
    margin-bottom:30px;
 }

 .tudor_ranger_sega_list .item .photo{
    clear:both;
    width:100%;
 }
 .tudor_ranger_sega_list .item .photo img{
    width:100%;
 }

 .tudor_ranger_sega_list .item .content{
    clear:both;
    width:100%;
    padding-top:20px;
 }

 .tudor_ranger_sega_list .item:nth-child(even) .photo{
   
   
   
 }
 .tudor_ranger_sega_list .item:nth-child(even) .content{
   
    
 }



 .tudor_ranger_technology{
    max-width:1920px;
    margin:auto;
    margin-bottom:30px;
    padding-bottom:30px;
    padding-top:20px;

  
 }



 .tudor_ranger_technology_container{
    max-width:92%;
    margin:auto;
    
  
 }

 
 .tudor_ranger_technology_intro{
    clear:both;
    width:100%;
    padding-top:30px;
 }

 .tudor_ranger_technology_intro .item{
    clear:both;
    width:100%;
    margin-bottom:30px;
 }

 .tudor_ranger_technology_intro .item .photo{
    clear:both;
    width:100%;
    padding-top:20px;
    text-align:center;
 }
 .tudor_ranger_technology_intro .item .photo img{
    width:90%;
    margin:auto;
 }

 .tudor_ranger_technology_intro .item .content{
    clear:both;
    width:100%;
 
 }

 
 .tudor_ranger_technology_list{
    clear:both;
    width:100%;
    padding-top:30px;
 }

 .tudor_ranger_technology_list .item2{
    clear:both;
    width:100%;
   margin-bottom:20px;
   float:inherit;
 }

 .tudor_ranger_technology_list .item2 .photo{
    float:left !important;
    width:48%  !important;

 }
 .tudor_ranger_technology_list .item2 .photo img{
    width:100%;
 }

 .tudor_ranger_technology_list .item2 .content{
    clear:none  !important;
    float:right  !important;
    width:48%  !important;
    padding-top:0px;
    
 
 }
 .tudor_ranger_technology_list .item2 .title{
    font-weight:bold;
 }
 .tudor_ranger_technology_list .item2 .desc{
    
    padding-top:20px;
    text-align:justify;
 }


 .tudor_ranger_appreciation{
    max-width:1920px;
    margin:auto;
    margin-bottom:30px;
    padding-bottom:30px;
    padding-top:0px;

  
 }



 .tudor_ranger_appreciation_container{
    max-width:92%;
    margin:auto;
    
  
 }


 .tudor_ranger_appreciation_box{
    width:100%;
 }

 .tudor_ranger_appreciation_box .content_left{
    width:100%;
 }
 .tudor_ranger_appreciation_box .content_right{
    width:100%;
 }

 .tudor_ranger_appreciation_box .content_left .item{
    width:100%;
    height:200px;
    background-position:center center;
    background-repeat:no-repeat;
    
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

 }

 .tudor_ranger_appreciation_box .content_top .item{
    float:left;
    width:50%;
    height:200px;
    background-position:center center;
    background-repeat:no-repeat;
    
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

 }

 .tudor_ranger_appreciation_box .content_bottom .item{
    width:100%;
    height:200px;
    background-position:center center;
    background-repeat:no-repeat;
    
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

 }


 .tudor_ranger_product{
    max-width:1920px;
    margin:auto;
    margin-bottom:30px;
    padding-bottom:30px;
    padding-top:0px;

  
 }



 .tudor_ranger_product_container{
    max-width:92%;
    margin:auto;
    
  
 }


 
 .tudor_ranger_product_list{
    clear:both;
    width:100%;
    padding-top:30px;
 }

 .tudor_ranger_product_list .item{
    clear:both;
    width:100%;
    margin-bottom:40px;
 }

 .tudor_ranger_product_list .item .photo{
    clear:both;
    width:100%;
  
 }
 .tudor_ranger_product_list .item .photo img{
    width:100%;
 }

 .tudor_ranger_product_list .item .content{
    clear:both;
    width:100%;
    padding-top:20px;
    text-align:center;
 }
 .tudor_ranger_product_list .item .title{
    font-weight:bold;
 }
 .tudor_ranger_product_list .item .desc{
    
    padding-top:20px;
 }

.btn_tudor_ranger_detail{
    clear:both;
    padding-top:30px;
    max-width:180px;
    margin:auto;
}


.btn_tudor_ranger_detail a:link,.btn_tudor_ranger_detail a:visited{
    display:block;
    padding:20px 20px 20px 20px ;
    color:#ffffff;
    background-color:#000000;
    text-align:center;
    text-decoration:none;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}
.btn_tudor_ranger_detail a:hover{
    display:block;
    padding:20px 20px 20px 20px ;
    color:#ffffff;
    background-color:#504f4f;
    text-align:center;
    text-decoration:none;
    -webkit-transition: all 500ms ease-out 0s;
    -moz-transition: all 500ms ease-out 0s;
    -o-transition: all 500ms ease-out 0s;
	transition: all 500ms ease-out 0s;
}


 
.tudor_ranger_spec{
    max-width:1920px;
    margin:auto;
    margin-bottom:30px;
    padding-bottom:30px;
    padding-top:50px;
    background-image:url(../images/tudor_ranger/m/bg3.jpg?v=22);
    background-position:top center;
  
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }



 .tudor_ranger_spec_container{
    max-width:92%;
    margin:auto;
    
  
 }
 
 .tudor_ranger_spec_list{
    clear:both;
    width:100%;
  
 }
 .tudor_ranger_spec_list:nth-child(even){
    float:right;
  
 }

 .tudor_ranger_spec_list .item{
    clear:both;
   margin-bottom:20px;
 }


 

 .tudor_ranger_spec_list .item .photo{
    float:left;
    width:8%;
    text-align:center;
 }
 .tudor_ranger_spec_list .item .photo img{
    width:100%;
 }

 .tudor_ranger_spec_list .item .content{
    float:right;
    width:88%;
    padding-top:5px;
 }
 .tudor_ranger_spec_list .item .title{
    font-weight:bold;
 }
 .tudor_ranger_spec_list .item .desc{
   padding-top:5px;
 }

 .tudor_ranger_bottom{
    max-width:1920px;
    margin:auto;

    padding-bottom:30px;
    padding-top:20px;
    background-color:#000000;
    color:#ffffff;
  
 }



 .tudor_ranger_bottom_container{
    max-width:92%;
    margin:auto;
    
  
 }

 .tudor_ranger_bottom .logo{
    max-width:150px;
    margin:auto;
 }
 
 .tudor_ranger_bottom .logo img{
     width:100%;
 }

 .tudor_ranger_bottom .logo2{
    max-width:150px;
    margin:auto;
    padding-top:30px;
 }
 
 .tudor_ranger_bottom .logo2 img{
     width:100%;
 }

 
 .tudor_ranger_bottom_list{
    clear:both;
    width:100%;
 }

 .tudor_ranger_bottom_list .item{
    clear:both;
    width:100%;
    margin-bottom:30px;
 }

 .tudor_ranger_bottom_list .item .photo{
    clear:both;
    width:100%;
  
 }
 .tudor_ranger_bottom_list .item .photo img{
    width:100%;
 }

 .tudor_ranger_bottom_list .item .content{
    clear:both;
    width:100%;
    padding-top:20px;
 }

 
 


 .tudor_ranger_bottom_list .item:nth-child(even) .photo{
   
    clear:both;
    width:100%;
   
 }
 .tudor_ranger_bottom_list .item:nth-child(even) .content{
    clear:both;
    width:100%;
    
 }