*{ -webkit-text-size-adjust: none; }

body { margin:0; border:0; width:100%; color: #000; font-size: 14px; }

div, nav, article, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, ul, li, img, font, span, a{ text-align: left; vertical-align: middle; margin: 0; padding: 0; line-height: 170%; border-width: 0; font-family: Microsoft YaHei, Microsoft JhengHei, Helvetica, Arial, sans-serif; font-size: 18px; word-wrap: normal; word-break: normal; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

:before , :after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

ul, ol { list-style: none; }

fieldset { border: 0; }

input,button,select,textarea { outline:none }

img { max-width: 100%; }

a:link , a:visited , a:hover { text-decoration: none; vertical-align: initial; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.text-clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

/* workframe */
.workframe { margin: 0 auto; width: 1160px; }

/* indexBox */
#indexBox { min-height: 100vh; background: url(/images/02/img-bodypcBg.png) no-repeat 0 50% / cover; background-attachment: fixed; text-align: right; line-height: 90vh; }
#indexBox .TxtBox { display: inline-block; width: 660px; text-align: right; }
#indexBox .TxtBox .logo { margin-bottom: 20px; padding: 0 40px 20px 0; border-bottom: 5px #444 solid; text-align: right; }
#indexBox .TxtBox article { margin-right: 40px; text-align: right; font-size: 22px; color: #959999; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
#indexBox .TxtBox article.search { margin-left: 30px; margin-right: 0;  border-bottom: 1px #bde8e6 solid; }
#indexBox .TxtBox article label { font-size: 22px; }
#indexBox .TxtBox article input { padding: 10px 40px 10px 15px; width: calc(100% - 121px); background: transparent; font-size: 22px; color: #959999; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
#indexBox .TxtBox a.more { margin: 30px 40px; padding: 10px 0; background: #747374; border-radius: 40px; display: block; text-align: center; font-size: 20px; color: #fff; }

/* header */
header .top { position: relative; }
header .logo { width: 300px; }
header .title { position: absolute; width: 100%; text-align: center; font-size: 30px; bottom: 0; left: 0; }
header .barBox { margin: 40px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;}
/* header .barBox p { width: 49%; display: inline-block; }
header .barBox p:last-child { text-align: right; } */
.rightdiv {display: flex;}

/* contractInfo */
.contractInfo .box {  border-bottom: 0; border-right: 0; font-size: 0; }
.contractInfo .box h3 { padding: 5px 0; border: 1px #575757 solid;  font-size: 20px;margin-top: -1px; }
.contractInfo .box [class^="col-"] { width: calc(100% - 1px); border-bottom: 1px #575757 solid; display: inline-block; }
.contractInfo .box .col-col2 { width: calc(50% - 1px);border-right:1px #575757 solid; }
.contractInfo .box .col-col3 { width: calc(100% / 2); }
.contractInfo .box .col-col4 { width: 25%; }
.contractInfo .box .col-col5 { width: 20%; }
.contractInfo .box [class^="col-"] >label { padding: 5px 0 5px 5px; width: 180px; min-height: 30px; border-right: 1px #575757 solid;border-left: 1px #575757 solid; display: inline-block; }
.contractInfo .box .col-col2:nth-child(odd) label{border-left: unset;}
.contractInfo .box .col-col1{border-right: 1px #575757 solid;}
.contractInfo .points .col-col1{border-right: unset}
.contractInfo .box .col-col1 p{border-left: 1px #575757 solid;}
.contractInfo .box [class^="col-"] >label b { color: #F10004; }
.contractInfo .box [class^="col-"] >font { padding: 5px 0 5px 5px; width: 180px; min-height: 30px;  display: inline-block; }
/* .contractInfo .box .col-col2.ename { width: calc(50% - 132px); } */
/* .contractInfo .box .col-col2.relation { width: 132px; } */
/* .contractInfo .box .col-col2.relation label , .contractInfo .box .col-col2.relation font { width: 60px; } */
.contractInfo .box font.inputB { margin: 0 5px; padding: 0 10px; min-width: 50px; border-bottom: 1px #575757 solid; display: inline-block; }
.contractInfo .box .center { text-align: center; }
.contractInfo .box .note >* { padding: 0 5px; }
.contractInfo .box .note article { min-height: 100px; }
.contractInfo .box .col-col4{border-left: 1px #575757 solid; width: calc((100% / 4) - 1px);}
/* courseBox */
#courseBox { border-top: 0; }
#courseBox .points { border-right: 1px #575757 solid; }
#courseBox .points p { padding: 4px 0;  }
#courseBox .points p.col-col1 { padding: 0; border-right: 0;  }
.note p{border-bottom: 1px #575757 solid;}


/* coach */
.contractInfo #coach {border-right-width: 2px; border-bottom-width: 0; }
.contractInfo #coach [class^="col-"] >font { margin-right: 5px; width: auto; border-right: 0; }
#coach .col-col1>font:first-child { border-left: 1px #575757 solid; }
/* group */
#group { border-right: 1px #575757 solid; }
#group h3 { font-weight: normal; font-size: 16px; }

/* totalPrice */
#totalPrice { border-top: 0; border-right: 1px #575757 solid; }
#totalPrice .col-col1{border-right: unset;}
/* payInfo */
#payInfo .note >* , #legal .note >* { border-right: 1px #575757 solid; }
.note article{ border-left: 1px #575757 solid; }
#payInfo .note{ border-right: unset;width: 100%; }
#legal .note{ border-right: unset;width: 100%;border-bottom: unset; }
#legal .col-col2{ border-left: 1px #575757 solid; width: calc(50% - 1px);}
#legal .col-col2:nth-child(odd){border-right: unset;}
#legal .col-col2:nth-child(even){border-left: unset;}
/* signatureWrap */
#signatureWrap { position: relative; border-right: 1px #575757 solid; border-bottom: 1px #575757 solid; }
#signatureWrap h3 { border-right: 0; }
#signature { margin: 0 auto 50px; width: 100%; }
#signature > div { position: relative !important; }
#signature > div input { padding: 5px 60px; background: #e26b02; color: #fff; font-size: 18px; top: -1.5em !important; left: calc(50% - 90px) !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; }

#tools { text-align: center; }
#tools a { margin: 0 10px; padding: 5px 60px; background: #dc1818; color: #fff; font-size: 18px; display: inline-block; }
#tools a#btnClear { background: #444; }

#signatureWrap .box .sImage { text-align: center; }
#signatureWrap .box .sImage img { width: 50%; }
#signatureWrap .note{border-right:unset;border-bottom: unset;}
.sbox{border-left: 1px #575757 solid ;}
/* Description */
#Description { margin-top: 60px; }
#Description .sealBox { text-align: right; }

/* cooperation */
#cooperation ul.a {list-style-type: circle;}
#cooperation ul.b {list-style-type: disc;}
#cooperation ul.c {list-style-type: square;}
#cooperation ol.d {list-style-type: armenian;}
#cooperation ol.e {list-style-type: cjk-ideographic;}
#cooperation ol.f {list-style-type: decimal;}
#cooperation ol.g {list-style-type: decimal-leading-zero;}
#cooperation ol.h {list-style-type: georgian;}
#cooperation ol.i {list-style-type: hebrew;}
#cooperation ol.j {list-style-type: hiragana;}
#cooperation ol.k {list-style-type: hiragana-iroha;}
#cooperation ol.l {list-style-type: katakana;}
#cooperation ol.m {list-style-type: katakana-iroha;}
#cooperation ol.n {list-style-type: lower-alpha;}
#cooperation ol.o {list-style-type: lower-greek;}
#cooperation ol.p {list-style-type: lower-latin;}
#cooperation ol.q {list-style-type: lower-roman;}
#cooperation ol.r {list-style-type: upper-alpha;}
#cooperation ol.s {list-style-type: upper-greek;}
#cooperation ol.t {list-style-type: upper-latin;}
#cooperation ol.u {list-style-type: upper-roman;}
#cooperation ol.v {list-style-type: none;}
#cooperation ol.w {list-style-type: inherit;}
#cooperation ul li , #cooperation ol li , #cooperation font { font-size: 18px; }
#cooperation .topBox { margin-bottom: 20px; }
#cooperation p { font-size: 20px; }
#cooperation .title { font-size: 30px; }
#cooperation .center { text-align: center; }
#cooperation .underline { text-decoration: underline; }
#cooperation .bold { font-weight: bold; }
#cooperation .inputbox { padding: 0 40px; min-width: 50px; display: inline-block; border-bottom: 1px #000 solid; text-align: center; }

/* gotop */
#gotop { position: fixed; right: 10px; bottom: 10px; }
#gotop a { width: 30px; height: 30px; background: rgba(0, 0, 0, 0.58); display: block; line-height: 30px; font-size: 20px; text-align: center; color: #fff; }

.sealBox .sealBoxol{
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.sealBoxol{padding: 0;}
.sealBoxol p{text-align: center;}
/* .sealBoxol>li:last-child{border: 1px solid;} */

@media screen and (max-width:1280px) {
	.workframe { width: 90%; }
}
@media screen and (max-width:1024px) {
	header .title { position: relative; }
}
@media screen and (max-width:1160px) {
	#indexBox { position: relative; background-image: url(/images/02/img-bodymbBg.jpg); }
	#indexBox:before { position: absolute; width: 100%; height: 100%; background: rgba(8, 8, 8, .4); display: block; top: 0; left: 0; z-index: 1; content: ""; }
	#indexBox .TxtBox { position: relative; z-index: 2; }
	#indexBox .TxtBox article , #indexBox .TxtBox article input { color: #afedea; text-shadow: none; }
	.contractInfo .box .col-col2 ,
	.contractInfo .box .col-col2.ename ,
	.contractInfo .box .col-col2.relation { width: 100%; }
	.contractInfo .box .col-col2.relation label { width: 180px; }
	/* .contractInfo .box .col-col2.relation font { width: calc(100% - 192px); } */
	.contractInfo .box .col-col2:nth-child(odd) label{border-left: 1px #575757 solid;}
}
@media screen and (max-width:980px) {
	#signatureWrap .box .sImage img { width: auto; }
	.sealBox .sealBoxol {
		/* display: block; */
	}
	.rightdiv {
		display: flex;
		width: 100%;
		text-align: right;
		justify-content: flex-end;
	}
	header .barBox{display: block;}
}
@media screen and (max-width:810px) {
	.contractInfo .box .col-col4 { width: calc(50% - 5px); }
}
@media screen and (max-width:768px) {
	#indexBox { text-align: center; }
	#indexBox .TxtBox { width: 90%; }
	#indexBox .TxtBox .logo { padding-right: 0; text-align: left; }
	#indexBox .TxtBox .logo img { width: 80%; }
	#indexBox .TxtBox article.search { margin-left: 0; }
	#indexBox .TxtBox article { margin-right: 0; padding: 0 10px; text-align: left; font-size: 4vw; }
	#indexBox .TxtBox a.more { margin: 6vw 10vw; padding: 2vw 0; font-size: 4vw; }
	header .barBox p {  text-align: right; }
	#cooperation ol { padding-left: 0; }
	#cooperation >ol { padding-left: 7%; }
}
@media screen and (max-width:540px) {
	div, article, p, label, ul, li, img, font, span, a , #cooperation p , #cooperation ul li , #cooperation ol li , #cooperation font { font-size: 16px; }
	header .logo { width: 60%; }
	.contractInfo .box [class^="col-"] >label ,
	.contractInfo .box [class^="col-"] >font { min-height: 27px; }
	.contractInfo .box .col-col4 { width: 100%; }
	.contractInfo .box h3 { font-size: 18px;width: calc(100% - 1px); }
	.contractInfo .box .col-col2 font{border-left: 1px #575757 solid;}
	.contractInfo .box .col-col1 font{border-left: 0px}
	.contractInfo .box .col-col2:nth-child(odd) label{border-left: 1px #575757 solid;}
	.contractInfo .box [class^="col-"]{width: 100%;}
	.contractInfo .box .col-col1 font.inputB{border-left:unset}
	.contractInfo #coach .col-col1 font:nth-child(2),.contractInfo #coach .col-col1 font:nth-child(3),.contractInfo #coach .col-col1 font:nth-child(4){border-left: unset;}
	.points .col-col1 font{border-left: 1px #575757 solid;}
	.sealBox .sealBoxol {
		display: block;
	}
}
@media screen and (max-width:450px) {
	.contractInfo .box [class^="col-"] >label ,
	.contractInfo .box .col-col2.relation label {
		padding: 5px 0 5px 15px;
		border-right: unset;
	}
	.rightdiv{display: inline-block;}
	.contractInfo .box [class^="col-"] >font ,
	.contractInfo .box .col-col2.relation font { padding: 5px 0 5px 35px; width: calc(100% - 36px); }
	.contractInfo #coach [class^="col-"] >font { margin: 5px 0; padding-left: 16px; }
	.contractInfo .box .note >* { padding-left: 16px; }
	#coach .col-col1>font:first-child,.contractInfo .box [class^="col-"] >label ,.contractInfo .box .col-col2 font,.contractInfo .box .col-col2:nth-child(odd) label,.contractInfo .box h3,.contractInfo .box .col-col1 p,.contractInfo .box .col-col4,.note article,.sbox{ border-left: 0px }
	.contractInfo {border-left: 1px #575757 solid;}

}
li.newadd::marker{
	content: "("counter(list-item) ")";
  }

li.newadd ol{padding: 0;}