/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 */
html, body, div, span, object, iframe,
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;-webkit-tap-highlight-color:rgba(255,255,255,0);}
body {line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
li,ol{list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-tap-highlight-color:rgba(255,255,255,0);}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
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;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
input[type="submit"],
 input[type="reset"],
 input[type="button"],
 select,
 button {
 -webkit-appearance: none;
 }
 
input[type=radio] {
-webkit-appearance: none;
appearance: none;
margin: 0;
cursor: pointer;
vertical-align: bottom;
background: #fff;
border: 1px solid #B2B2B2;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;

}
input[type=radio] {
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
width: 16px;
height: 16px;
vertical-align: middle;
margin-top: -4px;
}
input[type=radio]:checked{
  border: 1px solid #4BC0B8;
}
input[type=radio]:checked::after {
content: '';
display: block;
position: relative;
top: 3px;
left: 3px;
width: 8px;
height: 8px;
background: #4BC0B8;

-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
 
/*global*/
body{font: normal 100% SimHei,Microsoft YaHei, Arial, sans-serif;color:#333;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.fr{float:right;}
.fl{float:left;}
.pr{position:relative;}
/*a*/
a{color:#333;text-decoration:none;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*color*/
.c-red{color:red;}
.c-orange{color:#f86808;}
.c-gray{color:#bbb;}

/*font-size*/
.f12{font-size:0.75em;}
.f14{font-size:0.875em;}
.f16{font-size:1em;}
.f18{font-size:1.125em;}
.f20{font-size:1.25em;}
.f22{font-size:1.375em;}
.f24{font-size:1.5em;}
.f26{font-size:1.625em;}
.f28{font-size:1.75em;}
.f30{font-size:1.875em;}
.f32{font-size:2em;}

/*margin*/
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb3{margin-bottom:3px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}

.search-view{height:40px;border:solid 1px #ddd;border-radius:.3em;color:#afafaf;text-align:center;font-size:14px;line-height:40px}
.icon-search{display:inline-block;width:20px;height:16px;background:url(../images/icon-zoom.png) 0 0 no-repeat;background-size:16px;vertical-align:middle}

