@CHARSET "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/* vertical-align: baseline; */
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/**reset more**/
input, label, img, th, select {vertical-align: middle}
i {font-style: normal}
img {max-width:100%}

/**btn**/
.text-btn {
    background: #66C2A4;/* #3AB9EC */
    border-bottom: 1px solid #00AA90;
	border-radius: 2px;
    box-shadow: 1px 1px 1px #CCCCCC;
    color: #FFF;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
}
a.text-btn:hover {
    color: #FFF;
}
a.ge-btn, .auto-btn, .act-btn, .comm-btn, .submit-btn, a.return-btn, .hl-btn, .oper-btn {
	background: #66C2A4;/* #169EDD; */
	display: inline-block;
	text-align: center;
    text-decoration: none;
    white-space: nowrap;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	color: #FFF;
	cursor:pointer;
	font-weight:bold;
	border: 0 none;
	padding: 0;
	border-radius: 2px;
    box-shadow: 0 1px 0 #BEBEBE;
	margin-bottom: 8px;
}
.act-btn, a.act-btn:hover {background:#febe44;color:#8c4f25;box-shadow:0 1px 0 #f7873a;}
.hl-btn {
	background:#F5A423;
}
.oper-btn {
	height: 22px;
	line-height: 22px;
	padding:0 6px;
}
a.return-btn {
	background:#F5A423;
	width: 80px;
}
.comm-btn, .comm-btn:hover{background: #AAA;padding: 0 6px;color:#FFF}
.comm-btn:hover {background-color:#999}
a.auto-btn, a.hl-btn, a.act-btn {
	padding: 0 8px;
	margin-right: 6px;
}
a.return-btn:hover,a.auto-btn:hover,a.ge-btn:hover,a.hl-btn:hover,a.oper-btn:hover {
text-decoration: none;
color:#FFF;
}
a.large-btn, a.large-btn:hover {padding: 6px 20px;}
a.dash-btn {
	border: 1px dotted #CCC;
    display: inline-block;
	text-align: center;
	line-height: 22px;
	height: 22px;
	padding: 0 5px;
    width: 80px;
	margin: 0 8px 6px 0;
	_border: 1px solid #EFEFEF;
}
a.dash-btn:hover {background-color: #66C2A4;color:#FFF;border:1px solid #66C2A4;text-decoration:none}
.btn-64 {
	background-position: 0 0;
	width: 64px;
}
.btn-80 {
	background-position: 0 -50px;
	width: 80px;
}
.btn-96 {
	background-position: 0 -100px;
	width: 96px;
}
.btn-112 {
	background-position: 0 -150px;
	width: 112px;
}
.btn-128 {
	background-position: 0 -200px;
	width: 128px;
}
.btn-144 {
	background-position: 0 -250px;
	width: 144px;
}

/** clear float **/
.clb {clear: both;height: 1px;overflow: hidden}
.clf {clear: left;height: 0px;overflow: hidden}
.clr {clear: right;height: 0px;overflow: hidden}
.clfix {clear: both;overflow: hidden}
.fl {float: left}
.fr {float: right}

/**position**/
.pr {position: relative}
.pa {position: absolute}

/**padding**/
.p6 {padding: 6px}
.p10 {padding: 10px}
.p16 {padding: 16px}
.p20 {padding: 20px}
.pt10 {padding-top: 10px}
.pt20 {padding-top: 20px}
.pt30 {padding-top: 30px}
.pb10 {padding-bottom: 10px}
.pb20 {padding-bottom: 20px}
.pb30 {padding-bottom: 30px}

/**margin**/
.mtb-space {margin-top: 28px; margin-bottom: 28px}
.mt-space {margin-top: 28px}
.mb-space {margin-bottom: 28px}
.m10 {margin: 10px}
.m16 {margin: 16px}
.m20 {margin: 20px}
.m0 {margin: 0px}
.mt4 {margin-top: 4px}
.mt10 {margin-top: 10px}
.mt16 {margin-top: 16px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mt0 {margin-top: 0px}
.mb10 {margin-bottom: 10px}
.mb16 {margin-bottom: 16px}
.mb20 {margin-bottom: 20px}
.mb30 {margin-bottom: 30px}
.mb0 {margin-bottom: 0px}
.mtb10 {margin: 10px 0}
.mtb16 {margin: 16px 0}
.ml4 {margin-left: 4px}
.ml6 {margin-left: 6px}
.ml10 {margin-left: 10px}
.ml16 {margin-left: 16px}
.mr4 {margin-right:4px}
.mr6 {margin-right:6px}
.mr10 {margin-right:10px}
.mr16 {margin-right:16px}
.mr0 {margin-right:0px}

/**height**/
.h1 {height: 1px}
.h6 {height: 6px}
.h10 {height: 10px}
.h16 {height: 16px}
.h20 {height: 20px}
.hspace {height: 28px}

/**width**/
.w640 {width: 640px}
.w500 {width: 500px}
.w_90 {width: 90%;display:block}
.w_100 {width: 100%;display:block}

/**font size**/
.fs14 {font-size: 14px}
.fs15 {font-size: 15px}
.fs16 {font-size: 16px}
.fs18 {font-size: 18px}
.fs20 {font-size: 20px}
.fs27 {font-size: 27px}

/**border**/
.border-box {border: 1px solid #E0E0E0; border-radius: 4px;box-shadow: 1px 1px 0px #DEDEDE;}
.border-b1 {border-bottom: 1px solid #E8E8E8}
.border-b2-n {border-bottom: 2px solid #CAC8C2}
.bd-t {border-top: 1px solid #E8E8E8}

/**border**/
.vv-bd {border: 1px solid #E0E0E0}
.vv-bdl {border-left: 1px solid #E0E0E0}
.vv-bdr {border-right: 1px solid #E0E0E0}
.vv-bdt {border-top: 1px solid #E0E0E0}
.vv-bdb {border-bottom: 1px solid #E0E0E0}
.vv-bd-dotted {border: 1px dotted #E0E0E0}
.vv-bdl-dotted {border-left: 1px dotted #E0E0E0}
.vv-bdr-dotted {border-right: 1px dotted #E0E0E0}
.vv-bdt-dotted {border-top: 1px dotted #E0E0E0}
.vv-bdb-dotted {border-bottom: 1px dotted #E0E0E0}
.vv-bdt-n {border-top: 1px solid #a7a7ab;-webkit-box-shadow: rgba(255,255,255,.3) 0 1px 0 inset;box-shadow: rgba(255,255,255,.3) 0 1px 0 inset;}
.vv-bdb-n {border-bottom: 1px solid #a7a7ab;-webkit-box-shadow: rgba(255,255,255,.3) 0 1px 0 inset;box-shadow: rgba(255,255,255,.3) 0 1px 0 inset;}

/**box**/
.vv-box, .vv-bd-box {position:relative;}
.vv-bd-box {box-shadow: rgba(0,0,0,.1) 0px 1px 2px;}
.vv-img-box {margin: auto; text-align: center}
.vv-img-fw {width: 100%; height:auto}
.vv-form-box {margin: 12px}

/**background**/
.vv-bg-page {background-color: #F3F3F3}
.vv-bg-gray {background-color: #FAFAFA}
.vv-bg-gray1 {background-color: #AAA}
.vv-bg-w {background-color: #FFF}
.vv-bg-hl {background-color: #FC546B}
.vv-bg-c {background-color: #F5A423}
.vv-bg-l {background-color: #FF9999}
.vv-bg-cl {background-color: #FFF9E7}

/**color**/
.vv-cl-page {color: #333}
.vv-cl-gray, a.vv-cl-gray {color: #777}
.vv-cl-dark {color: #000}
.vv-cl-hl {color: #fc546b}
.vv-cl-contrast, .vv-cl-c {color: #F5771A}
.vv-cl-act, a.vv-cl-act, a.vv-cl-act:hover {color:#007aff}
.vv-cl-w, a.vv-cl-w, a.vv-cl-w:hover {color:#FFF}

/**line height**/
.lh1 {line-height: 1}

/**line**/
.line-x {border-bottom: 1px solid #DDD;}
.line-x-dashed {border-bottom: 1px dashed #DDD;}

/**bg**/
.bg-gray {background:#EDEDED}
.bg-white {background-color: #FFF}
.bg-mc {background-color: #F4B301}
.bg-ac {background-color: #F4B301}
.bg-ac-1 {background-color: #FFF8E4}
.bg-c {background-color: #FC546B}
.bg-ac-2 {background-color:#3ec0a3}
.bg-ac-3 {background-color:#f55555}

/**other**/
.vv-overlay-black {
overflow: hidden;
filter: Alpha(opacity=50);
background: #000;
background: rgba(0,0,0,.5);
color: #FFF;
}
.vv-round-img {border-radius: 50%}
.vv-ta-c {text-align:center}
.box-shadow {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.click {cursor: pointer;}
.hidden, .hide {display:none;}
.block {display:block}
.red {color: red}
.gray {color: #BBB}
.strong {font-weight: bold}
.align-center {text-align:center}
.gray-desc,.gray-link a {color: #999999;font-size: 12px;}
.bolder {font-weight: bolder}
.trans-50 {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5}