@media print{
.no_print{display:none!important; height:0px!important; }
}

html,
body {
padding:0px;
margin:0px;
background-color: #ffffff;
color:#333333;
font-family: Arial;
font-size: 14px;
line-height:1.5;
border:none;
}

.main_width { 
min-width:250px;
max-width:768px;
margin: 0 auto;
padding: 20px;
}


.header{
  position:absolute;
  top:0px;
  left:0px;
  height:65px;
  right:0px;
  overflow:hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  background-color: #dd242c;
  border-bottom: 1px solid #dd242c;
}
.main_content {
  position:absolute;
  top:66px;
  bottom:62px;
  left:0px;
  right:0px;
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
  border-top: none;
}
.footer{
  position:absolute;
  bottom:0px;
  height:61px;
  left:0px;
  right:0px;
  overflow:hidden;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  background-color: #FFFFFF;
  border-top: 1px solid #dbdbdb;
}


.h1{
  font-size: 24px;
  font-weight: bold;
  line-height:1;
}
.h2{
  font-size: 18px;
  font-weight: bold;
  line-height:1;
}
.bold{
	font-weight: bold;
}

.font_normal{
  font-weight: normal;
}

.center{
  text-align: center;
}

.txt_1{
  font-size: 16px;
}

.txt_2{
  color: #999999;
  font-size: 16px;
}


.main_icon{
  float: left;
}
.main_icon img{
  height: 40px;
  margin-top: -7px;
}

.back_icon{
  float: left;
}
.back_icon img{
  height: 20px;
  margin-top: 3px;
  filter: invert(100%) sepia(4%) saturate(0%) hue-rotate(210deg) brightness(104%) contrast(103%);
}

.main_text{
  float: left;
  margin-top: 0px;
  margin-left: 25px;
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.2px;
}

.footer_menu_icon{
  float: left;
  width:25%;
}
.footer_menu_icon img{
margin-top: -5px;
height: 30px;
filter: invert(79%) sepia(9%) saturate(11%) hue-rotate(346deg) brightness(82%) contrast(85%);
}
.footer_menu_icon img:hover{
filter: invert(14%) sepia(49%) saturate(7116%) hue-rotate(350deg) brightness(115%) contrast(83%);
}

.footer_menu_icon_selected img{
filter: invert(14%) sepia(49%) saturate(7116%) hue-rotate(350deg) brightness(115%) contrast(83%);
}

.m_l{ text-align: left; }
.m_r{ text-align: right; }
.m_l_r{ text-align: center;}

.f_s_20{font-size: 20px;}

.top_n10{ margin-top: -10px; }
.top_n15{ margin-top: -15px; }
.top_n20{ margin-top: -20px; }
.top_n30{ margin-top: -30px; }
.top_5{ margin-top: 5px; }
.top_10{ margin-top:10px; }
.top_15{ margin-top:15px; }
.top_20{ margin-top:20px; }
.top_25{ margin-top:25px; }
.top_30{ margin-top:30px; }
.top_40{ margin-top:40px; }

.bottom_20{ margin-bottom:20px; }
.bottom_25{ margin-bottom:25px; }
.bottom_30{ margin-bottom:30px; }

.m_l_10{ margin-left: 10px; }
.m_l_20{ margin-left: 20px; }

.m_r_20{ margin-right: 20px; }

.c_grey{ 
  color: #666666;
}

.hidden{ 
  display: block;	
  position: fixed;
  padding:0;
  margin:0;
  top: -9999px;
  left: -9999px;
}

.alert img{
  margin-top: 25px;
  width: 60px;
  filter: invert(79%) sepia(9%) saturate(11%) hue-rotate(346deg) brightness(82%) contrast(85%);
}

.alert_active img{
  margin-top: 25px;
  width: 60px;
  filter: invert(49%) sepia(17%) saturate(7484%) hue-rotate(164deg) brightness(95%) contrast(106%);
}

.success img{
  margin-top: 25px;
  width: 60px;
  filter: invert(49%) sepia(17%) saturate(7484%) hue-rotate(164deg) brightness(95%) contrast(106%);
}

.button_1 a,input{
  background-color: #ffffff;
  color:#03a2dc;
  margin:0px;
  cursor: pointer;
  padding: 11px 16px;
  text-align: center;
  font-weight:normal;
  font-size:16px;
  text-decoration:none;
  border:1px solid #03a2dc;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  -webkit-appearance: none;
  outline:none;
}

.button_1 a:hover{
  background-color: #03a2dc;
  color:#ffffff;
}



.menu_txt a{
  float: left;
  width: 100%;
  color: #666666;
  font-size: 18px;
  padding-top: 14px;
  padding-bottom: 14px;
  outline:none;
  text-decoration: none;
  border-bottom: 1px solid #dfe3e6;
}

.menu_txt a:hover{
  color: #c8322a;
}

.menu_txt_2{
  float: left;
  width: 100%;
  color: #666666;
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  outline:none;
  text-decoration: none;
}

.valuation_icon{
  float: left;
}
.valuation_icon img{
  height: 35px;
  margin-top: -3px;
  filter: invert(100%) sepia(4%) saturate(0%) hue-rotate(210deg) brightness(104%) contrast(103%);
}

.alert_icon{
  float: left;
}
.alert_icon img{
  height: 30px;
  margin-top: -2px;
  filter: invert(100%) sepia(4%) saturate(0%) hue-rotate(210deg) brightness(104%) contrast(103%);
}

.menu_icon{
  float: left;
}
.menu_icon img{
  height: 25px;
  margin-top: 1px;
  filter: invert(100%) sepia(4%) saturate(0%) hue-rotate(210deg) brightness(104%) contrast(103%);
}


.hp_d{
  float: left;
  padding: 20px;
  width: calc(100% - 42px);
  background-color: #ffffff;
  cursor: pointer;
  border:1px solid #dbdbdb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  outline:none;
}
.hp_d a{
  text-decoration: none;
}

.hp_d_outr{
  float: left;
  width: calc(100% - 60px);
}
.hp_d_ttl{
  color:#c8322a;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  line-height:1.1;
}
.hp_d_txt{
  margin-top: 5px;
  color: #666666;
  text-decoration: none;
  line-height:1.2;
}

.hp_icon{
  float: left;
  width: 60px;
}
.hp_icon img{
  width: 40px;
  margin-top: 0px;
  margin-right: 0px;
  filter: invert(14%) sepia(49%) saturate(7116%) hue-rotate(350deg) brightness(115%) contrast(83%);
}

.clear_both{ clear: both; }

#con_status{
display: none;
text-align: center;
margin-top: 50px;
font-weight: bold;
font-size: 22px;
color: #c8322a;
}

.sre_logo{
  display: block;
  width: 190px;
  margin:0 auto;
  margin-top: 40px;
}

.ipa_babge{
  display: block;
  width: 190px;
  margin:0 auto;
  margin-top: 10px;
}



/* .switch checkbox */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}