/* html5doctor.com Reset v1.6.1 */
html,body,div,span,object,iframe,a,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1rem 0;padding:0}input,select{vertical-align:middle}

input, select, a, span{-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing:border-box; }

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  text-align: center;
  background-color: #fff;
  color:#333;
  font-size: 1em;
  margin: 0;
  padding: 0;
}


a{color: #333; text-decoration: none;}

input::input-placeholder{text-align: center;}
input::-webkit-input-placeholder{text-align: center;}
input::-moz-input-placeholder{text-align: center;}
input::-ms-input-placeholder{text-align: center;}


/*.base_input{text-align:center; width: 80%; height: 48px; line-height: 100%; font-size: 14px; background-color: white;  border: solid 1px #bbbbbb; padding-left: 6px;}
.base_btn{width: 100px; font-size: .9rem; height: 48px; background-color: #ccc;  border: solid 1px #bbbbbb; line-height: 100%; text-align: center;}
.base_btn:hover{color: white; background-color: #aaa;}
.base_link_btn{display: inline-block; box-sizing: border-box; font-size: .9rem; width: 100px; text-decoration: none; color: black; height: 36px; border-radius: 6px; background-color: white;  border: solid 1px #bbbbbb; line-height: 36px; text-align: center;}
.base_link_btn:hover{color: white; background-color: #aaa;}
*/

.common-header {
    height: 8em;
    background-color: #f3f3f3;
    background-image: url(../img/zyhl_logo.png);
    background-position: -6em center;
    background-repeat: no-repeat;
    background-size: auto 220%;
    padding: 1em;
    overflow: hidden;
    text-align: left;
}

.common-header-min {
    height: 4em;
    background-color: #f3f3f3;
    background-image: url(../img/zyhl_logo.png);
    background-position: -3em center;
    background-repeat: no-repeat;
    background-size: auto 220%;
    padding: .5em;
    overflow: hidden;
    text-align: left;
}

.common-header-min > .intro-text {
    margin-top: -5em;
    line-height: 1.5em;
    position: absolute;
    font-size: .8em;
    color: #000;
}

.logo-text {
    height: 3em;
    background-image: url(../img/zyhl_logo_text.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right center;
}

.intro-text {
    padding-top: 3.5em;
    line-height: 1.5em;
    font-size: .8em;
    color: #000;
    /*text-shadow: #f3f3f3 1px 1px;*/
}

.intro-text-tel {
    background-image: url(../img/tel.png);
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: left center;
    padding-left: 1.5em;
}

.app-name {
    height: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
    background-image: url(../img/app_name.png);
    background-position: 1em center;
    background-repeat: no-repeat;
    background-size: auto 90%;
}


.form {
    max-width: 600px;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-size: 1em;
}

.form p {
    padding-top:.5em;
    padding-bottom: .5em;
}

.form p input {
    width: 100%; height: 3em; line-height: 1em; font-size: 1.2em; text-align:center; background-color: white;  border: solid 1px #bbb; padding: 6px .5em;
}

.form p span {
    height: 3em; line-height: 3em;
    display: inline-block;
}

.form .base_btn {
    display: block;
    font-size: 1.2em;
    height: 3.5em;
    color: #fff;
    font-weight: bold;
    background-color: #0195ff;
    line-height: 3.5em;
    text-align: center;
}

.current-code {
    border: 1px solid #ccc;
    margin:0px 1em;
    line-height: 1.5em;
    font-size: 1.5em;
}

.current-code .code-title {
    background-color: #dadada;
}


.current-code .code-code {
}


.main-content > .title {
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.25em;
    padding: 1em 2em;
}
.main-content > .publshed {
    border-top: solid 1px #ccc;
    margin: 0 1em;
    padding: .5em;
    font-size: .75em;
    color: #aaa;
}
.main-content > .content {
    text-align:left;
    padding: 0em 2em;
    line-height: 1.25em;
    overflow: auto;
}

.main-content > .content img {
    width: 100%;
    height: auto;
}