

.menu {height: auto;display: block;overflow: hidden;font-family: microsoft yahei;}
.menu a {width: auto;padding: 0 0 0 30px;height: 40px;line-height: 40px;display: inlie-block;overflow: hidden; float: left; font-weight: 400;}
.menu a {font-size: 22px;color: #333;}
.menu a:hover {text-decoration: none;color: #b73e3e;}

ul.pit{ width: 100%; height: auto; display: block; overflow: hidden;}
ul.pit li{ width: 275px; display: block;  overflow: hidden; float:left; margin-right:33px; text-align: center;}
ul.pit li .pic { width: 235px; height: 350px; display: block;  overflow: hidden;  padding: 19px; border: 1px solid #ddd; }
ul.pit li .pic img { width: 235px; height: 350px; display: block;  overflow: hidden; box-shadow: 0 0 8px rgb(0,0,0,.3);  transition: all .5s; }
ul.pit li:hover .pic img { transform: scale(1.03);}
ul.pit li span{ width: 100%; height: auto; line-height: 34px; font-size: 18px; display: block;  overflow: hidden; }



.guany {width: 100%;height: 35px;line-height: 35px;font-size: 12px;display: block;text-align: center;color: #fff;}
.guany a {color: #fff;font-weight: bold;padding: 0 5px;} 
/* */
/*----- list nei ----*/ 
#pagenav span.more a {width: 90px;margin-right: 3px;height: 37px;line-height: 37px;display: block;background: #f5f5f5;font-size: 14px;text-align: center;float: left;color: #222;}
#pagenav span.more a:hover {background: #c00;color: #fff;}
#pagenav span.no a {width: 37px;margin-right: 3px;height: 37px;line-height: 37px;display: block;background: #f5f5f5;font-size: 14px;text-align: center;float: left;color: #222;}
#pagenav span.no a:hover {background: #c00;color: #fff;}
#pagenav span.share a {width: 88px;height: 38px;display: block;float: right;}
#pagenav li.disabled a, #pagenav li:last-child a {width: 90px;margin-right: 3px;height: 37px;line-height: 37px;display: block;background: #f5f5f5;font-size: 14px;text-align: center;float: left;color: #222;}
#pagenav li.disabled a:hover {background: #c00;color: #fff;}
#pagenav li a {width: 37px;margin-right: 3px;height: 37px;line-height: 37px;display: block;background: #f5f5f5;font-size: 14px;text-align: center;float: left;color: #222;}
#pagenav li a:hover {background: #c00;color: #fff;cursor: pointer;}
#pagenav li.active a {background: #c00;color: #fff;}

.dqwz {width: 100%;height: 20px;font-size: 16px;line-height: 20px;color: #222;}
.dqwz i {width: 20px;height: 20px;display: block;overflow: hidden;float: left;padding: 13px 8px 0;}
.dqwz img {width: 16px;height: 19px;display: inline-block;padding: 0 8px 0 0;float: left;}

.xituw {width: 100%;font-size: 16px;padding-top: 10px}
.xituw h2 {width: 100%;float: left;text-align: center;color: #333;font-size: 24px;line-height: 46px;font-family: "瀵邦喛钂嬮梿鍛寸拨", "姒涙垳缍�", "鐎瑰缍�"; background: #f0f0f0;}
.xituw i {width: 100%;float: left;text-align: center;color: #aaa;font-size: 16px;line-height: 50px;border-bottom:2px solid #eee;}

.xituw .nev {width: 100%;float: left;padding: 17px 0;}
.xituw .nev p {padding-bottom: 15px;line-height: 38px;font-size: 18px; text-indent: 2em;}
.xituw .nev p img {display: block;max-width: 1200px;height: auto;margin: 0 auto;}


ul.vidfee {width: 110%; padding:0 0 20px 10px;}
ul.vidfee li {width: 240px;float: left;display: block; overflow: hidden; margin:0 70px 70px 0 ; box-shadow: 0 0 10px rgb(0,0,0,.3);}
ul.vidfee li img {width: 100%;height: 280px;display: block;}
ul.vidfee li span {width: 100%;font-size: 24px;line-height: 30px;height: 30px; padding: 10px 0; display: block;text-align: center;color: #333;text-decoration: none; background: #fff;}
ul.vidfee li span a{ line-height: 30px; }
ul.vidfee li em {width: 90%;font-size: 18px;line-height: 30px;height: 60px;  padding:0 0 10px 0; display: block;text-align: center;color: #333;text-decoration: none; background: #fff; margin: 0 auto;}
ul.vidfee li a:hover span {color: #f00;text-decoration: none;}
ul.vidfee li a {text-decoration: none;}




/*------  tit  -----------*/
.tit {height: 40px;display: block;overflow: hidden;margin-bottom: 10px;}
.tit span {height: 40px;line-height: 40px;display: block;font-size: 30px;color: #c00;font-weight: bold;float: left;font-family: microsoft yahei;}
.tit span a{color: #333; font-weight: normal;}
.tit em {height: 20px;line-height: 20px;padding: 8px 0 0 0;display: block;float: right;font-size: 12px;color: #666;}
.tit em a {color: #333;}

.tit2 {height: 40px;display: block;overflow: hidden;}
.tit2 span {height: 40px;line-height: 40px;display: block;font-size: 30px;color: #333;font-weight: bold;font-family: microsoft yahei; text-align: center;}
.tit2 span a{color: #333; font-weight: normal;}

.tit3 {height: 64px;display: block;overflow: hidden;}
.tit3 span {height: 64px;line-height: 64px;display: block;font-size: 46px;color: #b73e3e; font-family: microsoft yahei; }
.tit3 span a{color: #b73e3e; font-weight: normal;}



.yqlj {height: 35px;line-height: 35px;padding: 0 25px;background: #fff;font-family: microsoft yahei;font-size: 16px;color: #555;}
.gywm {color: #ddd;color: #333;}
.gywm a {color: #333;padding: 0 8px;}
/* */ 
/*************  button *******************/ 
.button {width: auto;line-height: 38px;text-align: center;font-weight: bold;color: #fff;text-shadow: 1px 1px 1px #333;border-radius: 1px;margin: 0 20px 20px 0;position: relative;overflow: hidden;}
.button.gray {color: #8c96a0;text-shadow: 1px 1px 1px #fff;border: 1px solid #dce1e6;box-shadow: 0 1px 2px #fff inset, 0 -1px 0 #a8abae inset;background: -webkit-linear-gradient(top, #f2f3f7, #e4e8ec);background: -moz-linear-gradient(top, #f2f3f7, #e4e8ec);background: linear-gradient(top, #f2f3f7, #e4e8ec);}
.button.gray2 {color: #333; background:#fff; text-shadow: none; border-radius: 0%; width: 90%; height: 90px; line-height: 90px; margin: 20px auto; font-size:22px; font-weight: normal;      }
.button.black {border: 1px solid #333;box-shadow: 0 1px 2px #8b8b8b inset, 0 -1px 0 #3d3d3d inset, 0 -2px 3px #8b8b8b inset;background: -webkit-linear-gradient(top, #656565, #4c4c4c);background: -moz-linear-gradient(top, #656565, #4a4a4a);background: linear-gradient(top, #656565, #4a4a4a);}
.button.red {border: 1px solid #b42323;box-shadow: 0 1px 2px #e99494 inset, 0 -1px 0 #954b4b inset, 0 -2px 3px #e99494 inset;background: -webkit-linear-gradient(top, #d53939, #b92929);background: -moz-linear-gradient(top, #d53939, #b92929);background: linear-gradient(top, #d53939, #b92929);}
.button.yellow {border: 1px solid #d2a000;box-shadow: 0 1px 2px #fedd71 inset, 0 -1px 0 #a38b39 inset, 0 -2px 3px #fedd71 inset;background: -webkit-linear-gradient(top, #fece34, #d8a605);background: -moz-linear-gradient(top, #fece34, #d8a605);background: linear-gradient(top, #fece34, #d8a605);}
.button.yellow2 {border: 1px solid #f5b834; color:#f5b834; text-shadow: none;}
.button.green {border: 1px solid #64c878;box-shadow: 0 1px 2px #b9ecc4 inset, 0 -1px 0 #6c9f76 inset, 0 -2px 3px #b9ecc4 inset;background: -webkit-linear-gradient(top, #90dfa2, #84d494);background: -moz-linear-gradient(top, #90dfa2, #84d494);background: linear-gradient(top, #90dfa2, #84d494);}
.button.blue {border: 1px solid #1e7db9;box-shadow: 0 1px 2px #8fcaee inset, 0 -1px 0 #497897 inset, 0 -2px 3px #8fcaee inset;background: -webkit-linear-gradient(top, #42a4e0, #2e88c0);background: -moz-linear-gradient(top, #42a4e0, #2e88c0);background: linear-gradient(top, #42a4e0, #2e88c0);}
.round, .side, .tags {padding-right: 30px;}
.round:after {position: absolute;display: inline-block;content: "\003c";top: 50%;right: 10px;margin-top: -10px;width: 17px;height: 20px;padding-left: 3px;line-height: 18px;font-size: 10px;font-weight: normal;border-radius: 10px;text-shadow: -2px 0 1px #333;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg);}
.gray.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, 1) inset, 1px 0 1px rgba(0, 0, 0, .2);background: -webkit-linear-gradient(top, #dce1e6, #dde2e7);background: -moz-linear-gradient(top, #dce1e6, #dde2e7);background: linear-gradient(top, #dce1e6, #dde2e7);text-shadow: -2px 0 1px #fff;}
.black.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, .5) inset, 1px 0 1px rgba(0, 0, 0, .9);background: -webkit-linear-gradient(top, #333, #454545);background: -moz-linear-gradient(top, #333, #454545);background: linear-gradient(top, #333, #454545);}
.red.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, .6) inset, 1px 0 1px rgba(130, 25, 25, .9);background: -webkit-linear-gradient(top, #b12222, #b42323);background: -moz-linear-gradient(top, #b12222, #b42323);background: linear-gradient(top, #b12222, #b42323);}
.yellow.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, .8) inset, 1px 0 1px rgba(148, 131, 4, .9);background: -webkit-linear-gradient(top, #cf9d00, #d2a000);background: -moz-linear-gradient(top, #cf9d00, #d2a000);background: linear-gradient(top, #cf9d00, #d2a000);}
.green.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, .8) inset, 1px 0 1px rgba(51, 126, 66, .9);background: -webkit-linear-gradient(top, #64c878, #6dcb80);background: -moz-linear-gradient(top, #64c878, #6dcb80);background: linear-gradient(top, #64c878, #6dcb80);}
.blue.round:after {box-shadow: 1px 0 1px rgba(255, 255, 255, .8) inset, 1px 0 1px rgba(18, 85, 128, .9);background: -webkit-linear-gradient(top, #1e7db9, #2b85bd);background: -moz-linear-gradient(top, #1e7db9, #2b85bd);background: linear-gradient(top, #1e7db9, #2b85bd);}
.side:after {position: absolute;display: inline-block;content: "\00bb";top: 3px;right: -4px;width: 38px;height: 30px;font-weight: normal;line-height: 26px;border-radius: 0 0 5px 5px;text-shadow: -2px 0 1px #333;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);transform: rotate(-90deg);}
.gray.side:after {text-shadow: -2px 0 1px #fff;border-top: 1px solid #d4d4d4;box-shadow: -2px 0 1px #eceef1 inset;background: -webkit-linear-gradient(right, #e1e6ea, #f2f2f6 60%);background: -moz-linear-gradient(right, #e1e6ea, #f2f2f6 60%);background: linear-gradient(right, #e1e6ea, #f2f2f6 60%);}
.black.side:after {border-top: 1px solid #222;box-shadow: -2px 0 1px #606060 inset;background: -webkit-linear-gradient(right, #373737, #555 60%);background: -moz-linear-gradient(right, #373737, #555 60%);background: linear-gradient(right, #373737, #555 60%);}
.red.side:after {border-top: 1px solid #aa1e1e;box-shadow: -2px 0 1px #c75959 inset;background: -webkit-linear-gradient(right, #b82929, #d73f3f 60%);background: -moz-linear-gradient(top, #b82929, #d73f3f 60%);background: linear-gradient(top, #b82929, #d73f3f 60%);}
.yellow.side:after {border-top: 1px solid #ba8f06;box-shadow: -2px 0 1px #deb842 inset;background: -webkit-linear-gradient(right, #d5a406, #fdc40b 60%);background: -moz-linear-gradient(right, #d5a406, #fdc40b 60%);background: linear-gradient(right, #d5a406, #fdc40b 60%);}
.green.side:after {border-top: 1px solid #53b567;box-shadow: -2px 0 1px #8ad599 inset;background: -webkit-linear-gradient(right, #69ca7c, #91e5a5 60%);background: -moz-linear-gradient(right, #69ca7c, #91e5a5 60%);background: linear-gradient(right, #69ca7c, #91e5a5 60%);}
.blue.side:after {border-top: 1px solid #1971a8;box-shadow: -2px 0 1px #559dca inset;background: -webkit-linear-gradient(right, #2482bd, #3fa2e0 60%);background: -moz-linear-gradient(right, #2482bd, #3fa2e0 60%);background: linear-gradient(right, #2482bd, #3fa2e0 60%);}
.tags:after {font-weight: normal;position: absolute;display: inline-block;content: "FREE";top: -3px;right: -33px;color: #fff;text-shadow: none;width: 85px;height: 25px;line-height: 28px;-webkit-transform: rotate(45deg) scale(.7, .7);-moz-transform: rotate(45deg) scale(.7, .7);transform: rotate(45deg) scale(.7, .7);}
.gray.tags:after {background: #8c96a0;border: 2px solid #fff;}
.black.tags:after {background: #333;border: 2px solid #777;}
.red.tags:after {background: #b42323;border: 2px solid #df4141;}
.yellow.tags:after {background: #d2a000;border: 2px solid #fcc100;}
.green.tags:after {background: #64c878;border: 2px solid #9bebac;}
.blue.tags:after {background: #1e7db9;border: 2px solid #54b1e9;}
.button.rarrow, .button.larrow {overflow: visible;}
.rarrow:after, .rarrow:before, .larrow:after, .larrow:before {position: absolute;content: "";display: block;width: 28px;height: 28px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.rarrow:before {width: 27px;height: 27px;top: 6px;right: -13px;clip: rect(auto auto 26px 2px);}
.rarrow:after {top: 6px;right: -12px;clip: rect(auto auto 26px 2px);}
.gray.rarrow:before {background: #d6dbe0;}
.gray.rarrow:after {box-shadow: 0 1px 0 #fff inset, -1px 0 0 #b7babd inset;background: -webkit-linear-gradient(top left, #f2f3f7, #e4e8ec);background: -moz-linear-gradient(top left, #f2f3f7, #e4e8ec);background: linear-gradient(top left, #f2f3f7, #e4e8ec);}
.black.rarrow:before {background: #333;}
.black.rarrow:after {box-shadow: 0 1px 0 #8B8B8B inset, -1px 0 0 #3d3d3d inset, -2px 0 0 #8B8B8B inset;background: -webkit-linear-gradient(top left, #656565, #4C4C4C);background: -moz-linear-gradient(top left, #656565, #4C4C4C);background: linear-gradient(top left, #656565, #4C4C4C);}
.red.rarrow:before {background: #B42323;}
.red.rarrow:after {box-shadow: 0 1px 0 #E99494 inset, -1px 0 0 #954B4B inset, -2px 0 0 #E99494 inset;background: -webkit-linear-gradient(top left, #D53939, #B92929);background: -moz-linear-gradient(top left, #D53939, #B92929);background: linear-gradient(top left, #D53939, #B92929);}
.yellow.rarrow:before {background: #D2A000;}
.yellow.rarrow:after {box-shadow: 0 1px 0 #FEDD71 inset, -1px 0 0 #A38B39 inset, -2px 0 0 #FEDD71 inset;background: -webkit-linear-gradient(top left, #FECE34, #D8A605);background: -moz-linear-gradient(top left, #FECE34, #D8A605);background: linear-gradient(top left, #FECE34, #D8A605);}
.green.rarrow:before {background: #64C878;}
.green.rarrow:after {box-shadow: 0 1px 0 #B9ECC4 inset, -1px 0 0 #6C9F76 inset, -2px 0 0 #B9ECC4 inset;background: -webkit-linear-gradient(top left, #90DFA2, #84D494);background: -moz-linear-gradient(top left, #90DFA2, #84D494);background: linear-gradient(top left, #90DFA2, #84D494);}
.blue.rarrow:before {background: #1E7DB9;}
.blue.rarrow:after {box-shadow: 0 1px 0 #8FCAEE inset, -1px 0 0 #497897 inset, -2px 0 0 #8FCAEE inset;background: -webkit-linear-gradient(top left, #42A4E0, #2E88C0);background: -moz-linear-gradient(top left, #42A4E0, #2E88C0);background: linear-gradient(top left, #42A4E0, #2E88C0);}
.larrow:before {top: 6px;left: -13px;width: 27px;height: 27px;clip: rect(2px 26px auto auto);}
.larrow:after {top: 6px;left: -12px;clip: rect(2px 26px auto auto);}
.gray.larrow:before {background: #d6dbe0;}
.gray.larrow:after {box-shadow: 0 -1px 0 #b7babd inset, 1px 0 0 #fff inset;background: -webkit-linear-gradient(top left, #f2f3f7, #e4e8ec);background: -moz-linear-gradient(top left, #f2f3f7, #e4e8ec);background: linear-gradient(top left, #f2f3f7, #e4e8ec);}
.black.larrow:before {background: #333;}
.black.larrow:after {box-shadow: 0 -1px 0 #3d3d3d inset, 0 -2px 0 #8B8B8B inset, 1px 0 0 #8B8B8B inset;background: -webkit-linear-gradient(top left, #656565, #4C4C4C);background: -moz-linear-gradient(top left, #656565, #4C4C4C);background: linear-gradient(top left, #656565, #4C4C4C);}
.red.larrow:before {background: #B42323;}
.red.larrow:after {box-shadow: 0 -1px 0 #954B4B inset, 0 -2px 0 #E99494 inset, 1px 0 0 #E99494 inset;background: -webkit-linear-gradient(top left, #D53939, #B92929);background: -moz-linear-gradient(top left, #D53939, #B92929);background: linear-gradient(top left, #D53939, #B92929);}
.yellow.larrow:before {background: #D2A000;}
.yellow.larrow:after {box-shadow: 0 -1px 0 #A38B39 inset, 0 -2px 0 #FEDD71 inset, 1px 0 0 #FEDD71 inset;background: -webkit-linear-gradient(top left, #FECE34, #D8A605);background: -moz-linear-gradient(top left, #FECE34, #D8A605);background: linear-gradient(top left, #FECE34, #D8A605);}
.green.larrow:before {background: #64C878;}
.green.larrow:after {box-shadow: 0 -1px 0 #6C9F76 inset, 0 -2px 0 #B9ECC4 inset, 1px 0 0 #B9ECC4 inset;background: -webkit-linear-gradient(top left, #90DFA2, #84D494);background: -moz-linear-gradient(top left, #90DFA2, #84D494);background: linear-gradient(top left, #90DFA2, #84D494);}
.blue.larrow:before {background: #1E7DB9;}
.blue.larrow:after {box-shadow: 0 -1px 0 #497897 inset, 0 -2px 0 #8FCAEE inset, 1px 0 0 #8FCAEE inset;background: -webkit-linear-gradient(top left, #42A4E0, #2E88C0);background: -moz-linear-gradient(top left, #42A4E0, #2E88C0);background: linear-gradient(top left, #42A4E0, #2E88C0);}
.gray:hover {background: -webkit-linear-gradient(top, #fefefe, #ebeced);background: -moz-linear-gradient(top, #f2f3f7, #ebeced);background: linear-gradient(top, #f2f3f7, #ebeced);}
.gray2:hover {background:#b73e3e; color: #fff;}
.black:hover {background: -webkit-linear-gradient(top, #818181, #575757);background: -moz-linear-gradient(top, #818181, #575757);background: linear-gradient(top, #818181, #575757);}
.red:hover {background: -webkit-linear-gradient(top, #eb6f6f, #c83c3c);background: -moz-linear-gradient(top, #eb6f6f, #c83c3c);background: linear-gradient(top, #eb6f6f, #c83c3c);}
.yellow:hover {background: -webkit-linear-gradient(top, #ffd859, #e3bb38);background: -moz-linear-gradient(top, #ffd859, #e3bb38);background: linear-gradient(top, #ffd859, #e3bb38);}
.green:hover {background: -webkit-linear-gradient(top, #aaebb9, #82d392);background: -moz-linear-gradient(top, #aaebb9, #82d392);background: linear-gradient(top, #aaebb9, #82d392);}
.blue:hover {background: -webkit-linear-gradient(top, #70bfef, #4097ce);background: -moz-linear-gradient(top, #70bfef, #4097ce);background: linear-gradient(top, #70bfef, #4097ce);}
.gray:active {top: 1px;box-shadow: 0 1px 3px #a8abae inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #e4e8ec, #e4e8ec);background: -moz-linear-gradient(top, #e4e8ec, #e4e8ec);background: linear-gradient(top, #e4e8ec, #e4e8ec);}
.gray2:active {background:#b73e3e; color: #fff;}
.black:active {top: 1px;box-shadow: 0 1px 3px #111 inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #424242, #575757);background: -moz-linear-gradient(top, #424242, #575757);background: linear-gradient(top, #424242, #575757);}
.red:active {top: 1px;box-shadow: 0 1px 3px #5b0505 inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #b11a1a, #bf2626);background: -moz-linear-gradient(top, #b11a1a, #bf2626);background: linear-gradient(top, #b11a1a, #bf2626);}
.yellow:active {top: 1px;box-shadow: 0 1px 3px #816b1f inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #d3a203, #dba907);background: -moz-linear-gradient(top, #d3a203, #dba907);background: linear-gradient(top, #d3a203, #dba907);}
.green:active {top: 1px;box-shadow: 0 1px 3px #4d7254 inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #5eac6e, #72b37e);background: -moz-linear-gradient(top, #5eac6e, #72b37e);background: linear-gradient(top, #5eac6e, #72b37e);}
.blue:active {top: 1px;box-shadow: 0 1px 3px #114566 inset, 0 3px 0 #fff;background: -webkit-linear-gradient(top, #1a71a8, #1976b1);background: -moz-linear-gradient(top, #1a71a8, #1976b1);background: linear-gradient(top, #1a71a8, #1976b1);}
.gray.side:hover:after {background: -webkit-linear-gradient(right, #e7ebee, #f8f8f8 60%);background: -moz-linear-gradient(right, #e7ebee, #f8f8f8 60%);background: linear-gradient(right, #e7ebee, #f8f8f8 60%);}
.black.side:hover:after {background: -webkit-linear-gradient(right, #555, #6f6f6f 60%);background: -moz-linear-gradient(right, #555, #6f6f6f 60%);background: linear-gradient(right, #555, #6f6f6f 60%);}
.red.side:hover:after {background: -webkit-linear-gradient(right, #c43333, #dc4949 60%);background: -moz-linear-gradient(right, #c43333, #dc4949 60%);background: linear-gradient(right, #c43333, #dc4949 60%);}
.yellow.side:hover:after {background: -webkit-linear-gradient(right, #e1b21a, #fbc71d 60%);background: -moz-linear-gradient(right, #e1b21a, #fbc71d 60%);background: linear-gradient(right, #e1b21a, #fbc71d 60%);}
.green.side:hover:after {background: -webkit-linear-gradient(right, #85da95, #94e0a5 60%);background: -moz-linear-gradient(right, #85da95, #94e0a5 60%);background: linear-gradient(right, #85da95, #94e0a5 60%);}
.blue.side:hover:after {background: -webkit-linear-gradient(right, #338fc8, #56b2eb 60%);background: -moz-linear-gradient(right, #338fc8, #56b2eb 60%);background: linear-gradient(right, #338fc8, #56b2eb 60%);}
.gray.side:active:after {top: 4px;border-top: 1px solid #9fa6ab;box-shadow: -1px 0 1px #a8abae inset;background: -webkit-linear-gradient(right, #e4e8ec, #e4e8ec 60%);background: -moz-linear-gradient(right, #e4e8ec, #e4e8ec 60%);background: linear-gradient(right, #e4e8ec, #e4e8ec 60%);}
.black.side:active:after {box-shadow: -1px 0 1px #111 inset;background: -webkit-linear-gradient(right, #414040, #4d4c4c 60%);background: -moz-linear-gradient(right, #414040, #4d4c4c 60%);background: linear-gradient(right, #414040, #4d4c4c 60%);}
.red.side:active:after {box-shadow: -1px 0 1px #4b0707 inset;background: -webkit-linear-gradient(right, #b11a1a, #b11a1a 60%);background: -moz-linear-gradient(right, #b11a1a, #b11a1a 60%);background: linear-gradient(right, #b11a1a, #b11a1a 60%);}
.yellow.side:active:after {box-shadow: -1px 0 1px #816b1f inset;background: -webkit-linear-gradient(right, #d3a203, #dba907 60%);background: -moz-linear-gradient(right, #d3a203, #dba907 60%);background: linear-gradient(right, #d3a203, #dba907 60%);}
.green.side:active:after {box-shadow: -1px 0 1px #33663d inset;background: -webkit-linear-gradient(right, #63a870, #72b37e 60%);background: -moz-linear-gradient(right, #63a870, #72b37e 60%);background: linear-gradient(right, #63a870, #72b37e 60%);}
.blue.side:active:after {box-shadow: -1px 0 1px #114566 inset;background: -webkit-linear-gradient(right, #1a71a8, #1976b1 60%);background: -moz-linear-gradient(right, #1a71a8, #1976b1 60%);background: linear-gradient(right, #1a71a8, #1976b1 60%);}
.gray.rarrow:hover:after, .gray.rarrow:hover:after {background: -webkit-linear-gradient(top left, #fefefe, #ebeced);background: -moz-linear-gradient(top left, #fefefe, #ebeced);background: linear-gradient(top left, #fefefe, #ebeced);}
.black.rarrow:hover:after, .black.larrow:hover:after {background: -webkit-linear-gradient(top left, #818181, #575757);background: -moz-linear-gradient(top left, #818181, #575757);background: linear-gradient(top left, #818181, #575757);}
.red.rarrow:hover:after, .red.larrow:hover:after {background: -webkit-linear-gradient(top left, #eb6f6f, #c83c3c);background: -moz-linear-gradient(top left, #eb6f6f, #c83c3c);background: linear-gradient(top left, #eb6f6f, #c83c3c);}
.yellow.rarrow:hover:after, .yellow.larrow:hover:after {background: -webkit-linear-gradient(top left, #ffd859, #e3bb38);background: -moz-linear-gradient(top left, #ffd859, #e3bb38);background: linear-gradient(top left, #ffd859, #e3bb38);}
.green.rarrow:hover:after, .green.larrow:hover:after {background: -webkit-linear-gradient(top left, #aaebb9, #82d392);background: -moz-linear-gradient(top left, #aaebb9, #82d392);background: linear-gradient(top left, #aaebb9, #82d392);}
.blue.rarrow:hover:after, .blue.larrow:hover:after {background: -webkit-linear-gradient(top left, #70bfef, #4097ce);background: -moz-linear-gradient(top left, #70bfef, #4097ce);background: linear-gradient(top left, #70bfef, #4097ce);}
.gray.rarrow:active:after, .gray.larrow:active:after {background: -webkit-linear-gradient(top left, #e4e8ec, #e4e8ec);background: -moz-linear-gradient(top left, #e4e8ec, #e4e8ec);background: linear-gradient(top left, #e4e8ec, #e4e8ec);}
.black.rarrow:active:after, .black.larrow:active:after {background: -webkit-linear-gradient(top left, #424242, #575757);background: -moz-linear-gradient(top left, #424242, #575757);background: linear-gradient(top left, #424242, #575757);}
.red.rarrow:active:after, .red.larrow:active:after {background: -webkit-linear-gradient(top left, #b11a1a, #bf2626);background: -moz-linear-gradient(top left, #b11a1a, #bf2626);background: linear-gradient(top left, #b11a1a, #bf2626);}
.yellow.rarrow:active:after, .yellow.larrow:active:after {background: -webkit-linear-gradient(top left, #d3a203, #dba907);background: -moz-linear-gradient(top left, #d3a203, #dba907);background: linear-gradient(top left, #d3a203, #dba907);}
.green.rarrow:active:after, .green.larrow:active:after {background: -webkit-linear-gradient(top left, #63a870, #72b37e);background: -moz-linear-gradient(top left, #63a870, #72b37e);background: linear-gradient(top left, #63a870, #72b37e);}
.blue.rarrow:active:after, .blue.larrow:active:after {background: -webkit-linear-gradient(top left, #1a71a8, #1976b1);background: -moz-linear-gradient(top left, #1a71a8, #1976b1);background: linear-gradient(top left, #1a71a8, #1976b1);}
.gray.rarrow:active:after {box-shadow: 0 1px 0 #b7babd inset, -1px 0 0 #b7babd inset;}
.gray.larrow:active:after {box-shadow: 0 -1px 0 #b7babd inset, 1px 0 0 #b7babd inset;}
.black.rarrow:active:after {box-shadow: 0 1px 0 #333 inset, -1px 0 0 #333 inset;}
.black.larrow:active:after {box-shadow: 0 -1px 0 #333 inset, 1px 0 0 #333 inset;}
.red.rarrow:active:after {box-shadow: 0 1px 0 #640909 inset, -1px 0 0 #640909 inset;}
.red.larrow:active:after {box-shadow: 0 -1px 0 #640909 inset, 1px 0 0 #640909 inset;}
.yellow.rarrow:active:after {box-shadow: 0 1px 0 #816b1f inset, -1px 0 0 #816b1f inset;}
.yellow.larrow:active:after {box-shadow: 0 -1px 0 #816b1f inset, 1px 0 0 #816b1f inset;}
.green.rarrow:active:after {box-shadow: 0 1px 0 #4d7254 inset, -1px 0 0 #4d7254 inset;}
.green.larrow:active:after {box-shadow: 0 -1px 0 #4d7254 inset, 1px 0 0 #4d7254 inset;}
.blue.rarrow:active:after {box-shadow: 0 1px 0 #114566 inset, -1px 0 0 #114566 inset;}
.blue.larrow:active:after {box-shadow: 0 -1px 0 #114566 inset, 1px 0 0 #114566 inset;}
/******************************/ 

ul.list18 {width: 100%;overflow: hidden;display: block;font-size: 18px;font-family: microsoft yahei;}
ul.list18 li {margin: 0px;padding: 0px;overflow: hidden;display: block;height: 60px;line-height: 30px; margin-bottom: 20px;}
ul.list18 li a, ul.list18 li a:visited {color: #333;display: block;overflow: hidden;padding-left: 15px;}
ul.list18 li a:hover {color: #cc0000;}
ul.list18 li i{width:18px; height: 18px; float:left; background: #fff; margin-top: 8px;}
ul.list18 li:hover i{ background: #b73e3e;}
ul.list18 li span.date {font-size: 12px;color: #888;float: right;padding-right: 5px;}
ul.list18 li.line {height: 5px;line-height: 5px;border-bottom: 1px solid #eee;margin: 10px 0 15px 0;}

ul.list14b {width: 100%;display: block;overflow: hidden;float: left;}
ul.list14b li {width: 44.5%;margin: 0px;padding: 0px;overflow: hidden;display: block;float: left;margin-right: 2%;}
ul.list14b li a, ul.list14b li a:visited {color: #000;padding: 0px 6px 0px 10px;height: 46px;line-height: 46px;font-size: 16px;display: block;background: #fff url(../images/ico_02.jpg) no-repeat 0px 13px;overflow: hidden;margin-bottom: 15px;}
ul.list14b li a:hover {color: #cc0000;}
ul.list14b li span.date {font-size: 12px;color: #888;float: right;padding-right: 5px;}
ul.list14b li a:hover {box-shadow: 0 5px 3px #9bb797;}

/*************/
/***************琛ㄥ崟 *************/
/* Basic Grey 
.basic-grey {margin-left: auto;margin-right: auto;width: 100%;background: #F7F7F7; padding: 0 0 30px 0; font: 16px simsun, micorsoft yahei;color: #888;text-shadow: 1px 1px 1px #FFF;border: 1px solid #E4E4E4;}
.basic-grey h1 {line-height: 60px; font-size:  26px;padding: 0px 0px 0 40px;display: block;border-bottom: 1px solid #E4E4E4;color: #888; margin-bottom: 20px;}
.basic-grey h1 > span {display: block;font-size: 16px;}
.basic-grey label {display: block;margin: 0px; overflow: hidden;}
.basic-grey label > span {float: left;width: 15%;text-align: right;padding-right: 10px;margin-top: 10px;color: #888;}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {border: 1px solid #DADADA;color: #888;height: 30px;margin-bottom: 16px;margin-right: 6px;margin-top: 2px;outline: 0 none;padding: 3px 3px 3px 5px;width: 70%;font-size: 16px;line-height: 20px;box-shadow: inset 0px 1px 4px #ECECEC;-moz-box-shadow: inset 0px 1px 4px #ECECEC;-webkit-box-shadow: inset 0px 1px 4px #ECECEC;}
.basic-grey textarea {padding: 5px 3px 3px 5px;}
.basic-grey select {background: #FFF url('down-arrow.png') no-repeat right;background: #FFF url('down-arrow.png') no-repeat right);appearance: none;-webkit-appearance: none;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';width: 70%;height: 35px;line-height: 25px;}
.basic-grey textarea {height: 100px;}
.basic-grey .button {font-size: 20px; background: #E27575;border: none;padding: 10px 25px 10px 25px;color: #FFF;box-shadow: 1px 1px 5px #B6B6B6;border-radius: 3px;text-shadow: 1px 1px 1px #9E3F3F;cursor: pointer;}
.basic-grey .button:hover {background: #CF7A7A}
.basic-grey .button.gray {color: #8c96a0;text-shadow: 1px 1px 1px #fff;border: 1px solid #dce1e6;box-shadow: 0 1px 2px #fff inset, 0 -1px 0 #a8abae inset;background: -webkit-linear-gradient(top, #f2f3f7, #e4e8ec);background: -moz-linear-gradient(top, #f2f3f7, #e4e8ec);background: linear-gradient(top, #f2f3f7, #e4e8ec);}
.basic-grey .button.gray:hover {background: -webkit-linear-gradient(top, #fefefe, #ebeced);background: -moz-linear-gradient(top, #f2f3f7, #ebeced);background: linear-gradient(top, #f2f3f7, #ebeced);}
.basic-grey img{ display:inline-block; width: 110px; height: 34px; float: left; padding-left: 20px; margin-top: 3px;}

*/

