@CHARSET "UTF-8";
@media (max-width: 400px){
	html{font-size:9px;}
}


header{ padding: 17px 15px 15px; transition: all 0.5s; }
.logo{ height: 32px; transition: all 0.5s; display: block; }

.header-alt{ position: fixed; top: 0; left: 0; z-index: 10; width: 100%; padding: 12px 15px 11px; box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.2); }
.header-alt .logo{ height: 25px; }

.warp-alt{ padding-top: 48px; }

.maxWidth{ max-width: 500px; margin: auto; }

.inputContainer{ padding:3rem  2.5rem 4.5rem; }

.fullInput li{ position: relative; }
.fullInput li + li{ margin-top: 10px; }
.fullInput input{ width: 100%; padding-left: 4.2rem; font-size: 1.6rem; line-height: 2.6rem; }

.fullInput li[class^="ti-"]:BEFORE, .fullInput li[class*=" ti-"]:BEFORE{
	position: absolute; left: 1.2rem; top: 1.6rem; color: #485af5; font-size: 1.8rem;
}

.info{ background-color: #eff5f8; border-top: 1px solid #e7eff3;  border-bottom: 1px solid #e7eff3; }

.divisionLine{ height: 10px; background-color: #ededed; border-top: 1px solid #e8e8e8; clear: both; }


.nvestmentStatus{ text-align: center; padding: 2rem 1.5rem; }

.m-status{ font-size: 1.7rem; line-height: 2.5rem; margin-bottom: 2rem; color: #fff;}
.m-status span{ color: #fff; font-weight: 500; font-size: 1.8rem; }
.m-status span.numcom{ color: #f9af46; font-size: 2rem; }

.m-detailStaus{ background-color: #fff; border-radius: 0.4rem; padding: 2.2rem 1.2rem 2.5rem; box-shadow: 1px 1px 15px 0px rgba(0,0,0,0.2); }
.m-detailStaus ul{ overflow: hidden; }
.m-detailStaus ul li{ width: 33.333%; float: left; }
.m-detailStaus ul li{ font-size: 1.4rem; }
.m-detailStaus ul li .numcom{ color: #4052f2; font-size: 1.9rem; font-weight: 500; }
.m-detailStaus ul li + li .numcom{ color: #f9af46; }
.m-detailStaus ul li + li + li .numcom{ color: #55c9b2; }
.m-detailStaus ul li dd{ color: #666; }
.m-detailStaus ul li dt{ padding-top: 0.3rem; font-weight: 500; color: #444; }
.m-detailStaus  .icon{ margin-bottom: 1rem; }
.m-detailStaus  .icon img{ width: 38%; display: block; margin: auto;}


/* companyList */

.companyList{ padding: 1rem 1.5rem 2rem; /* border-radius:2rem 2rem 0 0; */ background-color: #f9fbfc; border-top: 1px solid #e6ecf0; border-bottom: 1px solid #e6ecf0; }
.companyList ul{ margin-left: -0.8rem; overflow: hidden; }
.companyList ul li{ position: relative; float: left; width: 33.333%; padding-left: 0.8rem;  margin-top: 0.8rem; } 
.companyList ul li .inner{ background-color: #fff; border: 1px solid #dce3e7; border-radius: 0.4rem; padding: 1.5rem 0 0; }
.companyList ul li h3{ font-weight: 400; font-size: 1.4rem;  text-align: center; padding: 0.6rem 1rem 0 }
.companyList ul li .companyLogo{ 
	margin: auto; width: 50%; padding-bottom: 50%; border-radius: 50%; overflow: hidden; 
	border: 1px solid #e6ecf0; box-sizing: content-box;	
}
.companyList ul li .companyLogo img{ object-fit: contain; }
.companyList ul li .inner .money{ background-color: #ededed; color: #656565; font-size: 13px; text-align: center; padding: 2px 3px; margin-top: 1rem;     box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.05) inset; }
.companyList ul li .inner .money.invest{ background-color: #fd780f; color: #fff; }


@media (max-width: 370px){ .companyList ul li{ width: 50%; } }


/* companyView */

.companyInfo{ position: relative; padding: 2.5rem 0 2rem;}
.companyInfo .colorArea{ position: absolute; top:0; left: 0; width: 100%; height: 50%; z-index: -1; }
.companyInfo .c-Info{}
.companyInfo .c-Info .companyLogo{ 
	margin: auto; width: 9rem; height: 9rem;  padding-bottom:0; border-radius: 50%; overflow: hidden; 
	border: 1px solid #e6ecf0; box-sizing: content-box;	
	background-color: #fff;
}
.companyInfo .c-Info .companyLogo img{ object-fit: contain; }
.companyInfo .c-Info dt{ text-align: center; margin-top: 1rem; font-size: 1.8rem; }


.v-nvestmentStatus{ text-align: center; padding: 2rem 1.5rem 2rem; }

.v-status{ font-size: 1.5rem; line-height: 2.2rem; margin-bottom: 2rem; color: #444;}
.v-status span{ color: #444; font-weight: 500; font-size: 1.7rem; }
.v-status span.numcom{ color: #f9af46; font-size: 1.8rem; }

.v-detailStaus{ background-color: #fff; border-radius: 0.4rem; padding: 0rem 1.2rem 0; }
.v-detailStaus ul{ overflow: hidden; }
.v-detailStaus ul li{ width: 33.333%; float: left; }
.v-detailStaus ul li{ font-size: 1.4rem; }
.v-detailStaus ul li .numcom{ color: #4052f2; font-size: 1.9rem; font-weight: 500; }
.v-detailStaus ul li + li .numcom{ color: #f9af46; }
.v-detailStaus ul li + li + li .numcom{ color: #55c9b2; }
.v-detailStaus ul li dd{ color: #666; }
.v-detailStaus ul li dt{ padding-top: 0.3rem; font-weight: 500; color: #444; }
.v-detailStaus  .icon{ margin-bottom: 0.5rem; }
.v-detailStaus  .icon img{ width: 38%; display: block; margin: auto;}

.btnContainer ul{ margin-left: -1rem; }
.btnContainer ul:AFTER{ content: ''; display: block; clear: both; }
.btnContainer ul li{ float: left; width: 50%; padding-left: 1rem;}

.container{ padding: 2rem 0 2rem; background-color: #f9fbfc; border-top: 1px solid #e6ecf0; border-bottom: 1px solid #e6ecf0; }
.container .maxWidth{ padding: 0 1.5rem; }
/* .investment{ border-bottom: 1px solid; } */


.investment .maxWidth{ padding: 0 3rem; }

.warning{ position: relative; font-size: 1.5rem; margin-bottom: 1.3rem; text-align: center; line-height: 36px; height: 36px; padding: 0 1rem; background-color: #ff6138; color: #fff; }
.warning .numcom{ font-size: 1.5rem; font-weight: 500; }
.warning:BEFORE{ 
	 content:''; 
	 position:absolute;
	 left:-10px;
     border-top: 18px solid transparent;
     border-right: 10px solid #ff6138;
     border-bottom: 18px solid transparent;
}

.warning:AFTER{ 
	 content:''; 
	 position:absolute;
	 right:-10px;
     border-top: 18px solid transparent;
     border-left: 10px solid #ff6138;
     border-bottom: 18px solid transparent;
}


.radioGroup{font-size: 0;}
.radioGroup li{ padding: 1.4rem 1rem 1.4rem; display: inline-block; width: 50%; font-size: 1.5rem;}
.radioGroup li:not(:last-child){ border-bottom: 1px solid #e6ecf0;} 
.radioGroup label{ display: block; width: 100%; }
.radioGroup .radio{margin: 0;}


.cancelBtn{
	color: #64676c;
	background-color: #fff;
	border-color: #d8d8d8;
	box-shadow: 0px 3px 0px 0px #d8d8d8;
}

.cancelBtn:HOVER{ background-color: #f8f8f8; }



.footer{ font-size: 1.3rem; color: #aaa; text-align: center; padding: 2rem 0 3rem;  }


/* noneData */

.noneData{ padding: 5rem 0; text-align: center; }
.noneData:BEFORE{ display: block; text-align: center; font-size: 5rem; color: #aaa; }
.noneData span{ display: block; margin-top: 2rem; font-size: 1.7rem; color: #999; }