@charset "UTF-8";

.page-header { text-align: center; background: url(/production/images/title.webp) no-repeat center; background-size: cover; margin: 0px; border: 0; }

img {width: 800px;}

a{text-decoration: none;}

.subpage-cont{display:flex;}
.left{width: 35%; text-align-last: left;}
.left .nav{width: 95%; margin: 5px; margin-top: 10px; border: 1px solid #fff; box-sizing: border-box;}
.bg_title{background-color: #063c72; }
.left .nav ul li{text-align: center; border-bottom: 1px solid #fff; box-sizing: border-box; }
.left .nav ul li a{padding: 10px 15px; display: inline-block; width: 100%; transition: 0.5s; color:#fff;}
.left .nav ul li .submenu{height: auto; display: none; border-top:1px solid #fff; background-color: #fff;}
.left .nav ul li .submenu li {font-size: 16px; line-height: 1.8; padding:15px;}
.left .nav ul li:last-child{border-bottom: 0;}

.right {width: 65%;}
.right ul li { display:none;}
.right ul li.on {display:inline-block;}

.bg_title .plus {width: 30px; height: 4px; border-radius: 5px; 
    background-color: #fff; transition: 0.5s; float: right;}

.bg_title .minus {width: 4px; height: 30px; border-radius: 5px; 
    background-color: #fff; transition: 0.5s; float: right;}


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

    .subpage-cont {display:inline-block;}
    .left{width: 100%; margin-bottom: 30px;}
    .right{width: 100%;}

}