/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 24, 2017, 10:27:07 AM
    Author     : SamuraiXV
*/

.ClearB{clear: both; }
.container{width: auto; height: auto; margin: 0; padding: 0; }

@media only screen and (min-width: 140px) and (min-device-width: 140px){

 
 
/*index-box*/
.content{ clear: both; width: auto; height: auto; }
.content { width: auto; height: auto; margin: auto; padding-bottom: 1%;position: relative;  }
.content ul{list-style-type: none; margin: 0; padding: 0;  margin-left: 0px; height: auto; position: relative; width: auto; }
.content ul li:nth-child(n+1){ width: 95.9%; height: auto;  margin:auto; background:  #fff; }
.content ul li:nth-child(n+1) ul li{ width:auto; height: auto;  margin:auto; background:  #fff; 
      padding: 2%; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); margin-bottom: 20px;}
.content ul li:nth-child(n+1) ul li:nth-child(n+1) img{width: 95%; height: auto; margin: 2.3% 2% 2% 2%; }

.content ul li:nth-child(n+2){ width: 92%; height: auto;  margin: 10px 0px 20px 10px; background:  #fff; padding: 2%; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }
.content ul li p{margin: 0; padding: 10px 10px 20px 10px; text-align:justify; color: rgba(51, 51, 51, 0.79); font-size: 14px; line-height: 2.2; }
.content ul li:nth-child(n+2) img{width: 97%; height: auto; margin: 2%;}
.content ul li h2{margin:  0; padding: 3%; color: #000; font-size: 24px; color: rgba(165, 73, 6, 0.72);}
.content ul li:nth-child(n+2) a{ color:   rgba(165, 73, 6, 0.72);  font-size: 15px;  margin-left: 0; }
.content ul li a{ color:  rgba(165, 73, 6, 0.72);  font-size: 15px; margin-left: 0px; text-decoration: none; }

/*page*/
.content .page-box{ float: left; width: 100%; height: auto; margin: auto; padding-bottom: 5%; position: relative; }
.content .page-box ul.left {list-style-type: none; margin: 2%; padding: 0;  height: auto; box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);}
.content .page-box ul.left  h1{width: auto; height: auto; margin: 0; margin-left: 20px; padding: 0; color:  rgba(100, 75, 79, 0.72); 
 font-family:  initial; font-size: 30px; padding: 0 0 10px 0;}
.content .page-box ul li{padding: 3%; }
.content .page-box ul li:nth-child(n+1) img{width: 100%; margin-bottom: 20px; float: left; margin-left: 0px; margin-top: 19px; max-height: 500px; margin-right: 0px;}
.content .page-box ul li{ width: auto; height: auto; margin: 20px 20px 40px 20px; background:  #fff;  }
.content .page-box ul li p{margin: 0; padding: 10px 0px 20px 0px; text-align:justify; font-size: 15px; width: 100%; line-height: 2.2;}
.content .page-box ul li h2{margin:  0; padding: 0; color:  rgba(165, 73, 6, 0.72); }


/*Footers*/
.Footers{ clear:both; width: auto; height: auto; margin: auto;  margin-top: 20px; background-color: rgba(255, 177, 35, 0.92); text-align: center; line-height:20px; position: relative; padding: 20px;} 
.Footers h4{clear:both; margin: 0; padding:  0; font-size: 200%;  color:  #fff; font-family:  initial; }
.Footers p{clear:both; color: #fff; font-size: 17px; font-family:  initial}
.Footers a{clear:both; color:  #fff; font-size: 17px; }
.Footers  #back-top  {position: fixed; bottom: 10px; margin-left: 65%; padding-top: 20px;}

	
}
@media only screen and (min-width: 768px) and (min-device-width: 768px){
 
/*index-box*/
.content{ clear: both; width: auto; height: auto; margin-top: 20px; }
.content { margin: 0; padding-bottom: 1%;  }
.content ul{list-style-type: none; margin: 0; padding: 0;  margin-left: 0; height: auto; position: relative;}
.content ul li:nth-child(n+1) ul li{ width: 95%; height: auto;  margin: 0.5%; margin-bottom: 2%; background:  #fff; 
  float: none; padding: 2%;  box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }
.content ul li:nth-child(n+1) ul li:nth-child(n+1) img{margin: 2%; width: 39%; float: left;  border-radius: 1%;}
.content ul li:nth-child(n+1) ul li:nth-child(n+1) h2{margin-left: 3%; padding-left: 0px;}
.content ul li:nth-child(n+1) ul li:nth-child(n+1) p{width: auto; height: auto;}

.content ul li:nth-child(n+1) ul li:nth-child(2n+1) img{margin: 2%; width: 39%; float: right;  border-radius: 1%; }
.content ul li:nth-child(n+1) ul li:nth-child(2n+1) h2{margin-left: 3%; padding-left: 0px;}
.content ul li:nth-child(n+1) ul li:nth-child(2n+1) p{width: auto; height: auto;}


.content ul li:nth-child(n+2){ width: calc(100%/2.250); height: auto; float: left; margin: 2%; background:  #fff; padding: 0.5%; }
.content ul li p{margin: 0; padding: 10px 10px 10px 10px; text-align:justify;  font-size: 18px;}
.content ul li img{width: 95%; height: auto; margin: 20px;}
.content ul li:nth-child(n+2) img{width: 94%; height: auto; margin: 20px; }
.content ul li:nth-child(n+2) h2{margin:  0; padding: 3%; color: #000; font-size: 24px; color: rgba(165, 73, 6, 0.72); }
.content ul li a{  font-size: 14px; }

/*page*/
.content .page-box{ float: left; width: 100%; height: auto; margin: auto; padding-bottom: 5%; position: relative;  }
.content .page-box ul.left {list-style-type: none; margin: 2%; padding: 0;  height: auto;}
.content .page-box ul.left  h1{width: auto; height: auto; margin: 0; margin-left: 20px; padding: 0; color:  rgba(100, 75, 79, 0.72); 
 font-family:  initial; font-size: 30px; padding: 0 0 10px 0;}
.content .page-box ul li{padding: 3%;}
.content .page-box ul li:nth-child(n+1) img{width: 100%; margin-bottom: 20px; margin-top: 19px; float: left; margin-left: 0px; max-height: 500px; margin-right: 0px;}
.content .page-box ul li{ width: auto; height: auto; margin: 20px 20px 40px 20px; background:  #fff;  }
.content .page-box ul li p{margin: 0; padding: 10px 0px 20px 0px; text-align:justify; font-size: 16px; width: 100%; }
.content .page-box ul li h2{margin:  0; padding: 0; }


/*Footers*/
.Footers{ clear:both; width: auto; height: auto; margin: auto;  margin-top: 20px;  text-align: center; line-height:20px; position: relative; padding: 20px;} 
.Footers h4{clear:both; margin: 0; padding:  0; font-size: 200%;  }
.Footers p{clear:both;  font-size: 19px; }
.Footers a{clear:both;  font-size: 19px; }
.Footers  #back-top  {position: fixed; bottom: 10px; margin-left: 65%; padding-top: 20px;}

	
}
@media only screen and (min-width: 1024px) and (min-device-width: 1024px){
 

/*index-box*/
.content{ clear: both; width: auto; height: auto; margin-top: 50px; }
.content { margin: 0; padding-bottom: 1%;  }
.content ul{list-style-type: none; margin: 0; padding: 0;  margin-left: 0; height: auto; position: relative;  }
.content ul li:nth-child(n+1) ul li{ width: 95%; height: auto;  margin: 0.5; background:  #fff; 
  float: none; padding: 2%;  box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }
.content ul li:nth-child(n+1) ul li:nth-child(n+1) img{margin: 0px; width: 39%; float: left;  border-radius: 1%}
.content ul li:nth-child(n+1) ul li:nth-child(n+1) h2{float: left; margin-left: 3%; padding-left: 0px;}
.content ul li:nth-child(n+1) ul li:nth-child(n+1) p{float: right;  width: 48%;}
.content ul li:nth-child(n+1) ul li:nth-child(2n+1) img{margin: 0px; width: 39%; float: right;  border-radius: 1%}
.content ul li:nth-child(n+1) ul li:nth-child(2n+1) h2{float: left; margin-left: 3%; padding-left: 0px;}
.content ul li:nth-child(n+1) ul li:nth-child(2n+1) p{float: left;  width: 48%;}


.content ul li:nth-child(n+2){ width: calc(100%/2.250); height: auto; float: left; margin: 2%; background:  #fff; padding: 0.5%; }
.content ul li p{margin: 0; padding: 10px 10px 10px 10px; text-align:justify;  font-size: 18px;}
.content ul li img{width: 95%; height: auto; margin: 20px;}
.content ul li:nth-child(n+2) img{width: 94%; height: auto; margin: 20px; }
.content ul li:nth-child(n+2) h2{margin:  0; padding: 3%; color: #000; font-size: 24px; color: rgba(165, 73, 6, 0.72); }
.content ul li a{  font-size: 15px; }


/*page*/
.content .page-box{ float: left; width: 100%; height: auto; margin: auto; padding-bottom: 5%; position: relative;  }
.content .page-box ul.left {list-style-type: none; margin: 2%; padding: 0;  height: auto;}
.content .page-box ul.left  h1{width: auto; height: auto; margin: 0; margin-left: 20px; padding: 0; color:  rgba(100, 75, 79, 0.72); 
 font-family:  initial; font-size: 30px; padding: 0 0 10px 0;}
.content .page-box ul li{padding: 3%;}
.content .page-box ul li:nth-child(n+1) img{width: 100%; margin-bottom: 20px; float: left; margin-left: 0px; margin-right: 0px;}
.content .page-box ul li{ width: auto; height: auto; margin: 20px 20px 40px 20px; background:  #fff;  }
.content .page-box ul li p{margin: 0; padding: 10px 0px 20px 0px; text-align:justify; font-size: 17px; width: 100%; }
.content .page-box ul li h2{margin:  0; padding: 0; }


/*Footers*/
.Footers{ clear:both; width: auto; height: auto; margin: auto;  margin-top: 20px;  text-align: center; line-height:20px; position: relative; padding: 20px;} 
.Footers h4{clear:both; margin: 0; padding:  0; font-size: 200%;  }
.Footers p{clear:both;  font-size: 19px; }
.Footers a{clear:both;  font-size: 19px; }
.Footers  #back-top  {position: fixed; bottom: 10px; margin-left: 65%; padding-top: 20px;}

	
}
@media only screen and (min-width: 1280px) and (min-device-width: 1280px){
    
/*index-box*/
.content{ clear: both; width: auto; height: auto; margin-top: 50px; }

.content { margin: 0; padding-bottom: 1%;  }
.content ul{list-style-type: none; margin: 0; padding: 0;  margin-left: 0; height: auto; position: relative;  }

.content ul li:nth-child(n+1) ul li{ width: 95%; height: auto;  margin: 0.5%; background:  #fff; 
  float: none; padding: 2%;  box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }
.content ul li:nth-child(n+1) ul li:nth-child(n+1) img{margin: 0px; width: 48%; float: left;  border-radius: 1%}
.content ul li:nth-child(n+1) ul li:nth-child(n+1) h2{float: left; margin-left: 3%; padding-left: 0px;}
.content ul li:nth-child(n+1) ul li:nth-child(n+1) p{float: right;  width: 48%;}
.content ul li:nth-child(n+1) ul li:nth-child(2n+1) img{margin: 0px; width: 48%; float: right;  border-radius: 1%}
.content ul li:nth-child(n+1) ul li:nth-child(2n+1) h2{float: left; margin-left: 3%; padding-left: 0px;}
.content ul li:nth-child(n+1) ul li:nth-child(2n+1) p{float: left;  width: 48%;}



.content ul li:nth-child(n+2){ width: calc(100%/2.250); height: auto; float: left; margin: 2%; background:  #fff; padding: 0.5%; }
.content ul li p{margin: 0; padding: 10px 10px 10px 10px; text-align:justify;  font-size: 18px;}
.content ul li img{width: 95%; height: auto; margin: 20px;}
.content ul li:nth-child(n+2) img{width: 94%; height: auto; margin: 20px; }
.content ul li:nth-child(n+2) h2{margin:  0; padding: 3%; color: #000; font-size: 24px; color: rgba(165, 73, 6, 0.72); }
.content ul li a{  font-size: 15px; }

/*page*/
.content .page-box{ float: left; width: 100%; height: auto; margin: auto; padding-bottom: 5%; position: relative;  }
.content .page-box ul.left {list-style-type: none; margin: 50px 2% 0 2%; padding: 0;  height: auto; width: auto;}
.content .page-box ul.left  h1{width: auto; height: auto; margin: 0; margin-left: 20px; padding: 0; color:  rgba(100, 75, 79, 0.72); 
 font-family:  initial; font-size: 30px; padding: 0 0 10px 0;}
.content .page-box ul li{padding: 2%;}
.content .page-box ul li ul li{padding: 2%; width: auto; float: right;}		
.content .page-box ul li:nth-child(n+1) img{width: 45%; margin-bottom: 10px; float: left; margin-left: 20px;  margin-right: 50px;}
.content .page-box ul li{ width: auto; height: auto; margin: 20px 20px 40px 20px; background:  #fff;  }
.content .page-box ul li p{margin: 0; padding: 10px 0px 20px 0px; text-align:justify; font-size: 17px;}
.content .page-box ul li h2{margin:  0; padding: 0;}


/*Footers*/
.Footers{ clear:both; width: auto; height: auto; margin: auto;  margin-top: 20px;  text-align: center; line-height:20px; position: relative; padding: 20px;} 
.Footers h4{clear:both; margin: 0; padding:  0; font-size: 200%;   }
.Footers p{clear:both;  font-size: 19px; }
.Footers a{clear:both;  font-size: 19px; }
.Footers  #back-top  {position: fixed; bottom: 10px; margin-left: 65%; padding-top: 20px;}

	
}
@media only screen and (min-width: 1570px) and (min-device-width: 1570px){



/*index-box*/
.content{ clear: both; width: auto; height: auto;}

.content { margin: 0; padding-bottom: 1%; }
.content ul{list-style-type: none; margin: 0; padding: 0;  margin-left: 0; height: auto; position: relative;  }
.content ul li:nth-child(n+1){ width: auto; height: auto;  margin: 1%; background:  #fff; }
.content ul li:nth-child(n+1) ul li{ width: auto; height: auto;  margin: 0.5%; background:  #fff; 
  float: none; padding: 2%;  box-shadow: 0 1px 4px 0 rgba(0,0,0,.1); }
.content ul li:nth-child(n+1) ul li:nth-child(n+1) img{margin: 0px; width: 48%; float: left;  border-radius: 1%}
.content ul li:nth-child(n+1) ul li:nth-child(n+1) h2{float: left; margin-left: 3%; padding-left: 0px;}
.content ul li:nth-child(n+1) ul li:nth-child(n+1) p{float: right;  width: 48%;}

.content ul li:nth-child(n+1) ul li:nth-child(2n+1) img{margin: 0px; width: 48%; float: right;  border-radius: 1%}
.content ul li:nth-child(n+1) ul li:nth-child(2n+1) h2{float: left; margin-left: 3%; padding-left: 0px;}
.content ul li:nth-child(n+1) ul li:nth-child(2n+1) p{float: left;  width: 48%;}



.content ul li:nth-child(n+2){ width: calc(100%/2.250); height: auto; float: left; margin: 2%; background:  #fff; padding: 0.5%; }
.content ul li p{margin: 0; padding: 10px 10px 10px 10px; text-align:justify;  font-size: 18px;}
.content ul li img{width: 95%; height: auto; margin: 20px;}
.content ul li:nth-child(n+2) img{width: 94%; height: auto; margin: 20px; }
.content ul li:nth-child(n+2) h2{margin:  0; padding: 3%; color: #000; font-size: 24px; color: rgba(165, 73, 6, 0.72); }
.content ul li a{  font-size: 15px; }

/*page*/
.content .page-box{ float: left; width: 100%; height: auto; margin: auto; padding-bottom: 5%; position: relative;  }
.content .page-box ul.left {list-style-type: none; margin: 50px 2% 0 2%; padding: 0;  height: auto; width: auto;}
.content .page-box ul.left  h1{width: auto; height: auto; margin: 0; margin-left: 20px; padding: 0; color:  rgba(100, 75, 79, 0.72); 
 font-family:  initial; font-size: 30px; padding: 0 0 10px 0;}
.content .page-box ul li{padding: 2%;}
.content .page-box ul li ul li{padding: 2%; width: auto; float: right;}	
.content .page-box ul li:nth-child(n+1) img{width: 45%; margin-bottom: 10px; float: left; margin-left: 20px;  margin-right: 50px;}
.content .page-box ul li{ width: auto; height: auto; margin: 20px 20px 40px 20px; background:  #fff;  }
.content .page-box ul li p{margin: 0; padding: 10px 0px 20px 0px; text-align:justify; font-size: 18px;}
.content .page-box ul li h2{margin:  0; padding: 0;}


/*Footers*/
.Footers{ clear:both; width: auto; height: auto; margin: auto;  margin-top: 20px;  text-align: center; line-height:20px;
         position: relative; padding: 20px; float: bottom;} 
.Footers h4{clear:both; margin: 0; padding:  0; font-size: 200%;   }
.Footers p{clear:both;  font-size: 19px; }
.Footers a{clear:both; font-size: 19px; }
.Footers  #back-top  {position: fixed; bottom: 10px; margin-left: 65%; padding-top: 20px;}

	
}