﻿@charset 'utf-8';
*{
    margin:0;
    padding:0;
}
body,html{
    font-size: 16px;
    font-family:'Georgia','微软雅黑',serif;
    color:#3d3d3d;
    overflow-x:hidden;
}
h1{
    font-size:15px;
    font-weight:bold;
}
ul,li{
    list-style:none;
}
.headLanBtn{
    font-size:16px;
    font-weight:normal;
    color:#626262;
    position:relative;
    cursor:pointer;
    background:url("../../Images/common/red_icon@2x.png") left center no-repeat,rgba(181, 214, 255, 0.29);
    background-size:4px 15px;
    padding: 11px 50px 11px 20px;
    margin:0 0 10px;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent
}

a {
    color:#4c92e6;
    text-decoration:none;
}
.each_info p{
    line-height: 1.7;
    margin:10px 0 0 0;
}
.collapsible-block{
    display:none;
    overflow:hidden;
    overflow-x:auto;
}

h2{
    font-size: 20px;
    color:#3d3d3d;
    padding:12px 0;
    border-bottom: 1px solid #efefef;
    cursor:pointer;
    background:url("../../Images/common/lower_icon@2x.png") right center / 9px 15px no-repeat;
    background-size:16px 8px;
    font-weight:normal;
    -webkit-tap-highlight-color: transparent;
}
h2.show {
    background:url("../../Images/common/upper_icon@2x.png") right center / 9px 15px no-repeat;
    background-size:16px 8px;
}
h2.hide {
    background:url("../../Images/common/lower_icon@2x.png") right center / 9px 15px no-repeat;
    background-size:16px 8px;
}
h2 a{
    color:#3d3d3d;
}
#mw-content-text-fr h2{
    font-weight:bold;
    font-family:'Georgia','微软雅黑',serif;
}
h3 {
    margin:6px 0;
    font-size: 15px;
    color:#636363;
}
li{
    margin:0 0 10px;
}
.change{
    width:18px;
    height:18px;
    background:url('../../Images/common/@2x_icon.png') right center no-repeat;
    background-size:35px 17px;
    cursor:pointer;
    position:absolute;
    top:50%;
    margin-top:-9px;
    right: 14px;
    display: block;
}
.headLanBtn.show .change {
    background:url('../../Images/common/@2x_icon.png') right center no-repeat;
    background-size:35px 17px;
}
.headLanBtn.hide .change {
    background:url('../../Images/common/@2x_icon.png') left center no-repeat;
    background-size:35px 17px;
}
.explain-word-info {
    color:#999;
    font-size:12px;
    margin: 10px 14px 40px;
}
.init_change{
    width:18px;
    height:18px;
    cursor:pointer;
    position:absolute;
    top:0;
    right:0;
    background:url('../../Images/common/open_icon@2x.png') center center no-repeat;
    display: block;
    background-size:18px 18px;
}
.each_info{
    margin: 0px 18px 12px;
    position: relative;
}
.clear {
    clear:both;
}
header {
    font-size:20px;
    min-height:24px;
    margin:11px 20px;
    font-weight:bold;
    background:#fff;
    color:#626262;
}
h1{
    font-size:18px;
    font-weight:normal;
}
.thumbcaption{
        padding:6px 0px 0px;
        font-size:12px;
    }
.thumbcaption a{
    font-size:12px;
}
.floatright{
    float:right;
}
.tright{
    margin-top:15px;
}

.NavFrame{
    border:0 !important;
}
.thumb .thumbinner{
    margin:0 auto;
    max-width:100%;
}
.thumb .thumbinner img{
    width:100%;
    height:auto;
}
table tr td{
    text-align:center;
    padding:0.2em 0.5em 0.1em;
    border:1px solid #ddd;
}
.center{
    overflow-x:auto;
}
table.wikitable > tr > th,table.wikitable > tr > td, table.wikitable > * > tr > th,table.wikitable > * > tr > td {
    border-bottom: 1px solid #cccccc;
    padding: 0.2em;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.tracklist{
    width:100%;
}
table {
    margin: 1em auto 0em !important;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: auto;
    display: block;
    width: 99% !important;
    border-spacing:0px;
    margin-bottom:0 !important;
}
table.DebutCarte{
    margin-bottom:1em !important;
}
tbody{
    margin:0 auto;
    width:100%;
}
.content table {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
table.wikitable {
    border: 1px solid #cccccc;
}
table caption {
    display: block;
    text-align: left;
    font-size:16px;
    padding-bottom:4px;
    font-weight:bold;
}
.redirect-word{
    margin:10px 20px;
}
 .tmbox, .ambox, #coordinates, .navbox, .vertical-navbox, .topicon, .metadata{display:none !important}
 body.night {
    background: #33373b;
    color: #cbcbcb;
    letter-spacing: .1px;
}
body.night a{
    /*color: #0085bf;*/
    color: #6dc5fd; 
    text-decoration: none;
}
body.night .headLanBtn,body.night h2,body.night h3,body.night h4,body.night h5
{ 
    color: #6dc5fd;
}
 body.night header{
     background:#33373b;
     color:#cbcbcb;
 }
  body.night table{
     background:#33373b !important;
     color:#cbcbcb !important;
 }
body.green {
    background: #c7edcc; 
}
 body.green header{
     background:#c7edcc;
 }
body.green .headLanBtn{
     background: url(../../Images/common/red_icon@2x.png) left center no-repeat,rgba(98, 137, 106, 0.29);
     background-size: 4px 15px;
 }
body.green h2{
    border-bottom: 1px solid #638a6b;
}
body.sepia {
    background: #f5efdc;
    color: #3d3c37;
}
body.sepia a{
    color: #B98F6E;
    text-decoration: none;
}
body.sepia header{
    background:#f5efdc;
    color: #5e3d23;
}
body.sepia .headLanBtn{
     background:url(../../Images/common/red_icon@2x.png) left center no-repeat,rgba(122, 128, 136, 0.29);
     background-size: 4px 15px;
 }
body.sepia h2{
    margin:12px 0;
    color:#000;
    padding-bottom:8px;
    border-bottom: 1px solid #d8d1bd;
    cursor:pointer;
    font-weight:normal;
    padding-right:20px;
}

body.sepia .headLanBtn{
     background: url(../../Images/common/red_icon@2x.png) left center no-repeat,rgba(168, 155, 123, 0.29);
     background-size: 4px 15px;
 }
 body.night h2{
    margin:12px 0;
    color:#cbcbcb;
    padding-bottom:8px;
    border-bottom: 1px solid #565656;
    cursor:pointer;
    font-weight:normal;
}
body.night .headLanBtn{
    font-weight:normal;
    color:#626262;
    position:relative;
    cursor:pointer;
    background: url("../../Images/common/red_icon@2x.png") left center no-repeat,rgba(33, 36, 41, 0.29);
    background-size:4px 15px;
    padding: 11px 50px 11px 20px;
    margin-bottom:6px;
}
body.skyblue {
    background: #1895E8;
}
body.skyblue header{
    background: #1895E8;
    margin: 18px 10px;
    color: #fff;
}
body.skyblue .each_info {
    border-radius: 5px;
    padding: 0 14px;
    margin: -10px 10px 12px;
    background: #fff;
}
body.skyblue .headLanBtn {
    background: url("../../Images/common/red_icon@2x.png") left center no-repeat, #fff;
    background-size: 4px 15px;
    border-radius: 5px;
    margin:0 10px 10px;
}
body.skyblue .each_info:before {
    content: ' ';
    width: 6px;
    height: 9px;
    background: url('../../Images/common/wiki_right_arrow@2x.png') no-repeat;
    background-size: 6px 9px;  
    position: absolute;
    left: 0;
    top: -3px;
}
body.skyblue .each_info:after {
    content: ' ';
    width: 6px;
    height: 9px;
    background: url('../../Images/common/wiki_left_arrow@2x.png') no-repeat;
    background-size: 6px 9px;  
    position: absolute;
    right: 0;
    top: -3px;
}
body.pink {
    background: #FAAECF;
}
body.pink header{
    background: #FAAECF;
    margin: 18px 10px;
    color: #fff;
}
body.pink .each_info {
    background: #fff;
    border-radius: 5px;
    margin: -10px 10px 12px;
    padding: 0 14px;
}
body.pink .headLanBtn {
    background: url("../../Images/common/red_icon@2x.png") left center no-repeat, #fff;
    background-size: 4px 15px;
    border-radius: 5px;
    margin:0 10px 10px;
}
body.pink .each_info:before {
    content: ' ';
    width: 6px;
    height: 9px;
    background: url('../../Images/common/wiki_pink_right_arrow@2x.png') no-repeat;
    background-size: 6px 9px;  
    position: absolute;
    left: 0;
    top: -3px;
}
body.pink .each_info:after {
    content: ' ';
    width: 6px;
    height: 9px;
    background: url('../../Images/common/wiki_pink_left_arrow@2x.png') no-repeat;
    background-size: 6px 9px;  
    position: absolute;
    right: 0;
    top: -3px;
}

body.black,body.black header{
    background:#000000;
    color:#E6E6E6;
}
body.black,body.black .headLanBtn,body.black h2{
    color:#E6E6E6;
}
body.black  img.mwe-math-fallback-image-inline{
    background-color:#e6e6e6;
}
body.black .explain-word-info{
    color:#737373;
}
 /*客户端highlight支持*/
.highlight {-webkit-box-shadow:1px 1px 1px #999;background: #dedede;padding:2px 4px;-webkit-border-radius:2px;}
.cur-highlight {-webkit-box-shadow:2px 2px 2px #999;padding:2px 4px;-webkit-border-radius:3px;color:#000;background:-webkit-gradient(linear,left bottom,left top,
    color-stop(0.04, rgb(237,209,0)),
    color-stop(0.52, rgb(241,237,0)));
}
.backArrow {
    display: none;
    width: auto;
    height: 24px;
    padding-left: 24px;
    position: relative;
    margin-right: -6px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    background: url(https://static.eudic.net/web/dict/returnBack.png) center center no-repeat;
    background-size: 24px 24px;
    filter: invert(31%) sepia(72%) saturate(4%) hue-rotate(73deg) brightness(101%) contrast(85%);
    -webkit-filter: invert(31%) sepia(72%) saturate(4%) hue-rotate(73deg) brightness(101%) contrast(85%);;
}
header.android_statusbar {
    background: transparent;
    margin:11px 10px;
}

body.black .android_statusbar {
    color: #e6e6e6;
}

body.night .android_statusbar {
    color: #898989;
}

body.systemblack .backArrow,
body.black .backArrow {
    filter: invert(98%) sepia(1%) saturate(1343%) hue-rotate(194deg) brightness(113%) contrast(80%);
    -webkit-filter: invert(98%) sepia(1%) saturate(1343%) hue-rotate(194deg) brightness(113%) contrast(80%);
}

body.night .backArrow {
    filter: invert(52%) sepia(29%) saturate(18%) hue-rotate(83deg) brightness(97%) contrast(96%);
    -webkit-filter: invert(52%) sepia(29%) saturate(18%) hue-rotate(83deg) brightness(97%) contrast(96%);
}

@media (-webkit-min-device-pixel-ratio:3.0){
    body.skyblue .each_info:before {
        content: ' ';
        width: 6px;
        height: 9px;
        background: url('../../Images/common/wiki_right_arrow@3x.png') no-repeat;
        background-size: 6px 9px;  
        position: absolute;
        left: 0;
        top: -3px;
    }
    body.skyblue .each_info:after {
        content: ' ';
        width: 6px;
        height: 9px;
        background: url('../../Images/common/wiki_left_arrow@3x.png') no-repeat;
        background-size: 6px 9px;  
        position: absolute;
        right: 0;
        top: -3px;
    } 
    body.pink .each_info:before {
        content: ' ';
        width: 6px;
        height: 9px;
        background: url('../../Images/common/wiki_pink_right_arrow@3x.png') no-repeat;
        background-size: 6px 9px;  
        position: absolute;
        left: 0;
        top: -3px;
    }
    body.pink .each_info:after {
        content: ' ';
        width: 6px;
        height: 9px;
        background: url('../../Images/common/wiki_pink_left_arrow@3x.png') no-repeat;
        background-size: 6px 9px;  
        position: absolute;
        right: 0;
        top: -3px;
    } 
}

@media(min-width:768px) {
    .tright{float:right;clear:right;margin-left:1.4em;max-width: 50%;margin-bottom:0.5em;}
    .tleft{
       float:right;clear:right;margin-left:1.4em;max-width: 50%;margin-bottom:0.5em;
    }
    .tsingle{
        margin-left:1.4em;
        margin-bottom:1em;
    }
}

@media(max-width:768px) {
    h2 {
        font-size:18px;
    }
    body{
        margin:0 0px;
    }
    .each_info{
        margin: 0px 10px 12px;
    }
    header {
        margin:11px 10px;
    }
    .redirect-word{
        margin:10px 10px;
    }
    #mw-content-text-fr h2{
        font-weight:normal;
    }
    .floatright{
        float:none;
    }
    .floatright img{
        margin:0 auto;
        display:block;
    }
    body.skyblue .each_info {
        margin: -15px 10px 12px;
    }
    body.pink .each_info {
        margin: -15px 10px 12px;
    }
}

