/* page-box */
.page-box {position:relative;}
.page-box.sub-0401 .image-box {position:absolute; right:0; bottom:0;}
.page-box.sub-0401 .text-box {position:relative; z-index:2;}
@media (max-width:991px){
.page-box.sub-0401 .image-box {display:none;}
}

/* tab */
.tab-content .tab-box {display:none;}
.tab-content .tab-box.active {display:block;}

/* category */
.category-box {margin:0 0 110px;}
.category-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.category-box ul li {width:20%; padding:0 2.5px;}
.category-box ul li a {background:#ececec; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:60px; line-height:1; font-size:17px; color:#333333; font-weight:500;}
.category-box ul li.active a {background:#0a4a9b; color:#fff;}
.category-box.half ul li {width:50%;}
@media (max-width:991px){
.category-box {margin:0 0 70px;}
.category-box ul {justify-content:flex-start;}
.category-box ul li {margin:2px; width:calc(33.33% - 4px);}
.category-box ul li a {width:100%; height:50px;}
.category-box.half ul li {width:calc(50% - 4px);}
}
@media (max-width:767px){
.category-box {margin:0 0 40px;}
.category-box ul li {padding:0; width:calc(50% - 4px);}
.category-box ul li a {width:100%; height:40px; font-size:14px;}
}

/* title */
.sub-title-box {display:flex; flex-wrap:wrap;}
.sub-title-box h3 {width:280px; font-size:22px; font-weight:600; color:#333; line-height:1.3;}
.sub-title-box div.title-content {width:calc(100% - 280px);}
@media (max-width:991px){
.sub-title-box h3 {width:100%; font-size:20px; top:0;}
.sub-title-box div.title-content {width:100%; margin:30px 0 0;}
}
@media (max-width:991px){
.sub-title-box h3 {font-size:18px;}
.sub-title-box div.title-content {width:100%; margin:20px 0 0;}
}

/* comment */
.comment-box p {font-size:30px; color:#333; font-weight:600; line-height:1.5; word-break:keep-all;}
.comment-box p b {font-size:30px; color:#0a4a9b; font-weight:600; line-height:1.5;}
.comment-box.eng p{font-size:25px;}
.comment-box.eng p:first-child{color:#0a4a9b;}
.comment-box.eng p:last-child{color:#fcaf17;font-size:18px;margin-top:10px;}
@media (max-width:991px){
.comment-box p {font-size:25px;}
.comment-box p b {font-size:25px;}
.comment-box.eng p{font-size:20px;}
.comment-box.eng p:last-child{font-size:16px;}
}
@media (max-width:767px){
.comment-box p {font-size:18px;}
.comment-box p b {font-size:18px;}
.comment-box p br {display:none;}
.comment-box.eng p{font-size:18px;}
}

/* image */
.image-box img {display:block; max-width:100%;}
.image-box.sub0401_02 {margin:-25px 0 0;}
@media (max-width:767px){
.image-box.sub0401_01 img {width:100px;}
.image-box.sub0401_02 {margin:-15px 0 0;}
}

/* text */
.text-box p {font-size:18px; color:#333; line-height:1.7; margin:0 0 40px; word-break:keep-all;}
.text-box p:last-of-type {margin:0;}
.text-box p small {font-size:16px; color:#0a4a9b; line-height:1.7; font-weight:400;}
.text-box p b {color:#0a4a9b; font-weight:600;}
@media (max-width:991px){
.text-box p {font-size:16px; margin:0 0 20px;}
.text-box p small {font-size:14px;}
.text-box p b {font-size:16px;}
.text-box p br {display:none;}
}
@media (max-width:991px){
.text-box p {font-size:14px; margin:0 0 15px;}
.text-box p small {font-size:13px;}
.text-box p b {font-size:14px;}
}

/* image-text */
.image-text-box {display:flex; flex-wrap:wrap;}
.image-text-box .text-box {flex:1; padding-left:50px;}
@media (max-width:991px){
.image-text-box .image-box {width:100%;}
.image-text-box .text-box {width:100%; flex:auto; padding-left:0; margin:30px 0 0;}
}
@media (max-width:767px){
.image-text-box .text-box {margin:15px 0 0;}
}

/* image-title */
.image-title-box {position:relative; display:flex; flex-wrap:wrap; justify-content:flex-end;}
.image-title-box img.bg {display:block; max-width:100%;}
.image-title-box .title {position:absolute; left:0; bottom:-45px;}
.image-title-box .title > div {position:absolute; left:42px; bottom:0; padding:0 0 30px;}
.image-title-box .title > div strong {font-size:18px; display:block; color:#fff; font-weight:500;}
.image-title-box .title > div h4 {font-size:40px; color:#fff; font-weight:700; padding:10px 0 0;}
.image-title-box .title > div img {display:block; max-width:100%;}
@media (max-width:991px){
.image-title-box {justify-content:flex-start;}
.image-title-box .title {position:static; margin:-150px 0 0;}
.image-title-box .title > div {left:5%;}
.image-title-box .title > div strong {font-size:16px;}
.image-title-box .title > div h4 {font-size:30px;}
}
@media (max-width:767px){
.image-title-box .title {margin:-13% 0 0;}
.image-title-box .title > div {padding:0 0 3%; left:6%;}
.image-title-box .title > div strong {font-size:14px;}
.image-title-box .title > div h4 {font-size:25px; padding:3% 0 0;}
}

/* sign */
.sign-box {text-align:right;}
.sign-box p {width:100%; text-align:right; font-size:18px; color:#333; font-weight:600; margin:0 0 15px;}
@media (max-width:991px){
.sign-box p {font-size:16px; margin:0 0 10px;}
}

/* word */
.word-box > ul > li {margin:70px 0 0;}
.word-box > ul > li strong {display:flex; flex-wrap:wrap; align-items:center; position:relative; padding-left:20px; font-size:20px; font-weight:600; color:#0a4a9b; margin:0 0 30px;}
.word-box > ul > li strong:before {display:inline-block; content:""; background:#0a4a9b; width:7px; height:27px; position:absolute; left:0; top:-3px;}
.word-box > ul > li > p {background:#eff3f8; padding:50px 30px; font-size:18px; line-height:1.7; color:#333; border-radius:0 50px 0 0; margin:0 0 15px; word-break:keep-all;}
.word-box > ul > li > p:last-of-type {margin:0;}
.word-box > ul > li > p b {display:block; font-size:18px; font-weight:600; color:#333; margin:0 0 45px;}
.word-box > ul > li > p b em {font-style:normal; font-size:18px; font-weight:600; color:#0a4a9b;}
.word-box > ul > li .wrap {background:#eff3f8; padding:50px 30px; border-radius:0 50px 0 0;}
.word-box > ul > li .wrap dl {margin:0 0 60px;}
.word-box > ul > li .wrap dl:last-of-type {margin:0;}
.word-box > ul > li .wrap dl dt {font-size:18px; font-weight:600; color:#333; margin:0 0 20px;}
.word-box > ul > li .wrap dl dd p {font-size:18px; line-height:1.7; color:#333;}
.word-box > ul > li .wrap dl dd p.flex {position:relative; padding-left:25px;}
.word-box > ul > li .wrap dl dd p.flex em {font-style:normal; position:absolute; left:0; top:0;}
.word-box > ul > li .wrap dl dd p.pl {padding-left:25px;}
@media (max-width:991px){
.word-box > ul > li {margin:50px 0 0;}
.word-box > ul > li strong {font-size:18px; margin:0 0 20px;}
.word-box > ul > li strong:before {top:-5px;}
.word-box > ul > li > p {font-size:16px; margin:0 0 10px; padding:30px 15px; border-radius:0 30px 0 0;}
.word-box > ul > li > p b {font-size:16px; margin:0 0 30px;}
.word-box > ul > li > p b em {font-size:16px;}
.word-box > ul > li .wrap {padding:30px 15px; border-radius:0 30px 0 0;}
.word-box > ul > li .wrap dl {margin:0 0 30px;}
.word-box > ul > li .wrap dl dt {font-size:17px;}
.word-box > ul > li .wrap dl dd p {font-size:16px;}
.word-box > ul > li .wrap dl dd p.flex {padding-left:20px;}
.word-box > ul > li .wrap dl dd p.flex em {font-size:16px;}
.word-box > ul > li .wrap dl dd p.pl {padding-left:20px;}
}
@media (max-width:767px){
.word-box > ul > li {margin:30px 0 0;}
.word-box > ul > li strong {font-size:16px; margin:0 0 15px; padding-left:13px;}
.word-box > ul > li strong:before {width:5px; height:18px; top:-2px;}
.word-box > ul > li > p {font-size:14px; padding:15px; border-radius:0 15px 0 0;}
.word-box > ul > li > p b {font-size:14px; margin:0 0 15px;}
.word-box > ul > li > p b em {font-size:14px;}
.word-box > ul > li .wrap {padding:15px; border-radius:0 15px 0 0;}
.word-box > ul > li .wrap dl dt {font-size:16px; margin:0 0 10px;}
.word-box > ul > li .wrap dl dd p {font-size:14px;}
.word-box > ul > li .wrap dl dd p.flex em {font-size:14px;}
}

.word-style-box dl dd {display:flex; flex-wrap:wrap; margin:0 0 15px;}
.word-style-box dl dd:last-of-type {margin:0;}
.word-style-box dl dd > b {font-size:18px; color:#333; font-weight:600; margin-right:5px;}
.word-style-box dl dd p {flex:1; font-size:18px; color:#333; line-height:1.5; word-break:keep-all;}
.word-style-box dl dd p b {color:#0a4a9b;}
.word-style-box dl.dot dd {position:relative; padding-left:15px;}
.word-style-box dl.dot dd:before {position:absolute; content:""; left:0; top:10px; width:6px; height:6px; background:#0a4a9b;}
.word-style-box dl.number dd {display:flex; flex-wrap:wrap;}
.word-style-box dl.number dd p {flex:1;}
.word-style-box dl.number dd b {font-size:18px; color:#0a4a9b; font-weight:600; margin-right:10px; position:relative; top:2px;}
.word-style-box dl.number dd em {color:#0a4a9b; font-weight:500; font-style:normal;}
.word-style-box dl dd.bg {padding:30px; background:#fff;}
.word-style-box dl.dot dd.bg {padding-left:50px;}
.word-style-box dl.dot dd.bg:before {left:30px; top:37px;}
@media (max-width:991px){
.word-style-box dl dd {margin:0 0 10px;}
.word-style-box dl dd > b {font-size:16px;}
.word-style-box dl dd p {font-size:16px;}
.word-style-box dl.number dd b {font-size:16px; top:0;}
.word-style-box dl.number dd em {font-size:16px;}
.word-style-box dl dd.bg {padding:15px;}
.word-style-box dl.dot dd.bg {padding-left:20px;}
.word-style-box dl.dot dd.bg:before {left:10px; top:22px;}
}
@media (max-width:767px){
.word-style-box dl dd > b {font-size:14px;}
.word-style-box dl dd p {font-size:14px;}
.word-style-box dl.dot dd {padding-left:10px;}
.word-style-box dl.dot dd:before {width:4px; height:4px; top:7px;}
.word-style-box dl.number dd {font-size:13px; margin-right:5px;}
.word-style-box dl.number dd em {font-size:13px;}
.word-style-box dl dd.bg {padding:10px;}
.word-style-box dl.dot dd.bg {padding-left:20px;}
.word-style-box dl.dot dd.bg:before {left:10px; top:17px;}
.word-style-box dl dd.block {display:block;}
}

/* history */
.history-box ul li {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.history-box ul li dl {width:50%; border-left:2px solid #ececec; padding:80px 0;}
.history-box ul li dl dt {position:relative; font-size:30px; font-weight:700; color:#0a4a9b; padding:0 0 0 55px; margin:0 0 45px;}
.history-box ul li dl dt:before {position:absolute; left:-16px; top:50%; transform:translateY(-50%); content:""; width:56px; height:31px; background:url('../../img/icon_history.png') no-repeat center / cover;}
.history-box ul li dl dd {display:flex; flex-wrap:wrap; padding:0 0 0 55px; font-size:15px; color:#333; margin:0 0 24px;}
.history-box ul li dl dd:last-of-type {margin:0;}
.history-box ul li dl dd b {width:46px; font-size:15px; font-weight:700; padding-right:25px; color:#0a4a9b;}
.history-box ul li dl dd p {flex:1; word-break:keep-all;}
.history-box ul li:nth-of-type(even) {justify-content:flex-start;}
.history-box ul li:nth-of-type(even) dl {text-align:right; border-left:0; border-right:2px solid #ececec; position:relative; right:-2px;}
.history-box ul li:nth-of-type(even) dl dt {padding:0 55px 0 0;}
.history-box ul li:nth-of-type(even) dl dt:before {left:auto; right:-16px; transform:translateY(-50%) rotate(180deg);}
.history-box ul li:nth-of-type(even) dl dd {padding:0 55px 0 0; justify-content:flex-end;}
.history-box ul li:nth-of-type(even) dl dd b {padding-right:0; padding-left:25px; order:2;}
@media (max-width:991px){
.history-box ul li dl {padding:60px 0;}
.history-box ul li dl dt {font-size:27px; padding:0 0 0 40px; margin:0 0 30px;}
.history-box ul li dl dt:before {width:45px; height:25px; left:12.5px;}
.history-box ul li dl dd {padding:0 0 0 40px; font-size:14px; margin:0 0 15px;}
.history-box ul li dl dd b {width:35px; font-size:14px; padding-right:15px;}
.history-box ul li dl dd p {font-size:14px;}
.history-box ul li:nth-of-type(even) dl dt {padding:0 40px 0 0;}
.history-box ul li:nth-of-type(even) dl dt:before {right:-13px;}
.history-box ul li:nth-of-type(even) dl dd {padding:0 40px 0 0;}
.history-box ul li:nth-of-type(even) dl dd b {padding-left:15px;}
}
@media (max-width:767px){
.history-box ul li dl {width:100%; padding:40px 0;}
.history-box ul li dl dt {font-size:24px; margin:0 0 15px; padding:0 0 0 25px;}
.history-box ul li dl dt:before {width:27px; height:15px; left:-8.5px;}
.history-box ul li dl dd {font-size:13px; margin:0 0 10px; padding:0 0 0 25px;}
.history-box ul li dl dd b {width:25px; font-size:13px; padding-right:10px;}
.history-box ul li:nth-of-type(even) dl {text-align:left; border-left:2px solid #ececec; border-right:0; right:0;}
.history-box ul li:nth-of-type(even) dl dt {padding:0 0 0 25px;}
.history-box ul li:nth-of-type(even) dl dt:before {left:-8.5px; right:auto; transform:translateY(-50%);}
.history-box ul li:nth-of-type(even) dl dd {padding:0 0 0 25px;}
.history-box ul li:nth-of-type(even) dl dd b {order:1; padding-left:0; padding-right:10px;}
.history-box ul li:nth-of-type(even) dl dd p {order:2; font-size:13px;}
}

/* loca */
.loca-box .loca-map {background:#0a4a9b; position:relative; padding:0 34px 45px;}
.loca-box .loca-map:after {position:absolute; left:0; top:0; width:100%; height:18%; background:#fff; content:"";}
.loca-box .loca-map .map-iframe {position:relative; overflow:hidden; margin-right:-34px; border-radius:0 50px 0 0; z-index:3;}
.loca-box .loca-map .map-iframe:after {display:block; content:""; padding-bottom:59%;}
.loca-box .loca-map .map-iframe iframe {position:absolute; left:0; top:0; width:100%; height:100%;}
.loca-box .loca-map .map-info {display:flex; flex-wrap:wrap; align-items:center; padding:45px 0 0;}
.loca-box .loca-map .map-info ul {padding-left:70px;width:calc(100% - 440px);}
.loca-box .loca-map .map-info ul li {display:flex; flex-wrap:wrap; margin:0 0 20px;}
.loca-box .loca-map .map-info ul li:last-of-type {margin:0;}
.loca-box .loca-map .map-info ul li b {font-size:18px; color:#fff; font-weight:500; margin-right:20px;}
.loca-box .loca-map .map-info ul li p {font-size:18px; color:#c5c5c5; font-weight:400;}
@media (max-width:1170px){
.loca-box .loca-map .map-info ul {width:100%; padding-left:0; margin:20px 0 0;}
}
@media (max-width:991px){
.loca-box .loca-map {padding:0;}
.loca-box .loca-map .map-iframe {margin:0;}
.loca-box .loca-map .map-info {padding:35px 15px;}
.loca-box .loca-map .map-info img {max-width:100%; display:block;}
.loca-box .loca-map .map-info ul li {margin:0 0 15px;}
.loca-box .loca-map .map-info ul li b {font-size:16px; margin-right:10px;}
.loca-box .loca-map .map-info ul li p {font-size:16px;}
}
@media (max-width:767px){
.loca-box .loca-map:after {display:none;}
.loca-box .loca-map .map-iframe {border-radius:0;}
.loca-box .loca-map .map-info {padding:20px 15px;}
.loca-box .loca-map .map-info ul li b {font-size:14px; width:27px;}
.loca-box .loca-map .map-info ul li p {font-size:14px; flex:1; line-height:1.3;}
}

.loca-box .loca-list {margin:115px 0 0;}
.loca-box .loca-list ul li {border-bottom:1px solid #ddd; padding:0 0 40px; margin:0 0 40px; display:flex; flex-wrap:wrap;}
.loca-box .loca-list ul li:last-of-type {border:0; padding:0; margin:0;}
.loca-box .loca-list ul li h4 {display:flex; flex-wrap:wrap; font-size:22px; font-weight:600; color:#333; width:365px;}
.loca-box .loca-list ul li h4:before {display:inline-block; content:""; width:40px; height:40px; background:red; margin-right:20px; position:relative; top:-3px;}
.loca-box .loca-list ul li:nth-of-type(1) h4:before {width:28px; height:26px; background:url('../../img/icon_car.png') no-repeat center / cover;}
.loca-box .loca-list ul li:nth-of-type(2) h4:before {width:28px; height:26px; background:url('../../img/icon_bus.png') no-repeat center / cover;}
.loca-box .loca-list ul li:nth-of-type(3) h4:before {width:22px; height:33px; background:url('../../img/icon_train.png') no-repeat center / cover;}
.loca-box .loca-list ul li h4 ~ div {flex:1;}
.loca-box .loca-list ul li h4 ~ div dl dd {margin:0 0 45px;}
.loca-box .loca-list ul li h4 ~ div dl dd:last-of-type {margin:0;}
.loca-box .loca-list ul li h4 ~ div dl dd strong {display:block; font-size:18px; font-weight:500; color:#333; margin:0 0 20px;}
.loca-box .loca-list ul li h4 ~ div dl dd p {font-size:16px; color:#7a7a7a; line-height:1.5;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number {display:flex; flex-wrap:wrap; align-items:flex-start;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number span {display:inline-block; font-size:15px; color:#fff; font-weight:500; padding:6px 12px 3px; border-radius:20px; position:relative; top:-6px;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .bus-number-list {flex:1; padding-left:12px;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .bus-number-list > div {display:flex; flex-wrap:wrap; margin:0 0 5px;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .bus-number-list > div:last-of-type {margin:0;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .bus-number-list > div b {font-size:16px; font-weight:600; margin-right:5px;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .bus-number-list > div p {flex:1;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .flex {width:100%; margin:0 0 10px;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .flex em {font-style:normal; font-size:18px; position:relative; top:-4px; margin-left:15px; font-weight:500; color:#333;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number.blue span {background:#386de8;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number.green span {background:#3cc344;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number.gray span {background:#a4a4a4;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number.red span {background:#fb5852;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number.sky span {background:#6f99d0;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number.blue .bus-number-list > div b {color:#386de8;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number.green .bus-number-list > div b {color:#3cc344;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number.gray .bus-number-list > div b {color:#a4a4a4;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number.red .bus-number-list > div b {color:#fb5852;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number.sky .bus-number-list > div b {color:#6f99d0;}
@media (max-width:1170px){
.loca-box .loca-list ul li h4 {width:200px;}
}
@media (max-width:991px){
.loca-box .loca-list {margin:70px 0 0;}
.loca-box .loca-list ul li h4 {width:100%;}
.loca-box .loca-list ul li h4:before {margin-right:10px;}
.loca-box .loca-list ul li:nth-of-type(1) h4:before {width:23px; height:21px;}
.loca-box .loca-list ul li:nth-of-type(2) h4:before {width:23px; height:21px;}
.loca-box .loca-list ul li:nth-of-type(3) h4:before {width:18px; height:26px;}
.loca-box .loca-list ul li h4 ~ div {width:100%; margin:25px 0 0;}
.loca-box .loca-list ul li h4 ~ div dl dd {margin:0 0 25px;}
.loca-box .loca-list ul li h4 ~ div dl dd strong {font-size:16px;}
.loca-box .loca-list ul li h4 ~ div dl dd p {font-size:14px;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number span {font-size:14px; padding:4px 10px 2px; top:-4px;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .bus-number-list > div b {font-size:14px;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .flex em {font-size:16px; margin-left:10px;}
}
@media (max-width:767px){
.loca-box .loca-list {margin:40px 0 0;}
.loca-box .loca-list ul li h4 {font-size:18px;}
.loca-box .loca-list ul li h4 ~ div {margin:20px 0 0;}
.loca-box .loca-list ul li h4 ~ div dl dd {margin:0 0 25px;}
.loca-box .loca-list ul li h4 ~ div dl dd strong {font-size:15px; margin:0 0 10px;}
.loca-box .loca-list ul li h4 ~ div dl dd p {font-size:13px;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .bus-number-list {flex:1;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .bus-number-list > div b {font-size:13px;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .flex {margin:0;}
.loca-box .loca-list ul li h4 ~ div dl dd .bus-number .flex em {font-size:13px;}
}

/* table */
.table-box {overflow-y:hidden; overflow-x:auto;}
.table-box table {table-layout:auto; width:100%; min-width:700px; border:1px solid #ebebeb; border-width:1px 0 0 1px;}
.table-box table thead tr th {font-size:18px; font-weight:600; color:#333; padding:30px 50px; background:#eff3f8; border:1px solid #fff; border-width:0 1px 1px 0; text-align:center;}
.table-box table thead tr th:last-of-type {border-right-color:#ebebeb;}
.table-box table tbody tr td {border:1px solid #ebebeb; border-width:0 1px 1px 0; text-align:center; font-size:16px; color:#333; padding:17px 30px; line-height:1.7;}
.table-box table.col tr th {font-size:18px; font-weight:600; color:#333; padding:15px 45px; background:#eff3f8; text-align:center; border-bottom:1px solid #fff;}
.table-box table.plus tr th {padding:10px 20px;}
.table-box table.col tr td {font-size:16px; color:#333; text-align:left; padding:15px 25px; line-height:1.7;}
.table-box table.col tr td.center_txt{text-align:center;}
.table-box table.col tr:last-of-type th {border-bottom-color:#ebebeb;}
.table-box .bl {background:#0a4a9b; color:#fff; font-weight:600; font-size:18px;}
.table-box .ye {background:#fcaf17; color:#fff; font-weight:600; font-size:18px;}
.table-box.fixed table {table-layout:fixed;}
.table-box.fixed table thead tr th {padding:17px 10px;}
.table-box.fixed table tbody tr td {padding:17px 10px;}
.table-box .bg_gray{background:#f5f5f5;}
.table-box .left_txt{text-align:left;}
@media (max-width:991px){
.table-box {margin-right:-15px;}
.table-box table thead tr th {font-size:17px; padding:20px;}
.table-box table tbody tr td {font-size:14px; padding:15px;}
.table-box table.col tr th {font-size:17px; padding:10px 20px;}
.table-box table.col tr td {font-size:14px; padding:10px 15px;}
.table-box .bl {font-size:17px;}
.table-box .ye {font-size:17px;}
.table-box.fixed {table-layout:auto;}
.table-box.fixed table {width:auto;}
.table-box.fixed table thead tr th {padding:13px 10px;}
.table-box.fixed table tbody tr td {padding:13px 10px;}
}
@media (max-width:767px){
.table-box table thead tr th {font-size:16px; padding:15px;}
.table-box table tbody tr td {font-size:13px; padding:10px;}
.table-box table.col tr th {font-size:14px;}
.table-box table.col tr td {font-size:13px; padding:10px;}
.table-box .bl {font-size:16px;}
.table-box .ye {font-size:16px;}
.table-box.fixed table thead tr th {padding:10px;}
.table-box.fixed table tbody tr td {padding:10px;}
}

/* search */
.search-box {margin:30px 0 0; background:#eff3f8; padding:45px 60px;}
.search-box form {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.search-box form .select-box select {border:1px solid #bbb; background:#fff url('../../img/icon_select.png') no-repeat calc(100% - 20px) center / 10px 6px; height:60px; padding:0 40px 0 20px; font-size:18px; appearance:none; -webkit-appearance:none;}
.search-box form .input-box {flex:1; display:flex; flex-wrap:wrap; align-items:center; margin-left:10px;}
.search-box form .input-box input {border:1px solid #bbb; background:#fff; height:60px; padding:0 18px; font-size:18px; flex:1; box-shadow:none;}
.search-box form .input-box button {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#0a4a9b; width:60px; height:60px;}
@media (max-width:991px){
.search-box {margin:20px 0 0; padding:20px;}
.search-box form .select-box {width:100%;}
.search-box form .select-box select {height:40px; font-size:16px; width:100%;}
.search-box form .input-box {margin:10px 0 0;}
.search-box form .input-box input {height:40px; font-size:16px;}
.search-box form .input-box button {width:40px; height:40px;}
.search-box form .input-box button img {17px;}
}
@media (max-width:767px){
.search-box form .select-box select {padding-left:10px; font-size:14px;}
.search-box form .input-box input {padding:0 10px; font-size:14px;}
.search-box form .input-box button img {width:15px;}
}

/* list */
.list-box {margin:30px 0 0 !important; border-top:1px solid #333; padding:30px 50px;}
.list-box-row {width:100%;}
.list-box-row-item {padding:0; margin:0; position:relative; border-bottom:2px solid #ddd; padding:0 0 30px; margin:0 0 30px;}
.list-box-row-item .box {display:flex; flex-wrap:wrap; align-items:center;}
.list-box-row-item .box .image-box {position:relative; overflow:hidden; width:130px; height:195px;}
.list-box-row-item .box .image-box img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%); width:100%; height:auto;}
.list-box-row-item .box .image-box input[type=checkbox] {position:absolute; right:5px; bottom:5px; z-index:10;}
.list-box-row-item .box .content-box {margin:0; padding-left:30px; flex:1;}
.list-box-row-item .box .content-box .title {display:flex; flex-wrap:wrap; align-items:center;}
.list-box-row-item .box .content-box .title small {font-size:18px; color:#bfbfbf; margin-left:5px;}
.list-box-row-item .box .content-box .title h4 {display:flex; flex-wrap:wrap; align-items:center; font-size:24px; font-weight:600; color:#333;}
.list-box-row-item .box .content-box .title h4 sub {font-size:18px; font-weight:500; color:#333; margin-left:5px; bottom:0;}
.list-box-row-item .box .content-box .content {margin:40px 0 0;}
.list-box-row-item .box .content-box .content ul {display:flex; flex-wrap:wrap; margin:0 0 -25px;}
.list-box-row-item .box .content-box .content ul li {width:50%; display:flex; flex-wrap:wrap; align-items:flex-start; margin:0 0 25px; padding-right:10px;}
.list-box-row-item .box .content-box .content ul li b {font-size:18px; font-weight:600; color:#0a4a9b; display:flex; flex-wrap:wrap; align-items:center;}
.list-box-row-item .box .content-box .content ul li b:before {display:inline-block; content:""; width:6px; height:6px; background:#0a4a9b; margin-right:10px; margin-top:-4px;}
.list-box-row-item .box .content-box .content ul li p {flex:1; font-size:18px; color:#333; margin-left:10px;}
@media (max-width:1170px){
.list-box {padding:30px 0;}
}
@media (max-width:991px){
.list-box-row-item .box .content-box .title small {font-size:16px;}
.list-box-row-item .box .content-box .title h4 {font-size:22px;}
.list-box-row-item .box .content-box .title h4 sub {font-size:16px;}
.list-box-row-item .box .content-box .content {margin:20px 0 0;}
.list-box-row-item .box .content-box .content ul {margin:0 0 -15px;}
.list-box-row-item .box .content-box .content ul li {margin:0 0 15px;}
.list-box-row-item .box .content-box .content ul li b {font-size:16px;}
.list-box-row-item .box .content-box .content ul li b:before {width:4px; height:4px; margin-right:5px;}
.list-box-row-item .box .content-box .content ul li p {font-size:16px; margin-left:5px;}
}
@media (max-width:767px){
.list-box-row-item .box .image-box {width:80px;height:120px;}
.list-box-row-item .box .content-box {padding-left:15px;}
.list-box-row-item .box .content-box .title small {font-size:12px; width:100%; margin:0;}
.list-box-row-item .box .content-box .title h4 {font-size:18px;}
.list-box-row-item .box .content-box .title h4 sub {font-size:14px;}
.list-box-row-item .box .content-box .content {margin:15px 0 0;}
.list-box-row-item .box .content-box .content ul {margin:0;}
.list-box-row-item .box .content-box .content ul li {width:100%; margin:0 0 5px;}
.list-box-row-item .box .content-box .content ul li:last-of-type {margin:0;}
.list-box-row-item .box .content-box .content ul li b {font-size:14px;}
.list-box-row-item .box .content-box .content ul li b:before {width:3px; height:3px;}
.list-box-row-item .box .content-box .content ul li p {font-size:14px;}
}
@media (max-width:480px){
.list-box-row-item .box .content-box .content ul li{padding:0;}
.list-box-row-item .box .content-box .content ul li b {width:100%;margin-bottom:5px;}
}

/* download */
.download-box a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:20px; padding:50px 0; margin:0 auto 20px; max-width:600px;}
.download-box a:last-of-type {margin:0 auto;}
.download-box a.bl {background:#0a4a9b;}
.download-box a.ye {background:#fcaf17;}
.download-box a b {font-size:22px; font-weight:700; color:#fff; display:flex; flex-wrap:wrap; align-items:center;}
.download-box a b:after {display:inline-block; content:""; width:22px; height:18px; background:url('../../img/icon_download.png') no-repeat center / cover; margin-left:20px; position:relative; top:-2px;}
@media (max-width:991px){
.download-box a {max-width:500px; padding:35px 0;}
.download-box a b {font-size:18px;}
.download-box a b:after {width:20px; height:16px; margin-left:10px;}
}
@media (max-width:767px){
.download-box a {max-width:450px; padding:25px 0; margin:0 0 10px; border-radius:10px;}
.download-box a b {font-size:17px;}
.download-box a b:after {width:18px; height:14px;}
}

/* guide */
.guide-box {background:#f8f8f8; padding:90px 50px;}
.guide-box > img {display:block; margin:0 auto;}
.guide-box > p {text-align:center; margin:50px 0 0; font-size:18px; line-height:1.7; word-break:keep-all; color:#333;}
.guide-box > ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; max-width:650px; margin:60px auto 0;}
.guide-box > ul li {width:calc(50% - 10px);margin:5px;}
.guide-box > ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:70px; padding:0 40px; font-size:17px; font-weight:500;}
.guide-box > ul li a.bu {background:#0a4a9b; color:#fff;}
.guide-box > ul li a.ye {background:#fcaf15; color:#333;}
.guide-box > ul li a.bu:after {display:inline-block; content:""; width:22px; height:18px; background:url('../../img/icon_download.png') no-repeat center / cover;}
.guide-box > ul li a.ye:after {display:inline-block; content:""; width:27px; height:14px; background:url('../../img/icon_arrow.png') no-repeat center / cover;}
@media (max-width:1100px){
.guide-box > ul li a {padding:0 30px;}
}
@media (max-width:991px){
.guide-box {padding:40px;}
.guide-box > img {width:130px;}
.guide-box > p {margin:30px 0 0; font-size:16px;}
.guide-box > ul {margin-top:40px;}
.guide-box > ul li a {height:50px; padding:0 15px; font-size:15px;}
.guide-box > ul li a.bu:after {width:20px; height:16px;}
.guide-box > ul li a.ye:after {width:22px; height:11px;}
}
@media (max-width:767px){
.guide-box {padding:40px 20px;}
.guide-box > img {width:100px;}
.guide-box > p {margin:20px 0 0; font-size:14px;}
.guide-box > ul {margin-top:30px;}
.guide-box > ul li{width:220px;}
.guide-box > ul li a {font-size:14px; height:40px;}
.guide-box > ul li a.bu:after {width:18px; height:14px;}
.guide-box > ul li a.ye:after {width:18px; height:10px;}
}