/* mainc start */
div#main{
    width: 1080px;
    margin: 0 auto;
    display: flex;
}
    div#main div#mainc{
        width: 73%;
    }
    div#main div.sidebar{
        width: 25%;
        margin-left: 2%;
    }
/* mainc end */

/* breadcrumb start */
div.breadcrumb{
    width: 100%;
    background: #19448e;
    margin:20px 0;
}
    div.breadcrumb div.breadcrumb_box{
        width: 1080px;
    	margin:0 auto;
        font-size: 12px;
        padding: 6px 0 6px 0;
        color:#fff;
    }
        div.breadcrumb div.breadcrumb_box a{
            color:#fff;
            text-decoration: underline;
        }
        div.breadcrumb div.breadcrumb_box a:hover{
            text-decoration: none;
        }
/* breadcrumb end */


/* article start */
div.article{
}
    div.article h2.content_title{
        font-weight:bold;
        background-color: #19448e;
        margin:0 auto 20px auto;
        padding:25px 15px 20px 20px;
        color:#fff;
        font-size:26px;
        border-radius: 5px;
    }
        div.article h2.content_title div.content_date{
            font-size:12px;
            margin-top:10px;
        }
    div.article div.html_main_pic {
        text-align: center;
        margin: 20px 0;
    }
        div.article div.html_main_pic img{
            max-width: 80%;
            border-radius: 20px;
        }

    div.article h3.content_h3{
        font-size:22px;
        border: 1px solid #19448e;
        border-left: 6px solid #19448e;
        color: #333;
        padding:8px 2px 5px 15px;
        margin:20px 0;
    }
    div.article h4{
        font-size:16px;
        color:#333;
        padding:10px 2px 9px 12px;
        border-top: 3px solid #19448e;
        border-bottom: 3px solid #19448e;
        margin:25px 0 20px 0;
        line-height: 24px;
    }
    div.article h5{
        font-size:14px;
        color:#333;
        border-bottom:3px #19448e solid;
        margin:25px 0 20px 0;
        line-height: 24px;
    }
    div.article ul{
        font-size: 16px;
        line-height: 26px;
	}
        div.article ul li{
            list-style-type: none;
        }
		div.article ul li::before {
            content: "•";
            color: #00bfcb;
            display: inline-block;
            width: 1em;
        }
    div.article div.html_content div.content_text table.table1{
        width:100%;
        border-collapse: collapse;
        font-size: 14px;
    }
        div.article div.html_content div.content_text table.table1 th{
            border:1px solid #CCC;
            padding:1% 1% 1% 1%;
        }
        div.article div.html_content div.content_text table.table1 td{
            border:1px solid #CCC;
            padding:1% 1% 1% 1%;
        }
    /* school_list end */
    div.article div.html_content div.school_div{
        background-color: #f9f9f9;
        border: 2px solid #f3f3f3;
        border-radius:4px;
        margin-bottom: 50px;
        padding: 2%;
    }
        div.article div.html_content div.school_div div.list_title{
            display: flex;
            align-items:center;
        }
            div.article div.html_content div.school_div div.list_title div.scho_type{
                width: 104px;
            }
            div.article div.html_content div.school_div div.list_title div.scho_name{
                width: 520px;
                margin-left: 20px;
            }
                div.article div.html_content div.school_div div.list_title div.scho_name a{
                    font-size: 22px;
                    font-weight: bold;
                    text-decoration: none;
                    color: #000;
                }
                div.article div.html_content div.school_div div.list_title div.scho_name a:hover{
                    color:#19448e;
                }
        div.article div.html_content div.school_div div.school_content{
            display: flex;
            margin-top: 20px;
        }
            div.article div.html_content div.school_div div.school_content div.pic{
                width: 30%;
            }
                div.article div.html_content div.school_div div.school_content div.pic img{
                    width: 100%;
                }
            div.article div.html_content div.school_div div.school_content table.table{
                width: 68%;
                margin-left: 2%;
                font-size: 13px;
            }
                div.article div.html_content div.school_div div.school_content table.table th{
                    background-color: #19448e;
                    color: #fff;
                    width: 30%;
                    padding:2%;
                }
                div.article div.html_content div.school_div div.school_content table.table td{
                    padding:2%;
                    background-color: #fff;
                }
        div.article div.html_content div.school_div div.detail_btn{
            text-align: center;
            margin-top: 20px;
        }
    /* school_list end */
    div.article p{
        line-height: 1.8;
        margin: 1.2em 0;
        font-size: 18px;
    }
    div.article div.html_content_pic{
        text-align: center;
        margin: 20px 0;
    }
        div.article div.html_content_pic img {
            max-width: 80%;
            border-radius: 20px;
        }
    div.article h3.content_kr_title{
        font-weight: bold;
        background-color: #19448e;
        margin: 40px auto 10px auto;
        padding: 25px 15px 20px 20px;
        color: #fff;
        font-size: 22px;
        border-radius: 5px;
    }
    div.article div.html_content table.html_table_yoko2{
		border:1px solid #CCC;
		border-collapse: collapse;
	}
    div.article div.html_content table.html_table_yoko2 th{
			border:1px solid #CCC;
            padding:1%;
            font-size:14px;
		}
		div.article div.html_content table.html_table_yoko2 td{
			border:1px solid #CCC;
            padding:1%;
            font-size:12px;
		}
        div.article div.html_content cite a{
            display:block;
            width:100%;
            overflow-wrap:break-word;
            font-size: 13px;
            color:blue;
        }

    /* catalog start */
	div.article div.catalog{
		line-height:22px;
		margin:20px 0 40px 0;
		background: #fcfae6;
		padding-bottom:10px;
		border: 2px solid #efeccd;
        border-radius: 5px;
	}
		div.article div.catalog div.catalog_title{
			font-size:16px;
			margin-bottom:10px;
			padding:10px 0 7px 0;
			text-align: center;
		}
			div.article div.catalog div.catalog_title a{
				color:#0066ff;
				text-decoration: none;
			}
			div.article div.catalog div.catalog_title a:hover{
				color:#ff8144;
			}

		div.article div.catalog>ol.catalog_list{
			padding-left:30px;
			font-size: 15px;
			counter-reset: item;
		}

		div.article div.catalog ol {
			 counter-reset: item;
             padding-left: 30px;
		}
		div.article div.catalog li {
			display: block;
			margin: 5px 0;
		}
		div.article div.catalog li:before {
			content: counters(item, ".") " ";
			counter-increment: item;
		}

			div.article div.catalog>ol.catalog_list>li{
				overflow: visible;
    			list-style: decimal;
				color: #0066ff;
			}
				div.article div.catalog>ol.catalog_list>li>ol.h3_cate{
					padding-left:30px;
				}
					div.article div.catalog>ol.catalog_list>li>ol.h3_cate>li{
						list-style: decimal;
						overflow: visible;
					}

			div.article div.catalog ol.catalog_list a{
				color: #0066ff;
				text-decoration: none;
				padding: 3px 0;
			}
			div.article div.catalog ol.catalog_list a:hover{
				color:#ff8144;
			}
	/* catalog end */
div.article div.article_list{
}
    div.article div.article_list div.list{
        display: flex;
        flex-wrap: wrap;
    }
        div.article div.article_list h3.title{
            font-size: 17px;
            border-left: 6px #333 solid;
            background-color: #28a7e1;
            color: #fff;
            padding: 8px 2px 5px 10px;
            margin: 20px 0;
            line-height: 24px;
            width: 100%;
        }
            div.article div.article_list h3.title a{
                color: white;
                text-decoration: none;
            }
        div.article div.article_list div.pic{
            width: 20%;
        }
            div.article div.article_list div.pic img{
                width: 100%;
            }
        div.article div.article_list div.text{
            font-size: 14px;
            color:#aaa;
            width: 76%;
            margin-left: 4%;
        }
        div.article div.article_list div.link{
            font-size: 14px;
            width: 100%;
            margin-top: 10px;
            text-align: left;
        }
/* article end */

/* school start */
div.school{
    width:90% !important;
    margin: 0 auto;
}
    div.school h2.scho_name{
        font-weight: bold;
        background-color: #19448e;
        margin: 10px auto 20px auto;
        padding: 25px 15px 20px 20px;
        color: #fff;
        font-size: 26px;
        border-radius: 5px;
    }
    div.school div.scho_content{
        display: flex;
        margin-top: 20px;
        background-color: #f9f9f9;
        border: 2px solid #f3f3f3;
        border-radius: 4px;
        padding: 2%;
        flex-wrap: wrap;
    }
        div.school div.scho_content div.pic{
            width: 30%;
        }
            div.school div.scho_content div.pic img{
                width: 100%;
            }
        div.school div.scho_content table.table{
            width: 68%;
            margin-left: 2%;
            font-size: 14px;
        }
            div.school div.scho_content table.table th{
                background-color: #19448e;
                color: #fff;
                width: 30%;
                padding:2%;
            }
            div.school div.scho_content table.table td{
                padding:2%;
                background-color: #fff;
            }
        div.school div.scho_content div.scho_slogan{
            margin-top:20px;
        }

        div.school div.scho_content_title{
            margin-top: 20px;
            background-color: #19448ebe;
            border-radius:5px 5px 0 0 ;
            color: #fff;
            font-weight: bold;
            padding: 4px 0 2px 10px;
        }
        div.school div.scho_content_text{
            border: 2px solid #19448ebe;
            border-radius: 0 0 5px 5px;
            padding: 2%;
            font-size: 14px;
        }

        div.school div.school_content_show_pic {
            margin-bottom: 10px;
            padding: 5px;
            border: 1px #ddd solid;
            display: flex;
        }
            div.school div.school_content_show_pic div.pic{
                width: 30%;
            }
                div.school div.school_content_show_pic div.pic img{
                    width: 100%;
                }
            div.school div.school_content_show_pic div.text{
                width: 70%;
                padding-left: 10px;
                font-size: 14px;
                line-height: 25px;
            }
        div.school div.apply_btn{
            margin: 30px 0;
            display: flex;
            justify-content: space-around;
        }
            div.school div.apply_btn a{
    			box-sizing: border-box;
    			width: 40%;
    			display: block;
    			border-radius: 10px;
    			color:white;
    			padding:13px 0 8px 0;
    			font-weight:bold;
    			font-size: 22px;
    			text-decoration: none;
    			margin:0 auto;
                text-align: center;
            }
            div.school div.apply_btn a.detail_btn_small_apply{
                background: #F98B15;
                box-shadow:0 7px 0 rgb(222,122,13);
            }
            div.school div.apply_btn a.detail_btn_small_apply:hover{
                background: rgb(222,122,13);
            }
            div.school div.apply_btn a.detail_btn_small_practice{
                background: #0871ff;
                box-shadow:0 7px 0 rgb(4,51,114);
            }
            div.school div.apply_btn a.detail_btn_small_practice:hover{
                background: rgb(4,51,114);
            }
        div.school div.school_content_show_title {
            border-left: #19448e 4px solid;
            clear: both;
            font-size: 16px;
            font-weight: bold;
            margin: 12px 0 12px 0;
            padding: 10px;
        }
        div.school dl.school_content_show_dd{
        	padding:10px 0 0 0;
        }
        	div.school dl.school_content_show_dd dt{
        		background-color: #19448ebe;
        		color: #fff;
        		font-weight: bold;
        		padding: 13px 0 12px 12px;
                font-size:14px;
                border-radius: 0 14px 14px 0;
        	}
        	div.school dl.school_content_show_dd dd{
        		margin:10px 0 10px 0;
        		border:1px #ddd dotted;
        		padding:10px;
        		line-height:20px;
                font-size:12px;
                border-radius:  14px 0 0 14px;
        	}
/* school end */

/* school_list start */
div.school_list{
    width:100%;
}
    div.school_list div.school_list_title{
        width:100%;
        font-size:22px;
        font-weight: bold;
        margin:10px 0;
    }
        div.school_list div.school_list_title i{
            color:#19448e;
            border-radius:
        }
    div.school_list div.search_form{
        border: 2px solid #19448e;
        border-radius: 2px;
    }
        div.school_list div.search_form div.search_form_title{
            text-align: center;
            background-color: #19448e;
            color:#fff;
            font-weight: bold;
            padding: 10px 0 8px 0;
        }
        div.school_list div.search_form div.search_form_body{
            background: #f9f9f9;
            padding: 2%;
        }
            div.school_list div.search_form div.search_form_body div.layout{
                width: 100%;
                margin: 10px auto;
                display: flex;
                align-items: center;
                border-bottom: 1px solid #ddd;
                padding-bottom: 10px;
            }
                div.school_list div.search_form div.search_form_body div.layout div.text{
                    font-size: 20px;
                    font-weight: bold;
                    color:#19448e;
                    margin-right: 20px;
                    width: 40%;
                    text-align: right;
                }
                div.school_list div.search_form div.search_form_body div.layout div.select{
                    width: 60%;
    			}
    				div.school_list div.search_form div.search_form_body div.layout div.select select{
    					width:70%;
    					padding: 12px 15px 12px 8px;
    					border: 1px solid #dfdfdf;
    					border-radius: 4px;
    					background-color: #fff;
    					cursor: inherit;
    					appearance: none;
    					-webkit-appearance: none;
    					-moz-appearance: none;
    					text-transform: none;
    					background-image: url('/image/select_arrow.svg');
    					background-repeat: no-repeat;
    					background-position: right center;
    					background-origin: content-box;
    					font-size: 16px;
    				}
                div.school_list div.search_form div.search_form_body div.layout div.input{
                    width: 60%;
    			}
					div.school_list div.search_form div.search_form_body div.layout div.input input[type=text]{
                        width: 70%;
                        height: 46px;
                        border: 0;
                        font-size: 18px;
                        box-sizing: border-box;
                        padding: 8px 1% 1% 10px;
                        border: 1px solid #dfdfdf;
                        border-radius: 4px;
					}
            div.school_list div.search_form div.search_form_body div.btn{
                text-align: center;
                margin:20px 0 0 0;
            }
    div.school_list div.search_step{
        text-align: center;
        margin:120px 0;
    }

    .search_step_step{
        background-color: #fff;
        position: relative;
        width:100%;
        max-width:900px;
        margin:80px auto;
        padding-top:30px;
    }
    .step_inner{
        background-color: #FCFAE6;
        width:100%;
        padding:0 20px 15px;
    }
    .search_step_step h3{
        background-color: #1A4196;
        position:absolute;
        top:0;
        left:35%;
        color:#fff;
        width:30%;
        text-align: center;
        margin:0 auto;
        padding:5px 10px;
        font-size: 20px;
    }
    .triangle {
        margin:0 auto 20px;
        width: 30px;
        height: 0;
        border-style: solid;
        border-width: 25px 25px 0 25px;
        border-color: #1A4196 transparent transparent transparent;
      }
    .search_step_step h3 img{
        width:30px;
        margin-right:5px;
    }
    .step_flex{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .step_content{
        background-color: #fff;
        padding:5px;
        width:30%;
    }
    .step_content_head{
        margin-bottom:7px;
        font-size: 14px;
        text-align: center;
    }
    .step_tag1,.step_tag2{
        width:90%;
        margin:0 auto;
        background-color:#1A4196;
        color:#fff;
        padding:5px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        border-radius: 5px;
    }
    .step_tag1 img,.step_tag2 img{
        width:30px;
    }
    .step_img3{
        width:50px;
        display: block;
        margin:0 auto;
    }
    .step_tag2{
        font-size: 20px;
        background-color:#EB5506;
        height:56px;
        line-height: 56px;
        box-sizing: border-box;
        padding:0;
    }
    .step_tag2 span{
        margin-left:-40px;
    }
    .step_tag_inner{
        font-size: 20px;
    }
    .fs_12{
        font-size: 12px;
    }
    .step_arrow{
        color: #1A4196;
        font-weight: bold;
        font-size: 40px;
    }
    div.school_list div.school_list_no_data{
        font-size:16px;
    	padding:25px 0 25px 0;
    	text-align:center;
    	border:2px #fb8d50 solid;
    	margin:20px 0 20px 20px;
    	font-weight:bold;
    	width:100%;
    	color:#ad5525;
    }
    div.school_list div.school_list_checked_apply_btn{
        margin: 40px 0 ;
    }
        div.school_list div.school_list_checked_apply_btn a,
        input.school_list_checked_apply_btn{
            background: #F98B15;
			box-sizing: border-box;
			width: 50%;
			display: block;
			border-radius: 30px;
			color:white;
			padding:13px 0 8px 0;
			font-weight:bold;
			font-size: 22px;
			text-decoration: none;
			box-shadow:0 7px 0 rgb(222,122,13);
			margin:0 auto;
            text-align: center;
            border:none;
        }
        div.school_list div.school_list_checked_apply_btn a:hover{
            background: rgb(222,122,13);
        }
    div.school_list div.list{
        background-color: #f9f9f9;
        border: 2px solid #f3f3f3;
        border-radius:4px;
        margin-bottom: 50px;
        padding: 2%;
    }
        div.school_list div.list div.list_title{
            display: flex;
            align-items:center;
        }
            div.school_list div.list div.list_title div.scho_type{
                width: 140px;
                display: flex;
                flex-wrap: wrap;
            }
            div.school_list div.list div.list_title div.scho_name{
                width: 480px;
                margin-left: 20px;
            }
                div.school_list div.list div.list_title div.scho_name a{
                    font-size: 22px;
                    font-weight: bold;
                    text-decoration: none;
                    color: #000;
                }
                div.school_list div.list div.list_title div.scho_name a:hover{
                    color:#19448e;
                }
            div.school_list div.list div.list_title div.btn{
                width: 370px;
                margin-left: 20px;
                display: flex;
            }
                div.school_list div.list div.list_title div.btn img{
                    margin-right: 5px;
                }
                div.school_list div.list div.list_title div.btn input{
                    display: none;
                }
        div.school_list div.list div.school_content{
            display: flex;
            margin-top: 20px;
        }
            div.school_list div.list div.school_content div.pic{
                width: 30%;
            }
                div.school_list div.list div.school_content div.pic img{
                    width: 100%;
                }
            div.school_list div.list div.school_content table.table{
                width: 68%;
                margin-left: 2%;
            }
                div.school_list div.list div.school_content table.table th{
                    background-color: #19448e;
                    color: #fff;
                    width: 30%;
                    padding:2%;
                }
                div.school_list div.list div.school_content table.table td{
                    padding:2%;
                    background-color: #fff;
                }
                    div.school_list div.list div.school_content table.table td img{
                        width: 25px;
                    }
        div.school_list div.list div.scho_introduction{
            font-size: 14px;
            line-height: 24px;
            margin-top: 20px;
        }
        div.school_list div.list div.detail_btn{
            text-align: center;
            margin-top: 20px;
        }
/* school_list end */

/* html start */
div.html{
}
    div.html h2.html_title{
        font-weight:bold;
        background-color: #19448e;
        margin:0 auto 20px auto;
        padding:25px 15px 20px 20px;
        color:#fff;
        font-size:26px;
        border-radius: 5px;
    }
    div.html p{
        margin:10px 0;
        line-height: 23px;
        font-size: 14px;
    }
    div.html ul{
        margin:10px 0;
        line-height: 26px;
        font-size: 13px;
    }
    div.html ol{
        margin:10px 0;
        line-height: 26px;
        font-size: 13px;
    }
    div.html dl {
        background: #ededf4;
        border-radius: 13px;
        padding: 2%;
        margin-bottom: 2em;
    }
        div.html dl dt{
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 10px;
        }
            div.html dl dt div.step {
                display: inline-block;
                color: #fff;
                text-align: center;
                margin-top: 2px;
                background: rgb(0, 0, 102);
                border-radius: 3px;
                padding:2px 10px;
            }
        div.html dl dd {
            border-radius: 5px;
            background: #fff;
            padding:  2%;
            font-size: 14px;
        }

    div.html hr.html_hr{
        border: none;
        border-top: 1px dotted #ddd;
        color: #aaa;
        overflow: visible;
        text-align: center;
        height: 5px;
        margin-top: 22px;
    }
        div.html hr.html_hr::after {
            background: #fff;
            content: '§';
            padding: 0 4px;
            position: relative;
            top: -14px;
            color: #ddd;
            font-size: 12px;
        }
    div.html h3{
        background: url(../image/html_h3_bg.png);
        padding: 9px 6px 6px 6px;
        margin: 20px 0;
        color: #333333;
        font-size: 18px;
        position: relative;
        line-height: 140%;
        font-weight: bold;
        padding-left: 20px;
    }
    div.html h3:before {
        background:#19448e;
        width: 6px;
        height: 80%;
        top: 10%;
        bottom: 10%;
        left: 6px;
        content: "";
        position: absolute;
    }
    div.html h4{
        margin:20px 0;
        color:#19448e;
    }
    div.html h5{
        margin:20px 0;
        font-size: 14px;
    }

    div.html div.list_withpic{
        display: flex;
    }
        div.html div.list_withpic div.pic{
            width: 20%;
        }
            div.html div.list_withpic div.pic img{
                width: 100%;
                border-radius: 15px;
            }
        div.html div.list_withpic div.text{
            width: 80%;
            padding-left: 2%;
            font-size: 16px;
            line-height: 26px;
        }
            div.html div.list_withpic div.text div.title{
                position: relative;
                display: block;
                margin: 0 0 10px 0 ;
                padding: 9px 0 4px 16px;
                color: #10A34B;
                font-size: 18px;
                line-height: 1.5;
                font-weight: 700;
                background-color: #FDFAE6;
                border-radius: 10px;
            }

    div.html table.html_table{
        width:100%;
        font-size: 13px;
        background-color: #fff;
        border: 3px solid #fff;
    }
        div.html  table.html_table th{
            border-bottom: 2px solid #333;
            padding:20px 2% 10px 0;
            width:20%;
            text-align: right;
        }
        div.html  table.html_table td{
            border-bottom: 1px dotted #bbb;
            padding:20px 2% 10px 4%;
        }
    div.html table.html_table_school_list{
        width:100%;
        font-size: 13px;
        background-color: #fff;
        border: 3px solid #fff;
    }
        div.html table.html_table_school_list th{
            border-bottom: 2px solid #333;
            padding:20px 2% 10px 0;
            width:50%;
            text-align: center;
        }
            div.html table.html_table_school_list th a{
                color: #19448e;
                text-decoration: none;
            }
            div.html table.html_table_school_list th a:hover{
                text-decoration: underline;
            }
        div.html table.html_table_school_list td{
            border-bottom: 1px dotted #bbb;
            padding:20px 2% 10px 4%;
        }
    div.html table.html_table_yoko{
        width:100%;
        font-size: 12px;
        background-color: #fff;
        border: 1px solid #fff;
        color: #333;
    }
        div.html table.html_table_yoko th{
            border: 1px solid #fff;
            background-color: #eee;
            padding:1%;
        }
        div.html table.html_table_yoko td{
            border: 1px solid #fff;
            padding:1%;
        }
	div.html table.html_table_yoko2{
		border:1px solid #CCC;
		border-collapse: collapse;
	}
		div.html table.html_table_yoko2 th{
			border:1px solid #CCC;
            padding:1%;
            font-size:14px;
		}
		div.html table.html_table_yoko2 td{
			border:1px solid #CCC;
            padding:1%;
            font-size:12px;
		}
	div.html cite a{
		display:block;
		width:100%;
		overflow-wrap:break-word;
		font-size: 13px;
		color:blue;
	}

    div.html div.kuchikomi{
        width: 100%;
    }
        div.html div.kuchikomi div.title{
            width:100%;
            background:#19448e;
            border-radius:5px;
            color:#fff;
            font-weight:bold;
            font-size:18px;
            padding:2% 1% 2% 3%;
        }
        div.html div.kuchikomi div.arrow{
            border-top: 25px solid #19448e;
            border-right: 65px solid transparent;
            border-left: 65px solid transparent;
            width: 30px;
            margin-left: 20px;
        }
        div.html div.kuchikomi div.body{
            width:100%;
            margin:10px 0 50px 0;
            background:#FFF9E6;
            border-radius: 10px;
        }
            div.html div.kuchikomi div.body div.body_school{
                width:100%;
                padding:2.5% 0 1% 2%;
                border-bottom:4px solid #19448e;
                font-weight: bold;
                font-size:24px;
            }
                div.html div.kuchikomi div.body div.body_school a{
                    color:#333;
                }
                div.html div.kuchikomi div.body div.body_school a:hover{
                    color:#19448e;
                }
            div.html div.kuchikomi div.body div.body_middle{
                width:100%;
                padding:3%;
                display:flex;
                align-items: center;
            }
                div.html div.kuchikomi div.body div.body_middle div.body_middle_left{
                    width:25%;
                    text-align: center;
                }
                    div.html div.kuchikomi div.body div.body_middle div.body_middle_left img{
                        width:100%;
                    }
                div.html div.kuchikomi div.body div.body_middle div.body_middle_center{
                    width:35%;
                    font-weight:bold;
                    font-size: 26px;
                    text-align: center;
                }
                div.html div.kuchikomi div.body div.body_middle div.body_middle_right{
                    width:40%;
                    text-align: center;
                    font-size: 30px;
                    font-weight: bold;
                }
                    div.html div.kuchikomi div.body div.body_middle div.body_middle_right div.body_middle_right_star{
                        text-align: center;
                        width:100%;
                    }
                        div.html div.kuchikomi div.body div.body_middle div.body_middle_right div.body_middle_right_star img{
                            display: inline-block;
                        }
            div.html div.kuchikomi div.body div.body_bottom{
                margin-top: 20px;
            }
                div.html div.kuchikomi div.body div.body_bottom div.body_bottom_title{
                    border-top:4px solid #19448e;
                    border-bottom:4px solid #19448e;
                    padding:1%;
                    font-size:20px;
                    font-weight:bold;
                    display:flex;
                    align-items:center;
                }
                    div.html div.kuchikomi div.body div.body_bottom div.body_bottom_title img{
                        margin-right: 10px;
                    }
                div.html div.kuchikomi div.body div.body_bottom div.body_bottom_content{
                    padding:2%;
                    color:#333;
                }

/* html end */

/* bottom_apply_form start */
div.bottom_apply_form{
    width:820px;
    margin:20px auto;
}
    div.bottom_apply_form div.bottom_apply_form_title{
        width:100%;
        margin:0 auto;
    }
    div.bottom_apply_form div.bottom_apply_form_body{
        width: 100%;
        border: 4px solid #19448e;
        border-radius: 0 0 10px 10px;
        background: url('/image/bottom_search_form_bg.png');
        padding:30px 0 10px 0;
    }
        div.bottom_apply_form div.bottom_apply_form_body div.layout{
            width: 700px;
            margin: 10px auto;
            display: flex;
            align-items: center;
        }
            div.bottom_apply_form div.bottom_apply_form_body div.layout div.text{
                font-size: 20px;
                font-weight: bold;
                color:#19448e;
                margin-right: 20px;
                width: 20%;
            }
            div.bottom_apply_form div.bottom_apply_form_body div.layout div.item{
                width: 80%;
                display: flex;
                font-weight: bold;
                align-items: center;
            }
                div.bottom_apply_form div.bottom_apply_form_body div.layout div.item input.user_postal{
                    width:45%;
                    line-height: 22px;
                    display:block;
                    font-size: 18px;
                    padding: 1%;
                }
                div.bottom_apply_form div.bottom_apply_form_body div.layout div.item a.check_postal{
    				font-size: 12px;
    				color: #194590;
                    margin-left: 2%;
    			}
    			div.bottom_apply_form div.bottom_apply_form_body div.layout div.item a.check_postal:hover{
    				color: #F98B15;
    			}
                div.bottom_apply_form div.bottom_apply_form_body div.layout div.item label{
                    font-size: 16px;
                    display:block;
                    margin-right: 3%;
                }
            div.bottom_apply_form div.bottom_apply_form_body div.layout div.item_big{
                display: flex;
                font-weight: bold;
                width: 80%;
                flex-wrap: wrap;
            }
                div.bottom_apply_form div.bottom_apply_form_body div.layout div.item_big label{
                    font-size: 16px;
                    margin-right:3%;
                }
        div.bottom_apply_form div.bottom_apply_form_body div.btn{
            text-align: center;
            margin:20px 0;
        }
/* bottom_apply_form end */

/* sidebar start */
div.sidebar div.banner{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}
    div.sidebar div.banner img{
        width: 100%;
    }

div.sidebar div.sidebar_title{
    padding: 0 10px 0 13px;
    line-height: 40px;
    font-size: 90%;
    font-weight: 500;
    color: #333;
    background-color: #fff;
    background: linear-gradient(#FFF, #e6e6e6);
    border-bottom: 3px solid #19448e;
    border-left: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-radius: 5px 5px 0 0;
}
div.sidebar div.sidebar_article_category{
    margin-bottom: 0px;
    padding: 10px 4% 0 4%;
    border: solid #ccc 1px;
    background: #fff;
}
    div.sidebar div.sidebar_article_category div.category{
        font-size: 13px;
        display: block;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }
        div.sidebar div.sidebar_article_category div.category a{
            text-decoration: none;
            color: #333;
        }
        div.sidebar div.sidebar_article_category div.category a:hover{
            text-decoration: underline;
            color: #19448e;
        }
        div.sidebar div.sidebar_article_category div.category i{
            color: orange;
        }



div.sidebar div.sidebar_article_list{
}
    div.sidebar div.sidebar_article_list div.list{
        display: flex;
        flex-wrap: wrap;
        padding:1% 1% 5px 1%;
        border-bottom: 1px dotted #bbb;
        margin-bottom: 5px;
    }
        div.sidebar div.sidebar_article_list div.list div.title{
            width: 100%;
            margin-bottom: 10px;
        }
            div.sidebar div.sidebar_article_list div.list div.title a{
                color: #19448e;
                text-decoration: underline;
                font-size: 14px;
            }
        div.sidebar div.sidebar_article_list div.list div.pic{
            width: 35%;
        }
            div.sidebar div.sidebar_article_list div.list div.pic img{
                width: 100%;
            }
        div.sidebar div.sidebar_article_list div.list div.content{
            width: 65%;
            padding-left: 3%;
            font-size: 12px;
            color: #aaa;
        }

div.sidebar div.search_title{
    margin-top: 0
}
div.sidebar div.search_box{
    border: 2px solid #19448e;
    border-radius: 0 0 5px 5px;
    margin-bottom: 10px;
    background: url('/image/bottom_search_form_bg.png');
    padding-left: 3%;
    padding-right: 3%;
}
    div.sidebar div.search_box div.layout{
        width: 100%;
        padding: 2%;
    }
        div.sidebar div.search_box div.layout div.text{
            font-size: 16px;
            font-weight: bold;
            color: #19448e;
            padding: 4px 0 10px 0;
            width:100%;
        }
        div.sidebar div.search_box div.layout div.item{
            width:100%;
            font-size: 14px;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }
            div.sidebar div.search_box div.layout div.item input.user_postal{
                width:80%;
                font-size: 16px;
                padding: 1%;
            }
            div.sidebar div.search_box div.layout div.item label{
				width: 50%;
			}
        div.sidebar div.search_box div.layout div.item_big{
            width:100%;
            font-size: 14px;
            display: flex;
            flex-wrap: wrap;
        }
            div.sidebar div.search_box div.layout div.item_big label{
				width: 50%;
			}
        div.sidebar div.search_box div.layout div.select select{
            width:90%;
			padding: 7px 15px 6px 8px;
			border: 1px solid #dfdfdf;
			border-radius: 4px;
			background-color: #fff;
			cursor: inherit;
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			text-transform: none;
			background-image: url('/image/select_arrow.svg');
			background-repeat: no-repeat;
			background-position: right center;
			background-origin: content-box;
			font-size: 16px;
        }
    div.sidebar div.search_box div.btn{
        text-align: center;
        width: 100%;
        padding: 2%;
    }
        div.sidebar div.search_box div.btn input{
            width: 94%;
        }
/* sidebar end */


/* page start */
div.page{
    display: flex;
    flex-wrap: nowrap;
    font-size:18px;
    font-weight:bold;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    margin-top: 10px;
}
div.page .pageSpace{
    display: none;
}
div.page .pageLeft{
	color:#444;
	display:block;
	border:1px #444 solid;
	margin-right:4px;
	margin-bottom:2px;
	padding:8px 10px 6px 10px;
	text-decoration:none;
}
	div.page .pageLeft:hover{
		border:1px #bbb solid;
		color:#bbb;
	}
div.page .pageNum{
	color:#444;
	display:block;
	border:1px #444 solid;
	margin-right:4px;
	margin-bottom:2px;
	padding:8px 10px 6px 10px;
	text-decoration:none;
}
	div.page .pageNum:hover{
		border:1px #bbb solid;
		color:#bbb;
	}
div.page .pageCurrent{
	color:red;
	display:block;
	border:1px red solid;
	margin-right:4px;
	margin-bottom:2px;
	padding:8px 10px 6px 10px;
	text-decoration:none;
}
div.page .pageRight{
	color:#444;
	display:block;
	border:1px #444 solid;
	margin-right:4px;
	margin-bottom:2px;
	padding:8px 10px 6px 10px;
	text-decoration:none;
}
	div.page .pageRight:hover{
		border:1px #bbb solid;
		color:#bbb;
	}
/* page end */

div#selectedNumber{
  position: fixed;
  bottom: 10%;
  right: 40px;
  text-align: center;
  background-color: #626d77;
  cursor: pointer;
  font-size: 12px;
  padding: 14px 24px;
  margin: 0 auto;
  border-radius: 4px;
  opacity: .9;
  color: #fff;
  display: none;
}