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


.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:200px;
   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:980px;
    margin:auto;
    margin-bottom:30px;

 }


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

 }


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

 }


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

 .tudor_ranger_legend .content{
    max-width:900px;
    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/bg2.jpg?v=22);
    background-position:top center;
  
 }



 .tudor_ranger_sega_container{
    max-width:96%;
    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{
    float:left;
    width:65%;
 }
 .tudor_ranger_sega_list .item .photo img{
    width:100%;
 }

 .tudor_ranger_sega_list .item .content{
    float:right;
    width:32%;
 }

 .tudor_ranger_sega_list .item:nth-child(even) .photo{
   
    float:right;
   
 }
 .tudor_ranger_sega_list .item:nth-child(even) .content{
    float:left;
    
 }



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

  
 }



 .tudor_ranger_technology_container{
    max-width:96%;
    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{
    float:left;
    width:48%;
    text-align:center;
 }
 .tudor_ranger_technology_intro .item .photo img{
    width:90%;
    margin:auto;
 }

 .tudor_ranger_technology_intro .item .content{
    float:right;
    width:48%;
 }

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

 .tudor_ranger_technology_list .item2{
    float:left;
    width:29.33%;
    margin-left:2%;
    margin-right:2%;
    margin-bottom:2%;
 }

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

 .tudor_ranger_technology_list .item2 .content{
    clear:both;
    width:100%;
    padding-top:20px;
 }
 .tudor_ranger_technology_list .item2 .title{
    font-weight:bold;
 }
 .tudor_ranger_technology_list .item2 .desc{
    
    padding-top:20px;
   
 }


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

  
 }



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


 .tudor_ranger_appreciation_box{
    width:100%;
 }

 .tudor_ranger_appreciation_box .content_left{
    float:left;
    width:34%;
 }
 .tudor_ranger_appreciation_box .content_right{
    float:right;
    width:66%;
 }

 .tudor_ranger_appreciation_box .content_left .item{
    width:100%;
    height:800px;
    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:400px;
    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:400px;
    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:50px;

  
 }



 .tudor_ranger_product_container{
    max-width:96%;
    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{
   float:left;
   width:48%;
 }
 .tudor_ranger_product_list .item .photo img{
    width:100%;
 }

 .tudor_ranger_product_list .item .content{
    float:left;
    width:48%;
    padding-top:10%;
    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:280px;
    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/bg3.jpg?v=22);
    background-position:top center;
  
 }



 .tudor_ranger_spec_container{
    max-width:96%;
    margin:auto;
    
  
 }
 
 .tudor_ranger_spec_list{
    float:left;
    width:48%;
 }
 .tudor_ranger_spec_list:nth-child(even){
    float:right;
  
 }

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


 

 .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:50px;
    background-color:#000000;
    color:#ffffff;
  
 }



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

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

 .tudor_ranger_bottom .logo2{
    max-width:200px;
    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{
    float:right;
    width:30%;
 }
 .tudor_ranger_bottom_list .item .photo img{
    width:100%;
 }

 .tudor_ranger_bottom_list .item .content{
    float:left;
    width:68%;
    padding-top:30px;
 }

 .tudor_ranger_bottom_list .item:nth-child(even) .photo{
   
    float:left;
    width:68%;
   
 }
 .tudor_ranger_bottom_list .item:nth-child(even) .content{
    float:right;
    width:30%;
    
 }