@charset "UTF-8";

/* --- 标签页 --- */
.tabs-wrapper { border-bottom: 4px #888 solid; margin-bottom: 1rem; }
.tabs-wrapper .tabs-hlist { width: 100%; overflow: hidden; position: relative; line-height: 1.5em; background: transparent; }
.tabs-wrapper .tabs-hlist ul { margin: 0; padding: 0; display: inline; float: left; }
.tabs-wrapper .tabs-hlist ul li { display: inline; float: left; font-size: 1.0em; line-height: 1; list-style-type: none; margin: 0 .5em 0 0; padding: 0; }
.tabs-wrapper .tabs-hlist ul li a { background: transparent; color: #444; display: block; font-size: 1em; line-height: 1.5em; padding: .5em 1em; font-weight: normal; text-decoration: none; text-shadow: none; width: auto; }
.tabs-wrapper .tabs-hlist ul li a:focus,
.tabs-wrapper .tabs-hlist ul li a:hover,
.tabs-wrapper .tabs-hlist ul li a:active { color: #fff; background: #888; border-top-left-radius: 0.2em; border-top-right-radius: 0.2em; text-decoration: none; outline: 0 none; }
.tabs-wrapper .tabs-hlist ul li.active { background: #888; border-top-left-radius: 0.2em; border-top-right-radius: 0.2em; color: #fff; }
.tabs-wrapper .tabs-hlist ul li.active a,
.tabs-wrapper .tabs-hlist ul li.active a:focus,
.tabs-wrapper .tabs-hlist ul li.active a:hover,
.tabs-wrapper .tabs-hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }

/* --- my --- */
.my-tabs-wrapper { border-bottom: 4px #44B549 solid; }
.my-tabs-wrapper .tabs-hlist { width: 100%; overflow: hidden; position: relative; line-height: 1.5em; background: transparent; }
.my-tabs-wrapper .tabs-hlist ul { margin: 0; padding: 0; display: inline; float: left; }
.my-tabs-wrapper .tabs-hlist ul li { display: inline; float: left; font-size: 1.0em; line-height: 1; list-style-type: none; margin: 0 .5em 0 0; padding: 0; }
.my-tabs-wrapper .tabs-hlist ul li a { background: transparent; color: #444; display: block; font-size: 1em; line-height: 1.5em; padding: .5em 1em; font-weight: normal; text-decoration: none; text-shadow: none; width: auto; }
.my-tabs-wrapper .tabs-hlist ul li a:focus,
.my-tabs-wrapper .tabs-hlist ul li a:hover,
.my-tabs-wrapper .tabs-hlist ul li a:active { color: #fff; background: #44B549; border-top-left-radius: 0.2em; border-top-right-radius: 0.2em; text-decoration: none; outline: 0 none; }
.my-tabs-wrapper .tabs-hlist ul li.active { background: #44B549; border-top-left-radius: 0.2em; border-top-right-radius: 0.2em; color: #fff; }
.my-tabs-wrapper .tabs-hlist ul li.active a,
.my-tabs-wrapper .tabs-hlist ul li.active a:focus,
.my-tabs-wrapper .tabs-hlist ul li.active a:hover,
.my-tabs-wrapper .tabs-hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }