/*common css reset
   v2.0 | 20150103
   author:bamboo;
*/
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-style: normal; }

/* 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; }
body { font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'Microsoft Yahei', 'Open Sans', Verdana, 'Lantinghei TC', 'Hiragino Kaku Gothic ProN', 'Heiti TC', sans-serif; font-size: 14px; background: #f5f5f5 }
a { color: #ce2c39; text-decoration: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { *+height: 1%; }
.fl { float: left }
.fr { float: right; }
.wrap { width: 1290px; margin: auto }
.homewrap { width: 1366px; margin: auto; position: relative; }
.fixedhead-wrap { padding-top: 73px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.uicon, .side-tit, .serv-icon { display: inline-block; background: url(../images/sprite_home.png) no-repeat; }
.txt-gray { color: #999 }
.txt-red { color: #f00; }
.homemain { width: 1085px; float: left; }
.toprecomend { margin-top: 30px; width: 1085px }
.toprecomend-anchor { width: 685px; float: right; }
.rec-anchor-list { position: relative; width: 700px; left: -15px; height: 390px; overflow: hidden; }
.rec-anchor-list li img { width: 160px; height: 120px; }
.rec-anchor-list li { display: inline-block; width: 160px; height: 120px; position: relative; line-height: 16px; vertical-align: middle; float: left; overflow: hidden; margin: 0 0 15px 15px; cursor: pointer; }
.rec-anchor-list li a { display: inline-block; width: 100%; height: 100%; color: #fff; }
.rec-anchor-list li:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.rec-anchor em.starLV { margin-right: 3px; }
.hgame-list { width: 1085px; position: relative; margin: 0; float: left; }
.hgame-list ul { position: relative; left: -35px; width: 1120px; }
.hgame-list ul li { display: inline-block; width: 245px; float: left; padding: 0 0 0 35px; }
.hgame-list ul li h2 { font-size: 14px; color: #444; padding: 10px 0 5px 0; }
.hgame-list ul li p { color: #666; font-size: 12px; }
.family-anchor { position: relative; left: -20px; width: 1110px; }
.family-anchor img { width: 160px; height: 120px; }
.family-anchor li { display: block; float: left; background: #fff; font-size: 12px; color: #444; width: 160px; overflow: hidden; margin-left: 20px; box-shadow: 1px 1px 3px #d6d6d6; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.family-anchor li.cur, .family-anchor-single { width: 364px; }
.family-anchor-item { width: 160px; position: relative; }
.family-anchor-item .anchor-list-fulmask { top: 90px; left: 0; }
.family-anchor-item .rec-anchor-name { max-width: 75px; }
.family-anchor-item .family-anchor-names { padding: 10px 5px; font-size: 12px; }
.family-anchor a p { color: #444 }
.family-anchor a .family-anchor-info { color: #444 }
.family-anchor a .anchor-viewer { color: #fff; }
.family-anchor .icon-clock { background-position: -288px 0; }
.family-anchor-info { width: 184px; padding-left: 10px; padding-right: 10px; }
.family-anchor-info .family-name { margin-top: 5px; }
.family-anchor-info .family-name strong { font-size: 14px; font-weight: bold; }
.family-anchor-info .rec-txt h2 { font-size: 14px; font-weight: bold; padding: 10px 0; }
.family-anchor-info .rec-txt p { line-height: 1.5em }
.hweek-anchor { margin-top: 0; *margin-top: 30px;  /* For IE7 and earlier */ _margin-top: 30px;  /* For IE6 and earlier */ }
.anchor-hot-list ul { display: inline-block; float: left; position: relative; left: -21px; width: 1106px; }
.anchor-hot-list ul li { display: inline-block; float: left; width: 200px; font-size: 12px; margin: 0 0 30px 21px; box-shadow: 1px 1px 3px #d6d6d6; border-radius: 5px; max-height: 209px; overflow: hidden; }
.anchor-hot-list ul li p { display: inline-block; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; width: 180px; padding: 10px; vertical-align: middle; }
.anchor-hot-list ul li p span.anchor-time { display: block; clear: both; margin-top: 10px; width: 100%; }
.anchor-hot-list ul li p span.rec-anchor-name { margin-left: 5px; }
.anchor-hot-list ul li .anchor-img { display: inline-block; width: 200px; height: 150px; position: relative; color: #fff; overflow: hidden; }
.anchor-viewer { padding: 0 5px; }
.anchor-hot-list ul li .anchor-img img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.anchor-hot-list ul li .anchor-img:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); }
.anchor-list-fulmask { display: inline-block; width: 100%; position: absolute; height: 30px; line-height: 30px; bottom: 0; left: 0; background: url(../images/picbg-v2.png) repeat-x left bottom; }
.anchor-hot-list ul li img { width: 200px; height: 150px; }
.anchor-week #week-anchor-scroll { width: 1110px; position: relative; left: -20px }
.anchor-week #week-anchor-scroll .item { float: left; margin-left: 20px; }
#week-anchor-scroll .item { height: 237px; padding-top: 75px; }
#week-anchor-scroll .item .anchor-week-head img { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.anchor-week-single { width: 180px; float: left; height: 131px; background: #fff; border-radius: 10px; box-shadow: 1px 1px 3px #d6d6d6; position: relative; padding: 90px 10px 10px 10px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.innerbody { background: #fff }

/*top*/
.tophead { width: 100%; height: 73px; background: url(../images/top_bg.png) no-repeat 50% 100%; position: fixed; z-index: 9999; top: 0; left: 0; }
.toplogo { display: inline-block; width: 180px; height: 49px; background: url(../images/logo.png) no-repeat; text-indent: -999em; margin: 12px 0; float: left; }
.topnav { float: left; list-style: none; margin-left: 15px; }
.topnav li { display: inline-block; float: left; line-height: 73px; font-size: 16px; }
.topnav li.cur a { background: #c33c53; color: #fff; }
.topnav li a { display: inline-block; padding: 0 15px; color: #fff; }
.ustatus { width: 120px; }
.uhead { width: 30px; height: 30px; background-position: -286px -24px; position: relative; display: block; margin: 10px auto 3px auto }
.login-before { line-height: 22px; color: #999; position: relative; text-align: center; color: #ddd }
.login-before a { font-size: 16px; margin: 0 10px; color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.login-before a:hover { color: #fdffda; text-decoration: underline; }
.uhead-arrow { width: 11px; height: 11px; background-position: -122px -694px; position: relative; top: 12px; left: 10px; }
.top-search-key { width: 190px; border: 1px solid #ddd; border-radius: 15px; height: 18px; background: #f4f4f4; outline: none; padding: 5px 40px 5px 10px; color: #a71f35 }
.topsearch .top-search-btn { width: 30px; height: 20px; display: inline-block; background-position: -325px 1px; border-width: 0 0 0 1px; border-style: solid; border-color: #a71f35; padding: 0 10px; cursor: pointer; outline: none; position: absolute; right: 5px; top: 5px; }
.topsearch { position: relative; margin: 20px 20px 0 20px }

/*bxslide*/
.bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; overflow: hidden; }
.bx-wrapper img { max-width: 100%; display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport { left: -5px; background: transparent;	/*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(../images/loading.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url(../images/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url(../images/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

/*foot*/
.foot_wrap { width: 100%; background: #e3e3e3; clear: both; }
.foot { width: 100%; margin: auto; height: 177px; overflow: hidden; }
.f_link { text-align: center; margin: 10px 0; }
.f_link a, .copy a { font-size: 14px; display: inline-block; margin: 0 5px; color: #444; }
.copy { text-align: center; color: #444; font-size: 12px; line-height: 20px; }
.ft_logo { width: 512px; height: 62px; margin: 10px auto; background: url(../images/ft_logo.png); }

/*用户登录状态*/
.login-after { position: relative; }
.u-bar { height: 73px; }
.u-bar dt, .u-bar dd { display: inline-block; float: left; }
.u-bar dd { padding: 18px 0 0 5px; }
.u-bar dt { position: relative; }
.u-bar dd p { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80px; margin-bottom: 5px; }
.u-bar dt img { width: 50px; height: 50px; overflow: hidden; border-radius: 25px; border: 2px solid #999; position: relative; top: 10px; }
.u-op { position: absolute; top: 73px; left: -162px; border: 1px solid #ddd; height: 282px; background: #fff; z-index: 999; padding: 20px; width: 240px; box-shadow: 1px 1px 4px #999; float: left; height: auto; }
.n-edit { width: 16px; height: 16px; background-position: -138px -694px; margin-left: 10px; position: relative; top: 2px; }
.u-op dl { width: 100%; }
.u-op dl dt, .u-op dl dd { display: inline-block; float: left; position: relative; }
.u-op dl dd { width: 140px; }
.u-op dl dd h2 { font-size: 14px; font-weight: bold; color: #444; line-height: 30px; }
.u-op dl dd span { display: inline-block; clear: both; color: #999; line-height: 20px; font-size: 12px; }
.u-op dl dd span em { color: #e4546b }
.u-op dl dt img { width: 56px; height: 56px; border-radius: 50%; position: relative; }
.u-op dl dt { width: 56px; margin: 0 15px; }
.u-op dl dt em { position: absolute; bottom: -10px; left: 50%; margin-left: -19px; }
.op-wealth { font-size: 12px; line-height: 22px; }
.u-level { clear: both; width: 100%; margin: 15px 0; }
.u-level .progress-bar { width: 120px; float: left; margin: 5px 10px; }
.u-level .progress-bar { position: relative; float: left; display: inline-block; overflow: hidden; margin-top: 4px; width: 120px; height: 12px; border-radius: 6px; background-color: #ddd; vertical-align: middle; line-height: 12px;}
.u-level .progress-bar-val { float: left; height: 12px; border-radius: 6px; background-color: #6c3; -moz-animation: 1s ease-out backwards widen; -o-animation: 1s ease-out backwards widen; -webkit-animation: 1s ease-out backwards widen; animation: 1s ease-out backwards widen; }
.u-level .progress-bar-text { position: absolute; right: 0; left: 0; width: 100%; color: #666; text-align: center; font-size: 9px; line-height: 12px; }
.anchor-level, .wealth-level { display: inline-block; clear: both; }
.level-type { display: inline-block; position: relative; top: 3px; }
.op-lnk { margin-top: 15px; border-top: 1px dotted #ddd; }
.op-lnk li { display: inline-block; float: left; width: 80px; line-height: 25px; text-align: center; padding: 15px 0 0 0; }
.op-lnk li i { display: block; width: 26px; height: 26px; clear: both; margin: auto; }
.op-lnk li i.tcharge { background-position: 0 -748px; }
.op-lnk li i.tuhome { background-position: -26px -748px; }
.op-lnk li i.tdrive { background-position: -52px -748px; }
.op-lnk li i.tpwd { background-position: -78px -748px; }
.op-lnk li i.thelp { background-position: -104px -748px; }
.op-lnk li i.tlogout { background-position: -130px -748px; }
.op-lnk li a { color: #999; }
.op-lnk li a:hover { color: #e4546b }
.op-lnk li a:hover i.tcharge { background-position: 0 -774px; }
.op-lnk li a:hover i.tuhome { background-position: -26px -774px; }
.op-lnk li a:hover i.tdrive { background-position: -52px -774px; }
.op-lnk li a:hover i.tpwd { background-position: -78px -774px; }
.op-lnk li a:hover i.thelp { background-position: -104px -774px; }
.op-lnk li a:hover i.tlogout { background-position: -130px -774px; }
.arrow-top { display: inline-block; width: 13px; height: 6px; background: url(../images/allow-top.png) no-repeat; position: relative; top: -32px; left: 160px; }
.ustatus .arrow-top { top: -6px; position: absolute; left: 180px; display: block; }
.hide { display: none; }
.btn { display: inline-block; font-weight: 700; font-size: 16px; margin: 0 5px; color: #fff; border-radius: 5px; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.btn.ib { margin-right: 10px; }
.btn:hover, .btn:focus { color: #fff; outline: 0 none; cursor: pointer; box-shadow: inset 0 0 10px rgba(0, 0, 0, .2); }
.btn-orange, .btn-orange:active { background: #ce2c39; border: 1px solid #ca2835; padding: 8px 25px; }
.btn-orange:hover, .btn-orange:focus { background: #f00; border: 1px solid #e33d7d; }
.btn-pink, .btn-pink:active { background: #ff9c00; border: 1px solid #fe8f00; padding: 8px 25px; }
.btn-pink:hover, .btn-pink:focus { background: #fe8f00; border: 1px solid #ff9c00; }
.btn-blue, .btn-blue:active { background: #6ac0f1; border: 1px solid #6ab5f0; }
.btn-blue:hover, .btn-blue:focus { background: #6ab5f0; border: 1px solid #6ac0f1; }
.btn-large, .btn-large:active { background: #ff9228; border: 1px solid #fd6928; padding: 10px 100px; overflow: visible; }
.btn-large:hover, .btn-large:focus { background: #fd6928; border: 1px solid #ff9228; }
.btn-lg { padding: 5px 15px; }
ul.text { margin: 0 0 30px 18px; list-style: square; }
.text li { line-height: 1.4; margin-bottom: 12px; }
.dropdown { margin-right: 8px; }
pre.prettyprint { background: #141414; color: #f8f8f8; }
pre.prettyprint span.str, pre.prettyprint span.atv { color: #8f9d6a; }
pre.prettyprint span.kwd, pre.prettyprint span.pun { color: #cda869; }
pre.prettyprint span.com { color: #5f5a60; font-style: italic; }
pre.prettyprint span.typ { color: #9b703f; }
pre.prettyprint span.lit { color: #cf6a4c; }
pre.prettyprint span.pln { color: #7587a6; }
pre.prettyprint span.tag { color: #ac885b; }
pre.prettyprint span.atn { color: #e0c589; }
pre.prettyprint span.dec { color: #494949; }
pre.prettyprint { border: 0 none !important; background: transparent !important; }
@media all and (max-width:1040px) {
	.col, .col_2, .col_1 { display: block; width: auto; max-width: 100%; background: #fff; color: #333; box-shadow: none; }
	.col_2 h3, .col_2 strong { color: #333; }
	pre.prettyprint { font-size: 14px; background: #333 !important; padding: 12px !important; border-radius: 5px !important; overflow-x: scroll; }
	hgroup { text-align: left; margin-bottom: 10px; }
}

/* --- DEMO METRO THEME --- */

/* PREFIXED CSS */

.metro, .metro div, .metro li, .metro div::after, .metro .carat, .metro .carat:after, .metro .selected::after, .metro:after { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.metro .selected::after, .metro.scrollable div::after { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; }

/* WRAPPER */
.metro { position: relative; width: 250px; cursor: pointer; margin-bottom: 30px; font-weight: 200; background: #f8f8f8; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.metro.open { z-index: 2; }
.metro:hover { background: #f4f4f4; }
.metro:after { content: ''; position: absolute; right: 3px; bottom: 3px; top: 2px; width: 30px; background: transparent; }
.metro.focus:after { background: #0180d1; }

/* CARAT */
.metro .carat, .metro .carat:after { content: ''; position: absolute; right: 10px; top: 50%; margin-top: -4px; border: 8px solid transparent; border-top: 8px solid #000; z-index: 2; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; transform-origin: 50% 20%; }
.metro .carat:after { margin-top: -10px; right: -8px; border-top-color: #f8f8f8; }
.metro:hover .carat:after { border-top-color: #f4f4f4; }
.metro.focus .carat { border-top-color: #f8f8f8; }
.metro.focus .carat:after { border-top-color: #0180d1; }
.metro.open .carat { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

/* OLD SELECT (HIDDEN) */
.metro .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; }
.metro select { position: absolute; left: 0px; top: 0px; }
.metro.touch select { left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

/* SELECTED FEEDBACK ITEM */
.metro .selected, .metro li { display: block; font-size: 18px; line-height: 1; color: #000; padding: 9px 12px; overflow: hidden; white-space: nowrap; }
.metro .selected::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-radius: 0 2px 2px 0; box-shadow: inset -55px 0 25px -20px #f8f8f8; }
.metro:hover .selected::after { box-shadow: inset -55px 0 25px -20px #f4f4f4; }

/* DROP DOWN WRAPPER */
.metro div { position: absolute; height: 0; left: 0; right: 0; top: 100%; margin-top: -1px; background: #f8f8f8; overflow: hidden; opacity: 0; }
.metro:hover div { background: #f4f4f4; }

/* Height is adjusted by JS on open */
.metro.open div { opacity: 1; z-index: 2; }

/* FADE OVERLAY FOR SCROLLING LISTS */
.metro.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; box-shadow: inset 0 -50px 30px -35px #f8f8f8; }
.metro.scrollable:hover div::after { box-shadow: inset 0 -50px 30px -35px #f4f4f4; }
.metro.scrollable.bottom div::after { opacity: 0; }

/* DROP DOWN LIST */
.metro ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden; }
.metro.scrollable.open ul { overflow-y: auto; }

/* DROP DOWN LIST ITEMS */
.metro li { list-style: none; padding: 8px 12px; }

/* .focus class is also added on hover */
.metro li.focus { background: #0180d1; position: relative; z-index: 3; color: #fff; }
.metro li.active { background: #0180d1; color: #fff; }

/* --- DEMO FLAT THEME --- */

/* PREFIXED CSS */

.flat, .flat div, .flat li, .flat div::after, .flat .carat, .flat .carat:after, .flat .selected::after, .flat:after { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }
.flat .selected::after, .flat.scrollable div::after { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; }

/* WRAPPER */
.flat { position: relative; width: 250px; cursor: pointer; font-weight: 200; background: #29AF84; padding: 8px 0px 8px; border-radius: 5px; color: #000; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.flat.open { z-index: 2; }
.flat:hover, .flat.focus { background: #00C384; }

/* CARAT */
.flat .carat, .flat .carat:after { position: absolute; right: 14px; top: 50%; margin-top: -3px; border: 6px solid transparent; border-top: 6px solid #FFF; z-index: 1; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; -ms-transform-origin: 50% 20%; transform-origin: 50% 20%; }
.flat:hover .carat:after { border-top-color: #f4f4f4; }
.flat.focus .carat { border-top-color: #f8f8f8; }
.flat.focus .carat:after { border-top-color: #0180d1; }
.flat.open .carat { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

/* OLD SELECT (HIDDEN) */
.flat .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; }
.flat select { position: absolute; left: 0px; top: 0px; }
.flat.touch select { left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

/* SELECTED FEEDBACK ITEM */
.flat .selected { color: #FFF; }
.flat .selected, .flat li { display: block; font-size: 16px; font-weight: 400; text-transform: uppercase; line-height: 1; padding: 8px 12px; overflow: hidden; white-space: nowrap; }
.flat .selected::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-radius: 0 5px 5px 0; box-shadow: inset -55px 0 25px -20px #29af84; }
.flat:hover .selected::after, .flat.focus .selected::after { box-shadow: inset -55px 0 25px -20px #00c384; }

/* DROP DOWN WRAPPER */
.flat div { position: absolute; height: 0; left: 0; right: 0; top: 100%; margin-top: 1px; background: #00C384; overflow: hidden; opacity: 0; color: #04724E; border-radius: 5px; }
.flat:hover div { background: #00C384; border-radius: 5px; }

/* Height is adjusted by JS on open */
.flat.open div { opacity: 1; z-index: 2; }

/* FADE OVERLAY FOR SCROLLING LISTS */
.flat.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; box-shadow: inset 0 -50px 30px -35px #00c384; }
.flat.scrollable:hover div::after { box-shadow: inset 0 -50px 30px -35px #00c384; }
.flat.scrollable.bottom div::after { opacity: 0; }

/* DROP DOWN LIST */
.flat ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden; border-radius: 5px; }
.flat.scrollable.open ul { overflow-y: auto; }

/* DROP DOWN LIST ITEMS */
.flat li { list-style: none; padding: 14px 12px; border-bottom: 1px solid #29AF84; }
.flat li:last-child { border-bottom: 0; }

/* .focus class is also added on hover */
.flat li.focus { background: #00C384; position: relative; z-index: 3; color: #fff; }
.flat li.active { background: #29AF84; color: #fff; }
.m-side { width: 268px; border-width: 0 1px; border-style: solid; border-color: #ddd; background: #f5f5f5; min-height: 890px; }
.micon { display: inline-block; background: url(../images/m_icon.png) no-repeat; width: 29px; height: 29px; position: relative; vertical-align: middle; margin: 0 40px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.m-vip { background-position: 0 0 }
.m-car { background-position: 0 -29px; }
.m-tools { background-position: 0 -58px; }
.m-number { background-position: 0 -87px; }
.m-guard { background-position: 0 -116px; }
.m-payroom { background-position: 0 -145px; }
.u-info { background-position: 0 -174px; }
.u-pwd { background-position: 0 -203px; }
.u-follow { background-position: 0 -232px; }
.u-live { background-position: 0 -261px; }
.u-car { background-position: 0 -29px; }
.u-tool { background-position: 0 -58px; }
.u-num { background-position: 0 -87px; }
.u-msg { background-position: 0 -290px; }
.u-bill { background-position: 0 -319px; }
.u-jifen { background-position: 0 -348px; }
.p-game { background-position: 0 -377px; }
.p-show { background-position: 0 -406px; }
.p-exchange { background-position: 0 -435px; }
.p-jifen { background-position: 0 -464px; }
.f-manage { background-position: 0 -493px; }
.f-member { background-position: 0 -522px; }
.f-apply { background-position: 0 -551px; }
.f-quit { background-position: 0 -580px; }
.f-bill { background-position: 0 -609px; }
.side-nav li.current .m-vip, .side-nav li a:hover .m-vip { background-position: -29px 0 }
.side-nav li.current .m-car, .side-nav li a:hover .m-car { background-position: -29px -29px; }
.side-nav li.current .m-tools, .side-nav li a:hover .m-tools { background-position: -29px -58px; }
.side-nav li.current .m-number, .side-nav li a:hover .m-number { background-position: -29px -87px; }
.side-nav li.current .m-guard, .side-nav li a:hover .m-guard { background-position: -29px -116px; }
.side-nav li.current .m-payroom, .side-nav li a:hover .m-payroom { background-position: -29px -145px; }
.side-nav li.current .u-info, .side-nav li a:hover .u-info { background-position: -29px -174px; }
.side-nav li.current .u-pwd, .side-nav li a:hover .u-pwd { background-position: -29px -203px; }
.side-nav li.current .u-follow, .side-nav li a:hover .u-follow { background-position: -29px -232px; }
.side-nav li.current .u-live, .side-nav li a:hover .u-live { background-position: -29px -261px; }
.side-nav li.current .u-car, .side-nav li a:hover .u-car { background-position: -29px -29px; }
.side-nav li.current .u-tool, .side-nav li a:hover .u-tool { background-position: -29px -58px; }
.side-nav li.current .u-num, .side-nav li a:hover .u-num { background-position: -29px -87px; }
.side-nav li.current .u-msg, .side-nav li a:hover .u-msg { background-position: -29px -290px; }
.side-nav li.current .u-bill, .side-nav li a:hover .u-bill { background-position: -29px -319px; }
.side-nav li.current .u-jifen, .side-nav li a:hover .u-jifen { background-position: -29px -348px; }
.side-nav li.current .p-game, .side-nav li a:hover .p-game { background-position: -29px -377px; }
.side-nav li.current .p-show, .side-nav li a:hover .p-show { background-position: -29px -406px; }
.side-nav li.current .p-exchange, .side-nav li a:hover .p-exchange { background-position: -29px -435px; }
.side-nav li.current .p-jifen, .side-nav li a:hover .p-jifen { background-position: -29px -464px; }
.side-nav li.current .f-manage, .side-nav li a:hover .f-manage { background-position: -29px -493px; }
.side-nav li.current .f-member, .side-nav li a:hover .f-member { background-position: -29px -522px; }
.side-nav li.current .f-apply, .side-nav li a:hover .f-apply { background-position: -29px -551px; }
.side-nav li.current .f-quit, .side-nav li a:hover .f-quit { background-position: -29px -580px; }
.side-nav li.current .f-bill, .side-nav li a:hover .f-bill { background-position: -29px -609px; }
.side-nav { padding: 20px 0; background: #f5f5f5; }
.side-nav li { width: 100%; font-size: 18px; line-height: 69px; height: 69px; position: relative; border-width: 0 0 1px 0; border-style: solid; border-color: #e8e8e8 }
.side-nav li:first-child { border-top: 1px solid #e8e8e8; }
.side-nav li a { display: inline-block; width: 100%; height: 100%; position: relative; z-index: 10; color: #666; }
.side-nav li.current a, .side-nav li a:hover { color: #ce2c39 }
.side-act { position: absolute; z-index: 9; border-width: 1px 0 1px 8px; border-style: solid; border-color: #ddd #ddd #ddd #ce2c39; height: 71px; width: 261px; top: 0;left:0; background: #fff; }
.mcontainer { width: 990px; }
.pw-strength { clear: both; position: relative; top: 8px; width: 180px; }
.pw-bar { background: url(../images/pwd-1.png) no-repeat; position: relative; top: 1px; height: 14px; overflow: hidden; width: 179px; }
.pw-bar-on { background: url(../images/pwd-2.png) no-repeat; width: 0px; height: 14px; position: absolute; top: 1px; left: 2px; transition: width .5s ease-in; -moz-transition: width .5s ease-in; -webkit-transition: width .5s ease-in; -o-transition: width .5s ease-in; }
.pw-weak .pw-defule { width: 0px; }
.pw-weak .pw-bar-on { width: 60px; }
.pw-medium .pw-bar-on { width: 120px; }
.pw-strong .pw-bar-on { width: 179px; }
.pw-txt { padding-top: 2px; width: 180px; overflow: hidden; }
.pw-txt span { color: #707070; float: left; font-size: 12px; text-align: center; width: 58px; }
.p-code-btn, .p-code-btn:active, .p-code-btn:focus { height: 34px; line-height: 30px; vertical-align: middle; margin-left: 10px; border-radius: 5px; outline: none; background: #fc629d; border: 1px solid #ca2835; color: #fff; padding: 0 15px; cursor: pointer; }
.p-code-btn:hover { background: #ca2835; border: 1px solid #e33d7d; }
.p-code-btn-disable { height: 34px; line-height: 30px; vertical-align: middle; margin-left: 10px; border-radius: 5px; outline: none; background: #ddd; border: 1px solid #ccc; color: #444; padding: 0 15px; cursor: wait; }
.page { display: inline-block; width: 100%; line-height: 22px; padding: 10px 0; text-align: center; vertical-align: middle; }
.page span, .page a { display: inline-block; padding: 2px 10px; margin: 0 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #444; border-radius: 3px; }
.page span { border: 1px solid #ddd; background: #fff; color: #ddd; }
.page a { background: #f8f8f8; border: 1px solid #ddd }
.page span.current { background: #e33536; border: 1px solid #b51225; color: #fff }
.page a:hover { background: #f00; border: 1px solid #c30; color: #fff; }
.page-txt { width: 30px; height: 26px; line-height: 26px; border: 1px solid #ddd; padding: 0 5px; position: relative; top: -1px; margin-left: 10px; border-radius: 3px; }
.page_jump { height: 28px; background: #e33536; border: 1px solid #b51225; position: relative; top: -1px; color: #fff; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 3px; margin-left: 5px; }
.page_jump:hover { background: #f00; border: 1px solid #c30; }

/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.toprecomend-game { width: 380px; }

/* fix */
.owl-carousel  .owl-wrapper, .owl-carousel  .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
#sec-focus { position: relative; width: 380px; height: 390px; margin: 0 auto; }
#sec-focus .item { position: relative; display: block; }
#sec-focus img { display: block; width: 380px; height: 340px }
#sec-focus b { width: 100%; height: 50px; background-color: #fff; display: inline-block; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#sec-focus span { position: absolute; left: 10px; bottom: 14px; width: 100%; font: 14px/22px "微软雅黑", "黑体"; color: #000; text-align: left; }
.owl-pagination { position: absolute; right: 10px; bottom: 10px; height: 22px; text-align: right; }
.owl-page { display: inline-block; width: 13px; height: 13px; margin: 0 5px; background-image: url(../images/olw-gray.png); *display: inline; *zoom: 1; }
.owl-pagination .active { width: 13px; background-image: url(../images/olw-cur.png); }
.owl-buttons { display: none; }
.owl-buttons div { position: absolute; top: 50%; width: 40px; height: 80px; margin-top: -40px; text-indent: -9999px; }
.order-first { display: inline-block; margin-right: 5px; width: 21px; height: 21px; background: url(../images/first-head.png) no-repeat; vertical-align: middle; }
.container { width: 1290px; background: #fff; margin: 15px auto; }
.incontent { padding: 40px 50px; position: relative; }
.p-hd h3 { font-size: 24px; line-height: 45px; color: #333; border-bottom: 1px solid #bbb }
.p-hd p { font-size: 14px; line-height: 1.5em; color: #f00; padding: 30px 0 40px; }
.sqzbinfo li { clear: both; padding: 0 0 20px 200px; position: relative; text-align: left; }
.sqzbinfo li label { position: absolute; display: inline-block; width: 185px; text-align: right; left: 0; line-height: 37px; padding-right: 15px; }
.anchor-apply-input, .frm_textarea { width: 300px; outline: 0 none; border: 1px solid #C5C5C5; height: 35px; line-height: 35px\9; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset; padding: 0 10px; }
.anchor-apply-input:focus, .frm_textarea:focus { border: 1px solid #f44781; box-shadow: 0 0 2px #ddd; -webkit-box-shadow: 0 0 3px #ddd; }
.sexchoose { line-height: 37px; }
.sexc-single { margin-right: 20px; }
.roomtype select { height: 37px; border-radius: 3px; }
.anchor-scontent { position: absolute; right: 50px; top: 180px; width: 320px; border: 1px dotted #f44781; border-radius: 5px; padding: 15px; line-height: 1.5em }
.fbold { font-weight: bold; color: #f44781 }
.rec-mask dl { padding: 25px 10px 10px; }
.rec-mask dl dd { display: inline-block; vertical-align: middle; width: 100%; padding: 3px 0; }
.anchor-week-head { width: 146px; height: 146px; border-radius: 50%; border: 4px solid #ff5a2a; position: absolute; left: 50%; margin-left: -77px; top: -73px; }
.anchor-week-head img { width: 146px; height: 146px; border-radius: 50%; }
.anchor-week-single p { color: #999; border-bottom: 1px dotted #ddd; padding: 10px 0; width: 100%; float: left; }
.hot-anchor-filter li { line-height: 26px; padding: 7px 0; display: inline-block; float: left; margin: 0 5px; font-size: 16px; color: #444 }
.hot-anchor-filter li em { color: #f63da5; font-weight: bold; margin: 0 0 0 5px; }
.section-title { height: 40px; position: relative; margin-bottom: 10px; width: 100%; float: left; }
.section-title h2 { font-size: 24px; font-weight: 500; line-height: 40px; display: inline-block; color: #444; padding-right: 20px }
.section-title p { display: inline-block; color: #888; padding: 15px 0 0 0; float: left; }
.week-gift { width: 40px; height: 40px; border-radius: 5px; background: #eee; display: inline-block; padding: 4px; }
.week-gift img { width: 40px; height: 40px; display: inline-block; vertical-align: middle; }
.anchor-week-single p { color: #999; border-bottom: 1px dotted #ddd; padding: 10px 0; width: 100%; float: left; font-size: 12px; }
.anchor-week-single h3 { font-size: 14px; }
.anchor-week-single dl dt, .anchor-week-single dl dd { float: left; }
.anchor-week-single dl dd { padding-top: 8px; }
.anchor-week-single dl { margin-top: 10px; clear: both; float: left; width: 100%; }
.anchor-week-single dl p { border-bottom: 0; padding: 5px 0 }
.anchor-week-single p span.anchor-w-view { float: left; }
.anchor-week-single p span.anchor-status { float: right; }
.anchor-week-single dl p em { color: #c30; margin-left: 5px; }
.anchor-week-single dl dt { margin-right: 10px; }
.anchor-week-name em { margin-right: 5px; }
.btn-mike { width: 89px; height: 163px; position: fixed; bottom: 160px; }
.phone_content { display: none; position: absolute; top: 50%; left: 50%; background: url(/images/anzphone.png) no-repeat; width: 512px; height: 379px; margin-top: -190px; margin-left: -256px; z-index: 10002; }
.black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #404040; z-index: 10001; -moz-opacity: 0.8; opacity: .80; filter: alpha(opacity=88); }
.l_Content ol { height: 200px; }
.phone_hclose { display: inline-block; width: 28px; height: 28px; background: url(/images/anz_close.png)no-repeat; position: absolute; top: 0; right: 0 }
.bgmask { position: fixed; display: block; top: 0; left: 0; height: 100%; width: 100%; background: #404040; z-index: 20000; background-color: rgba(0, 0, 0, 0.5); background: url(../images/opcity.png) repeat; }
.mask-content { position: fixed; z-index: 20001; width: 400px; background: #fff; border-radius: 5px; box-shadow: 2px 2px 5px #444 }
.mask-weixin-pay { position: fixed; z-index: 20001; width: 600px; background: #fff; border-radius: 5px; box-shadow: 2px 2px 5px #444 }
.m-hd { background: #6ac0f1; width: 100%; padding: 10px 0; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.m-hd h3 { font-size: 16px; color: #fff; line-height: 30px; padding-left: 15px; }
.m-bd, .m-fd { padding: 20px; }
.m-bd dl dt { font-size: 14px; font-weight: bold; margin-bottom: 15px; }
.m-bd dl dd { line-height: 21px; padding-left: 50px; }
.m-bd dl dd em { font-weight: bold; color: #6ac0f1 }
.m-fd { text-align: center }
.wclose { position: absolute; display: inline-block; width: 23px; height: 23px; background: url(../images/w-close.png) no-repeat; top: 12px; right: 10px; }
.laypage_total { float: right; }
.clanListbox { margin: 10px 0 }
.f-item a { outline: none; }
.btn-confirm, .btn-cancel { border: none; display: inline-block; height: 1.5em; padding: 0.1em 0.3em; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 13px; margin: 0; background: #e4546b; border: #e4546b 1px solid; }
.btn-cancel { background: #e9e9e9; color: #333; border-color: #e9e9e9; }
.edit_nickname_panel .btn-div { margin: 5px 0; }
.edit_nickname_panel #headname_input { outline: none; padding: 5px 2px; width: 130px; border: #e9e9e9 1px solid; }
.error-input { border: #f00 1px solid !important; }
.wait { background: rgba(255, 255, 255, 0.8) url(../images/wait.gif) center center no-repeat; position: absolute; height: 100%; width: 100%; z-index: 99; top: 0; left: 0; display: none; }
.upload-file { margin-top: 10px; }
.errormsg { border: 1px solid #ffe3e0; padding: 11px 28px 11px 44px; border-radius: 2px; color: #ea4a36; font-size: 14px; line-height: 22px; font-weight: bold; width: 710px; margin-bottom: 30px; background: #fff2f2; display: none; }
.anchor-apply-finish { width: 100%; min-height: 500px; padding-top: 100px; text-align: center; font-size: 16px; line-height: 2em }
.anchor-apply-finish img { display: inline-block; width: 100px; }

/*模拟下拉*/
.sod_select, .sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select { display: inline-block; position: relative; line-height: 1; width: 200px; padding: 15px 10px; border: 3px solid #5e5e5e; background: #ffffff; color: #444444; font-size: 11px; font-weight: 700; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; /* Opera */ cursor: default;margin-left: 10px;margin-bottom: 5px; }

/* Change the border color on hover, focus and when open */
.sod_select:hover, .sod_select.open, .sod_select.focus { border-color: #000000; }
.sod_select.open { color: #919191; }
.sod_select.focus { box-shadow: 0 0 5px rgba(0, 0, 0, .2); }

/* When the entire SoD is disabled, go crazy! */
.sod_select.disabled { border-color: #828282; color: #b2b2b2; cursor: not-allowed; }

/* The "label", or whatever we should call it. Keep the first three lines for truncating. */
.sod_select .sod_label { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 15px; }
.sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ }
.sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ }

/* Options list wrapper */
.sod_select .sod_list { position: absolute; top: 100%; left: 0; display: none; height: auto; width: 100px; background:#2a253c url(../images/dot_black_1.png); color: #dbd2ff; font-weight: 300; z-index: 100; border-radius: 3px;overflow: hidden; }

/* Shows the option list (don't edit) */
.sod_select.open .sod_list { display: block; }

/* Don't display the options when  */
.sod_select.disabled.open .sod_list { display: none; }

/* When the option list is displayed above the SoD */
.sod_select.above .sod_list { top: auto; bottom: 100%; border-top: 3px solid #000000; border-bottom: none; }

/* Options list container */
.sod_select .sod_list ul { overflow-y: auto; padding: 0; margin: 0; }

/* All the options. Keep the first three lines for truncating... */
.sod_select .sod_list li { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 10px 10px; list-style-type: none; }

/* Optgroups */
.sod_select .sod_list .optgroup, .sod_select .sod_list .optgroup.disabled { background: inherit; color: #939393; font-size: 10px; font-style: italic; }

/* Children of an optgroup */
.sod_select .sod_list .groupchild { padding-left: 20px; }

/* Disabled option */
.sod_select .sod_list .disabled { background: inherit; color: #cccccc; }

/* Hover state for options, also used when a user uses his/hers up/down keys */
.sod_select .sod_list .active { background: #645991; color: #dbd2ff; }

/*Make room for the check mark */
.sod_select .sod_list .selected { font-weight: 700; padding-right: 25px; }

/* Displays a check mark for the selected option */
.sod_select .sod_list .selected:before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); }

/* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
.sod_select.no_highlight .sod_list .selected { font-weight: 300; }
.sod_select.no_highlight .sod_list .selected:before { display: none; }
.sod_select .sod_list .link { /* If data-link is set on a specific option */ }
.sod_select .sod_list .linkexternal { /* If data-link-external is set on a specific option */ }

/* Hide native select */
.sod_select select { display: none !important; }

/* The native select in touch mode. Keep this first line. Sorry, keep everything. */
.sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1; }


#tinymask, .bgmask {position:absolute;display:none;top:0;left:0;height:100%;width:100%;background:#404040;z-index:20000;}
.bgmask {background-color:rgba(0,0,0,0.5);background-color:#0005;filter:Alpha(Opacity=50);}
.popbox {position:fixed;_position:absolute;display:none;z-index:20003;text-align:left;}
#tinybox {text-align:left;position:absolute;_position:absolute;display:none;background:url("../img/preload.gif") no-repeat 50% 50%;z-index:1000000;}
#tinycontent {font-size:1.1em;}
.tinyAlert {background-color:#FFF;width:388px;height:226px;box-shadow:#606060 0 0 10px;text-align:center;position:relative;}
.tinyAlert .h {color:#6A6A6A;height:30px;line-height:30px;font-size:16px;padding-top:25px;border-bottom:2px solid #ddd;margin:0 50px;text-align: left;}
.tinyAlert .c {color: #6A6A6A;margin: 27px 45px 0;line-height: 22px;}
.tinyAlert .t {bottom:35px;position:absolute;left:0px;text-align:center;width:388px;}
.tinyAlert .t button:hover {background-color:#46babe;}
.tinyAlert .t button {margin:0 10px;width:80px;text-align:center;background-color:#4FC6CA;border:0 none;color:#fff;height:30px;line-height:30px;font-weight:bold;}