.g100 {
	text-align: center;
	padding-top: 100px;
}

.closebtn {
	cursor: pointer;
	position: absolute;
	right: 26px;
	top: 32px;
}

.sb-slidebar {
	width: 640px;
	background-color: #fff;
	box-shadow: -4px 0px 10px 2px rgba(0,0,0,0.2);
	z-index: 10001;
}

.sb-slidebar ul {
	padding-top: 100px;
	margin-bottom: 40px;
}

.sb-slidebar li:first-child {
	border-top: 1px solid #f60;
}
.sb-slidebar li {
	text-align: center;
	border-bottom: 1px solid #f60;
	font-size: 22px;
	background: url(../../images/getover/menu_arrow.gif) no-repeat 590px 30px;
}
.sb-slidebar li a {
	padding: 22px 0;
	display: block;
}

.sb-slidebar .btmmenu {
	margin: 0 auto 30px auto;
	background: #23a99e;
	width: 580px;
	font-size: 24px;
	text-align: center;
}
.sb-slidebar .btmmenu a {
	padding-bottom: 20px;
	display: block;
	color: #fff;
}

.sb-slidebar .btmmenu img {
	display: block;
	padding: 8px 0 20px 0;
}

.sb-slidebar .npeople img {
	width: 100%;
	height: auto;
}

.sb-slidebar .root a {
	display: block;
	color: #434343;
	background: #eee;
	text-align: center;
	padding: 20px 0;
	font-size: 22px;
	font-weight: bold;
}



#go {
	box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
	background: #fff;
	width: 100%;
	position: fixed;
	z-index: 10000;
}

#go .content-inner {
	width: 100%;
	margin: 0 auto;
}

#go .logo {
	text-align: center;
	padding: 18px 0;
	padding-left: 20px;
	position: relative;
}

#go .logo .btn-menu {
	position: absolute;
	right: 26px;
	top: 36px;
}




#ncontent {
	width: 100%;
	margin: 0 auto;
	padding-top: 94px;
}

#ncontent .inner {
	width: 1000px;
	margin: 0 auto;
}



#header100 {
	background: url(../../images/getover/mainbg.gif) repeat-x;
	padding-top: 30px;
	text-align: center;
	height: 310px;
}


.cat {
	text-align: center;
/* 	padding: 180px 0 50px 0; */
	padding: 80px 0 50px 0;
}


.getovergray {
	background: #f2f2f2;
	padding: 46px 0 0 0;
}

.getovergray ul {
	width: 1000px;
	margin: 0 auto;
}

.getovergray ul li {
	float: left;
	padding: 0 0 44px 0;
	text-align: center;
	width: 248px;
	box-sizing: border-box;
}

#sec1 {
	padding: 50px 0 0 0;
}

#sec3, #sec5, #sec7 {
	background: url(../../images/getover/arrow2.gif) no-repeat center top;
	padding-top: 45px;
}

#sec2, #sec4, #sec6, #sec8 {
	background: url(../../images/getover/arrow1.gif) no-repeat #f2f2f2 center top;
	padding-top: 45px;
}

#sec8 {
}

.ready {
	padding: 100px 0;
	border-bottom: 20px solid #23a99e;
}


#sec1 .inner, #sec2 .inner, #sec3 .inner, #sec4 .inner,
#sec5 .inner, #sec6 .inner, #sec7 .inner, #sec8 .inner,
.ready .inner {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 40px;
	font-size: 20px;
}

#sec1 h2, #sec2 h2, #sec3 h2, #sec4 h2,
#sec5 h2, #sec6 h2, #sec7 h2, #sec8 h2 {
	text-align: center;
}

.ready h2 {
	text-align: center;
	font-size: 45px;
	font-weight: bold;
	color: #23a99e;
	margin-bottom: 40px;
}

.ready h3 {
	text-align: center;
	font-size: 30px;
	color: #23a99e;
}



.btnconv {
	clear: both;
	padding-top: 55px;
}

.btnconv li {
	float: left;
}

.btnconv li:last-child {
	float: right;
}

.sbox {
	background: url(../../images/getover/sbox3.gif) no-repeat center bottom;
}

.sbox .inner1 {
	background: url(../../images/getover/sbox1.gif) no-repeat center top;
	padding: 50px;
	box-sizing: border-box;
}

.sbox .inner2 {
	background: url(../../images/getover/sbox2.gif) no-repeat center top;
	padding: 50px;
	box-sizing: border-box;
}

.iconcom {
	text-align: center;
	background: url(../../images/getover/comment_line.gif) repeat-x 0 200px;
	height: 244px;
}

#sec5 .iconcom {
	text-align: center;
	background: none;
	height: 185px;
}


#sec1 h3, #sec2 h3, #sec3 h3, #sec4 h3,
#sec5 h3, #sec6 h3, #sec7 h3, #sec8 h3 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 40px 0;
}
#sec1 h4, #sec2 h4, #sec3 h4 {
	font-size: 30px;
	font-weight: bold;
	color: #f60;
	text-align: center;
	padding-bottom: 40px;
}

#sec1 .fig {
	text-align: center;
	margin-bottom: 25px;
}

#sec1 .fig img {
	width: 640px;
	height: auto;
}






#sec2 h4 span {
	font-size: 25px;
}

#sec2 .fig, #sec3 .fig {
	text-align: center;
	margin-bottom: 25px;
}

#sec4 .fig, #sec5 .fig, #sec6 .fig, #sec7 .fig {
	text-align: center;
	margin-top: 45px;
}


#sec5 p.strong1 {
	font-weight: bold;
	font-size: 30px;
	color: #f60;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}


#sec5 p.strong2 {
	font-weight: bold;
	font-size: 25px;
	text-align: center;
}

#sec8 h4 {
	background: #666;
	text-align: center;
	margin-bottom: 50px;
}
#sec8 h4 img {
	width: 254px;
	height: auto;
}


#sec8 .intbox, #sec8 .intbox2 {
	display: block;
	background: #fff;
	border: 2px solid #f60;
	margin-bottom: 30px;
}

#sec8 .intbox .imgbox {
	float: left;
}
#sec8 .intbox2 .imgbox {
	float: right;
}

#sec8 .intbox .obox {
	float: left;
	background: #f60;
	width:491px;
	height:330px;
	margin-top: 6px;
	color: #fff;
	padding-left: 51px;
	box-sizing: border-box;
	letter-spacing: 0;
}

#sec8 .intbox2 .obox {
	float: right;
	background: #f60;
	width:491px;
	height:330px;
	margin-top: 6px;
	color: #fff;
	padding-left: 51px;
	box-sizing: border-box;
	letter-spacing: 0;
}

#sec8 .intbox .obox h5,
#sec8 .intbox2 .obox h5 {
	margin: 50px 0 50px 0;
}

#sec8 .intbox .obox h5,
#sec8 .intbox .obox .name,
#sec8 .intbox2 .obox h5,
#sec8 .intbox2 .obox .name {
	font-size: 30px;
	font-weight: bold;
}

#sec8 .intbox .obox .name span,
#sec8 .intbox2 .obox .name span {
	font-size: 20px;
	font-weight: normal;
}

#sec8 .intbox .obox .kata,
#sec8 .intbox2 .obox .kata {
	font-size: 22px;
}



.ready ul {
	margin-top: 95px;
}

.ready ul img {
	display: block;
	width: 490px;
	height: auto;
	margin-bottom: 70px;
}

.ready ul li {
	border-top: 10px solid #23a99e;
	float: left;
	background: #23a99e;
	text-align: center;
	color: #fff;
	padding-bottom: 75px;
}

.ready ul li a {
	display: inline-block;
	background: #fff;
	color: #23a99e;
	font-weight: bold;
	padding: 10px;
}

.ready ul li:last-child {
	float: right;
}

.ready ul dl {
	margin-bottom: 40px;
}

.ready ul dt {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
}


#footgo .bgray {
	text-align: center;
	background: #e5e5e5;
	padding: 30px 0;
}
#footgo .bgray p {
	font-size: 20px;
}
#footgo .bgray p:first-child {
	font-size: 22px;
	font-weight: bold;
}
#footgo .bgray p:last-child {
	font-size: 25px;
	font-weight: bold;
}
#footgo .footer {
	text-align: center;
	background: #23a99e;
	color: #fff;
	font-size: 12px;
	padding: 10px 0;
}














@media screen and (max-width: 767px) {


.g100 {
	text-align: center;
	padding-top: 70px;
}


.closebtn {
	top: 24px;
}

.sb-slidebar {
	width: 100%;
}

.sb-slidebar ul {
	padding-top: 60px;
}

#sidebar-nav ul li {
	background: url(../../images/getover/menu_arrow.gif) no-repeat 95% center;
	border-top: none;
}
#sidebar-nav ul li:first-child {
	border-bottom: 1px solid #f60;
}
.sb-slidebar ul:after {
	box-shadow: none;
	background-color: #fff;
	
}

#go .logo h1 {
	width: 70%;
	margin: 0 auto;
}

#go .logo .btn-menu {
	top: -204px;
}


#ncontent .inner {
	width: 90%;
	margin: 0 auto;
}

.cat {
	width: 90%;
	margin: 0 auto;
	padding: 140px 0 50px 0;
}

.getovergray ul {
	width: 90%;
}

.getovergray ul li {
	float: left;
	padding: 0;
	width: 50%;
	text-align: center;
	margin-bottom: 20px;
}

#sec1 .inner, #sec2 .inner, #sec3 .inner, #sec4 .inner,
#sec5 .inner, #sec6 .inner, #sec7 .inner, #sec8 .inner,
.ready .inner {
	width: 90%;
	font-size: 22px;
}
#sec1 h2 img, #sec2 h2 img, #sec3 h2 img, #sec4 h2 img,
#sec5 h2 img, #sec6 h2 img, #sec7 h2 img, #sec8 h2 img {
	width: 80%;
	height: auto;
}

.ready {
	padding: 50px 0 20px 0;
	border-bottom: 20px solid #23a99e;
}




.btnconv {
	padding-top: 20px;
}

.btnconv li {
	float: none;
	margin-bottom: 10px;
	border: 2px solid #f60;
}

.btnconv li:last-child {
	float: none;
}
.btnconv li img {
	width: 100%;
	height: auto;
}


.sbox {
	background: url(../../images/getover/sbox3-sp.gif) no-repeat center bottom;
	background-size: 100% auto;
}

.sbox .inner1 {
	background: url(../../images/getover/sbox1-sp.gif) no-repeat center top;
	background-size: 100% auto;
	padding: 50px;
	box-sizing: border-box;
}

.sbox .inner2 {
	background: url(../../images/getover/sbox2-sp.gif) no-repeat center top;
	background-size: 100% auto;
	padding: 50px;
	box-sizing: border-box;
}

.iconcom {
	background: url(../../images/getover/comment_line-sp.gif) repeat-x 0 220px;
}

.iconcom img {
	width: 50%;
}

#sec1 h3, #sec2 h3, #sec3 h3, #sec4 h3,
#sec5 h3, #sec6 h3, #sec7 h3, #sec8 h3 {
	font-size: 22px;
	font-weight: normal;
	text-align: left;
	padding: 40px 0;
}

#sec1 h3 br, #sec5 h3 br,
#sec6 h3 br, #sec7 h3 br, #sec8 h3 br {
	display: none;
}

#sec1 h4, #sec2 h4, #sec3 h4 {
	font-size:25px;
	font-weight: bold;
	padding-bottom: 40px;
}

#sec1 .fig {
	float: none;
	padding-right: 0;
	margin-bottom: 20px;
}
#sec1 .fig img {
	width: 100%;
	height: auto;
}

#sec2 .fig img, #sec3 .fig img {
	width: 100%;
	height: auto;
}


#sec4 .fig img, #sec5 .fig img, #sec6 .fig img, #sec7 .fig img {
	width: 100%;
	height: auto;
}

#sec5 p.strong1 {
	font-size: 25px;
	margin-bottom: 20px;
}


#sec5 p.strong2 {
	font-size: 22px;
	text-align: left;
}

#sec8 .intbox .imgbox,
#sec8 .intbox2 .imgbox {
	float: none;
}

#sec8 .intbox .imgbox img,
#sec8 .intbox2 .imgbox img {
	width: 100%;
	height: auto;
}

#sec8 .intbox .obox,
#sec8 .intbox2 .obox {
	float: none;
	width:100%;
	height:auto;
	margin-top: 0;
	padding: 10px 20px;
}

#sec8 .intbox .obox h5,
#sec8 .intbox2 .obox h5 {
	margin: 0;
}

#sec8 .intbox .obox h5,
#sec8 .intbox2 .obox h5 {
	font-size: 28px;
	font-weight: bold;
}
#sec8 .intbox2 .obox h5 br {
	display: none;
}

#sec8 .intbox .obox .kata,
#sec8 .intbox2 .obox .kata {
	font-size: 20px;
}
#sec8 .intbox .obox .name,
#sec8 .intbox2 .obox .name {
	font-size: 25px;
	font-weight: bold;
}


#sec8 .intbox .obox .name span,
#sec8 .intbox2 .obox .name span {
	font-size: 16px;
	font-weight: normal;
}


.ready ul img {
	width: 100%;
	margin-bottom: 20px;
}

.ready ul li,
.ready ul li:last-child {
	border-top: 6px solid #23a99e;
	float: none;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.ready ul dl {
	margin-bottom: 20px;
}

.ready ul dt {
	margin-bottom: 20px;
}


}

