@charset "utf-8";

.cont-item:last-child {margin-bottom:80px;}
.cont-title {position:relative; height: 70px; font-size: 1.5rem; font-weight: 500; color: #252525;}
.cont-title:before {content:""; position:absolute; top:-60px; left:0; background:#406285; width:36px; height:2px;}
.first .cont-title:before {content:""; display:none;}
.cont-txt p{font-size:1rem; line-height:1.5rem; word-break:keep-all; margin-bottom:16px; color: #555;}
.cont-txt p b {font-weight:500; color:#0a5bbc;}
.cont-item:after {clear:both;content:"";display:block;}

/* nav1-1 data1 */
.f-box {width:100%; position:relative; background:#25415f; margin-bottom:50px;}
.f-box img {width:100%; height:100%; opacity:0.1;}
.f-box .f-box-txt {position:absolute; left:0; top:0; color:#fff; padding:50px; width:100%;}
.f-box-txt .fbt-img {position:relative; width:30%; height:300px; float:left;}
.f-box-txt .fbt-img:before {content:'';position:absolute;top:50%;left:50%;width:70px;height:80px; background:url('../img/logow.png') no-repeat; margin-top:-40px; margin-left:-35px; background-size:70px 80px;}
.f-box-txt .fbt-txt {width:69%; float:left;}
.f-box-txt .fbt-txt h1 {color:#1dae0d; text-shadow: 0px 0px 4px #000; font-size:2rem; line-height:2.5rem;}
.f-box-txt .fbt-txt h1 span {color:#fff;}
.f-box-txt .fbt-txt h3 {text-shadow: 0px 0px 4px #000; margin-bottom:20px;}
.f-box-txt .fbt-txt p {margin-bottom:20px; color:#fff;}
.f-box-txt .fbt-txt p:last-child {margin-bottom:0px;}

@media only screen and (max-width:780px) {
	.f-box .f-box-txt {padding:30px;}
	.f-box-txt .fbt-img {width:100%; height:140px;}
	.f-box-txt .fbt-txt {width:100%;}
}

/* nav1-1 data2 */
.box-char {padding:50px 50px; border:1px solid #bbbbbb; background:#ffffff;}
.char-only ul li {background-color:#284466; color:#fff;}
.char-only ul li .left {position:relative; display:inline-block; background-color:#1e334d; padding-left:40px; text-align:left; width:24%; padding-top:16px; padding-bottom:16px; vertical-align:top; font-size:13px;}
.char-only ul li .left span {display:block; font-size:18px;}
.char-only ul li .left:before {position:absolute; top:21px; left:20px; content:''; width:4px; height:11px; background:#fff;}
.char-only ul li .right {display:inline-block; border-spacing:0px; font-size:1.125rem; line-height:1.5rem; width:74%; padding-top:16px; padding-bottom:16px; vertical-align:top; padding-right:20px; text-align:center; color:#dddddd; }
.char-only ul li .right span {display:block; font-weight:600; color:#fff;}


.char-only, .char-sort {position:relative; margin-top:20px;}
.char-only:first-child {margin-top:0px;}
.char-sort ul {width:100%; text-align:center;}
.char-sort ul:after {clear:both;content:"";display:block;}
.char-sort ul li{position:relative; margin-bottom:10px; text-align:left; width:100%; padding-top:20px; padding-bottom:20px; background:#fff; border:1px solid #bbbbbb; font-size:0.9375rem; }
.char-sort ul li:last-child {margin-bottom:0px;}
.char-sort ul li:after {clear:both;content:"";display:block;}
.char-sort ul li .left {width:35%; float:left; position:relative;}
.char-sort ul li .right {float:left; width:65%;}
.char-sort ul li .left span {position:absolute; top:-10px; left:20px; font-weight:bold; color:#000;}
.char-sort ul li .left div {position:absolute; top:20px; left:20px; width:80%; height:2px;}
.char-sort ul li .right h3 {margin-bottom:5px; color:#454545;}
.char-sort ul li .right p {margin-bottom:0px;}


@media only screen and (max-width:969px){
	.box-char {padding:35px 35px;}
	.char-sort ul li {padding-top:15px; padding-bottom:15px;}
}

@media only screen and (max-width:768px) {
	.box-char {padding:20px 20px;}
	.char-sort ul li .left {width:20%;}
	.char-sort ul li .left div {width:60%;}
	.char-sort ul li .right {width:80%;}
}

@media only screen and (max-width:500px) {
	.char-only ul li .left {width:100%; font-size:15px; padding-top:10px; padding-bottom:10px;}
	.char-only ul li .left span {display:inline; padding-left:10px; font-size:15px;}
	.char-only ul li .left:before {top:15px;}
	.char-only ul li .right {width:100%; padding-right:0px;}
	.char-sort ul li .left div {top:15px; width:85%;}
	.char-sort ul li .left {width:100%;}
	.char-sort ul li .right {width:100%; padding-top:5px; padding-left:20px; padding-right:20px;}
}

/* nav1-1 data3 */
.circle-box {width:35.33%; float:left; border-radius:50%; position:relative; display:table; margin-left:-4%;}
.circle-box.first {margin-left:0%;}
.circle-box:first-child {margin-left:0px;}
.circle-box div {display:table-cell; vertical-align:middle;}
.circle-box div h1 {font-size:2.125rem; line-height:2.5rem;}
.circle-box div h5 {font-size:1.25rem; line-height:2rem; margin-bottom:20px; color:#000;}
.circle-box div p {padding-left:24px; padding-right:24px; margin-bottom:0px;}

@media only screen and (max-width:887px) {
	.circle-box div h1 {font-size:1.625rem; line-height:2rem;}
}

@media only screen and (max-width:736px) {
	.circle-box {width:52%; margin-left:24%; margin-top:-4%;}
	.circle-box.first {margin-top:0%; margin-left:24%;}
}

@media only screen and (max-width:650px) {
	.circle-box {width:70%; margin-left:15%; margin-top:-8%;}
	.circle-box.first {margin-left:15%;}
}

@media only screen and (max-width:440px) {
	.circle-box {width:90%; margin-left:5%;}
	.circle-box.first {margin-left:5%;}
}


/* nav1-2 history */
.history > ul {max-width:1100px; width:100%; text-align:center; margin-top:80px;}
.history > ul li {position:relative; display:inline-block; margin-right:120px; font-size:1.375rem; line-height:2rem; cursor:pointer;}
.history > ul li:last-child {margin-right:0px;}
.history > ul li:before {content:''; position:absolute; top:-19px; left:50%; margin-left:-4px; width:8px; height:8px; border-radius:4px; background:#555;}
.history > ul li:after {content:''; position:absolute; top:-15px; right:-150px; width:180px; height:2px; background:#555555;}
.history > ul li:last-child:after {content:none;}
.history > ul li.active {color:#002b5c; }
.history > ul li.active:before {top:-23px; width:16px; height:16px; border-radius:8px; background:#002b5c;}

.history-box {display:none; margin-top:90px; margin-bottom:70px; padding-left:20px; padding-right:20px;}
.history-box.active {display:block;}
.history-box h1, .history-box p {text-align:left;}
.history-box h1 {color:#454545; line-height:2rem;}
.history-box p {padding-top:20px; padding-bottom:10px; letter-spacing:0.6px;}
.history-box > ul {margin-top:50px;}
.history-box > ul li {position:relative; padding-left:160px; text-align:left; padding-bottom:50px;}
.history-box > ul li:before {content:''; position:absolute; left:100px; top:0px; height:100%; width:1px; background:#d2d2d2; }
.history-box > ul li:after {content:''; position:absolute; left:96.5px; top:0px; height:8px; width:8px; border-radius:4px; background:#e6240f;}
.history-box > ul li span {position:absolute; top:0px; left:10px; font-size:1.375rem; color:#454545; font-family:'WF Godo';}
.history-box > ul li dl {margin-bottom:20px; position:relative;}
.history-box > ul li dl:last-child{margin-bottom:80px;}
.history-box > ul li dl dt {vertical-align:top; color:#272727; position:absolute;}
.history-box > ul li dl dd {padding-left:40px; color:#7c7c7c;}

.history-box > ul li dl dd > ul li {padding-left:0px; padding-bottom:0px;}
.history-box > ul li dl dd > ul li:before {content:none;}
.history-box > ul li dl dd > ul li:after {content:none;}

@media only screen and (max-width:469px) {
	.history > ul li {margin-right:90px; font-size:1.125rem; line-height:2rem;}
	.history > ul li:after {right:-114px; width:138px; height:2px; background:#555555;}

	.history-box > ul li:before {left:64px;}
	.history-box > ul li:after {left:60.5px;}
	.history-box > ul li {padding-left:90px;}
	.history-box > ul li span {left:0px;}
}

/* nav1-3 data */
.document {padding-left:20px; padding-right:20px;}
.document-head {position:relative; width:100%;}
.document-head .left {position:absolute; top:-30px; left:20%;}
.document-head .right {position:absolute; bottom:-30px; right:20%;} 
.document-box {margin-top:80px;}
.document-box:last-child {margin-bottom:50px;}
.document-box .title {position:relative; height: 34px; line-height:34px; font-size: 1.25rem; font-weight: 500; color: #252525; font-family:'WF Godo';}
.document-box .title:before {content:''; position:absolute; width:40px; height:2px; background:#000; top:-20px; left:50%; margin-left:-20px;}
.document-box .list ul {padding-top:50px;}
.document-box .list ul:after {clear:both;content:"";display:block;}
.document-box .list ul li {float:left; width:22%; margin-right:4%;}
.document-box .list ul li .img {border:1px solid #bbb; cursor:pointer;}
.document-box .list ul li .img img {width:100%; height:100%;}
.document-box .list ul li:nth-child(4n) {margin-right:0%;}
.document-box .list ul li .txt {padding-top:10px; padding-bottom:20px; color:#292929; min-height:102px;}
.document-box .list ul li .txt span {display:block; font-size:0.875rem; color:#656565;}

@media only screen and (max-width:900px) {
	.document-box .list ul li {width:30%; margin-right:3.33%;}
	.document-box .list ul li:nth-child(4n) {margin-right:3.33%;}
	.document-box .list ul li:nth-child(3n) {margin-right:0%;}
}
@media only screen and (max-width:768px) {
	.document-head .left {left:10%;}
	.document-head .right {right:10%;} 
}

@media only screen and (max-width:600px) {
	.document-head .left {left:0%;}
	.document-head .right {right:0%;} 
}

@media only screen and (max-width:500px) {
	.document-box .list ul li {width:48%; margin-right:4%;}
	.document-box .list ul li:nth-child(4n) {margin-right:4%;}
	.document-box .list ul li:nth-child(3n) {margin-right:4%;}
	.document-box .list ul li:nth-child(2n) {margin-right:0%;}
}


.modal-content {max-width:500px; margin-top:80px;}
.modal .img-container div img {width:100%; height:100%;}
@media only screen and (max-width:480px) {
	#modal_img .modal-content {margin-top:80px; width:75%;}	
}

@media only screen and (max-width:400px) {
	#modal_img .modal-content {margin-top:100px; width:85%;}	
}