@charset "utf-8";
/* CSS Document */
/*body{ margin:0 auto; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}*/

body{ background: #d5e1df; margin:0 auto; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';}
h1{ margin:0px; padding:0px; font-size:18px;}
.main{ 
border:1px solid #E4E4E4; background:#F5F3F3; 
width:50%; 
height: auto;
  padding: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
box-sizing:border-box;
}

img{ max-width: 100%; display: block;}
span{/*color:#878787;*/ color: #585757; font-size:12px;}
p{ margin: 0px; padding: 0px; line-height:16px;}
select {-webkit-appearance: none;-moz-appearance: none; text-indent: 1px;text-overflow: '';}
.input0{ width:100%; outline: none; border-radius:3px; font-weight: bold; font-size:16px; border: 1px #D8D8D8 solid;padding:2% 1%;}	
.input01{ width:97.4%; outline: none; border-radius:3px; font-size:16px; border: 1px #D8D8D8 solid;padding:2% 1%;}	
.input02{ width:97.4%; outline: none; font-size:16px; border: 0px #D8D8D8 solid; padding:2% 1%;}	
.textarea{ width:97.4%; height:100px; resize: none; outline: none; font-size:16px; border:1px #D8D8D8 solid; padding:2% 1%;}	
.btn0{margin: 0px; min-width:100px; font-size: 16px; background:#4169e1; font-weight: bold; color:#FFFFFF; border-radius:3px; 
border: 1px #2e86c1 solid; outline: none; padding:10px 8px 8px 8px; }
.btn1{ margin: 0px; min-width:100px; font-size: 16px; background:#FFFFFF; font-weight: bold; color:#6C6C6C; border-radius:3px; 
border: 1px #FFFFFF solid; outline: none; padding:10px 8px 8px 8px; }
.btn3{ margin: 0px; width: auto; font-size:14px; background: #FFF; color:#878787; border-radius:3px; border:1px #e0e0e0 solid; outline: none; padding:8px; }
.btn4{margin: 0px; float: right; background: #F94625; color: #FFF; border: 0px; outline: none; padding:4px 8px;}
.btn5{ margin: 0px; float: right; background: #03F017; color: #FFF; border: 0px; outline: none; padding:4px 8px;}
.fixed_button{ font-size:18px; font-weight: bold;text-decoration:none;position: fixed;bottom:5px;right:5px; color:#fff; background: #F8070B; border-radius:100%; padding:2px 5px 0px 5px; }
.link01 a{ text-decoration:none; color: #FFFFFF; }.link02 a{ text-decoration:none; color: #353333; }

/****************************************************/

.header{width: 100%; min-height:48px; /*background: #06D3B0;*/ border-bottom: 1px #6C6C6C solid; background: #4169e1; 
	display:block; overflow: hidden; margin:0 auto; top:0px; position:sticky; }
.logo{width:auto; float:left; margin:0px; display: block; overflow: hidden;}
.header_menu_R{float:right; display: inline-flex; overflow: hidden; vertical-align:top;}
.header_menu_R_in{ color: #FFFFFF; font-size: 16px; margin:15px 10px 0px 10px;}
.Nav_outer{margin:2px 10px;display: block; overflow: hidden; vertical-align:top; color: #FFFFFF; cursor:pointer;}
.Nav_icon{font-size:30px; margin:2px 10px; float: right; color: #FFFFFF; cursor:pointer;}
.sidenav {height:100%; width:0;position: fixed; top: 0; right: 0; background-color: #2e86c1; overflow-x: hidden;transition:0.5s; 
padding-top:50px; }
.mlist{ list-style: none;  margin:10px 5px; padding: 0px;}
.Nav_outer a {padding:0px 8px 0px 8px;text-decoration: none; font-size:16px; color:#FFFFFF;display: block;transition: 0.3s;}
.sidenav a {padding:0px 8px 0px 8px;text-decoration: none; font-size:16px; color:#FFFFFF;display: block;transition: 0.3s;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn { position: absolute; top:0;right:0px;font-size: 36px; margin-left:50px;}
/*********************HEADER***********************/

.banner_01{width:100%; height: auto; background: #FFFFFF; margin:0px auto 10px auto; display: block; overflow: hidden;}	
.Seprator{width:100%;   height:auto; margin:0px auto; display: block; overflow: hidden;}	
.Seprator_L{width:50%;  height:auto; float: left; margin:0px auto; display:block; overflow:hidden;}	
.Seprator_R{width:50%;  height:auto; float:right;background:#FFF; padding: 0px; margin:0px auto; display:block; overflow:hidden;}	

.Div_L{width:38%;  height:auto; float: left; margin:0px auto; display:block; overflow:hidden;}	
.Div_R{width:62%;  height:auto; float:right; margin:0px auto; display:block; overflow:hidden;}	
.Div_M10px_Bor{background:#FFF;width:auto; height:auto; margin:0px 10px 10px 10px;border-radius:3px; border:1px #D8D8D8 solid;}	
.Div_M10px_Bor_right{background:#FFF;width:auto; height:auto; margin:0px 10px 10px 0px;border-radius:3px; border:1px #D8D8D8 solid;}
.M_10px{ margin:5%;background: #fff; display: block; overflow: hidden;}	

.div_inside_L{width:48.5%; float: left;border:1px #e0e0e0 solid; padding:3px 0px 0px;}
.div_inside_R{width:48.5%; float: right;border:1px #e0e0e0 solid; padding:3px 0px 0px;}

/**********************Single Item*********************************/
.Seprator_item_inside{ width: 100%; background: #fff; display: block; overflow: hidden; margin: 0 auto 10px auto;}
.item_img_master_div{ width:97%; margin:1.5%; border:1px #e0e0e0 solid; display: block; overflow: hidden;}
.main_item_img_div{ display:block; width:100%; height: auto;background: #fff; margin:0px;}		
.main_item_img{ display:block; max-height:450px; max-width: 100%;  margin-left: auto; margin-right: auto;}
.small_item_img_div{ display:inline-flex; background:#fff; overflow: hidden; border-top:1px #e0e0e0 solid; width:100%; margin: 0 auto;}	
.small_item_img{ max-height:50px; max-width:18%; padding:3px; display:block; border:1px #e0e0e0 solid; margin:5px 0px 5px 5px; cursor: pointer;} 
.small_item_img:hover{opacity:1;  border:1px #3677FC solid; padding: 3px;}		
.item_detail_master_div{ width:97%; padding:2%; background: #FFFFFF; display: block; overflow: hidden;}
/**********************Single Item*********************************/
@media only screen and (max-width : 850px) 
{
.header_menu_R_in{ margin:18px 10px 0px 10px;}
.Seprator_L{width:100%;}.Seprator_R{width:100%;}
.IND_IT_Txt{width:98%; margin:5px auto 12px auto; padding:2%;}	
.Div_L{width:100%;}.Div_R{width:100%;}.Div_M10px_Bor_right{margin:0px 10px 10px 10px;}

.CON_0_L{width:47%; max-height:180px; padding:0% 1% 0% 0%; }	

.logo{margin:5px 2px; }
.sidenav {padding-top: 17px;}.sidenav a {font-size: 18px;}
.Nav_icon{font-size:25px; margin:10px 10px; float: right; color: #FFFFFF; cursor:pointer;}
.Div_flex{ width:100%; margin: 0px; display:inline-flex;}	
}

/****************************************************/