@charset "utf-8";
/* CSS Document */


@import "margin.css";
@import "padding.css";


/* header */
.header{position:fixed;top:0;left:0;right:0;width:100%;min-width:1360px;height:100px;border-bottom:1px solid #3e4cb7;background-color:transparent;-webkit-transition:background 0.6s ease;transition:background 0.6s ease;z-index:3000;}
.header_inn{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;min-width:1280px;width:1280px;height:100px;margin:0 auto;}
.header .logo h1{font-size:0;line-height:0;}
.header .logo a{display:inline-block;width:132px;height:100px;font-size:0;line-height:0;background-image:url("../img/main/logo_header.png");background-repeat:no-repeat;background-position:0 38px;}

.header .menu ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;}
.header .menu ul li a{display:inline-block;min-width:122px;height:100px;padding:0;font-size:18px;font-weight:500;color:#fff;line-height:100px;text-align:center;}
/* hover */
.header .menu ul li.on a,
.header .menu ul li:hover a{border-bottom:1px solid #fff;}

.header .right{}
.header .right ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;column-gap:10px;}
.header .right ul li a{display:inline-block;height:46px;padding:0 29px;font-size:16px;font-weight:700;color:#fff;line-height:46px;border-radius:23px;text-align:center;}
.header .right ul li a.bt_login{color:#fff;background-color:transparent;}
.header .right ul li a.bt_signUp{color:#0f1fea;background-color:#fff;}
/* hover */
.header .right ul li a.bt_login:hover{color:#0f1fea;background-color:#fff;}
.header .right ul li a.bt_signUp:hover{color:#fff;background-color:#ff6700;}

/* active */
.header.active{box-shadow:0 7px 13px 0 rgba(65, 66, 78, 0.03);border-bottom:0;background-color:#fff;}
.header.active .logo a{background-position:0 -62px;}

.header.active .menu ul li a{color:#000;}
.header.active .menu ul li.on a,
.header.active .menu ul li:hover a{border-bottom:1px solid #0f1fea;}

.header.active .right ul li a.bt_login{color:#0f1fea;background-color:#fff;}
.header.active .right ul li a.bt_signUp{color:#fff;background-color:#0f1fea;}
.header.active .right ul li a.bt_login:hover{color:#fff;background-color:#0f1fea;}
.header.active .right ul li a.bt_signUp:hover{color:#fff;background-color:#ff6700;}