/*********************************
			  Init
*********************************/

/*********************************
			General
*********************************/
html,
body{
	height: 100%;
}
body {
  overscroll-behavior: none;
  margin: 0;
}
* {
  box-sizing: border-box;
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
:root {
  --color-white: #fff;
  --color-black: #333;
  --color-gray: #75787b;
  --color-gray-light: #bbb;
  --color-gray-disabled: #e8e8e8;
  --color-green: #53a318;
  --color-green-dark: #383;
  --font-size-small: .75rem;
  --font-size-default: .875rem;
}
li{
	list-style-type: none;
}
#overlay{
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.8);
}
.flex{
    width: 100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.overlay-inner{
    padding:10px 60px;
    text-align:center;
}
.overlay-inner p{
    color: #fff;
}
.overlay-inner a{
	border: 1px solid #fff;
    color: #fff;
    padding: 10px;
    display: block;
    margin: 30px;
}
.overlay-inner a:hover{
	border: 1px solid #1288EC;
    color: #1288EC;
    transition: .6s;
}
.is-hide{
    display:none;
}
.help{
	margin-left: 10px;
}
.btn_back{
	border: 2px solid #FFC329;
	width: auto;
	border-radius: 5px;
	height: 35px;
	margin: 0 50px 0 0;
}
.btn_back a{
	color: #FFC329 !important;
	text-align: center;
	font-size: 16px !important;
	display: block;
	padding: 0 15px;
	height: 100%;
}
.logo_main,
.logo_white{
	width: 160px;
}
.wrapper h1.title img{
	width: 175px;
	margin-bottom: 30px;
}
.sp_nav .nav_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	/*height: 60px;*/
	height: 45px;
}
button,
li,
p.side_fixed_bottom,
a{
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
}
button:hover,
/*li:hover,*/
p.side_fixed_bottom:hover,
a:hover{
	opacity: 0.7;
}
/*.pagination .disabled:hover{
	opacity: 1 !important;
}*/

button[type="submit"]{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
}

.wrapper {
	min-height: calc(100vh - 50px) !important;	
}
.admin_signin,
.wrapper.agents{
	min-height: calc(100vh - 100px) !important;
}


.wrapper.analytics .main_wrapper .inner_wrap{
	background: #dfe2e9;
	min-height: calc(100vh - 100px);
}
.wrapper.analytics .main_wrapper .inner,
.wrapper.agents .main_wrapper .inner{
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 50px;
}
.wrapper.agents .main_wrapper{
	padding-top: 50px;
}
.accordion .card-header button{
	padding-left: 0 !important;
}
.tab-content h3.title{
	margin-top: 30px;
}

/*.alert{
	background: #fff;
	padding: 0 10px 0 25px !important;
	margin: 0px;
	border-radius: 0;
	color: #FF0000;
	font-size: 12px !important;
	font-weight: 500;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-start;
	align-items: flex-start;
	justify-content: flex-start;
	line-height: 1.4 !important;
	text-align: left;
	margin-bottom: 5px;
	position: relative;
}
.alert:first-of-type{
	padding-top: 1.5em !important;
}
.alert:last-of-type{
	padding-bottom: 1.5em !important;
}
.alert:before{
	content: "";
	display: inline-block;
	background: url(img/under/icon/icon_alert.svg) center no-repeat;
	background-size: contain;
	width: 15px !important;
	height: 15px !important;
	margin-right: 8px;
	position: absolute;
	left: 7px;
}*/
.alert{
	background: #fff;
	padding: 5px 10px!important;
	margin: 0px;
	border-radius: 0;
	line-height: 1.4 !important;
	text-align: left;
	margin-bottom: 5px;
	position: relative;
}
.alert p{
	font-size: 14.5px!important;
	color: #f00;
	font-weight: normal;
	padding-left: 15px;
	line-height: 1.2!important;
	margin: 1em 0!important;
}
.alert p:before{
	content: "";
	display: inline-block;
	background: url(img/under/icon/icon_alert.svg) center no-repeat;
	background-size: contain;
	width: 15px;
	height: 15px;
	margin-right: 6px;
	position: absolute;
	left: 7px;
}
#back-top{
	position: fixed;
	right: 20px;
	bottom: 40px;
}
#back-top a{
	width: auto;
	height: auto;
	display: block;
	color: #fff;
}
#back-top a img{
	width: 50px;
}

#signup .term_link{
	text-decoration: underline !important;
	display: inline-block;
	color: #fff;
	font-size: 12px !important;
}
#signup .term_link_before{
	font-size: 12px !important;
	margin: 0;
}

@media screen and (min-width: 992px) {
	.dn_pc{
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.br_tb{
		display: none !important;
	}
}
.br_tb{
	display: none;
}
.apexcharts-toolbar{
	display: none !important;
}
.updown{
	font-size: 12px !important;
}
/*********************************
		       Error
*********************************/
.error{
	height: 100vh !important;
}
.error h2{
	text-align: center;
	font-size: 18px !important;
	color: #333;
}
.error p{
	text-align: center;
	font-size: 16px !important;
}
.error .btn_auth{
	background: #FFC329;
	max-width: 300px;
	width: 100%;
	margin: 30px auto;
	display: block;
	border-radius: 50px;
	border: none;
}
.error .btn_auth a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}

/*********************************
		    Global Nav
*********************************/
nav.g_nav .inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	width: 1000px;
	height: 70px;
	margin: 0 auto;
}
nav.g_nav h1.title{
	margin-bottom: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
nav.g_nav h1.title a {
	padding: 10px 15px 10px 0;
}
nav.g_nav ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 0;
}
nav.g_nav ul li{
	margin: 0 10px;
}
nav.g_nav a{
	text-decoration: none;
	color: #707070;
	font-size: 12px !important;
	padding: 10px 15px;
}
.entry{
	border: 2px solid #FFAD1B;
	border-radius: 30px;
	color: #FFAD1B !important;
}

header{
	height: 60px;
}
header .inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	-ms-align-items: center;
	align-items: center;
	padding: 0 !important;
}

header .inner .dropdown{
	width: 250px;
	height: 60px;
}
header .inner .dropdown button{
	width: 100%;
	height: 60px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
header .inner .dropdown button:after{
	display: none;
}
header .inner .dropdown .dropdown-menu{
	width: 100% !important;
	border-radius: 0 !important;
	padding-bottom: 0;
}
header .inner .dropdown .dropdown-menu .dropdown-item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	/*padding: .75em !important;*/
}
header .inner .dropdown .dropdown-menu .dropdown-item p{
	margin: 0;
}
header .inner .dropdown .dropdown-menu .dropdown-item p.name{
	width: 175px;
	font-size: 13px !important;
}
header .inner .dropdown img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
header .inner .dropdown .logout_wrap{
	padding: 0;
}
header .inner .dropdown .logout{
	margin: 0;
	padding: 0 !important;
	border-top: 1px solid #F1F1F3;
}
header .inner .dropdown .logout a{
	display: block;
	width: 100%;
	padding: 1em 0.75em;
	color: #007FEB;
	font-weight: 300 !important;
	font-size: 13px !important;
}

/*********************************
	   SP Bottom Navigation
*********************************/
.sp_nav_btm{
	position: fixed;
	bottom: 0;
	margin-bottom: 0;
	padding: 0;
	width: 100%;
	background: linear-gradient(90deg, #69d7e0, #7c95e6);
}
.fixed{
 position: fixed;
 bottom: 0;
}
.sp_nav_btm li{
	float: left;
	width: 20%;
	border-right: 1px solid #fff;
}
.sp_nav_btm li:nth-of-type(5){
	border-right: none;
}
.sp_report_ftr{
	background: url(img/under/bg_sp_ftr.png) center no-repeat;
	background-size: cover;
}
.sp_nav_btm li a,
.sp_report_ftr li a{
	font-size: 2vw!important;
	display: block;
	color: #fff;
	text-align: center;
	padding: 3vw 0;
	/* background: linear-gradient(180deg, #69d7e0, #7c95e6); */
}
.sp_nav_btm li:nth-child(1) a img {
	width: 82%;
}
.sp_nav_btm li:nth-child(2) a img {
	width: 48%;
}
.sp_nav_btm li:nth-child(3) a img {
	width: 48%;
}
.sp_nav_btm li:nth-child(4) a img {
	width: 80%;
	padding-top: 5px;
}
.sp_nav_btm li:nth-child(5) a img {
	width: 80%;
	padding-top: 5px;
}
.sp_report_ftr li a{
	padding: 1em;
	font-size: 14px !important;
	text-align: center;
	text-decoration: none;
	color: #fff !important;
    line-height: 30px !important;
    font-weight: 100 !important;
}
.sp_report_ftr{
	margin-bottom: 0;
	padding: 0;
}
.sp_report_ftr li{
	float: left;
	width: 50%;
	border-right: 1px solid #fff;
	height: 60px;
}
.sp_report_ftr li:nth-of-type(1),
.sp_report_ftr li:nth-of-type(2){
	border-bottom: 1px solid #fff;
}
.sp_report_ftr li:nth-of-type(2),
.sp_report_ftr li:nth-of-type(4),
.sp_report_ftr li:nth-of-type(5){
	border-right: none;
}
.sp_report_ftr li:nth-of-type(5){
	border-top: 1px solid #fff;
	width: 100%;
}
/*********************************
			Main Visual
*********************************/
.mv{
	background: url(img/top/bg_top_right.png) no-repeat,url(img/top/bg_top_bottom.png) no-repeat;
	background-size: 50%,100%;
	background-position: 120% center,center 320px;
	height: 500px;
}
.mv .inner{
	position: relative;
	height: 100%;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.mv .inner .partner {padding-top: 30px;text-align: left;}
.mv .inner .partner span {font-weight: bold;padding: 6px;background: #FFAD1B;color: #fff;font-style: italic;font-size: 14px;}
.mv .inner .inner_wrap{
	width: 600px;
	position: absolute;
	top: 70px;
	left: 0;
	bottom: 0;
}
.mv .inner .inner_wrap button{
	background: #8AE1CA;
	border-radius: 50px;
	border: none;
	width: 300px;
}
.mv .inner .inner_wrap h2.title{
	font-size: 30px !important;
	font-weight: 700 !important;
}
.mv .inner .inner_wrap p.desc{
	font-size: 14px !important;
}
.mv .inner .inner_wrap button a{
	color: #fff;
	display: block;
	padding: 10px 15px;
	text-align: center;
	font-size: 14px !important;
}
.mv .inner .scroll_down{
	width: 200px;
	text-align: center;
	color: #000;
	font-size: 12px !important;
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

/*********************************
		      Footer
*********************************/
footer.footer_signin{
	background: url(img/signin/bg_footer_report.png) center no-repeat;
	background-size: cover;
	height: 50px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
/*    position: fixed;
*/    bottom: 0;
    width: 100%;
}
footer.footer_analytics{
	background: #fff;
	/*height: 58px;*/
	height: 40px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.settigns footer.footer_analytics{
    position: fixed;
    bottom: 0;
    width: calc(100% - 250px);
}
footer .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 0 !important;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
footer.footer_signin .inner p,
footer.footer_signin .inner ul li a{
	color: #fff;
	font-weight: 100;
	font-size: 11px !important;
	margin-bottom: 0;
}
footer.footer_analytics .inner p,
footer.footer_analytics .inner ul li a{
	color: #040404;
	font-weight: 100;
	font-size: 11px !important;
	margin-bottom: 0;
}
footer .inner ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 0;
}
footer.footer_signin .inner ul li,
footer.footer_signin .inner ul li:last-child{
	border-left: 1px solid #fff;
}
footer.footer_analytics .inner ul li,
footer.footer_analytics .inner ul li:last-child{
	border-left: 1px solid #040404;
}
footer .inner ul li a{
	display: block;
	padding: 0 15px;
    line-height: 1 !important;
}

/*********************************
			TOP:General
*********************************/
#top section .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}
#top section .inner h3.title,
#top section .inner p.subtitle{
	text-align: center;
	margin: 0 auto;
}
#top_wrapper{
	overflow: hidden;
}
/*.dn_sp{
	display: none !important;
}*/

/*********************************
			TOP:feature
*********************************/
#top #feature{
	background: url(img/top/bg_top_merit.png) center no-repeat;
	background-size: cover;
}
#top #feature .inner h3.title{
	font-size: 25px;
	color: #fff;
	letter-spacing: 3px !important;
}
#top #feature .inner p.subtitle{
	color: #fff;
	font-size: 40px !important;
	margin: 10px auto;
}
#top #feature .inner p.subtitle span{
	font-size: 60px !important;
}
#top #feature .inner .hr_white{
	width: 80px;
	height: 3px;
	background: #fff;
	margin: 0 auto;
}
#top #feature .inner .card_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#top #feature .inner .card_wrap .card{
	background: none;
	border: none;
	width: 320px;
}
#top #feature .inner .card_wrap .card .img_wrap{
	margin: 0 auto 20px;
	text-align: center;
}
#top #feature .inner .card_wrap .card .img_wrap img{
	width: 200px;
}
#top #feature .inner .card_wrap .card .card_body h4.title{
	font-size: 20px !important;
	line-height: 1.5 !important;
	font-weight: 700;
	text-align: center;
	color: #fff;
	margin-bottom: 15px;
}
#top #feature .inner .card_wrap .card .card_body p.desc{
	font-size: 13px !important;
	text-align: center;
	color: #fff;
}

/*********************************
		TOP:function General
*********************************/
#top .merit_wrap #func_01 .inner .desc_wrap h4.title,
#top .merit_wrap #func_02 .inner .desc_wrap h4.title,
#top .merit_wrap #func_03 .inner .desc_wrap h4.title{
	font-size: 40px !important;
	color: #262626;
	margin: 20px auto;
}
#top .merit_wrap #func_01 .inner .desc_wrap p.desc,
#top .merit_wrap #func_02 .inner .desc_wrap p.desc,
#top .merit_wrap #func_03 .inner .desc_wrap p.desc{
	font-size: 18px !important;
	color: #262626;
}
#top .merit_wrap #func_01 .inner .desc_wrap button,
#top .merit_wrap #func_02 .inner .desc_wrap button,
#top .merit_wrap #func_03 .inner .desc_wrap button{
	width: 350px;
	background: #FFC329;
	border-radius: 50px;
	margin-top: 20px;
	border: none;
}
#top .merit_wrap #func_01 .inner .desc_wrap button a,
#top .merit_wrap #func_02 .inner .desc_wrap button a,
#top .merit_wrap #func_03 .inner .desc_wrap button a{
	display: block;
	color: #fff;
	text-align: center;
	padding: 10px 0;
}
/*********************************
			TOP:function
*********************************/
#top .merit_wrap #func_01{
	background: url(img/top/bg_sec_01_red.png) no-repeat;
    background-position-x: -10%;
    background-position-y: 100px;
    background-size: 40%;
}
#top .merit_wrap #func_01 .inner h3.title{
	font-size: 25px;
	color: #B8B8B8;
	letter-spacing: 3px !important;
}
#top .merit_wrap #func_01 .inner p.subtitle{
	color: #000;
	font-size: 40px !important;
	margin: 10px auto;
}
#top .merit_wrap #func_01 .inner .hr_gray{
	width: 80px;
	height: 3px;
	background: #B8B8B8;
	margin: 0 auto;
}
#top .merit_wrap #func_01 .inner .desc_wrap{
	background: url(img/top/bg_sec_01.png) no-repeat;
    background-position-x: 50px;
    background-position-y: -30px;
    background-size: 260px;
}
#top .merit_wrap #func_01 .inner .desc_wrap .inner_wrap{
	width: 600px;
	margin-left: auto;
}
#top .merit_wrap #func_01 .inner .desc_wrap p.subtitle{
	font-size: 18px !important;
	color: #F296EF;
	text-align: left;
}



#top .merit_wrap #func_01 .inner .card_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#top .merit_wrap #func_01 .inner .card_wrap .card{
	background: none;
	border: none;
	width: 280px;
	margin-top: 50px;
}
#top .merit_wrap #func_01 .inner .card_wrap .card img{
	width: 100%;
}
#top .merit_wrap #func_01 .inner .card_wrap .card .card_body h4.title{
	font-size: 20px !important;
	text-align: left;
	color: #262626;
}
#top .merit_wrap #func_01 .inner .card_wrap .card .card_body p.desc{
	font-size: 14px !important;
	text-align: left;
	color: #262626;
}


#top .merit_wrap #func_02{
	background: url(img/top/bg_sec_01_blue.png) no-repeat;
    background-position-x: 110%;
    background-position-y: 0px;
    background-size: 40%;
}
#top .merit_wrap #func_02 .inner .desc_wrap{
	background: url(img/top/bg_sec_02_new.png) no-repeat;
	background-position-x: 600px;
    background-position-y: -40px;
    background-size: 300px;
}
#top .merit_wrap #func_02 .inner .desc_wrap .inner_wrap{
	width: 600px;
	margin-right: auto;
}
#top .merit_wrap #func_02 .inner .desc_wrap p.subtitle{
	font-size: 18px !important;
	color: #F296EF;
	text-align: left;
}

#top .merit_wrap #func_02 .inner .bottom_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	margin-top: 80px;
}
#top .merit_wrap #func_02 .inner .bottom_wrap .left{

}
#top .merit_wrap #func_02 .inner .bottom_wrap .left h4.title{
	font-size: 30px !important;
}
#top .merit_wrap #func_02 .inner .bottom_wrap .left p.desc{
	font-size: 16px !important;
	margin-top: 20px;
}
#top .merit_wrap #func_02 .inner .bottom_wrap .right img{
	width: 300px;
}

#top .merit_wrap #func_02 .inner .card_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#top .merit_wrap #func_02 .inner .card_wrap .card{
	background: none;
	border: none;
	width: 280px;
	margin-top: 50px;
}
#top .merit_wrap #func_02 .inner .card_wrap .card img{
	width: 100%;
}
#top .merit_wrap #func_02 .inner .card_wrap .card .card_body h4.title{
	font-size: 20px !important;
	text-align: left;
	color: #262626;
}
#top .merit_wrap #func_02 .inner .card_wrap .card .card_body p.desc{
	font-size: 14px !important;
	text-align: left;
	color: #262626;
}


#top .merit_wrap #func_03{
	background: url(img/top/bg_sec_01_green.png) no-repeat;
	background-position-x: -10%;
    background-position-y: 0px;
    background-size: 40%;
}
#top .merit_wrap #func_03 .inner .desc_wrap{
	background: url(img/top/bg_sec_03.png) no-repeat;
	background-position-x: 50px;
    background-position-y: -40px;
    background-size: 270px;
}
#top .merit_wrap #func_03 .inner .desc_wrap .inner_wrap{
	width: 600px;
	margin-left: auto;
}
#top .merit_wrap #func_03 .inner .desc_wrap p.subtitle{
	font-size: 18px !important;
	color: #6FD4CF;
	text-align: left;
}

#top .merit_wrap #func_03 .inner .desc_wrap p.desc{
	font-size: 18px !important;
	color: #262626;
}
#top .merit_wrap #func_03 .inner .desc_wrap button{
	width: 350px;
	background: #8AE1CA;
	border-radius: 50px;
	margin-top: 20px;
}
#top .merit_wrap #func_03 .inner .card_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#top .merit_wrap #func_03 .inner .card_wrap .card{
	background: none;
	border: none;
	width: 320px;
	margin-top: 50px;
}
#top .merit_wrap #func_03 .inner .card_wrap .card .img_wrap{
	text-align: center;
}
#top .merit_wrap #func_03 .inner .card_wrap .card img{
	width: 100%;
}
#top .merit_wrap #func_03 .inner .card_wrap .card .card_body h4.title{
	font-size: 20px !important;
	line-height: 1.5 !important;
	font-weight: 700;
	text-align: left;
	color: #262626;
}
#top .merit_wrap #func_03 .inner .card_wrap .card .card_body p.desc{
	font-size: 14px !important;
	text-align: left;
	color: #262626;
	margin-top: 20px;
}
/*********************************
			TOP:article
*********************************/
/*********************************
			TOP:voices
*********************************/
#top #voices{

}
#top #voices .inner h3.title{
	font-size: 25px;
	color: #B8B8B8;
	letter-spacing: 3px !important;
	text-align: left;
}
#top #voices .inner p.subtitle{
	color: #000;
	font-size: 40px !important;
	margin: 10px auto;
	text-align: left;
}
#top #voices .inner .hr_gray{
	width: 80px;
	height: 3px;
	background: #B8B8B8;
	margin-left: 0;
}
#top #voices .inner .desc_wrap{
	width: 600px;
	margin-left: auto;
}
#top #voices .inner .desc_wrap p.subtitle{
	font-size: 18px !important;
	color: #F296EF;
	text-align: left;
}
#top #voices .inner .desc_wrap h4.title{
	font-size: 40px !important;
	color: #262626;
	margin: 20px auto;
}
#top #voices .inner .desc_wrap p.desc{
	font-size: 18px !important;
	color: #262626;
}
#top #voices .inner .desc_wrap button{
	width: 350px;
	background: #FFC329;
	border-radius: 50px;
	margin-top: 20px;
}
#top #voices .inner .desc_wrap button a{
	display: block;
	color: #fff;
	text-align: center;
	padding: 10px 0;
}
#top #voices .inner .card_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#top #voices .inner .card_wrap .card{
	background: none;
	border: none;
	width: 300px;
	margin-top: 50px;
}
#top #voices .inner .card_wrap .card img{
	width: 100%;
}
#top #voices .inner .card_wrap .card .card_body h4.title{
	font-size: 20px !important;
	text-align: left;
	color: #1EABE0;
}
#top #voices .inner .card_wrap .card .card_body p.desc{
	font-size: 14px !important;
	text-align: left;
	color: #262626;
	/*overflow: scroll;*/
	/* height: 150px; */
}
/*********************************
			TOP:plan
*********************************/
#top_plan{
	background: url(img/common/bg_signup.png) center no-repeat;
	background-size: cover;
	position: relative;
	/*height: 100%;*/
}
#top_plan .flex {
	justify-content: space-evenly;
    align-items: flex-start;
}
#top_plan .inner .title,
#top_plan .inner .desc{
	text-align: center;
	color: white;
}
#top_plan .inner h4.title{
	font-size: 25px;
	color: #fff;
	letter-spacing: 3px !important;
	text-align: center;
}
#top_plan .inner p.subtitle{
	color: #fff;
	font-weight: 300;
	font-size: 40px !important;
	margin: 15px auto !important;
	text-align: center;
}
#top_plan .inner .hr_white{
	width: 80px;
	height: 3px;
	background: #fff;
	margin: 0 auto;
}
#top_plan .desc{
	margin-top: 20px;
	margin-bottom: 50px;
}
#top_plan .plan_wrap h3.desc{
	font-size: 20px;
	color: #fff;
	text-align: left;
	margin-bottom: 15px;
}
#top_plan .plan_wrap .card_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
#top_plan .plan_wrap .card_wrap .card{
	background: #fff;
	width: 316px;
	border-radius: 3px;
	border: 3px solid #CDD6DD;
}
#top_plan .plan_wrap .card_wrap .card.active{
	border: 3px solid #1288EC;
}
#top_plan .plan_wrap .card_wrap .card .header{
	background: #fff;
	padding: 16px;
}
#top_plan .plan_wrap .card_wrap .card h3.title{
	color: #1288EC;
	font-size: 14px !important;
	letter-spacing: 3px !important;
	font-weight: 300;
}
#top_plan .plan_wrap .card_wrap .card h3.title span{
	display: inline-block;
	background: #1288EC;
	color: #fff;
	border-radius: 5px;
	padding: 2px 10px;
	font-size: 14px !important;
	letter-spacing: 3px !important;
	margin-left: 5px;
	font-weight: 300;
}
#top_plan .plan_wrap .card_wrap .card h3.title.custom{
	padding: 2px;
}
#top_plan .plan_wrap .card_wrap .card .hr_blue{
    border: 1px solid #1288EC;
    border-bottom: none;
    margin: 20px 0;
}
#top_plan .plan_wrap .card_wrap .card p {
	margin-top: 10px;
	font-size: 14px !important;
	font-weight: 300;
}
#top_plan .plan_wrap .card_wrap .card p.txt {
	
	
	
height: 150px;}
#top_plan .plan_wrap .card_wrap .card span.yen{
	font-size: 21px !important;
	font-weight: 700;
}
#top_plan .plan_wrap .card_wrap .card .price{
	font-size: 35px !important;
	font-weight: 700;
	text-align: center;
}
#top_plan .plan_wrap .card_wrap .card span.monthly{
	font-size: 15px !important;
	font-weight: 300;
}
#top_plan .plan_wrap .card_wrap .card ul{
	background: #F0F3F5;
	margin-bottom: 0;
	padding: 0;
}
#top_plan .plan_wrap .card_wrap .card ul li{
	text-align: center;
	border-top: 1px solid #CDD6DD;
	padding: 15px;
cursor: auto;}
#top_plan .plan_wrap .card_wrap .card ul li:last-child{
	border-bottom: 1px solid #CDD6DD;
}
#top_plan .plan_wrap .card_wrap .card.active .selected,
#top_plan .plan_wrap .card_wrap .card button{
	width: 200px;
	margin: 20px auto;
}
#top_plan .plan_wrap .card_wrap .card.active .selected{
	text-align: center;
	margin-top: 20px;
	font-weight: 300;
	padding: 10px;
}
/*#top_plan .plan_wrap .card_wrap .card.active .selected i{
	font-weight: 300;
	margin-right: 5px;
	color: #1288EC;
}*/
#top_plan .plan_wrap button{
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
	margin: 50px auto 0;
}
#top_plan .plan_wrap button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px 30px;
	font-weight: 300;
}
/*#top_plan .plan_wrap .card_wrap .card button{
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
}
#top_plan .plan_wrap .card_wrap .card button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}*/
#top_plan .plan_wrap .card_wrap .card .link_skip{
	color: white;
	font-weight: 300;
	display: block;
	text-align: center;
	text-decoration: underline !important;
}
/*********************************
			TOP:faq
*********************************/
#top #top_faq .inner h3.title{
	font-size: 25px;
	color: #B8B8B8;
	letter-spacing: 3px !important;
	text-align: center;
}
#top #top_faq .inner p.subtitle{
	color: #000;
	font-size: 40px !important;
	margin: 10px auto;
	text-align: center;
}
#top #top_faq .inner .hr_gray{
	width: 80px;
	height: 3px;
	background: #B8B8B8;
	margin: 0 auto;
}
#top #top_faq .inner .accordion .card{
	margin-bottom: 0;
	background: #fff;
	border-radius: 0;
}
#top #top_faq .inner .accordion .card:first-child{
	border-top: 2px solid rgba(0,0,0,.125);
}
#top #top_faq .inner .accordion .card .card-header{
	background: #fff;
	border-radius: 0;
}

/*********************************
		      terms
*********************************/
.term_nav li{
	width: 300px;
}
.term_nav li a{
	display: block;
	text-align: center;
	width: 100%;
}
.terms_mv{
	background: url(img/top/bg_terms.png) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	height: 300px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.terms_mv h1{
	color: #fff;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.terms .inner{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}
.terms .content{
    width: calc(100% - 250px);
}
.terms .content .inner_content p{
	padding: 30px 0;
    font-size: 13px !important;
    font-weight: 300;
}
.oem_wrap{
	margin-top: 30px;
	padding: 0 !important;
}
.terms .content table{
	width: 100%;
}
.terms .content table th{
	width: 20%;
	font-size: 13px !important;
}
.terms .content table td{
	width: 60%;
	font-size: 13px !important;
}
.terms form .label_wrap{
	width: 100%;
	display: block;
	margin: 30px 0;
	margin-top: 30px;
}
.terms form label{
	display: block;
	color: #000000;
	margin: 5px 0;
}
.terms form input,
.terms form select{
	width: 100%;
	height: 60px;
	margin-bottom: 15px;
	padding-left: 10px;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 3px;
	opacity: 0.8;
	color: #000;
}
.terms form .contact_area input{
	min-height: 300px;
} 
.terms form .postalcode{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.terms form .postalcode input{
	width: 48%;
	margin-bottom: 0;
}
.terms form button{
	background: #FFC329;
	max-width: 150px;
	width: 100%;
	margin: 30px 0 30px auto;
	display: block;
	border-radius: 50px;
	border: none;
}
.terms button.btn_center{
	margin: 30px auto;
	max-width: 300px;
	width: 300px;
	padding: 10px;
    color: #fff;
}
/*.terms button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}*/

/*********************************
			TOP:footer
*********************************/
footer.footer_top{
	background: url(img/signin/bg_footer_report.png) center no-repeat;
	background-size: cover;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    flex-flow: column;
    padding: 50px 0px 0;
}
footer.footer_top.footer_top .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 0 !important;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
footer.footer_top .inner p,
footer.footer_top .inner ul li a{
	color: #fff;
	font-weight: 100;
	font-size: 12px !important;
	margin-bottom: 0;
}
footer.footer_top .inner ul{
	display: block;
	margin-bottom: 0;
}
footer.footer_top .inner ul p{
	font-weight: 700 !important;
	margin-bottom: 5px !important;
}
footer.footer_top .inner ul li a{
	display: block;
	padding: 5px;
    line-height: 1 !important;
}
footer.footer_top .inner .left{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	max-width: 600px;
	width: 100%;
}
footer.footer_top .inner .left .list_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
}
footer.footer_top .inner .right h4{
	font-size: 16px !important;
	color: #fff;
}
footer.footer_top .inner .right p.desc{
	font-size: 12px !important;
	color: #fff;
	margin: 15px 0;
}
footer.footer_top .inner .right button{
	width: 300px;
	border-radius: 50px;
	background: #FFC329;
}
footer.footer_top .inner .right button a{
	display: block;
	padding: 10px;
	color: #fff;
}
footer.footer_top .copy{
	font-weight: 100;
	width: 100%;
	margin: 30px 0 0;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	border-top: 1px solid #fff;
}

/*********************************
			  Sidebar
*********************************/
#sidebar{
	/*background: url(img/sidebar/bg_sidebar.png) center no-repeat;*/
	background: linear-gradient(180deg, #64E8DE, #8A64EB);
	background-size: cover;
	background-attachment: fixed;
	width: 250px;
	position: relative;
}
#sidebar .side_fixed_top{
	position: fixed;
	top: 0;
	width: 250px;
}
#sidebar .logo_wrap{
	background: url(img/sidebar/bg_black.png) center no-repeat;
	background-size: cover;
	margin-bottom: 0;
	height: 60px !important;
}
#sidebar .logo_wrap a{
	color: #fff;
	display: block;
	padding: 15px;
	text-decoration: none;
}
#sidebar .side_list li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	padding-left: 20px;
}
#sidebar .side_list li:hover {
	opacity: unset;
	background:rgba(0,0,0,0.2);
}
#sidebar .side_list li.audience:before{
	content:'';
	background: url(img/sidebar/icon_audience.png) center no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: block;
}
#sidebar .side_list li.stories:before{
	content:'';
	background: url(img/sidebar/icon_stories.png) center no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: block;
}
#sidebar .side_list li.post:before{
	content:'';
	background: url(img/sidebar/icon_post.png) center no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: block;
}
#sidebar .side_list li.information:before{
	content:'';
	background: url(img/sidebar/icon_information.png) center no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: block;
}
#sidebar .side_list li.account:before{
	content:'';
	background: url(img/sidebar/icon_account.png) center no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: block;
}
#sidebar .side_list li.reserve_post:before{
	content:'';
	background: url(img/sidebar/icon_reserve.png) center no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: block;
}
#sidebar .side_list li.hashtag:before{
	content:'';
	background: url(img/sidebar/icon_hashtag.png) center no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: block;
}
#sidebar .side_list li.ai:before{
	content:'';
	background: url(img/sidebar/icon_ai.png) center no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: block;
}
#sidebar .side_list li.active{
	background: rgba(255,255,255,0.2);
}
#sidebar .side_list li a{
	color: white;
	display: block;
	padding: 15px;
	text-decoration: none;
	width: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: unset;
}
#sidebar .side_list li a:hover {
	padding-left: 22px;
}
#sidebar .inner_wrapper{

}
#sidebar .side_contents{
	height: 100vh;
	position: relative;
}
#sidebar .side_fixed_bottom{
	background: url(img/sidebar/bg_black.png) center no-repeat;
	background-size: cover;
	position: fixed;
	bottom: 0;
	width: 250px;
	margin-bottom: 0;
	padding-left: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
#sidebar .side_fixed_bottom:before{
	content:'';
	background: url(img/sidebar/icon_setting.png) center no-repeat;
	background-size: cover;
	width: 16px;
	height: 16px;
	display: block;
}
#sidebar .side_fixed_bottom a{
	display: block;
	color: #fff;
	padding: 15px;
	text-decoration: none;
	width: 100%;
}

.side_list{
	padding-left: 0;
}
/*********************************
		 Page:Signup general
*********************************/
/*#signup form,
#signin form{
	width: 600px;
	margin: 0 auto;
}*/
/*********************************
			Page:Sign in
*********************************/
#signin,
#biz_account,
#fb_list{
	background: url(img/common/bg_signup.png) center no-repeat;
	background-size: cover;
	position: relative;
	/*height: 100%;*/
	min-height: 100%;
}
#signin .inner{
	width: 700px;
	margin: 0 auto;
	padding: 100px 0;
	margin: 0 auto;
}
#biz_account .inner{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding: 50px 30px;
	margin: 30px auto 0;
	background: #fff;
}

#signin .inner .title,
#signin .inner .desc{
	text-align: center;
	color: white;
}
#signin .inner .title{
	font-size: 28px;
}
#signin form label{
	width: 100%;
	display: block;
	margin: 30px 0;
	margin-top: 30px;
}
#signin form label span{
	display: block;
	color: white;
	margin: 5px 0;
}
#signin form label input{
	width: 100%;
	height: 60px;
	padding-left: 10px;
	background: rgba(255,255,255,.8);
    border: 1px solid #fff;
    color: #000;
	border-radius: 3px;
	/*opacity: 0.3;*/
}
#signin form label input.multiple_name{
	width: 49%;
}
#signin form label.term_agree{
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
#signin form label.term_agree input{
	width: 30px;
}
#signin button{
	background: #FFC329;
	max-width: 300px;
	width: 100%;
	margin: 30px auto;
	display: block;
	border-radius: 50px;
	border: none;
}
#signin button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}
#forget .link_skip,
#signin .link_skip{
	color: white;
	font-weight: 300;
	display: block;
	text-align: center;
	text-decoration: underline !important;
}
#forget,
#thanks,
#reset_complete{
	background: url(img/common/bg_signup.png) center no-repeat;
	background-size: cover;
	position: relative;
	/*height: 100vh;*/
	min-height: 100%;
}
/*
{
	background: url(img/common/bg_signup.png) center no-repeat;
	background-size: cover;
	position: relative;
	height: 100%;
}*/
#forget .inner,
#thanks .inner,
#reset_complete .inner{
	width: 700px;
	margin: 0 auto;
	padding: 100px 0;
	margin: 0 auto;
}

#forget .inner .title,
#forget .inner .desc,
#thanks .inner .title,
#thanks .inner .desc,
#reset_complete .inner .title,
#reset_complete .inner .desc{
	text-align: center;
	color: white;
}
#forget .inner .title,
#thanks .inner .title,
#reset_complete .inner.title{
	font-size: 28px;
}
#forget .inner .desc,
#thanks .inner .desc,
#reset_complete .inner .desc{
	margin-top: 30px;
}
#forget form label{
	width: 100%;
	display: block;
	margin: 30px 0;
	margin-top: 30px;
}
#forget form label span{
	display: block;
	color: white;
	margin: 5px 0;
}
#forget form label input{
	width: 100%;
	height: 60px;
	padding-left: 10px;
	background: rgba(255,255,255,.8);
    border: 1px solid #fff;
    color: #000;
	border-radius: 3px;
	opacity: 0.3;
}
#forget form label.term_agree{
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
#forget form label.term_agree input{
	width: 30px;
}
#forget button,
#thanks button,
#reset_complete button{
	background: #FFC329;
	max-width: 300px;
	width: 100%;
	margin: 50px auto;
	display: block;
	border-radius: 50px;
	border: none;
}
.terms button{
	background: #FFC329;
	max-width: 300px;
	width: 100%;
	margin: 50px auto 50px 0;
	display: block;
	border-radius: 50px;
	border: none;
}
#forget button a,
#thanks button a,
#reset_complete button a,
.terms button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}
/*********************************
			Page:Sign in
*********************************/
#reset{
	background: url(img/common/bg_signup.png) center no-repeat;
	background-size: cover;
	position: relative;
	/*height: 100vh;*/
	min-height: 100%;
}
#reset .inner{
	width: 700px;
	margin: 0 auto;
	padding: 100px 0;
	margin: 0 auto;
}

#reset .inner .title,
#reset .inner .desc{
	text-align: center;
	color: white;
}
#reset .inner .title{
	font-size: 28px;
}
#reset form label{
	width: 100%;
	display: block;
	margin: 30px 0;
	margin-top: 30px;
}
#reset form label span{
	display: block;
	color: white;
	margin: 5px 0;
}
#reset form label input{
	width: 100%;
	height: 60px;
	padding-left: 10px;
	background: rgba(255,255,255,.8);
    border: 1px solid #fff;
    color: #000;
	border-radius: 3px;
	opacity: 0.3;
}
#reset form label input.multiple_name{
	width: 49%;
}
#reset form label.term_agree{
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
#reset form label.term_agree input{
	width: 30px;
}
#reset button{
	background: #FFC329;
	max-width: 300px;
	width: 100%;
	margin: 30px auto;
	display: block;
	border-radius: 50px;
	border: none;
}
#reset button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}
#reset .link_skip{
	color: white;
	font-weight: 300;
	display: block;
	text-align: center;
	text-decoration: underline !important;
}
#biz_account.wrapper{
	padding: 50px 0;
}
#biz_account h1{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding-left: 15px;
	color: #fff;
	font-size: 20px !important;
	border-left: 5px solid #fff;
}
#biz_account .inner h2{
	padding: .5em .75em;
	background-color: #f8f8fa;
	letter-spacing: .03em;
	font-size: 1.4rem!important;
	margin-bottom: .67em;
	margin-top: 2em;
}
#biz_account .inner .outline{
	background: #eff8ff;
}
#biz_account .inner .outline ul{
	padding: 20px;
}
#biz_account .inner .outline ul li{
	margin: 4px 0;
}
#biz_account .inner .outline ul li a{
	text-decoration: none;
	color: #333;
	transition: 0.3s;
}
#biz_account .inner .outline ul li a:hover{
	color: #232f5f;
}

#biz_account .inner .desc_wrap{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 30px;
}
#biz_account .inner .desc_wrap .img_wrap{
	width: 44%;
	margin: 0 !important;
	border: 4px solid #ccc;
}
#biz_account .inner .desc_wrap .desc{
	width: 50%;
}
#biz_account .inner .desc_wrap .desc a{
	word-break: break-all;
}
#biz_account .inner hr{
	margin: 50px 0;
}
#biz_account .inner .img_wrap img{
	width: 100%;
}
#biz_account .inner button{
	background: #FFC329;
	max-width: 300px;
	width: 100%;
	margin: 30px auto;
	display: block;
	border-radius: 50px;
	border: none;
}
#biz_account .inner button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}
/*********************************
			Page:Sign up
*********************************/
#signup{
	background: url(img/common/bg_signup.png) center no-repeat;
	background-size: cover;
	position: relative;
	/*height: 100%;*/
	min-height: 100%;
}
#signup .inner{
	width: 700px;
	margin: 0 auto;
	padding: 100px 0;
	margin: 0 auto;
}

#signup .inner .progress-bar {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
  background-color: none !important;
}

#signup .inner .title,
#signup .inner .desc{
	text-align: center;
	color: white;
}
#signup .inner .title{
	font-size: 28px;
}
#signup form label{
	width: 100%;
	display: block;
	margin: 30px 0;
	margin-top: 30px;
	color: #fff;
}
#signup form label span{
	display: block;
	color: white;
	margin: 5px 0;
}
#signup form label input{
	width: 100%;
	height: 60px;
	padding-left: 10px;
	background: rgba(255,255,255,.8);
	border: none;
	/*border-top: none;
	border-left: none;
	border-right: none;*/
	border-radius: 3px;
	color: #000;
	/*opacity: 0.4;*/
}
/*#signup form label input[type=checkbox]{
	display: none;
}*/
#signup form label input.multiple_name{
	width: 49%;
}
#signup form label.term_agree{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
#check_terms,
#demo2-3 {
    opacity:0;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
}
/*#check_terms .text{
	position: relative;
}*/
.check_text,
.cb label{
	display: flex;
	align-items: center;
	cursor: pointer;
}
.check_text::before,
.cb label::before {
	display: inline-block;
	content: '';
	width: 1rem;
	height: 1rem;
	background: rgba(255,255,255,0.8);
	border-radius: 3px;
	margin-right: .5rem;
	transition: 0.3s;
}
.term_agree .check_text{
	color: #fff;
}
#check_terms:checked + .check_text::before,
#demo2-3:checked + label::before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpolyline fill='none' stroke='%230bd' stroke-width='3' points='2,7.3 7.3,12.7 18,2 '/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 0 2px;
}

#signup form label.term_agree input{
	height: auto;
}
#signup form label.term_agree input{
	width: 30px;
}
#signup button{
	background: #FFC329;
	max-width: 300px;
	width: 100%;
	margin: 30px auto;
	display: block;
	border-radius: 50px;
	border: none;
}
#signup button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}
#signup .link_skip{
	color: white;
	font-weight: 300;
	display: block;
	text-align: center;
	text-decoration: underline !important;
}

/*********************************
			Page:Auth
*********************************/
#auth{
	background: url(img/common/bg_signup.png) center no-repeat;
	background-size: cover;
	/*height: 100vh;*/
    min-height: 100%;
}
#auth .inner{
	width: 700px;
	margin: 0 auto;
	padding: 100px 0;
	margin: 0 auto;
}

#auth .inner .progress_bar {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0;
  background: none !important;
}
/* progress bar */
.progress_wrap{
	max-width: 700px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	background: none;
	margin: 0 auto;
}
.progress_wrap.first{
	/*max-width: 450px;*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	background: none;
	margin: 0 auto;
}
.progress_wrap .hr_white{
	margin: 0;
	width: 50px;
	height: 2px;
	background: #fff;
	position: relative;
    top: 60px;
    border: white;
}
.progress_wrap .card{
	width: 150px;
	background: none;
	border: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column;
	-ms-align-items: center;
	align-items: center;
	justify-content: flex-end;
}
.progress_wrap .card p.title{
	margin-bottom: 1em;
}
.progress_wrap .card .num{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 0;
	letter-spacing: 0 !important;
	position: relative;
}
.progress_wrap .card.active .num{
	background-color: #fff;
}
.progress_wrap .card .num{
	border-radius: 50%;
	background: rgba(255,255,255,0.3);
}
.progress_wrap .card .num span{
	color: #fff;
}
.progress_wrap .card.active .num span{
	color: #71BCE2;
}
.progress_wrap .card .num span,
.progress_wrap .card.active .num span{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
}

#auth .inner .title,
#auth .inner .desc{
	text-align: center;
	color: white;
}
#auth .inner .title{
	font-size: 28px;
}
#auth .term_wrap{
	overflow: scroll;
	background-color: white;
	height: 350px;
	padding: 30px;
	margin-top: 50px;
}
#auth .term_wrap h2,
#auth .term_wrap p{
	color: #333 !important;
}
#auth .inner .desc{
	margin-top: 30px;
}
#auth .inner .desc a{
	text-decoration: underline !important;
	color: #333;
}
#auth button{
	background: #FFC329;
	max-width: 300px;
	width: 100%;
	margin: 50px auto 0;
	display: block;
	border-radius: 50px;
	border: none;
}
#auth button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}
#auth .link_skip{
	color: white;
	font-weight: 300;
	display: block;
	text-align: center;
	text-decoration: underline !important;
}
#auth .cb{
	margin: 50px 0 !important;
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}
#auth .cb label{
	color: #fff !important;
	margin-bottom: 0;
}
#auth .disallow{
	background: #333 !important;
	cursor: not-allowed;
}
#auth .disallow a{
	pointer-events: none;
}
#auth .allow{
	background: #FFC329 !important;
}
#auth .parent{
	background: none;
	border-bottom: 1px solid #fff;
	width: 100% !important;
}
#auth #headingOne{
	background: none !important;
	border: 1px solid #fff;
}
#auth .card-header{
	padding: 0;
	background: none;
	border-bottom: 1px solid #fff;
}
#auth .settings_bizaccount{
	display: block;
	padding: 1em;
	color: #fff;
}
#auth .card-body{
	width: 100%;
}
#auth .collapse,
#auth .collapsing,
#auth .collapse.show,
#auth .collapse #biz_account,
#auth .collapsing #biz_account{
	background: #fff;
}
#auth .collapse #biz_account,
#auth .collapsing #biz_account{
	padding: 0;
}
#auth .collapsing #biz_account h1,
#auth .collapsing #biz_account h2,
#auth .collapsing #biz_account h3,
#auth .collapsing #biz_account p,
#auth .collapse #biz_account h1,
#auth .collapse #biz_account h2,
#auth .collapse #biz_account h3,
#auth .collapse #biz_account p{
	color: #333;
	text-align: left !important;
	padding: 0;
}
#auth #biz_account .inner{
	padding: 0;
	width: auto !important;
}
#auth #biz_account .inner .desc{
	text-align: left !important;
}
#auth .link_wrap{
	border: 1px solid #fff;
	border-radius: 30px;
	margin-top: 30px;
	max-width: 320px;
	width: 100%;
}
#auth .contact{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
}
#auth .link_wrap a{
	display: block;
	padding: 1em 2em;
	color: #fff;
	text-align: center;
}
#auth .mb0{
	margin-bottom: 0;
}
#auth .settings_bizaccount{
	text-align: center;
}

/*********************************
		   Page:FB_list
*********************************/
#fb_list{
	background: url(img/common/bg_signup.png) center no-repeat;
	background-size: cover;
	position: relative;
	/*height: 100vh;*/
	min-height: 100%;
}
#fb_list .inner{
	width: 700px;
	margin: 0 auto;
	padding: 100px 0;
	margin: 0 auto;
}

#fb_list .inner .progress-bar {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
  background-color: none !important;
}

#fb_list .inner .title,
#fb_list .inner .desc{
	text-align: center;
	color: white;
}
#fb_list .inner .title{
	font-size: 28px;
}
#fb_list .fb_list{
	width: 500px;
	margin: 0 auto;
	background: #fff;
	padding: 1.5em;
	height: 300px;
    overflow: scroll;
    border: 5px solid #f1f1f1;
	box-sizing:border-box;
}
#fb_list .fb_list li{
	/*margin-bottom: 20px;*/
	padding: 20px 0;
	border-bottom: 1px solid #f1f1f1;
}
#fb_list .fb_list li a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
#fb_list .fb_list li a img{
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
#fb_list .fb_list li a span{
	display: inline-block;
	margin-left: 30px;
}

/*********************************
			Page:Plan
*********************************/
#plan{
	background: url(img/common/bg_signup.png) center no-repeat;
	background-size: cover;
	position: relative;
	/*height: auto;*/
	min-height: 100%;
}
#top_payment_info{
	background: url(img/common/bg_signup.png) center no-repeat;
	background-size: cover;
	position: relative;
	/*height: auto !important;*/
	min-height: 100%;
}
#plan .inner{
	width: 1080px;
	margin: 0 auto;
	padding: 100px 0;
	margin: 0 auto;
}
#top_payment_info .inner{
	width: 960px;
	margin: 0 auto;
	padding: 100px 0;
	height: 100%;
	
}
#plan .inner .title,
#plan .inner .desc,
#top_payment_info .inner .title,
#top_payment_info .inner .desc{
	text-align: center;
	color: white;
}
#plan .inner h1.title{
	font-size: 28px;
}
#plan .plan_wrap{

}

#top_payment_info .check h3 {
	margin-top: 20px;
	font-weight: bold;
}
#top_payment_info .check .txt {
	font-weight: 300;
	font-size: 14px!important;;
}
#top_payment_info .check h2 {
text-align: center;font-weight: bold;margin-bottom: 20px;}
#top_payment_info .check .followup {
	text-align: center;
}
.show_pass {
	
text-align: right;}
.show_pass label {
	margin-top: 6px!important;
font-size: 12px;}
#top_payment_info .check .followup .login {
	width: 300px;
margin: 20px auto;}
#top_payment_info .check .followup .login #password {
	margin: 0 auto;
	width: 300px;}
#top_payment_info #input_pass h3 {
	font-weight: bold;
font-size: 14px !important;
}

#plan .flex {
	justify-content: space-evenly;
	align-items: flex-start;
}
/*#plan .plan_wrap h2.title{
	color: white;
	font-size: 18px !important;
	text-align: left;
}*/
#plan .desc{
	margin-top: 20px;
	margin-bottom: 50px;
}
#plan .plan_wrap h3.desc{
	font-size: 20px;
	color: #fff;
	text-align: left;
	margin-bottom: 15px;
}
#plan .plan_wrap .card_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	/* justify-content: space-between; */
/* flex-wrap: wrap; */}
#plan .plan_wrap .card_wrap .card{
	background: #fff;
	width: 100%;
	border-radius: 3px;
	border: 3px solid #CDD6DD;
margin: 0 6px;}
#plan .plan_wrap .card_wrap .card .header{
	background: #fff;
	padding: 12px;
}
#plan .plan_wrap .card_wrap .card h3.title{
	color: #1288EC;
	font-size: 14px !important;
	letter-spacing: 3px !important;
	font-weight: 300;
}
#plan .plan_wrap .card_wrap .card h3.title span{
	display: inline-block;
	background: #1288EC;
	color: #fff;
	border-radius: 5px;
	padding: 2px 6px;
	font-size: 14px !important;
	letter-spacing: 2px !important;
	margin-left: 4px;
	font-weight: 300;
}
#plan .plan_wrap .card_wrap .card h3.title.custom{
	padding: 2px;
}
#plan .plan_wrap .card_wrap .card .hr_blue{
    border: 1px solid #1288EC;
    border-bottom: none;
    margin: 20px 0;
}
#plan .plan_wrap .card_wrap .card span.yen{
	font-size: 21px !important;
	font-weight: 700;
}
#plan .plan_wrap .card_wrap .card .price{
	font-size: 35px !important;
	font-weight: 700;
	text-align: center;
}
#plan .plan_wrap .card_wrap .card span.monthly{
	font-size: 15px !important;
	font-weight: 300;
}
#plan .plan_wrap .card_wrap .card ul{
	background: #F0F3F5;
	padding: 0;
	margin-bottom: 20px;
}
#plan .plan_wrap .card_wrap .card button{
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
	margin: 50px auto 0;
}
#plan .plan_wrap .card_wrap .card button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px 30px;
	font-weight: 300;
}
#plan .plan_wrap .card_wrap .card ul li{
	text-align: center;
	border-top: 1px solid #CDD6DD;
	padding: 15px;
	list-style: none;
}
#plan .plan_wrap .card_wrap .card ul li:last-child{
	border-bottom: 1px solid #CDD6DD;
}
#plan .plan_wrap .card_wrap .card.active .selected,
#plan .plan_wrap .card_wrap .card button{
	width: 200px;
	margin: 20px auto;
}
#plan .plan_wrap .card_wrap .card.active .selected{
	text-align: center;
	margin-top: 20px;
	font-weight: 300;
	padding: 10px;
}
#plan .plan_wrap .card_wrap .card.active .selected i{
	font-weight: 300;
	margin-right: 5px;
	color: #1288EC;
}


#plan .plan_wrap .card_wrap .card button{
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
	margin-top: auto;
}
#plan .plan_wrap .card_wrap .card .button {
	margin-top: 20px;
}
#plan .plan_wrap .card_wrap .card button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}
#plan .plan_wrap .card_wrap .card .link_skip{
	color: white;
	font-weight: 300;
	display: block;
	text-align: center;
	text-decoration: underline !important;
}

#top_payment_info .credit_wrap{
	margin-top: 50px;
}
#top_payment_info .desc{
	font-size: 20px;
	color: #fff;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 15px;
}
#top_payment_info .credit_wrap .form_wrap{
	background: url(img/signin/bg_credit.png) center no-repeat;
	background-size: cover;
}
#top_payment_info .credit_wrap .form_wrap form{
	width: 640px;
	margin: 0 auto;
	padding: 50px 0;
}
#top_payment_info .credit_wrap .form_wrap form .form-row{
	flex-flow: column;
}
#top_payment_info .credit_wrap .form_wrap form .form-row .col{
	padding: 0;
}
#top_payment_info .credit_wrap .form_wrap form .form-row .col input,
#top_payment_info .credit_wrap .form_wrap form .form-row .StripeElement{
	width: 100%;
	background: #fff;
	height: 40px;
	padding: 10px;
	border: none;
}
#top_payment_info .credit_wrap .form_wrap form #card-element{
	width: 100%;
}
#top_payment_info .credit_wrap .form_wrap form label input{
	background: #fff;
	color: #BFBFBF;
}

#top_payment_info .credit_wrap .form_wrap form label input,
#top_payment_info .credit_wrap .form_wrap form .inner_wrap label input{
	width: 20px;
	
	height: 20px;margin-right: 6px;
	/* margin-bottom: 30px; */
	/* border: none; */
vertical-align: middle;}
#top_payment_info .credit_wrap .form_wrap form label{
	margin-top: 20px;
	margin-bottom: 5px !important;
	color: #fff;
}
#top_payment_info .credit_wrap .form_wrap button{
	width: 300px;
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
	margin: 30px auto 0;
}
#top_payment_info .credit_wrap .form_wrap a.cancel {
	    width: 300px;
    background: gray;
    display: block;
    border-radius: 50px;
    border: none;
    margin: 30px auto 0;
    padding: 10px;
    text-align: center;
    color: #fff;
}
#top_payment_info .credit_wrap .form_wrap button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}


/*********************************
		Page:Admin Sign in
*********************************/
/* Admin header */
.admin_header{
	background: #333;
}
.admin_header .inner{
	max-width: 700px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	height: 100%;
}
.admin_header .inner h1{
	color: #fff;
	margin: 0;
	font-size: 28px !important;
}
.admin_title{
	font-weight: 700;
}
.admin_signin{
	background: none !important;
}
.admin_signin form label input{
	background: aliceblue !important;
	border: 1px solid #333 !important;
}
.admin_signin form label span{
	color: #333 !important;
}

/*********************************
	   Page:Forget password
*********************************/

/*********************************
	   Page:Analytics General
*********************************/
header#content_header{
	width: 100%;
	margin: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.content_header .month,
.content_header .print,
.content_header .contact,
.content_header .qa{
	margin-bottom: 0;
	height: 30px;
    display: flex;
    align-items: center;
}
.content_header .qa{
	border-right: 1px solid #D1D1D1;
}
.content_header .month div,
.content_header .print a,
.content_header .contact a,
.content_header .qa a{
	background: none;
	display: flex;
	align-items: center;
	color: #4D4F5C;
	font-size: 13px !important;
	margin-right: 20px;
	font-weight: bold;
}
.content_header .month div:nth-child(1),
.content_header .month div:nth-child(2) {
	margin-right: 10px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
}
.content_header .print a:before{
	content: '';
	display: inline-block;
	background: url(img/under/icon/icon_print.png) center no-repeat;
	background-size: cover;
	margin-right: 10px;
	width: 20px;
	height: 20px;
}
.content_header .contact a:before{
	content: '';
	display: inline-block;
	background: url(img/under/icon/icon_contact.png) center no-repeat;
	background-size: cover;
	margin-right: 10px;
	width: 20px;
	height: 20px;
}
.content_header .qa a:before{
	content: '';
	display: inline-block;
	background: url(img/under/icon/icon_qa.png) center no-repeat;
	background-size: cover;
	margin-right: 10px;
	width: 20px;
	height: 20px;
}
.content_header .dropdown{
	margin-left: 15px;
}
.content_header .dropdown #dropdownMenu1:after{
	content: '';
	display: inline-block;
	background: url(img/under/icon/icon_arrow_down.png) center no-repeat;
	background-size: contain;
	width: 12px;
	height: 12px;
	border: none;
}

.account_search {
	text-align: right;
}

.account_search .flex {
	justify-content: flex-end;
}
.account_search .flex .set_month form {
	width: 140px;
	font-size: 14px;
	margin-top: 0;
}

.account_search .prev_month {
	margin-right: 10px;
}

.account_search .search_month {
	width:  80px;
	background: #8869ea;
	display: contents;
	justify-content: flex-end;
}
.account_search .search_month form {
	width: 340px!important;
}

.account_search .search_month input {
	width:  140px;
	margin-right: 10px;
	margin-top: 10px;
}

.account_search .search_month button {
	width:  80px;
	background: #8869ea;
	font-size:14px;
	border: none;
	border-radius: 6px;
}

.account_search .search_month span {
	color: #000;
	font-size: 10px;
	display: block;
}

.account_search .next_month {margin-right: 20px;}

@media screen and (max-width: 767px) and (min-width: 351px ) {
	.account_search h2,h3 {
		font-size: 14px!important;
	}
	.account_search .flex {
		display: block;
	}
	.account_search .flex .set_month {
		width: 250px;
		text-align: right;
		float: right;
		margin-bottom: 12px;
	}
}

.summary{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 15px;
}
#stories_analytics .summary{
	margin-top: 40px;
}
#stories_analytics .narrow .desc{
	margin-top: 40px;
	margin-bottom: 5px;
}
#stories_analytics .sumbox,
#post_analytics .sumbox,
#account_analytics .sumbox{
	background: #fff;
	padding: 10px 15px;
	position: relative;
	width: 310px;
	margin-bottom: 15px;
}
#audience_analytics .sumbox{
	background: #fff;
	padding: 10px 15px;
	position: relative;
	margin-bottom: 30px;
	width: 465px;
}

/*********************************
		   Narrow Down
*********************************/
.narrow{
	width: 100%;
	/*margin-top: 30px;*/
}
.narrow h4{
	font-size: 14px !important;
}
.narrow .upper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 15px;
}
.narrow .upper .narrow_btn{
	width: 30%;
	background: #fff;
	border: 1px solid #232f5f;
	border-radius: 5px;
	margin-bottom: 0;
}
.narrow .upper .narrow_btn.selected{
	width: 30%;
	background: #232f5f;
	color: #fff; 
	border-radius: 5px;
	margin-bottom: 0;
}
.narrow .upper .narrow_btn a{
	padding: 5px;
	display: block;
	color: #232f5f;
	text-align: center;
}
.narrow .upper .narrow_btn.selected a{
	color: #fff;
}
.narrow .bottom{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.narrow .bottom input{
	background: #fff !important;
	border: 1px solid #333;
	border-radius: 5px;
	padding: 10px;
	color: #333;
	width: auto;
}
.narrow .bottom .narrow_btn{
	background: linear-gradient(90deg,#67E7DE, #8A65EB);
	border-radius: 5px;
	margin-left: 20px;
	/* width: 15%; */
	height: calc(1.5em + .75rem + 2px);
	border: none;
	line-height: 0;
}
.narrow .bottom .narrow_btn a{
	padding: 5px 15px;
	display: block;
	color: #fff;
	text-align: center;
}
.graph_header.outer{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.graph_header.outer h3{
	margin-bottom: 0;
	margin-right: 20px;
	font-size: 14px !important;
}
.graph_header.outer button{
	margin-bottom: 0;
	color: #4D4F5C;
	border: 1px solid #D7DAE2;
	box-shadow: 1px 1px 2px #D7DAE2;
	background: #fff;
	padding: .5em 2.5em .5em 1em;
	position: relative;
	width: 300px;
	text-align-last: left;
}
.graph_header.outer button:after{
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -2.5px;
}
.graph_wrap .graph_header{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.graph_wrap .graph_header h3{
	margin-bottom: 0;
}
.graph_wrap .graph_header button{
	display: flex;
	align-items: center;
	color: #4D4F5C;
	border: 1px solid #D7DAE2;
	box-shadow: 1px 1px 2px #D7DAE2;
}
.graph_wrap .graph_header .dropdown-toggle::after{
	content: '';
	display: inline-block;
	background: url(img/under/icon/icon_arrow_down.png) center no-repeat;
	background-size: contain;
    width: 12px;
    height: 12px;
    border: none;
    margin-left: 20px;
}

/* Stories Analytics */
#stories_analytics .bottom form,
#post_analytics .bottom form,
#account_analytics form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#account_analytics form{
	margin-top: 10px;
	justify-content: flex-end;
}
#stories_analytics .bottom form .dropdown_wrap,
#stories_analytics .bottom form .term_wrap,
#post_analytics .bottom form .term_wrap,
#account_analytics form .term_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
/*#stories_analytics .bottom form .dropdown_wrap{
	width: 40%;
}*/
#stories_analytics .bottom form .term_wrap{
	width: 100%;
	justify-content: space-between;
}
#post_analytics .bottom form{
	width: 100%;
}
#post_analytics .bottom form .term_wrap{
	width: 100%;
    justify-content: space-between;
}
#stories_analytics .bottom form .term_wrap input,
#post_analytics .bottom form .term_wrap input,
#account_analytics form .term_wrap input{
	height: calc(1.5em + .75rem + 2px);
	border: 1px solid #ced4da !important;
}
#stories_analytics .bottom form .dropdown_wrap select,
#stories_analytics .bottom form .term_wrap input{
	width: 35%;
}
#account_analytics form .term_wrap input{
	margin-right: 15px;
	padding-left: 10px;
}
#stories_analytics .bottom form .term_wrap input::placeholder,
#stories_analytics .bottom form .term_wrap input::-webkit-placeholder,
#stories_analytics .bottom form .term_wrap input::-ms-placeholder,
#post_analytics .bottom form .term_wrap input::placeholder,
#post_analytics .bottom form .term_wrap input::-webkit-placeholder,
#post_analytics .bottom form .term_wrap input::-ms-placeholder,
#account_analytics form .term_wrap input::placeholder,
#account_analytics form .term_wrap input::-webkit-placeholder,
#account_analytics form .term_wrap input::-ms-placeholder{
	font-size: 12px;
	line-height: 1 !important;
}
#account_analytics form .term_wrap button{
	background: linear-gradient(90deg,#67E7DE, #8A65EB);
	border: none;
	border-radius: 5px;
}

.analytics h1{
	margin-top: 30px;
}

.sumbox .title{
	/*background: url(img/under/icon/bg_card_title.png) center no-repeat;
	background-size: cover;*/
	background: linear-gradient(90deg,#67E7DE, #8A65EB);
	color: white;
	text-align: center;
	padding: 5px;
	border-radius: 20px;
	font-size: 12px !important;
}
.sumbox .data{
	margin: 20px 0 0;
	font-size: 25px !important;
}
.sumbox .data span{
	font-size: 14px !important;
	margin-left: 5px;
	color: #B8BBCF;
}
.sumbox .data_sub{
	font-size: 11px !important;
	font-weight: 700;
}
.sumbox .data_sub.increase{
	color: #3CC480;
}
.sumbox .data_sub.decrease{
	color: #FF4141;
}
.sumbox .data_sub img{
	display: inline-block;
	margin-right: 5px;
}
.sumbox .img_wrap{
	display: block;
	width: 50px;
	height: 50px;
	margin: 0;
	position: absolute;
	right: 25px;
	bottom: 25px;
}
#stories_analytics .sumbox .btn_wrap{
	display: block;
	width: auto;
	margin: 0;
	position: absolute;
	right: 15px;
	bottom: 12px;
}
#stories_analytics .sumbox .btn_wrap button,
#stories_analytics .select_term button{
	background: #848484;
	border: none !important;
	border-radius: 5px;
}
#stories_analytics .sumbox .btn_wrap button.slected,
#stories_analytics .select_term button.slected{
	/*background: url(img/under/bg_order_btn.svg) center no-repeat;
	background-size: cover;*/
	background: linear-gradient(90deg,#67E7DE, #8A65EB);
}
#stories_analytics .sumbox .btn_wrap button a,
#stories_analytics .select_term button a{
	display: block;
	color: #fff;
    font-size: 14px !important;
    padding: 3px 5px;
}
#stories_analytics .sumbox .btn_wrap button.slected a,
#stories_analytics .select_term button.slected a{
	color: gold;
}
#stories_analytics .select_term button:first-child{
	margin-right: 10px;
}
#stories_analytics .select_term{
	margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sumbox .img_wrap img{
	width: 100%;
	border-radius: 50%;
}
#post_analytics .graph_wrap .stories_list .card .card_body .data_box .title,
#stories_analytics .graph_wrap .stories_list .card .card_body .data_box .title{
	/*background: url(img/under/icon/bg_card_title.png) center no-repeat;
	background-size: cover;*/
	background: linear-gradient(90deg,#67E7DE, #8A65EB);
	color: white;
	text-align: center;
	font-size: 12px !important;
	white-space: nowrap;
	padding: 5px;
	border-radius: 15px;
}
#post_analytics .graph_wrap .stories_list .card .card_body .data_box .desc,
#stories_analytics .graph_wrap .stories_list .card .card_body .data_box .desc{
	font-size: 18px !important;
	color: #333;
	letter-spacing: 1px !important;
	font-weight: 700 !important;
	text-align: center;
}
#post_analytics .graph_wrap .stories_list .card .date,
#stories_analytics .graph_wrap .stories_list .card .date{
	font-size: 12px !important;
	/* color: #B8BBCF; */
	letter-spacing: 1px !important;
	font-weight: 300 !important;
	margin-top: 1em;
	width: 80%;
}
/*********************************
	   Page:Account Analytics
*********************************/
#account_analytics header{
	height: 60px;
}

#account_analytics .inner .graph_wrap{
	margin-top: 30px;
	padding: 15px;
	background: #fff;
}
#account_analytics .switch_term{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 220px;
	margin-left: auto;
	margin-top: 15px;
}
#account_analytics .switch_term button{
	background: #848484;
	color: #fff;
	border: none;
	width: 100px;
	border-radius: 5px;
}
#account_analytics .switch_term button.active{
	background: linear-gradient(90deg,#67E7DE, #8A65EB);
	color: #fff;
	border: none;
	cursor: not-allowed;
}
/*********************************
	   Page:Stories Analytics
*********************************/
#stories_analytics header{
	height: 60px;
}
#stories_analytics .inner .graph_wrap{
	height: 100%;
	margin-top: 30px;
	padding: 15px;
	background: #fff;
}

#stories_analytics .graph_wrap .header{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
#stories_analytics .graph_wrap .header .title{
	margin-bottom: 0;
}
#stories_analytics .graph_wrap .header .header_left{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
#stories_analytics .graph_wrap .header .header_left button{
	border: 1px solid #888;
	border-radius: 3px;
	margin-left: 5px;
    padding: 0 5px 0 10px;
}
#stories_analytics .graph_wrap .header button.header_right{
	border: 1px solid #888;
	border-radius: 3px;
    padding: 0 10px;
}
#stories_analytics .graph_wrap .stories_list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#stories_analytics .graph_wrap .stories_list .card{
	border: none;
	width: 300px;
	margin-top: 30px;
}
#stories_analytics .graph_wrap .stories_list .card .card_header{
	/* height: 533px; */
}
#stories_analytics .graph_wrap .stories_list .card .card_header img,
#stories_analytics .graph_wrap .stories_list .card .card_header video{
	width: 100%;
}
#stories_analytics .graph_wrap .stories_list .card .card_body{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	/* margin-top: 20px; */
}
.chart {
  margin: 35px auto;
  opacity: 0.9;
}

#timeline-chart .apexcharts-toolbar {
  opacity: 1;
  transform: translate(0, -17px);
  border: 0;
}

/*********************************
	   Page:Audience Analytics
*********************************/
#audience_analytics header{
	height: 60px;
}
#audience_analytics .inner .graph_wrap{
	margin-top: 30px;
	padding: 15px;
	background: #fff;
}
#audience_analytics .inner_grid{
	/*display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-row-gap: 10px;
	grid-column-gap: 10px;*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#audience_analytics .inner_grid .graph_wrap{
	max-width: 465px;
	width: 100%;
}
#graph_audience_country,
#graph_audience_area,
#graph_audience_gender{
	display: flex;
	justify-content: center;
	align-items: center;
}
#audience_analytics .less_follower{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 100%;
	padding: 1em;
}
#audience_analytics .less_follower .left,
#audience_analytics .less_follower .right{
	max-width: 50%;
	width: 100%;
}
#audience_analytics .less_follower .left p{
	text-align: center;
}
#audience_analytics .less_follower .left p img{
	width: 60%;
}
#audience_analytics .less_follower .right .btn_wrap{
	max-width: 300px;
	border-radius: 30px;
	background: linear-gradient(90deg,#67E7DE, #8A65EB);
	margin: 50px auto 0;
}
#audience_analytics .less_follower .right .btn_wrap a{
	color: #fff;
	text-align: center;
	padding: 10px;
	display: block;
}

/*********************************
	   Page:Stories Analytics
*********************************/
#post_analytics header{
	height: 60px;
}
#post_analytics .inner .graph_wrap{
	height: 100%;
	/*margin-top: 30px;*/
	padding: 15px;
	background: #fff;
}
#post_analytics .graph_wrap .header{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
#post_analytics .graph_wrap .header .title{
	margin-bottom: 0;
}
#post_analytics .graph_wrap .header .header_left{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
#post_analytics .graph_wrap .header .header_left button{
	border: 1px solid #888;
	border-radius: 3px;
	margin-left: 5px;
    padding: 0 5px 0 10px;
}
#post_analytics .graph_wrap .header button.header_right{
	border: 1px solid #888;
	border-radius: 3px;
    padding: 0 10px;
}
#post_analytics .graph_wrap .stories_list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#post_analytics .graph_wrap .stories_list .card{
	border: none;
	margin-top: 30px;
	border: 1px solid #CACED5;
	border-radius: 0;
}
#post_analytics .graph_wrap .stories_list .card .card_header{
	width: 450px;
    height: 450px;
    overflow: hidden;
}
#post_analytics .graph_wrap .stories_list .card .card_header img,
#post_analytics .graph_wrap .stories_list .card .card_header video{
	width: 100%;
	object-fit: cover;
}
#post_analytics .graph_wrap .stories_list .card .card_body{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-row-gap: 10px;
	grid-column-gap: 15px;
	margin-top: 20px;
	padding: 1em;
}

#chart {
  margin: 35px auto;
  opacity: 0.9;
}

#timeline-chart .apexcharts-toolbar {
  opacity: 1;
  transform: translate(0, -17px);
  border: 0;
}

.pagination{
	margin-top: 30px;
	display: flex;
	align-items: center;
    justify-content: center;
}
.pagination li{
	border: 1px solid #232f5f;
	width: 40px;
	height: 40px;
}
.pagination li a{
	display: block;
	cursor: pointer !important;
	height: 100%;
}
.pagination li.disabled{
	cursor: not-allowed;
}
.pagination li.disabled:hover{
	opacity: 1 !important;
}
.pagination li.pre,
.pagination li.next{
	width: 80px;
	height: 40px;
}
.pagination li,
.pagination li a{
	color: #232f5f !important;
	line-height: 40px !important;
	text-align: center;
}
.pagination li.current{
	background: #333 !important;
	border-color: #333 !important;
	color: #fff !important;
}
.pagination li a:hover{
	background: #232f5f;
	color: #fff !important;
	transition: 0.3s;
	opacity: 1 !important;
}

.infinite_scroll{
	width: 100%;
	margin-top: 50px;
	text-align: center;
}
.infinite_scroll button{
	width: 250px;
	border: none;
	border-radius: 30px;
	background: linear-gradient(90deg,#67E7DE, #8A65EB);
	text-align: center;
	color: #fff;
	margin: 0 auto 30px;
	padding: 10px;
}
.infinite_scroll button img{
	width: 100%;
}
/*********************************
	  Settings:Inner Sidebar
*********************************/
#inner_sidebar{
	width: 250px;
	border-right: 1px solid #F1F1F3;
	padding: 15px;
}
#inner_sidebar .side_list li{
	padding: 15px 0;
}
#inner_sidebar .side_list li.active a{
	color: #007FEB;
	font-weight: 100;
}
#inner_sidebar .side_list li a{
	color: #000000;
	font-weight: 100;
	font-size: 14px !important;
}

/*********************************
	  Settings:Reserve Sidebar
*********************************/
#reserve_sidebar{
	width: 250px;
	border-right: 1px solid #F1F1F3;
	/*padding: 15px;*/
}
#reserve_sidebar .btn_wrap{
	padding: 15px;
	border-bottom: 1px solid #F1F1F3;
}
#reserve_sidebar .btn_wrap button{
	width: 100%;
	background: #FFC329;
	display: block;
	border-radius: 10px;
	border: none;
	margin: 0 auto;
}
#reserve_sidebar .btn_wrap button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}
#reserve_sidebar .side_list{
	padding: 15px;
}
#reserve_sidebar .side_list li{
	padding: 15px 0;
}
#reserve_sidebar .side_list li.active a{
	color: #007FEB;
	font-weight: 100;
	display: block;
}
#reserve_sidebar .side_list li a{
	color: #000000;
	font-weight: 100;
	display: block;
}


/*********************************
		  Settings:General
*********************************/
.settings .content h3.title{
	border-left: 3px solid #007FEB;
	color: #007FEB;
	font-size: 20px !important;
	padding-left: 10px;
}

/*********************************
			Settings:Info
*********************************/
#account_info header{
	height: 60px;
}
#account_info .inner_wrap{
	padding: 50px 0;
}
#account_info .inner{
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0;
}
#account_info .content{
	padding: 30px;
}
#account_info form .label_wrap{
	width: 650px;
	display: block;
	margin: 30px 0;
	margin-top: 30px;
}
#account_info form label{
	display: block;
	color: #000000;
	margin: 5px 0;
}
#account_info form input,
#account_info form textarea{
	width: 100%;
	height: 60px;
	margin-bottom: 15px;
	padding-left: 10px;
	border: 1px solid #888;
	border-radius: 3px;
	/*opacity: 0.3;*/
}
#account_info form textarea{
	height: 200px;
}
#account_info form .postalcode{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
#account_info form .postalcode input{
	width: 48%;
	margin-bottom: 0;
}
#account_info form button{
	background: #FFC329;
	max-width: 150px;
	width: 100%;
	margin: 30px 0 30px auto;
	display: block;
	border-radius: 50px;
	border: none;
}
#account_info button.btn_center{
	margin: 30px auto;
	max-width: 300px;
	width: 300px;
}
#account_info button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 10px;
	font-weight: 300;
}

/*********************************
			Graph Options
*********************************/
.apexcharts-zoomin-icon,
.apexcharts-zoomout-icon,
.apexcharts-pan-icon,
.apexcharts-zoom-icon,
.apexcharts-reset-icon{
	display: none;
}

/*********************************
			Settings:Info
*********************************/
#payment_history header{
	height: 60px;
}
#payment_history .inner_wrap{
	padding: 50px 0;
	height: 100%;
}
#payment_history .inner{
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0;
}
#payment_history .content{
	padding: 30px;
	width: 650px;
	margin: 0 auto;
}
#payment_history .content h4.title{
	font-size: 16px !important;
	color: #007FEB;
}
#payment_history .content .table_wrap{
	margin-top: 30px;
}
#payment_history .table_wrap th,
#payment_history .table_wrap td{
	display: block !important;
	text-align: center;
}
#payment_history .table_wrap th{
	background: #B1B1B1;
	color: #fff;
}
#payment_history .content .table_wrap table td,
#payment_history .content .table_wrap table p{
	font-size: 16px !important;
}
#payment_history .content .table_wrap table p{
	font-weight: 300;
	margin-bottom: 0;
}
#payment_history .payment_btn{
	text-align: center;
}
#payment_history .content button.pay{
	background: #B1B1B1;
	border-radius: 10px;
	width: 200px;
	border: none !important;
	margin: 0 auto;
	padding: 10px;
	color: #fff;
	font-size: 12px !important;
}
#payment_history .content button.cancel,
#payment_history .content button.receipt{
	background: #B1B1B1;
	border-radius: 10px;
	width: 200px;
	border: none !important;
	margin: 0 auto;
	color: #fff;
}
#payment_history .content button.cancel:hover,
#payment_history .content button.receipt:hover,
#payment_history .content button.cancel a:hover,
#payment_history .content button.receipt a:hover{
	opacity: 1 !important;
}
#payment_history .content button a{
	color: #fff;
	display: block;
	text-align: center;
	font-size: 12px !important;
	padding: 10px;
}
#payment_history .tb_payment th,
#payment_history .tb_payment td{
	text-align: center !important;
}

/*********************************
		  Settings:Info
*********************************/
/*#payment_history.change .credit_wrap{
	margin-top: 50px;
}*/
#payment_history.change .desc{
	font-size: 20px;
	color: #fff;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 15px;
}
#payment_history.change .credit_wrap .form_wrap{
	background: url(img/signin/bg_credit.png) center no-repeat;
	background-size: cover;
}
#payment_history.change .credit_wrap .form_wrap form{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 50px;
}
#payment_history.change .credit_wrap .form_wrap form .form-row{
	flex-flow: column;
}
#payment_history.change .credit_wrap .form_wrap form .form-row .col{
	padding: 0;
}
#payment_history.change .credit_wrap .form_wrap form .form-row .col input,
#payment_history.change .credit_wrap .form_wrap form .form-row .StripeElement{
	width: 100%;
	background: #fff;
	height: 40px;
	padding: 10px;
	border: 1px solid gray;
	border-radius: 5px;
}
#payment_history.change .credit_wrap .form_wrap form #card-element{
	width: 100%;
}
#payment_history.change .credit_wrap .form_wrap form label input{
	background: #fff;
	color: #BFBFBF;
}

#payment_history.change .credit_wrap .form_wrap form label input,
#payment_history.change .credit_wrap .form_wrap form .inner_wrap label input{
	width: 100%;
	height: 50px;
	padding-left: 10px;
	margin-bottom: 30px;
	border: none;
}
#payment_history.change .credit_wrap .form_wrap form label{
	margin-top: 30px;
	margin-bottom: 5px !important;
	color: #fff;
}
#payment_history.change .credit_wrap .form_wrap button{
	width: 300px;
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
	margin: 30px auto 0;
}
#payment_history.change .credit_wrap .form_wrap a.cancel{
	width: 300px;
	background: gray;
	display: block;
	border-radius: 50px;
	border: none;
	margin: 30px auto 0;
	padding: 10px;
	text-align: center;
	color: #fff;
}


/*********************************
	Settings:Instagram signin
*********************************/
#insta_signin header{
	height: 60px;
}
#insta_signin .inner_wrap{
	padding: 50px 0;
	height: 100vh;
}
#insta_signin .inner{
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0;
}
#insta_signin .content{
	padding: 30px;
	width: 650px;
	margin: 0 auto;
}
#insta_signin .content .hr_gray{
	margin: 30px 0 !important;
}
#insta_signin .content .signin_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
#insta_signin .content .signin_wrap button{
	background: #FFC329;
	max-width: 100px;
	width: 100%;
	display: block;
	border-radius: 10px;
	border: none;
}
#insta_signin .content .signin_wrap button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 5px 10px;
	font-weight: 300;
}
#insta_signin .content .signin_wrap p{
	margin-left: 15px;
	margin-bottom: 0;
	font-size: 14px !important;
}

/*********************************
		   Settings:FAQ
*********************************/
#faq header{
	height: 60px;
}
#faq .inner_wrap{
	padding: 50px 0;
	height: 100%;
}
#faq .inner{
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0;
}
#faq .content{
	padding: 30px 0;
	width: 650px;
	margin: 0 auto;
}
#faq .content .desc{
	margin-top: 30px;
}
#faq .content ul.nav{
	justify-content: space-between;
	margin-bottom: 50px;
	flex-wrap: wrap;
}

#faq .content ul.nav li{
	width: 49% !important;
	margin-bottom: 15px;
}
#faq .content ul.nav li a{
	font-size: 12px !important;
	display: block;
	padding: 20px 10px;
	color: #007FEB;
	border: 1px solid #007FEB !important;
	border-radius: 5px;
	text-align: center;
}
#faq .content ul.nav li a.active{
	background: #007FEB;
	color: #fff;
	border: none;
}
#faq .content .tab-content h3.title{
	color: #000000;
	font-size: 16px !important;
	border-left: none;
	padding-left: 0;
}
#faq .content .tab-content .accordion .card{
	margin-bottom: 0;
	background: #fff;
	border-radius: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
#faq .content .tab-content .accordion .card .card-header{
	background: #fff;
	border-radius: 0;
}
#faq .content .tab-content .accordion .card .card-header button{
	text-decoration: none;
}

/*********************************
		  Reserve Post
*********************************/
#reserve_post header{
	height: 60px;
}
#reserve_post .inner_wrap{
	padding: 50px 0;
}
#reserve_post .inner{
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0;
}
#reserve_post .content{
	padding: 30px 0;
	width: 650px;
	margin: 0 auto;
}
/*#reserve_post .content .media{
	padding: 15px;
}*/
#reserve_post .content .media:nth-child(2n){
	background: #F6F7FA;
}
#reserve_post .content .media img,
#reserve_post .content .media .media-body{
	margin: 15px;
}
#reserve_post .content .media img{
	width: 80px;
	height: 80px;
}
#reserve_post .content .media .media-body .inner_header{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
#reserve_post .content .media .media-body .inner_header h3.reserve{
	background: #FF881B;
	color: #fff;
	border-radius: 30px;
	text-align: center;
	padding: 1px 5px;
	width: 75px;
	font-size: 13px !important;
	font-weight: 100;
	margin-bottom: 0;
}
#reserve_post .content .media .media-body .inner_header p.time{
	font-size: 13px !important;
	font-weight: 100;
	margin-left: 15px;
	margin-bottom: 0;
	color: #43425D;
}
#reserve_post .content .media .media-body p.desc{
	font-size: 13px !important;
	font-weight: 100;
	margin-top: 5px;
	margin-bottom: 0;
	color: #43425D;
}

/*********************************
		      Agents
*********************************/
header.agents_header .inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	max-width: 960px;
	width: 100%;
	height: 70px;
	margin: 0 auto;
}
header.agents_header .btn_back{
	margin-right: 0;
}
header.agents_header h1.title{
	margin-bottom: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
    font-size: 18px !important;
}
header.agents_header ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 0;
}
header.agents_header ul li{
	margin: 0 10px;
    list-style: none;
}
header.agents_header a{
	text-decoration: none;
	color: #707070;
}
.wrapper.agents{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	background: #F0F0F7;
    /*height: 100vh;*/
}
.wrapper.agents .left,
.wrapper.agents .right{
	max-width: 440px;
	width: 100%;
}
.wrapper.agents table td,
.wrapper.agents table th{
	padding: 10px;
	font-size: 14px !important;
}
.wrapper.agents table td{
	word-break: break-all;
}
.wrapper.agents table th{
	width: 40%;
}
.wrapper.agents .inner .table_wrap{
	margin-top: 30px;
	width: 100%;
}
.wrapper.agents table td a{
	font-size: 14px !important;
}
.wrapper.agents .right .payment_history .t_history{
	max-height: 300px;
	overflow: scroll;
}
.wrapper.agents .right .history_header{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	height: 28px;
}
.wrapper.agents .right h4.title{
	margin-bottom: 0px;
}
.wrapper.agents .right .history_header button{
	font-size: 14px !important;
    padding: 5px 10px;
    color: #fff;
}
.wrapper.agents .right table.sum td{
	text-align: right;
}

.wrapper.agents .under_content_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	width: 100%;
}
.wrapper.agents .under_content_wrap .change_plan button,
.wrapper.agents .under_content_wrap .change_plan .dropdown-menu{
	width: 100%;
	color: #fff;
}
.wrapper.agents .under_content_wrap .right .title{
	text-align: center;
}
.wrapper.agents .under_content_wrap .right button{
	width: 300px;
	background: #ff0040;
	margin: 20px auto 30px;
	display: block;
	padding: 10px;
	color: #fff;
}
.wrapper.agents .under_content_wrap .right button a{
	width: 300px;
	padding: 10px;
	text-align: center;
	display: block;
	color: white;
}

.wrapper.agents .pagination_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: 30px;
}
.wrapper.agents .pagination_wrap li{
	margin: 0 2px;
}
.wrapper.agents .payment_type:before{
	content: '[';
}
.wrapper.agents .payment_type:after{
	content: ']';
}

/*********************************
		     代理店詳細
*********************************/
#agents_info header{
	height: 60px;
}
#agents_info .main_wrapper h3.title{
	padding-bottom: 20px;
}
#agents_info .inner_wrap{
	padding: 0 0 50px;
}
#agents_info .inner{
	background: #fff;
	padding: 50px 30px;
}
#agents_info .inner .inner_header{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
#agents_info .inner .inner_header button{
	max-width: 300px;
	width: 300px;
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
}
#agents_info .inner .inner_header button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 5px 0;
	font-weight: 300;
}
#agents_info .inner .table_wrap{
	margin-top: 30px;
}
#agents_info .inner .table_wrap table{
	width: 100%;
}
#agents_info .inner .table_wrap table th{
	width: 0 !important;
}
#agents_info .inner .table_wrap table td{
	padding: 10px;
}
#agents_info .inner .table_wrap table td.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
#agents_info .inner .table_wrap table td button{
	max-width: 100px;
	width: 100px;
	background: #818181;
	display: block;
	border-radius: 50px;
	border: none;
}
#agents_info .inner .table_wrap table td button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 3px 0;
	font-weight: 300;
}



/*********************************
		   Create Agents
*********************************/
#create_agents header{
	height: 60px;
}
#create_agents .main_wrapper h3.title{
	padding-bottom: 20px;
}
#create_agents .inner_wrap{
	padding: 0 0 50px;
}
#create_agents .inner{
	background: #fff;
	padding: 20px;
}
#create_agents .content{
	padding: 30px;
}
#create_agents form .label_wrap,
#create_agents form .attachment_wrap{
	margin: 30px auto;
}
#create_agents form .label_wrap{
	width: 800px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
#create_agents form label{
	display: block;
	color: #000000;
	margin: 5px 10px 5px 0;
	width: 200px;
}
#create_agents form input{
	width: 100%;
	height: 60px;
	padding-left: 10px;
	border: 1px solid #888;
	border-radius: 3px;
	/*opacity: 0.3;*/
}
#create_agents form .attachment_wrap{
	width: 800px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
#create_agents form .attachment{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
#create_agents form .attachment p.desc{
	margin-bottom: 0;
	margin-left: 10px;
}
#create_agents form .attachment button{
	width: 200px;
	background: #818181;
	display: block;
	border-radius: 10px;
	border: none;
}
#create_agents form .attachment button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 5px 0;
	font-weight: 300;
}
#create_agents form button.btn_center{
	max-width: 300px;
	width: 300px;
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
	margin: 0 auto;
	padding: 10px;
	color: #fff;
}
#create_agents form button.btn_center a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 5px 0;
	font-weight: 300;
}

/*********************************
		Agents User List
*********************************/
#agents_user_list header{
	height: 60px;
}
#agents_user_list .main_wrapper{
	padding: 100px 0;
}
#agents_user_list .main_wrapper h3.title{
	padding-bottom: 0;
}
#agents_user_list .inner_wrap{
	padding: 0 0 50px;
}
#agents_user_list .inner{
	/*background: #fff;*/
	padding: 0;
}
#agents_user_list .inner #search #inspire{
	background: none !important;
}
#agents_user_list .inner #search form{
	padding: 0;
	margin-bottom: 50px;
}
#agents_user_list .inner #search .input-group{
	height: 50px;
}
#agents_user_list .inner #search input{
    background: #fff;
    padding: 15px;
    border-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    /*box-shadow: 2px 2px #CECFD0;*/
    height: 50px;
}
#agents_user_list .inner #search .input-group-append button{
	width: 100px;
}
#agents_user_list .inner #search .dropdown_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
#agents_user_list .inner #search .dropdown_wrap .custom-select{
	height: 50px;
	max-width: 300px;
	width: 100%;
	border-radius: 50px;
	padding-left: 20px;
}

#agents_user_list .inner .user_list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#agents_user_list .inner .user_list .user{
	width: 450px;
	background: #fff;
	padding: 0;
	position: relative;
	margin-top: 20px;
}
/*#agents_user_list .inner .user_list .user .header{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}*/
#agents_user_list .inner .user_list .user .header a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	padding: 10px;
}
/*#agents_user_list .inner .user_list .user .btn_edit{
	position: absolute;
	top: 5px;
	right: 10px;
}*/
#agents_user_list .inner .user_list .user .btn_edit{
	position: absolute;
	top: 5px;
	right: 10px;
}
#agents_user_list .inner .user_list .user .header .img_wrap{
	padding: 10px;
}
#agents_user_list .inner .user_list .user .header .img_wrap img{
	width: 70px;
}
#agents_user_list .inner .user_list .user .header .header_content{
	display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
}
#agents_user_list .inner .user_list .user .header .header_content .fa-times-circle{
	color: red;
	/*margin-left: 5px;*/
}
#agents_user_list .inner .user_list .user .header h4,
#agents_user_list .inner .user_list .user .header p{
	margin-bottom: 0px;
}
#agents_user_list .inner .user_list .user .header h4{
	font-size: 18px !important;
}
#agents_user_list .inner .user_list .user .header p,
#agents_user_list .inner .user_list .user .header p span{
	font-size: 13px !important;
	letter-spacing: .4px !important;
}
#agents_user_list .inner .user_list .user .header p span:nth-child(2){
	margin-right: 10px;
}
#agents_user_list .inner .user_list .user .footer{
	border-top: 1px solid #F1F1F3;
	padding: 10px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	-ms-align-items: center;
	align-items: center;
}
#agents_user_list .inner .user_list .user .footer span{
	color: #777;
}
#agents_user_list .inner .user_list .user .footer .footer_content{
	width: 100px;
	margin-left: 100px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#agents_user_list .inner .user_list .user .footer .footer_content a{
	width: 20px;
	height: 20px;
}
#agents_user_list .inner .user_list .user .footer .footer_content a i{
	color: #CECFD0;
	display: flex;
    justify-content: center;
    align-items: center;
}

/*********************************
		 Agents User detail
*********************************/
#agents_user header{
	height: 60px;
}
#agents_user .main_wrapper h3.title{
	padding-bottom: 20px;
}
#agents_user .inner_wrap{
	padding: 0 0 50px;
}
#agents_user .inner{
	background: #fff;
	padding: 50px 30px;
}
#agents_user .content_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: flex-start;
	align-items: flex-start;
}
#agents_user .inner .right .table_wrap{
	margin-left: auto;
}
#agents_user .inner .table_wrap table{
	width: 100%;
}
#agents_user .inner .table_wrap table td{
	padding: 10px;
}
#agents_user .inner .table_wrap table td.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
#agents_user .inner .table_wrap table td button{
	max-width: 100px;
	width: 100px;
	background: #818181;
	display: block;
	border-radius: 50px;
	border: none;
}
#agents_user .inner .table_wrap table td button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 3px 0;
	font-weight: 300;
}

#agents_user form .label_wrap{
	margin: 30px auto;
}
#agents_user form .label_wrap{
	width: 100%;
	display: block;
}
#agents_user form label{
	display: block;
	color: #000000;
	margin: 5px 10px 5px 0;
	width: 200px;
}
#agents_user form input{
	width: 100%;
	height: 60px;
	padding-left: 10px;
	border: 1px solid #888;
	border-radius: 3px;
	/*opacity: 0.3;*/
}
#agents_user form button.btn_center{
	max-width: 300px;
	width: 300px;
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
	margin: 0 auto;
	padding: 10px;
	color: #fff;
}
#agents_user form button.btn_center a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 5px 0;
	font-weight: 300;
}

#agents_user form .attachment_wrap{
	margin: 30px auto;
}
#agents_user form .attachment_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
#agents_user form .attachment{
	display: block;
}
#agents_user form .attachment p.desc{
	margin-bottom: 0;
	margin-left: 10px;
}
#agents_user form .attachment button{
	width: 200px;
	background: #818181;
	display: block;
	border-radius: 10px;
	border: none;
}
#agents_user form .attachment button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 5px 0;
	font-weight: 300;
}

/*********************************
		     プラン一覧
*********************************/
#plan_list .main_wrapper h3.title{
	padding-bottom: 20px;
}
#plan_list .inner_wrap{
	padding: 0 0 50px;
}
#plan_list .inner{
	background: #fff;
	padding: 50px 30px;
}
#plan_list .inner .inner_header{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
#plan_list .inner .inner_header button{
	max-width: 300px;
	width: 300px;
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
}
#plan_list .inner .inner_header button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 5px 0;
	font-weight: 300;
}
#plan_list .inner .table_wrap{
	margin-top: 30px;
}
#plan_list .inner .table_wrap table{
	width: 100%;
}
#plan_list .inner .table_wrap table th{
	width: 0 !important;
}
#plan_list .inner .table_wrap table td{
	padding: 10px;
}
#plan_list .inner .table_wrap table td.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
#plan_list .inner .table_wrap table td button{
	max-width: 150px;
	width: 150px;
	background: #818181;
	display: block;
	border-radius: 50px;
	border: none;
	margin: 0 auto;
}
#plan_list .inner .table_wrap table td button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 3px 0;
	font-weight: 300;
}

/*********************************
		     プラン作成
*********************************/
#create_plan .main_wrapper h3.title{
	padding-bottom: 20px;
}
#create_plan .inner_wrap{
	padding: 0 0 50px;
}
#create_plan .inner{
	background: #fff;
	padding: 50px 30px;
}
#create_plan .inner .inner_header{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
#create_plan .inner .inner_header button{
	max-width: 300px;
	width: 300px;
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
}
#create_plan .inner .inner_header button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 5px 0;
	font-weight: 300;
}
#create_plan form .label_wrap{
	margin: 30px auto;
}
#create_plan form .label_wrap{
	width: 100%;
	display: block;
}
#create_plan form label{
	display: block;
	color: #000000;
	margin: 5px 10px 5px 0;
	width: 200px;
}
#create_plan form input{
	width: 100%;
	height: 60px;
	padding-left: 10px;
	border: 1px solid #888;
	border-radius: 3px;
	/*opacity: 0.3;*/
}
#create_plan form button.btn_center{
	max-width: 300px;
	width: 300px;
	background: #FFC329;
	display: block;
	border-radius: 50px;
	border: none;
	margin: 0 auto;
}
#create_plan form button.btn_center a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 5px 0;
	font-weight: 300;
}

#create_plan form .attachment_wrap{
	margin: 30px auto;
}
#create_plan form .attachment_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
#create_plan form .attachment{
	display: block;
}
#create_plan form .attachment p.desc{
	margin-bottom: 0;
	margin-left: 10px;
}
#create_plan form .attachment button{
	width: 200px;
	background: #818181;
	display: block;
	border-radius: 10px;
	border: none;
}
#create_plan form .attachment button a{
	text-align: center;
	color: #fff;
	display: block;
	padding: 5px 0;
	font-weight: 300;
}

.apexcharts-legend{
	width: 100%;
}

@media screen and (max-width: 991px){
	#menu_space {
		height: calc(100vw / 6);
	}
}