﻿*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition: all 0.5s;-webkit-transition: all 0.5s;}
ul,ol,dl,table,th,tr,td,input,textarea,li,a,div,span,em,i{margin: 0;padding: 0;	border: 0;}
img {margin: 0;padding: 0;	border: 0;}
li {list-style: none;}

html,body {font-size:62.5%; width: 100%;	margin: 0 auto;}
.clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;overflow: hidden;display: block;}
.clearfix:after {content: "";display: block;height: 0px;clear: both;visibility: hidden;font-size: 0px;}
:focus{outline:0}
a, button, input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
/* End hide from IE-mac */
* + html .clearfix {min-height: 0%;}
* + html .clearfix {min-height: 0%;}
.w100 {width: 100%;}
.fl {float: left;}
.fr {float: right;}
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
	border:0px;
}

body {overflow-x: hidden; color: #333;background:url(../images/bg.jpg?v=20211109001) repeat-x #0e1215 ;font: 14px/28px メイリオ,Meiryo;        background-size: 100% auto;}
body{
    background-color: #0e1215 !important;
}
a {color: #000;text-decoration: none;}
a:hover {color: #e69f0b !important;}

.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flex-v {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-warp{flex-flow: wrap}
.flex-column{flex-flow: column; margin-right: 35px;}
.uploadimg{
    border-radius:2.5rem 2.5rem;
    background-color: rgb(255, 255, 255,0.7);
    width: 72rem;
    height: 75rem;
    margin: 7rem auto 3rem;

 
    background-size:contain;
   

}
.foot{
 
    padding: 2.5rem 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    width: 80rem;
    margin: 0px  auto;
    display: flex;
    justify-content: space-between;
}
.foot div{
    display: flex;
    justify-content: space-between;

}

.logo{
    font-size: 3.3rem;
    color: #365492;
    font-weight: bold;
    width: 50%;
	text-align:right
}
.header{ 
    width: 80%;
    display: flex;
    justify-content: space-between;
    margin-top: 3.5rem

    

}
.navs{
    width: 50%;
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;
  
    
}

.navs a{
    color: #365492;
    font-size: 16px;
    font-weight: bold;
}
.bt{
    display: flex;
    justify-content: center;
    color: #365492;
    font-size: 2.4rem;

    
}
.bt i{
    width: 1.5rem;
    height: 1.5rem;
    background-color:#ffb400;
    display: inline-block;
    margin-right: 1.5rem;
    margin-top: 3.5rem;

}
.upload{
    border: 1px solid #d6d6d6;
    height: 30rem;
    width: 80%;
    border-radius:1rem 1rem;
    display: flex;
    justify-content:center;
    align-items: center;
    margin-top: 3rem;
    background-color: #ffffff;
}
.upload p{
text-align:center
}

#addImage{
      height: 3.6rem;
    width: 3.6rem;
    text-align: center;
    background: url(../images/add.jpg);
    margin: 0px auto;
    background-size:contain;
    margin-bottom: 1.8rem;
}

#fileImage{
    height: 3.6rem;
    width: 3.6rem;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;

}
.txtin{ 
    width: 65%;

    display: flex;
    flex-wrap: wrap;
     height: 12rem;

 
}
.txtin input{
	border: 1px solid #d6d6d6;
    background-color: #ffffff;
    border-radius:1rem 1rem;
    height: 5.3rem;
    width: 100%;
    text-indent: 1.5rem;
}
.txtin input:nth-child(2){
    margin-top: 1rem;
}
.btns{
 width: 30%;
}
.btns .an{
    width: 100%;
    height: 12rem;
    background-color: #ffb400;
    border-radius:1rem 1rem;
	color:#8f6500;
	font-size: 18px;


}
.kuang{
     width: 80%;
     display: flex;
     justify-content: space-between;
     margin-top: 3.5rem;
     

}

.header .logo img{
    width: 90%;
}