*{margin:0;padding:0;list-style:none;}
a{text-decoration:none;}
.bc{
display: inline-block;
font-weight: bold;
}
.bc-track{
text-decoration: none;
color: #337ab7;
}
.bc-lastTrack{
color: #878787;
font-size: 14px;
margin: 0;
}
#nav {
width: 100%; /* 1000 */
font-family: 'MicroSoft Yahei', sans-serif;
font-weight: 400;
margin-top: 30px;
}
#nav > a {
display: none;
}
#nav li {
position: relative;
margin-bottom: 10px;
box-sizing: border-box;
}
#nav li a {
color: #333;
display: block;
font-size: 18px;
font-weight: bold;
text-decoration:none;
}
#nav li i{
font-size: 1.1em;
margin-top: 4px;
}
#nav li a > .nav_font,
#nav li a > .nav_link{
float: left;
overflow: hidden;
}
#nav li a > .nav_font{
width: 12%
}
#nav li a > .nav_link{
width: 88%
}
#nav li ul li a{
font-size: 13px;
line-height: 20px;
font-weight: normal;
text-indent: -21px;
}
#nav li ul li a:before{
content:'â—‹';
font-size: 13px;
padding-right: 5px;
font-weight: normal;
color: inherit;
}
/*#nav li a:active {
background-color: #c00 !important;
}*/
/* first level */
#nav > ul {
}
#nav > ul > li {
width: 100%;
display: block;
float: left;
/* padding-bottom: 10px; */
}
/* second level */
#nav li ul {
/* background-color: #cc470d; */
display: block;
margin-top: 5px;
margin-left: -10px
/* display: none;
position: absolute;
top: 100%; */
}
#nav li:hover ul {
display: block;
left: 0;
right: 0;
}
#nav li:not( :first-child ):hover ul {
left: -1px;
}
/* #nav li ul a {
font-size: 1.25em;
padding:0 0.75em;
} */
/* -- 語言 -- */
.bgbg{
background:url('../images/18/css_sprites.png');
display:inline-block;
}
.bg-flagEN {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background-position: -5px -5px;
}
.bg-flagES {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background-position: -5px -33px;
}
.bg-flagPT {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background-position: -5px -61px;
}
.bg-flagRU {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background-position: -5px -89px;
}
.bg-flagDE {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background-position: -5px -117px;
}
.bg-flagBE {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background-position: -5px -145px;
}
.atext{
font-size: 16px;
}
.lang-bar{
color: #0f3680;
}
#search{
display: none;
width: 70%;
}
.search-form{
position: relative;
}
.search-button{
position: absolute;
top: -8px;
right: -22px;
font-size: 18px;
padding: 10px;
}
.cross{
position: absolute;
top: 1px;
right: 14px;
color: #b6b6b6;
cursor: pointer;
line-height: 24px;
text-align: center;
height: 24px;
width: 24px;
font-size: 16px;
}
.cross:hover{
color: #0f3680;
}
.cross:before{
content: "\2716";
}
.search-text{
padding:0px 8px 0px 8px;
border: none;
border-bottom: 1px solid #b6b6b6;
background: white;
color: #3f84eb;
height: 30px;
width: 98%;
}
::placeholder {
color: #3f84eb;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #3f84eb;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #3f84eb;
}
.search-text:focus{
outline:none;
border:none;
border-bottom: 2px solid #2196F3;
}
.search-icon i {
font-size: 18px;
}
.seaarch-bar{
padding: 10px;
width: 100%;
}
.lang-light{
background: #6b9eff!important;
}
.bgbg-m{
background: url('../images/36/css_sprites.png');
display: inline-block;
}
.bg-flagEN-m {
width: 36px; height: 36px;
background-position: -5px -5px;
}
.bg-flagES-m {
width: 36px; height: 36px;
background-position: -5px -51px;
}
.bg-flagPT-m {
width: 36px; height: 36px;
background-position: -5px -97px;
}
.bg-flagRU-m {
width: 36px; height: 36px;
background-position: -5px -143px;
}
.bg-flagDE-m {
width: 36px; height: 36px;
background-position: -5px -189px;
}
.bg-flagBE-m {
width: 36px; height: 36px;
background-position: -5px -235px;
}
/* ---- */
@media (max-width: 1050px){
.navbar-right{
margin:0px;
}
.navbaripad > .home1{
display: none;
}
}
@media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav {
width: 100%;
position: static;
margin: 0;
}
}
@media only screen and ( max-width: 800px ) {
html {
font-size: 75%; /* 12 */
}
#nav {
position: relative;
top: auto;
left: auto;
}
#nav li {
padding-bottom: 3px;
}
#nav i{
/*font-size: 20px;
padding-top: 2px;*/
}
#nav li ul {
display:block;
position: absolute;
top: 100%;
}
#nav li i{
font-size: .9em;
}
#nav li a > .nav_font{
width: 8%
}
#nav li a > .nav_link{
width: 92%
}
#nav > a {
width: 4em; /* 50 */
height: 2.5em; /* 50 */
text-align: center;
/* text-indent: -9999px; */
background-color: #0f3680;
border-radius: 4px;
position: absolute;
right: 0;
top: 36px;
z-index: 5;
}
#nav > a:after{
content: attr(title);
color: #fff;
width: 100%;
position: absolute;
top: 20%;
left: 0%;
right: 25%;
font-size: 15px;
font-family: Arial
}
#nav li ul li {
padding: 5px;
}
/* #nav li ul li a:before{
content:'';
} */
/* #nav li ul li a:after{
content: ' > ';
position: absolute;
right: 0px;
top: 0;
color:#00a6b9;
font-size: 12px
} */
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
display: block;
top: -5px;
right: 0px;
}
/* first level */
#nav > ul {
/* height: auto; */
height:auto;
overflow: hidden;
display: none;
position:relative;
left: 0;
right: 0;
z-index: 999;
top: 40px;
margin-bottom: 30px;
border-top: #dad9d9 1px solid;
border-bottom: #dad9d9 1px solid;
}
#nav:target > ul {
display: block;
}
#nav > ul > li {
width: 100%;
float: none;
display: inline-block;
vertical-align: top;
background: rgba(0, 0, 0, .05);
padding-top: 5px;
padding-left: 5px;
margin-bottom: 5px;
}
#nav > ul > li:last-child{
margin-bottom: 0;
}
#nav > ul > li > a {
height: auto;
text-align: left;
padding: 0; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a {
border-right: none;
}
/* second level */
#nav li ul {
position: static;
padding:0; /* 20 */
padding-top: 10px;
}
#nav li ul li{
display: inline-block;
width: 100%;
vertical-align: top
}
}
@media screen and (min-width:768px) and (max-width:1000px){
.navbaripad{
/*margin:0px 50px;*/
}
.navbar-header a img{
/* position: relative;
margin: 0px 100%;*/
margin: 0px;
}
.mic_banner{
/*margin-top: 100px;*/
margin-top: 50px;
}
.nav>li>a {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 768px){
.cutover>.search-form{
display: none;
}
.mobile-lang{
display: none!important;
}
}
@media (max-width: 767px){
.pc-lang{
display: none!important;
}
.mobile-lang{
display: inline-flex!important;
flex-wrap: wrap;
}
.navbaripad .mobile-lang a{
border: 1px solid #363636;
margin: 2% 1%;;
padding: 5px 7px;
border-radius: 5px;
}
.navbar-nav .top-select{
border:none;
}
.search-icon{
display: none!important;
}
.search-form{
top: 0px;
left: 0px;
}
.navbaripad{
display: flex;
flex-direction: column;
}
.navbaripad>li:nth-of-type(1){order: 8;}
.navbaripad>li:nth-of-type(2){order: 2;}
.navbaripad>li:nth-of-type(3){order: 3;}
.navbaripad>li:nth-of-type(4){order: 4;}
.navbaripad>li:nth-of-type(5){order: 5;}
.navbaripad>li:nth-of-type(6){order: 6;}
.navbaripad>li:nth-of-type(7){order: 7;}
.navbaripad>li:nth-of-type(8){order: 1;}
.navbaripad>li:nth-of-type(1){-webkit-order: 8;}
.navbaripad>li:nth-of-type(2){-webkit-order: 2;}
.navbaripad>li:nth-of-type(3){-webkit-order: 3;}
.navbaripad>li:nth-of-type(4){-webkit-order: 4;}
.navbaripad>li:nth-of-type(5){-webkit-order: 5;}
.navbaripad>li:nth-of-type(6){-webkit-order: 6;}
.navbaripad>li:nth-of-type(7){-webkit-order: 7;}
.navbaripad>li:nth-of-type(8){-webkit-order: 1;}
.search-text {
height: 50px;
width: 90%;
font-size: 24px;
}
.cross{
top: 10px;
right: 10%;
font-size: 24px;
}
.search-button{
top: -10px;
right: -15px;
font-size: 32px;
}
@media all and (max-width: 400px){
}
@media all and (max-width: 330px){
#nav > ul{
margin-bottom: 70px
}
#nav > ul > li {
width: 100%;
}
#nav li ul li{
width: 100%;
}
}
/*18*/
/*.bg-flagEN {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background: url('css_sprites.png') -5px -5px;
}
.bg-flagES {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background: url('css_sprites.png') -5px -33px;
}
.bg-flagPT {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background: url('css_sprites.png') -5px -61px;
}
.bg-flagRU {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background: url('css_sprites.png') -5px -89px;
}
.bg-flagDE {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background: url('css_sprites.png') -5px -117px;
}
.bg-flagBE {
width: 18px; height: 18px;
margin-right: 10px;
position: relative;
top: 3px;
background: url('css_sprites.png') -5px -145px;
}
*/
/*36*/
/*.bg-flagEN {
width: 36px; height: 36px;
background: url('css_sprites.png') -5px -5px;
}
.bg-flagES {
width: 36px; height: 36px;
background: url('css_sprites.png') -5px -51px;
}
.bg-flagPT {
width: 36px; height: 36px;
background: url('css_sprites.png') -5px -97px;
}
.bg-flagRU {
width: 36px; height: 36px;
background: url('css_sprites.png') -5px -143px;
}
.bg-flagDE {
width: 36px; height: 36px;
background: url('css_sprites.png') -5px -189px;
}
.bg-flagBE {
width: 36px; height: 36px;
background: url('css_sprites.png') -5px -235px;
}*/