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


#warp{ position: relative; min-height: 100%; padding-bottom: 70px; background-color: #f4f8fb; }
#warp footer { position: absolute; bottom: 0; width: 100%; height: 70px; border-top: 1px solid #e6ecf0; background-color: #fff; }

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; }

.topContainer { padding-bottom: 2rem; }

.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: #00498c; 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: #f75e52; }
.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 */

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

.companyList{ padding: 1.5rem 1.5rem; /* border-radius:2rem 2rem 0 0; */ border-top: 1px solid #e6ecf0; }
.companyList ul{ margin-left: -1.2rem; overflow: hidden; font-size: 0; }
.companyList ul li{ position: relative; display: inline-block; width: 50%; padding-left: 1.2rem; } 
.companyList ul li:nth-child( n + 3 ) { margin-top: 1.2rem; }
.companyList ul li .inner{ cursor: pointer; background-color: #fff; border: 1px solid #dce3e7; border-radius: 0.4rem; overflow:hidden; padding: 0; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.07); }
.companyList ul li .inner h3{ 
	font-weight: 700; font-size: 2.2rem;  text-align: center; padding: 1.8rem 1rem 1.3rem; background-size: 100% auto;
	border-bottom: 1px solid #ededed; color: #111; position: relative; overflow: hidden;
}

.companyList ul li .inner h3 span { 
	font-weight: 600; position: relative; position: absolute; top: -15%; right: -5%; opacity: 0.05; color: #00498c;
	font-size: 4.5rem; line-height: 4.5rem; height: 4.5rem; 
}

.companyList ul li .inner .companyItem { position: relative; height: 8rem; }
.companyList ul li .inner .companyItem .line-clamp { text-align:center;  font-size: 1.4rem; color: #888; position: absolute; top: 50%; left: 15px; right: 15px; transform:translateY(-50%); word-break: keep-all; }
.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: 1.4rem; text-align: center; padding: 6px 3px; box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.05) inset; }
.companyList ul li .inner .money.invest{ background-color: #f75e52; color: #fff; }


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


/* companyView */

.companyInfo{ position: relative; padding: 0rem 1.5rem 2rem; background-color: #00498c; }
.companyInfo .colorArea{ position: absolute; top:0; left: 0; width: 100%; height: 50%; z-index: -1; }
.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; padding: 0 20px;
}
.companyInfo .c-Info .companyLogo img{ object-fit: contain; }
.companyInfo .c-Info dt{ text-align: center; margin-top: 1rem; font-size: 1.8rem; }


/* .companyInfo { position: relative; padding-bottom: 5rem; }*/
.companyInfo .maxWidth { 
	max-width: 1000px;background-color: #fff; position: relative; z-index: 1;
    border-radius: 0.4rem; overflow: hidden; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.07);
}
.companyInfo:after { content: ''; background-color: #00498c; position: absolute; top:0; left: 0; width: 100%; height: 50%; z-index: 0; }

.c-Info-detail { padding: 15px 30px 12px; margin: 0; }
.c-Info-detail dt { text-align: left; font-size: 2rem; font-weight: 600; margin-bottom: 0.5rem; }
.c-Info-detail dd { font-size: 1.4rem; color: #888; word-break: keep-all; }


.posterBtn { background-color: #dadeeb; padding: 25px; }
.posterBtn a{ background-color: #dc143c; border-color: #dc143c; color: #fff; box-shadow: 0px 2px 0px 0px #a90a2a; line-height: 4.2rem; margin: 0; }
.posterBtn a:hover { text-decoration: none; border-color: #dc143c; background-color: #fff; color: #dc143c;  box-shadow: 0px 2px 0px 0px #a90a2a; }
.posterBtn a:active { top:0.2rem; box-shadow: 0px 0px 0px 0px #a90a2a; }

#jpgPop, #posterPop { max-width: 1200px; margin: auto; padding: 40px; max-height: 100%; position: relative; }
#jpgPop .mfp-close, #posterPop .mfp-close { background: #dc143c; height: 40px; width: 40px; top: 40px; color: #fff; }

@media (max-width: 500px){ 
	#jpgPop, #posterPop { padding: 10px; position: static; }
	#jpgPop .mfp-close, #posterPop .mfp-close { background: none; top: 0px; position: fixed; }
}


.v-nvestmentStatus{ text-align: center; padding: 3rem 1.5rem 2.5rem; border-bottom: 1px solid #e6ecf0;  }

.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-status dt { font-weight: 400; font-weight: 1.4rem; }
.v-status dt span { font-weight: 700; }

.v-status { text-align: left; }
.statusLine b { position: relative; display: block; width: 100%; background-color: #dadeeb; height: 8px; }
.statusLine b em { position: absolute; height: 100%; top: 0; left: 0; background-color: #ffd700; }
.v-status span.statusLine-info { display: block; font-size: 1.5rem; margin-top: 1rem; }
.v-status span.statusLine-info em { color: #00498c; font-weight: 700; font-size: 1.6rem; }

.v-detailStaus{ background-color: #fff; border-radius: 0.4rem; padding: 2.2rem 1.2rem 2.5rem; border: 1px solid #efefef; }
.v-detailStaus ul{ overflow: hidden; margin: 0; }
.v-detailStaus ul li{ width: 33.333%; float: left; }
.v-detailStaus ul li{ font-size: 1.4rem; }
.v-detailStaus ul li .numcom{ color: #00498c; 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 dl { margin-bottom: 0; }
.v-detailStaus ul li dd{ color: #666; margin-bottom: 0; }
.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: -0.5rem; }
.btnContainer ul:AFTER{ content: ''; display: block; clear: both; }
.btnContainer ul li{ float: left; width: 70%; padding-left: 0.5rem;}
.btnContainer ul li + li { width: 30%; }

.investContainer{ padding: 0; border-top: 1px solid #e6ecf0;  margin: auto; }

.investContainer .maxWidth { max-width: 1000px; }

/* .investment{ border-bottom: 1px solid; } */

.pcImg { display: none; }

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

.investInsert { padding: 0rem 1.5rem 0rem;
	box-shadow: 0 1px 8px 0 rgba(0,0,0,.1), 0 2px 2px -2px rgba(0,0,0,.08), 0 2px 5px 0 rgba(0,0,0,.08);
    background-color: #fff;
    padding: 2rem;
    overflow: hidden;
}

.warning{ position: relative; font-size: 1.6rem; margin-bottom: 1.3rem; text-align: center; line-height: 50px; height: 50px; padding: 0 1rem; background-color: #00498c; color: #fff; }
.warning .numcom{ font-size: 1.8rem; 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 0.2rem 0px 0px #d8d8d8;
}

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

.cancelBtn:active{
	box-shadow: 0px 0 0px 0px #d8d8d8;
}


.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; }



.form-control { border: 0 !important;}

.input-group { border-bottom: 2px solid #00498c !important; background-color: #fff !important; }
.input-group-text { 
 background-color: #fff !important; 
 border: 0 !important;  font-size: 2rem !important; 
 vertical-align: bottom; 
 padding-top: 40px !important; 
}

.input-group-btn { padding: 10px; font-size: 0 !important; height: 84px; }

.bootstrap-touchspin-down, .bootstrap-touchspin-up { 
	background-color: #fff !important; 
	border-color: #00498c !important; 
    width: 64px !important;
    display: block !important;
    border-radius: 50px !important;
    color:  #00498c !important; 
    padding: 0 !important;
}

.bootstrap-touchspin-down:active, .bootstrap-touchspin-up:active { 
	background-color: #00498c !important; 
	color: #fff !important;
}

.signupContainer button { margin-top: 0; }

.maxBtn { color: #00498c; }
.maxBtn i { color: #00498c; font-size: 2rem; position: relative; top: 2px; }