/*-----------------------shadow1----------------------------------*/
  .shadow1_warpper{
 width:100%;
 height:auto;
 background-color: #fff;
 }
 .shadow1{
 width:90%;
 height:3.125rem;
 margin: 0 auto;
 }
 /*-----------------------text---------------------------------*/
 .sec_txt1{
  padding-top:0.625em;
  font-weight: 900;
  font-size: 1rem;
  color: #343437;
  }
  .sec_txt2{
  padding-top:0.625em;
  font-weight: 900;
  font-size: 1rem;
  color: #696869; 
  }
 .head_txt1{
  padding-top:0.625em;
  font-weight: 900;
  font-size: 1.5rem;
  color: #343437;
  }
  .head_txt2{
  padding-top: 0.625em;
  font-size: 1rem;
  color: #aeacaf; 
  }
  .par1{
  padding-top:0.625em;
  font-weight:normal;
  line-height: 1.5;
  font-size: 1rem;
  color: #464649;
  }
  .par2{
  margin-top: 20px;
  padding-top:0.625em;
  font-weight:800;
  line-height: 1.5;
  font-size: 1rem;
  color: #464649;
  }
  .add1{
  font-weight:normal;
  line-height: 1.5;
  font-size: 1rem;
  color: #464649;

  }
  .error_mess{
  color:#ec8387;
  font-size: 0.9rem;
  }
  #anchor_start {
    scroll-margin-top: 100px;
  }
  /*-----------------------section1---------------------------------*/
.section1_warpper{
width:100%;
height:auto;
background-color: #fff;
}
.section1{
width:80%;
height:auto;
margin: 0 auto;
}
.section1 > .pag_head{
  padding: 5px 0;
}
.section1 > .pag_infor{
  padding: 5px 0;
}
.section1 > .pag_con1{
  padding: 8px 0;
}
.section1 > .pag_footer{
  height: 50px;
}
.pag_con1 >.box:nth-child(1){
  flex: 1 0 100%;
  padding:5px;
}
.pag_con1 >.box:nth-child(2){
  display: flex;
  flex: 1 0 100%;
  padding:5px;
  border: #f1f1f1 solid 1px;
}
.pag_con1 >.box:nth-child(3){
  flex: 1 1 100%;
  padding:5px;
}
.pag_con1 >.box:nth-child(4){
  display: flex;
  flex: 1 0 100%;
  padding:5px;
}
.pag_con1 >.box:nth-child(5){
  flex: 1 0 100%;
  padding:5px;
}
.pag_con1 >.box:nth-child(2) > .tab {
  float: left;
  background-color: #f1f1f1;
  width: 25%;
  height: 300px;
}
.pag_con1 >.box:nth-child(2) > .tabcontent {
  float: left;
  padding: 0px 12px;
  width: 70%;
  border-left: none;
  height: 300px;
}
img.search {
  width:auto;
  height:150px;
  padding:10px;
  text-align:right;  
}
img.searchbig {
  width:100%;
  height:auto;
  float: left; 
  margin: 15px 15px 15px 0px;
}
/* --------------------------img link---------------------------  */
.img_link {
  display: inline-block;
  color:#a15b32;
  font-weight:normal;
  font-size: 1rem;
  margin-top: 10px;
}
.img_link > span {
  cursor: pointer;
  display: inline-block;
  transition: 350ms ease-in;
  text-align:center;
}
.img_link > img{
  cursor: pointer;
  display: inline-block;
  transition: 350ms ease-in;
  text-align:center;
}
.img_link > span::before {
content: "\f101";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  opacity:1;
  padding-right:0.3125em;
}
.img_link:hover span {
  margin-left:0.625em;
  color:#e68046;
}
/* -------------------tab------------------------ */

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
/*-----------------------section2---------------------------------*/
.tabcontent > .area_warp{
display: flex;
min-height:250px;
background-color: #fff;
}
.area_warp > .area_con{
flex: 1 0 250px;
padding: 5px;
max-width: 300px;
border: #cfcfcf solid 1px;
}
.area_warp > .area_map{
flex: 1 0 250px;
padding: 5px;
border: #cfcfcf solid 1px;
}
.area_txt1{
font-weight: 900;
font-size: 1rem;
color: #343437;
}
.area_txt2{
font-size: 0.9rem;
color: #4b4b4b; 
}
.area_txt3{
font-size: 0.9rem;
color: #0e4b7c; 
}
/*---------------------------page Link--------------------------------*/
ul.breadcrumb {
list-style: none;
font-family: "fontAwesome", sans-serif;
}
ul.breadcrumb li {
display: inline;
font-size: 13px;
font-weight:normal;
color: #aeacaf;
}
ul.breadcrumb li + li:before {
color: #aeacaf;
font-weight: bold;
content: "/\00a0";
}
ul.breadcrumb li a {
color: #6bb0ec;
text-decoration: none;
font-weight: bold;
}
ul.breadcrumb li a:hover {
color: #01447e;
text-decoration: none;
}
/* --------------------------table----------------------------  */
table.tableview2 {
    height: auto;
    table-layout:auto;
    width: 60%;
    border-collapse: collapse;
    background-color: #f2f2f2;
    }
    table.tableview2 tr {
    height:auto;
    }
    table.tableview2 td:nth-child(1) {
    border: 1px solid #fff;
    padding: 10px;
    color: #f2f2f2;
    text-align:right;
    background-color: #413147;
    }
    table.tableview2 td:nth-child(2) {
    border: 1px solid #fff;
    padding: 10px;
    text-align:left;
    }
/*-----------------------section2---------------------------------*/
/*---------------------------page Link--------------------------------*/
ul.breadcrumb {
  list-style: none;
  font-family: "fontAwesome", sans-serif;
}
ul.breadcrumb li {
  display: inline;
  font-size: 13px;
  font-weight:normal;
  color: #aeacaf;
}
ul.breadcrumb li + li:before {
  color: #aeacaf;
  font-weight: bold;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #6bb0ec;
  text-decoration: none;
  font-weight: bold;
}
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: none;
}
/*---------------------@media-----------------------------------*/
/*-------large screen-----*/
@media(min-width:1900px) {

}
/*-------desktop-----*/
@media(max-width:1200px) {
html{font-size:0.895rem;}
}
/*-------desktop small-----*/
@media(max-width:980px) {
  .pag_con1 >.box:nth-child(2) {
    flex-wrap: wrap;
  }
  .pag_con1 >.box:nth-child(2) > .tab {
    width: 100%;
  }
  .pag_con1 >.box:nth-child(2) > .tabcontent {
    width: 100%;
  }
  }
  /*--------tabe---------*/
  @media(max-width:768px) {
  html{font-size:0.9375rem;}
  .section1_warpper >.section1{
  width:92%;
  }
  .tabcontent > .area_warp{
    flex-wrap: wrap;
  }
  .area_warp > .area_con{
    flex: 1 1 100%;
    border: none;
  }
  .area_warp > .area_map{
    flex: 1 1 100%;
  }
}
  /*-------phone--------*/
  /*-------phone small--------*/
  @media(max-width:480px) {
  .section1_warpper >.section1{
  width:96%;
  }
  .pag_con1 >.box:nth-child(1){
    flex: 1 0 100%;
  }
  .pag_con1 >.box:nth-child(2){
    flex: 1 0 100%;
  }
}
/*---------------------@media-----------------------------------*/