﻿/* stab.css */

.PTSD_btn {
  height: 2em;
}

.stabilize_icon {
    background: url("../images/common/stabilize_icon.png") no-repeat;
    background-size: cover;
    height: 1.315em;
    width: 1.315em;
    display: inline-block;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    margin-left: 0.8em;
    top: 1.175em;
}
.next_btn {
  background: url(../images/common/next_btn.png) no-repeat;
  background-size: cover;
  height: 12px;
  width: 8px;
  display: inline-block;
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  right: .75em;
  top: 1.375em;
}
.marginTop09em {
    margin-top: 0.9em;
}
.ui-header.ui-bar-inherit{display:block}
.wcenter.sec4{display: none}
.__web_heade.ss{display: none!important;overflow: }
.stabilize_icon{display: block}
.station_title{font-weight: 700;margin-left: 2.7em!important;position: relative;bottom: -0.3em;}
.station_subtitle{margin-left: 3.575em!important;font-weight: 100;font-size: 12px;color: darkgray;position: relative;bottom: 0.2em;}
.stabM{display: block;}
.stabPC{display: none;}

 @media (min-width:1300px) and (min-height:700px){
	  .overflowHidden.ui-page.ui-page-theme-a.ui-page-active{height:auto;}
    .wcenter.sec4{display: block}
    .webCenter.ui-content{margin-top: 230px;margin-bottom: -127px}
  	.__mobile_header{display:none !important;}
    .bg_wrap{width: 100%;height: 100%;background:url(../images/common/web/sec4_bg.png)no-repeat 50%;background-size: cover;}
    .titleline{width:50px;height: 3px;background-color:#39d1cc;margin:auto; }
    .wsubtiteng{line-height: 60px;font-size: 18px;font-weight: 600;color:#707070;letter-spacing: -0.8px}
    .stab_buttons img{width:80px;text-align: center}
    .next_btn {top:38px}
    .stab_buttons{margin-top: 200px}
    .PTSD_btn.textAlignLeft.marginTop09em.ui-link.ui-btn.ui-shadow.ui-corner-all{float:left!important;width: 31%!important;margin-left: 2%;padding: 40px 0;background:rgba(255, 255, 255, 0.64)!important;border-radius: 2px!important;box-shadow: 0px 0px 20px rgba(50, 126, 123, 0.05)}
    .PTSD_btn:hover{background: #fff!important;}
    .stabilize_icon {top:32px;left:0px}
    .sec4{color:#333;text-align: center;padding-top: 150px;}
    .sec4 .wtitle{font-size: 35px;padding: 20px 0 30px;font-weight: 100;font-family: 'SpoqaHanSans-Light';letter-spacing: -3px;color:#000}
    .sec4 .wsubtitle{font-size: 14px;letter-spacing: -0.6px;font-weight: 600;color:#777;padding-bottom: 60px;line-height: 26px}
    .wstab_wrap{width: 90%;max-width:1200px;margin: auto;margin-top: 260px}
    .wstab_wrap li{width:32%;float:left;padding: 30px;margin-left: 2%;background: rgba(255, 255, 255, 0.51);margin-bottom: 23px;text-align:left;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.04);position: relative;transition: all 0.1s;font-family: 'SpoqaHanSans-Light';letter-spacing: -3px;color:#000;}
    .wstab_wrap li:hover{background: rgba(255, 255, 255, 0.8);box-shadow:0px 0px 10px rgba(84, 155, 153, 0.33);z-index: 40;bottom: 32px}
    .wstab_wrap .hline{height: 100%;width:3px;background: #39d1cc;position: absolute;left: 0;top:0}
    .wstab_wrap li.wone{margin-left:0%;}
    .wstab_wrap li img{position: absolute;width: 10px;right: 20px;top:31px}
    .stabtit{font-weight: 600;font-size: 16px;font-family: 'SpoqaHanSans-Medium';letter-spacing: -0.8px;color:#333}
    .stabilize_icon{display: none}
    .maginLeft27em {margin-left: 1.7em!important;}
    .next_btn {right: 20px!important;top:45px}
    .ui-page-theme-a .ui-bar-inherit{background-color: rgba(221, 221, 221, 0)}
    #cp_title{width:100%;max-height:500px;overflow:auto;font-size:15pt;text-align:center;display:none;font-size: 16px;margin-top: 20px;height: 30px!important}
    .overflowHidden.ui-page.ui-page-theme-a.ui-page-active{height:100%; /*overflow-y: hidden*/}
    body{box-sizing: border-box}
	 .__web_header.ss{background: rgba(255, 255, 255, 0.28)}
  
   body.ui-mobile-viewport, div.ui-mobile-viewport{height:inherit}
   .stabPC{display: block;}
   .stabM{display: none;}
}
@media (max-height:960px){.overflowHidden.ui-page.ui-page-theme-a.ui-page-active{overflow: auto}}
@media (min-height:1000px){
	 .bg_wrap{width: 100%;height: 100%;/*background:url(../images/common/web/sec4_bg.png)no-repeat 50%;background-size: cover;*/}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.bg_wrap{
    height: auto;
  }
}