/* * @authors @SilentBlue * @date 2019-10-23 10:04:41 *  * * */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: '\5FAE\8F6F\96C5\9ED1', '\5B8B\4F53', sans-self;
}

body>div {
    margin-right: auto;
    margin-left: auto;
}

body,
div,
ul,
ol,
ul,
li,
ol,
dl,
dd,
dt,
form,
span,
p,
textarea {
    margin: 0;
    padding: 0;
    list-style: none;
}

address,
caption,
cite,
code,
dfn,
th,
var {
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

input {
    padding-top: 0;
    padding-bottom: 0;
}

input::-moz-focus-inner {
    padding: 0;
    border: none;
}

select,
input {
    vertical-align: middle;
}

select,
input,
textarea {
    font-size: 12px;
    margin: 0;
}

input[type='text'],
input[type='password'],
textarea {
    outline-style: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

textarea {
    resize: none;
}

select:focus,
input:focus,
textarea:focus {
    outline: none;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

th,
td {
    font-size: 12px;
    padding: 0;
}

img,
a img {
    margin: 0;
    padding: 0;
    border: 0;
}

img {
    border: none;
}

strong,
em {
    font-weight: bold;
    font-style: normal;
}

a {
    text-decoration: none;
    outline-style: none;
}

a:hover {
    text-decoration: none;
}

.group:after {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    height: 0;
    content: '.';
}

.group {
    zoom: 1;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
    clear: both !important;
}

.clear.both {
    height: 10px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* Base Addition */


.left {
    float: left;
}

.right {
    float: right;
}

.show {
    display: block;
}

.hide {
    display: none;
}


.circular-bl {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

.circular-tr10 {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.box-shadow-com {
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    margin-bottom: 5px;
    -webkit-box-shadow: 0 5px 5px 0 rgba(246, 246, 246, .75);
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0 5px 5px 0 rgba(246, 246, 246, .75);
    /* Firefox 3.5 - 3.6 */
    box-shadow: 0 5px 5px 0 rgba(246, 246, 246, .75);
}

.triangle {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}