@charset "utf-8";

input,select{font:normal 16px "宋体";}

/* CSS Document */
/*<!--/////////////仿古按钮大全///////////////////-->*/
/* 原有10款保留 */
.btn1{margin-left:3px;height: 41px; padding:12px 16px;background:#2c2c2c;color:#e8e0cd;border:1px solid #666;border-radius:2px;font-size:15px;letter-spacing:2px;cursor:pointer;transition:0.3s;}
.btn1:hover{background:#111;border-color:#aaa;}
.btn2{margin-left:3px;height: 41px; padding:12px 16px;background:#8b3100;color:#ffebcd;border:2px solid #c4702b;border-radius:4px;cursor:pointer;transition:0.3s;}
.btn2:hover{background:#a03c00;box-shadow:0 0 8px #b85a20;}
.btn3{margin-left:3px;height: 41px; padding:12px 16px;background:#c81623;color:#fff;border:none;border-radius:0;cursor:pointer;font-weight:bold;transition:0.3s;}
.btn3:hover{background:#a0101c;transform:scale(0.98);}
.btn4{margin-left:3px;height: 41px; padding:12px 16px;background:#f8f1e0;color:#5c4a33;border:1px solid #c9b99c;cursor:pointer;transition:0.3s;}
.btn4:hover{background:#fff8e8;border-color:#9c8868;}
.btn5{margin-left:3px;height: 41px; padding:12px 16px;background:#4a5f48;color:#d6d0b8;border:2px solid #728c6e;cursor:pointer;transition:0.3s;}
.btn5:hover{background:#394b37;}
.btn6{margin-left:3px;height: 41px; padding:12px 16px;background:transparent;color:#6b4f2e;border:2px solid #9c7c52;border-radius:8px;cursor:pointer;transition:0.3s;}
.btn6:hover{background:#f0e4d0;}
.btn7{margin-left:3px;height: 41px; padding:12px 16px;background:#5c4220;color:#f9d778;border:1px solid #d4b060;cursor:pointer;transition:0.3s;}
.btn7:hover{background:#483318;box-shadow:0 0 6px #e2c070;}
.btn8{margin-left:3px;height: 41px; padding:12px 16px;background:#626060;color:#e4e9ed;border:none;cursor:pointer;transition:0.3s;}
.btn8:hover{background:#2a353d;}
.btn9{margin-left:3px;height: 41px; padding:12px 16px;background:#9e2b25;color:#fff;border:1px solid #d14840;cursor:pointer;transition:0.3s;}
.btn9:hover{background:#85221e;}
.btn10{margin-left:3px;height: 41px; padding:12px 16px;background:#3d2b1f;color:#e6d2b8;border:1px solid #705843;cursor:pointer;transition:0.3s;}
.btn10:hover{background:#2b1e15;}

/* 新增15款仿古按钮 */
/* 11 青瓷玉润 */
.btn11{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#87b3a7;
    color:#fff;
    border:2px solid #a8c9bc;
    border-radius:6px;
    cursor:pointer;
    transition:0.3s;
}
.btn11:hover{background:#6e998d;}

/* 12 墨砚石纹 */
.btn12{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#423e3a;
    color:#d8d2cb;
    border:1px dashed #888;
    cursor:pointer;
    transition:0.3s;
}
.btn12:hover{border-style:solid;}

/* 13 暖棕茶禅 */
.btn13{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#a17c57;
    color:#fff5e8;
    border-radius:20px;
    border:none;
    cursor:pointer;
    transition:0.3s;
}
.btn13:hover{background:#8c6a48;}

/* 14 鎏金牌匾 */
.btn14{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#b8942e;
    color:#2c2210;
    font-weight:bold;
    border:3px double #e0c260;
    cursor:pointer;
    transition:0.3s;
}
.btn14:hover{background:#d4b038;}

/* 15 素白古瓷 */
.btn15{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#f7f7f5;
    color:#444;
    border:1px solid #ddd;
    box-shadow:inset 0 0 3px #eee;
    cursor:pointer;
    transition:0.3s;
}
.btn15:hover{box-shadow:inset 0 0 6px #ccc;}

/* 16 玄黑古玉 */
.btn16{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#1f2428;
    color:#94a3ad;
    border-radius:30px;
    border:1px solid #556069;
    cursor:pointer;
    transition:0.3s;
}
.btn16:hover{color:#c2d0db;}

/* 17 赤褐石刻 */
.btn17{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#724c38;
    color:#f0e6dd;
    border:none;
    cursor:pointer;
    transition:0.3s;
    text-shadow:1px 1px 2px #222;
}
.btn17:hover{background:#5e3d2b;}

/* 18 浅杏古风 */
.btn18{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#e9dcc8;
    color:#705c45;
    border:2px groove #cbb89d;
    cursor:pointer;
    transition:0.3s;
}
.btn18:hover{background:#f0e4d0;}

/* 19 黛青远山 */
.btn19{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#506473;
    color:#eef2f5;
    border-radius:2px 12px;
    cursor:pointer;
    transition:0.3s;
}
.btn19:hover{background:#3f4f5c;}

/* 20 胭脂红妆 */
.btn20{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#b95766;
    color:#fff;
    border:1px solid #d87988;
    cursor:pointer;
    transition:0.3s;
}
.btn20:hover{background:#a24754;}

/* 21 古铜做旧 */
.btn21{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#806c53;
    color:#fdf6e9;
    border:1px solid #a99478;
    cursor:pointer;
    transition:0.3s;
}
.btn21:hover{filter:brightness(1.1);}

/* 22 竹青素雅 */
.btn22{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#6b8c62;
    color:#f8faf7;
    border-radius:4px;
    cursor:pointer;
    transition:0.3s;
}
.btn22:hover{background:#57734f;}

/* 23 暗纹书卷 */
.btn23{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#d6c7b0;
    color:#3d3020;
    border:none;
    box-shadow:2px 2px 4px #bba98f;
    cursor:pointer;
    transition:0.3s;
}
.btn23:hover{box-shadow:1px 1px 2px #bba98f;}

/* 24 藏青古风 */
.btn24{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#283447;
    color:#c5d0e0;
    border:1px solid #4a5973;
    cursor:pointer;
    transition:0.3s;
}
.btn24:hover{background:#1e2838;}

/* 25 复古藤黄 */
.btn25{
	margin-left:3px;height: 41px; 
    padding:12px 16px;
    background:#d4b96a;
    color:#473a18;
    border-radius:8px;
    cursor:pointer;
    transition:0.3s;
}
.btn25:hover{background:#c2a655;}