/* 未能缩小。正在返回未缩小的内容。
(15421,1): run-time error CSS1031: Expected selector, found '@import'
(15421,1): run-time error CSS1025: Expected comma or open brace, found '@import'
(15422,1): run-time error CSS1019: Unexpected token, found '@import'
(15422,9): run-time error CSS1019: Unexpected token, found 'url("activity.css")'
(15423,1): run-time error CSS1019: Unexpected token, found '@import'
(15423,9): run-time error CSS1019: Unexpected token, found 'url("club.css")'
(15424,1): run-time error CSS1019: Unexpected token, found '@import'
(15424,9): run-time error CSS1019: Unexpected token, found 'url("join.css")'
(15425,1): run-time error CSS1019: Unexpected token, found '@import'
(15425,9): run-time error CSS1019: Unexpected token, found 'url("mypage.css")'
(15426,1): run-time error CSS1019: Unexpected token, found '@import'
(15426,9): run-time error CSS1019: Unexpected token, found 'url("assembly.css")'
(15427,1): run-time error CSS1019: Unexpected token, found '@import'
(15427,9): run-time error CSS1019: Unexpected token, found 'url("pointmall.css")'
(16029,1): run-time error CSS1036: Expected expression, found '}'
 */
@charset "UTF-8";
@font-face {
  font-family: 'SamsungOne';
  src:url('../../fonts/SamsungOne-400.eot');
  src:url('../../fonts/SamsungOne-400.eot?#iefix') format("embedded-opentype"),
      url(../../fonts/SamsungOne-400.woff2) format("woff2"),      
      url('../../fonts/SamsungOne-400.woff') format('woff'),
      url('../../fonts/SamsungOne-400.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SamsungOne';
  src:url('../../fonts/SamsungOne-700.eot');
  src:url('../../fonts/SamsungOne-700.eot?#iefix') format("embedded-opentype"),
      url(../../fonts/SamsungOne-700.woff2) format("woff2"),
      url('../../fonts/SamsungOne-700.woff') format('woff'), 
      url('../../fonts/SamsungOne-700.TTF') format('truetype');
  font-weight: bold;
  font-style: normal;
}

body,
form,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
fieldset,
th,
td,
input,
textarea,
button,
select {
    margin: 0;
    padding: 0;
    color: #333333;
    font-size: 14px;
    font-family: 'Microsoft YaHei','SamsungOne','Simsun','宋体',arial !important;
    font-weight: inherit;
}

body {
    overflow-y: scroll
}

html,
body {
    -webkit-font-smoothing: antialiased;
}

ul,
dl,
ol,
dt,
dd,
h1,
h2,
h3,
h4,
p {
    margin: 0px;
    padding: 0px;
}

ul,
ol,
li {
    list-style-type: none;
}

img {
    border: 0 none;
    vertical-align: middle;
}

em {
    font-style: normal;
}

hr {
    display: none
}

a {
    display: inline-block;
}

a:link,
a:visited {
    color: #333333;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}
iframe{
    border: 0;
}
input,
textarea,
select {
    letter-spacing: normal;
    resize: none;
}

fieldset {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

legend {
    display: none;
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden;
    font: 0/0 arial;
}

form {
    margin: 0px;
    padding: 0px;
}

table {
    clear: both;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all;
    word-wrap: break-word;
}

caption {
    visibility: hidden;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    font: 0/0 arial;
}

.pointer {
    cursor: pointer
}

.blind {
    position: absolute;
    clip: rect(0);
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
}


/* margin */

.mg0 {
    margin: 0 !important;
}

.mgt0 {
    margin-top: 0 !important;
}

.mgb0 {
    margin-bottom: 0 !important;
}

.mgl0 {
    margin-left: 0 !important;
}

.mgr0 {
    margin-right: 0 !important;
}

.mgt5 {
    margin-top: 5px !important;
}

.mgt6 {
    margin: 6px !important;
}

.mgt10 {
    margin-top: 10px !important;
}

.mgb5 {
    margin-bottom: 5px !important;
}

.mgbt10 {
    margin-bottom: 10px !important;
}

.mgl8 {
    margin-left: 8px !important;
}

.mgt15 {
    margin-top: 15px !important;
}

.mgBt15 {
    margin-bottom: 15px;
}

.mgt20 {
    margin-top: 20px;
}

.mgb20 {
    margin-bottom: 20px;
}

.mgRt20 {
    margin-right: 20px;
}

.mgt23 {
    margin-top: 23px;
}

.mgLt20 {
    margin-left: 20px
}

.mgt27 {
    margin-top: 27px !important;
}

.mgb30 {
    margin-bottom: 30px;
}

.mgTp30 {
    margin-top: 30px !important;
}

.mgl30 {
    margin-left: 30px;
}

.mgb35 {
    margin-bottom: 35px !important;
}

.mgb40 {
    margin-bottom: 50px !important;
}

.mgb45 {
    margin-bottom: 45px !important;
}

.mgr45 {
    margin-right: 45px !important;
}

.mgLt47 {
    margin-left: 47px !important;
}

.mgLt122 {
    margin-left: 122px !important;
}

.mgTp40 {
    margin-top: 40px;
}

.mgTp60 {
    margin-top: 60px;
}

.mgTp70 {
    margin-top: 70px;
}

.mgTp90 {
    margin-top: 90px;
}

.mgTp116 {
    margin-top: 116px;
}


/* padding */

.pd0 {
    padding: 0 !important;
}

.pdt0 {
    padding-top: 0 !important;
}

.pdb0 {
    padding-bottom: 0 !important;
}

.pdb10 {
    padding-bottom: 10px !important;
}

.pdl0 {
    padding-left: 0 !important;
}

.pdr0 {
    padding-right: 0 !important;
}

.pdt13 {
    padding-top: 13px;
}

.pdt20 {
    padding-top: 20px;
}

.pdt16 {
    padding-top: 16px;
}

.pd20 {
    padding: 20px !important;
}

.bdt0 {
    border-top: 0 !important;
}

.pd38 {
    padding: 30px 0 0px 0;
}

.pd30 {
    padding: 30px 0
}

.ovHd {
    overflow-x: hidden;
}


/* float */

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.fn {
    float: none !important;
}

.clfix,
.clear,
.main-cont,
.remendList {
    content: '';
    display: block;
    clear: both;
    zoom: 1
}

.clfix:after,
.clear:after,
.main-cont:after,
.remendList:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}


/* align */

.agl {
    text-align: left !important;
}

.agr {
    text-align: right !important;
}

.agc {
    text-align: center !important;
}

.align-c {
    text-align: center;
}

.vam {
    vertical-align: middle !important;
}

.New_hide {
    display: none;
}


/* font size */

.fs12 {
    font-size: 12px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs16 {
    font-size: 16px !important;
}


/* font weight */

.fwn {
    font-weight: normal;
}

.fwb {
    font-weight: bold;
}

.bd0 {
    border: 0 !important
}

.bgnone {
    background: none !important
}

.psr {
    position: relative;
}

.psa {
    position: absolute
}

.links {
    color: #2b99cc !important;
}

.bld {
    color: #ff0000 !important;
}

.bg {
    background: #fff !important;
}

.clrRed {
    color: red !important;
}

.clrBlue {
    color: #2b99cc !important;
}


/* input[text] */

input.txt {
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    background: #f8f8f8;
    border: 1px solid #b4bbc0;
    vertical-align: middle;
}

textarea.txt {
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #b4bbc0;
}

.btpSline {
    width: 100%;
    border-bottom: solid 2px #f0f0f0;
}


/* input[radio] */

.radio {
    position: relative;
    display: inline-block;
}

.radio input[type="radio"] {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.radio input[type="radio"]+label {
    display: inline-block;
    height: 17px;
    padding-left: 22px;
    background: url('../img/index/bg_radio.png') no-repeat 0 0;
    font-size: 14px;
    line-height: 15px;
    vertical-align: middle;
    cursor: pointer;
    color: #555;
}

.radio input[type="radio"]+label.on {
    background: url('../img/index/bg_radio.png') no-repeat 0 100%;
}

.radio+.radio {
    margin-left: 20px;
}


/* input[checkbox] */

.check-box {
    position: relative;
    display: inline-block;
}

.check-box input[type="checkbox"] {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.check-box input[type="checkbox"]+label {
    display: inline-block;
    padding-left: 22px;
    background: url('../img/index/bg_checkboxS.png') no-repeat 0 0;
    font-size: 14px;
    line-height: 15px;
    vertical-align: middle;
    cursor: pointer;
    color: #555;
}

.check-box input[type="checkbox"]+label.on {
    background: url('../img/index/bg_checkboxS.png') no-repeat 0 100%;
}

.check-box+.check-box {
    margin-left: 20px;
}

.check-box em {
    color: #2b99cc;
}


/*select*/

.select {
    z-index: 9;
    position: relative;
    display: inline-block;
    *display: inline;
    width: 264px;
    vertical-align: middle;
    background: #fff;
    *zoom: 1;
}

.select * {
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: #333;
    font-size: 14px;
}

.select .d_value {
    position: relative;
    left: 0;
    top: 0;
    overflow: visible;
    line-height: 38px;
    text-align: left;
    border: 1px solid #c6d3d9;
    border-radius: 2px;
}

.select.open .d_value {
    border: 1px solid #778187;
}

.d_value {
    height: 38px;
    text-indent: 12px;
}

.select .ctrl {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: url('../../img/common/bg_select.gif') no-repeat 0 0;
}

.select.open .ctrl {
    background-position: 0 100%;
}

.select ul {
    z-index: 10;
    position: absolute;
    left: -2000%;
    overflow-y: auto;
    overflow-x: hidden;
    list-style: none;
    border: 1px solid #778187;
    border-radius: 0 0 2px 2px;
    background: #fff;
}

.select.open ul {
    display: block;
    background: #f6f6f6;
    left: 0;
    right: 0;
}

.select li {
    overflow: hidden;
    position: relative;
    height: 38px;
    white-space: nowrap
}

.select li label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 38px;
    background: #fff;
    color: #767676;
    line-height: 38px;
    text-indent: 8px;
    *text-indent: 6px
}

div.select {
    position: relative;
    display: inline-block;
    *display: inline;
    width: 100%;
    vertical-align: middle;
    background: #f8f8f8;
    *zoom: 1;
}

div.select * {
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: #333;
    font-size: 14px;
    text-align: left;
}

div.select .d_value {
    position: relative;
    left: 0;
    top: 0;
    overflow: visible;
    line-height: 34px;
    height: 34px;
    text-indent: 12px;
    text-align: left;
    border: 1px solid #b4bbc0;
    /*border-radius:2px;*/
    z-index: 9;
}

div.select.open .d_value {
    border: 1px solid #778187;
}

div.select .ctrl {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 33px;
    overflow: hidden;
    background: url('../img/index/bg_select.gif') no-repeat 0 0;
}

div.select.open .ctrl {
    background-position: 0 0;
}

div.select ul {
    position: absolute;
    margin-top: -1px;
    left: -2000%;
    overflow-y: auto;
    overflow-x: hidden;
    list-style: none;
    border: 1px solid #778187;
    border-radius: 0 0 2px 2px;
    background: #fff;
}

div.select.open ul {
    display: block;
    background: #f6f6f6;
    left: 0;
    right: 0;
    z-index: 9999;
}

div.select li {
    overflow: hidden;
    position: relative;
    height: 38px;
    white-space: nowrap
}

div.select li input[type="radio"] {
    position: absolute;
    width: 100%;
    height: 38px;
    line-height: 38px
}

div.select li label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 38px;
    background: #fff;
    color: #767676;
    line-height: 38px;
    text-indent: 8px;
    *text-indent: 6px
}

div.select li.on label {
    background: #999 url('../img/radio_on_disabled.png') no-repeat 0 50%;
    color: #fff;
}


/* layer */

.layer {
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 320px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    text-align: left;
    box-sizing: border-box;
    color: #333;
    font-weight: normal;
    z-index: 9999;
}


/*.layer {display:none; width:320px; margin:0 auto; position:absolute; top:50%; left:0;right:0;margin:0 auto 0; padding:20px; text-align:left; box-sizing:border-box; background:#fff; z-index:1000; color:#333; font-weight:normal;}*/

.layer.size-md {
    /*width: 550px;*/
    width: 700px;
    padding: 38px !important;
}

.layer.size-md .layer-tit {}

.layer.size-md .layer-btn {
    margin-top: 45px;
}

.layer.voc-pop01 {
    margin-top: -190px;
}

.layer.voc-pop02 {
    margin-top: -235px;
}

.layer.poll-pop01 {
    margin-top: -252px;
}

.layer.size-xl {
    width: 630px;
    padding: 30px !important;
}

.layer.size-xl .layer-tit {
    margin-bottom: 18px;
    font-size: 22px;
}

.layer .cont {
    color: #697782;
    font-size: 18px;
    word-break: break-all;
    line-height: 26px;
}

.layer-tit {
    height: 33px;
    font-size: 20px;
    line-height: 32px;
    position: relative;
}

.layer .layer-input {
    display: block;
    margin: 8px auto 0 auto;
    width: 238px;
    height: 30px;
}

.layer .chkra {
    margin-left: 55px;
}

.layer .chkra:first-child {
    margin-left: 0;
}

.layer .chkra>label {
    padding-left: 23px;
}

.layer .captcha {
    position: relative;
    margin-top: 10px;
}

.layer .captcha .layer-input {
    width: 158px;
    display: inline-block;
    margin: 0 6px 0 0;
}

.layer .captcha a {
    display: inline-block;
    width: 75px;
    border: 1px solid #b4bbc0;
    vertical-align: middle;
    box-sizing: border-box;
}

.layer .captcha a img {
    width: 100%;
}

.layer .cont strong {
    margin-bottom: 5px;
    font-weight: normal;
    display: block;
}

.layer .cont em {
    color: #2b99cc;
}

.layer-btn {
    text-align: right;
    margin-top: 45px;
}
.layer-btn a{
    display: inline-block;
    color: #2b99cc;
    font-size: 16px;
    margin-left: 35px;
}


/*.layer-btn a.Ok {
    display: inline-block;
    color: white;
    font-size: 16px;
    line-height: 33px;
    margin-left: 35px;
    background-color: rgba(22, 154, 212, 1);
    height: 33px;
    width: 70px;
    text-align: center;
    border-radius: 3px;
}*/

#alertMsg .layer-btn a.close ,#commonDialogMsg .layer-btn a.close{
    background:#fff;
}

.layer-btn a:hover {
    text-decoration: underline;
}

.layer-btn a.close {
    position: static;
    width: auto;
    padding: 0;
}
/*.layer-btn a.close {
    display: inline-block;
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    line-height: 30px;
    background-color:white;
    height: 30px;
    width: 70px;
    text-align: center;
    border-radius: 3px;
    border:solid 1px;
}*/
.layer.sizeS {
    width: 410px;
}

.layer.sizeS input {
    width: 235px;
}

.layer.sizeS table {
    margin-top: 15px;
}

.layer.sizeS table th {
    padding: 10px 10px 10px 15px;
    ;
}

.layer.sizeS table #number {
    width: 213px;
}

.layer.sizeS table a.btn-s {
    margin-left: 6px;
}

.layer.sizeS table #code {
    width: 95px;
}

.layer.sizeS table input {
    width: auto;
}


/* error-page */

.error-wrap {
    margin: 149px 0;
    overflow: hidden;
    background: #fff;
}

.error-wrap .cont {
    margin: auto;
    width: 436px;
    text-align: center;
}

.error-wrap .cont.error01 {
    background: url('../img/common/ico_error01.png') no-repeat center top;
}

.error-wrap strong {
    display: block;
    padding-top: 97px;
    color: #2b99cc;
    font-size: 24px;
}

.error-wrap p {
    padding: 22px 0;
    line-height: 20px;
    color: #505562;
    font-size: 16px;
}

.error-wrap .button {
    padding-top: 26px !important;
}
@charset "UTF-8";

/*Photo-start*/

.photoBgList {
    width: 300px;
    height: 368px;
    padding: 0 15px;
    position: absolute;
    background: #fbfbfb;
    z-index: -1;
    left: -15px;
    top: -15px;
    display: none;
}

.ShootListAuto li:hover p.photoBgList {
    display: block;
    -webkit-animation: radar .2s linear;
    animation: radar .2s linear;
    box-shadow: 0px 5px 10px 1px rgba(175, 185, 194, 0.3);
}

.ShootListAuto li {
    float: left;
    margin: 0 33px 33px 0;
    width: 300px;
    height: 338px;
    position: relative;
}

.ShootListAuto li>div.stDimg {
    width: 300px;
    height: 235px;
    position: relative;
    padding-top: 0%;
    overflow: hidden;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.ShootListAuto li>div.stDimg a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
}

.ShootListAuto li>div.stDimg a img {
    position: absolute;
    top: -19px;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.ShootListAuto li>div.stDimg a img.portrait {
    width: 100%;
    height: auto;
}

.ShootListAuto li>div.stDimg a img.landscape {
    width: auto;
    height: 338px;
}

.ShootListAuto li div.stDtitle {
    position: relative;
    display: block;
    height: 103px;
}

.ShootListAuto li div.stDtitle h1 {
    font-size: 16px;
    font-weight: 100;
    padding: 16px 0 28px;
}

.ShootListAuto li div.stDtitle h1 a {
    width: 300px;
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ShootListAuto li div.stDtitle h1 a:hover {
    font-weight: bold;
}

.Intercept {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ShootListAuto li div.stDtitle p.user-info {
    color: #697782;
    font-size: 12px;
}

.ShootListAuto li div.stDtitle p.user-info .photo {
    display: inline-block;
    margin: -5px 7px 0 0;
    position: relative;
    width: 26px;
    height: 26px;
    vertical-align: middle;
}

.ShootListAuto li div.stDtitle p.user-info .photo img {
    border-radius: 50%;
}

.ShootListAuto li div.stDtitle p.user-info .photo img.djHg80 {
    width: 32px;
    height: 44px;
    border-radius: 0% !important;
    position: absolute;
    top: -14px;
    left: -3px;
}

.ShootListAuto li div.stDtitle p.user-info a:hover {
    font-weight: bold;
}

.ShootListAuto li div p.state-hit {
    position: absolute;
    right: 0;
    bottom: 13px;
    vertical-align: top;
}

.PostFixed,
.PostFixed01 {
    position: absolute;
    width: 54px;
    left: 50%;
    margin-left: 666px;
    z-index: 2;
}

.PostFixed a,
.PostFixed01 a {
    width: 54px;
    height: 60px;
    border-bottom: solid 1px #fff;
    display: block;
}

.PostFixed a.postFbg01,
.PostFixed01 a.postFbg01 {
    background: url(../img/index/btnPhoto.png) no-repeat;
}

.PostFixed a.postFbg02,
.PostFixed01 a.postFbg02 {
    background: url(../img/index/btnTop.png) no-repeat;
}

.PostFixed a.postFbg03 {
    background: url(../img/index/ShootIoc05.png) no-repeat;
}

.PostFixed a.postFbg04 {
    background: url(../img/index/s8Login05n.png);
}

.state-lok {
    position: absolute;
    right: 0;
    bottom: 13px;
    vertical-align: top;
}

.state-lok a.help {
    margin-right: 19px;
    background-position: 0 0px;
}

.state-lok a.reply01 {
    margin-right: 30px;
    background-position: -34px 0;
}

.state-lok a {
    display: inline-block;
    width: 15px;
    height: 13px;
    font-size: 12px;
    color: #697782;
    background: url('../img/index/Icon_Fabulous.png') 0 0 no-repeat;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.state-lok a.help:hover,
.state-lok a.help.on {
    background-position: 0 -13px;
}

.state-lok a.reply01:hover,
.state-lok a.reply01.on {
    background-position: -34px -13px;
}

.Photo_share a.shareIcon {
    width: 11px;
    height: 12px;
    position: absolute;
    text-align: center;
    background: url('../img/index/Icon_Fabulous.png') -65px -1px no-repeat;
    right: 0px;
    top: 74px;
}

.Photo_share dl {
    position: absolute;
    top: 87px;
    left: 61px;
    z-index: 100;
    width: 254px;
    height: 68px;
    background: url(../img/index/bg_all_sns04.png) no-repeat;
    text-align: left;
}

.Photo_share dl:after {
    content: '';
    display: block;
    clear: both;
}

.Photo_share dl dt {
    float: left;
    margin: 27px 0 0 21px;
}

.Photo_share dl dd {
    float: left;
    margin: 21px 0 0 5px;
    width: 173px;
}

.Photo_share dl dd a {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 10px;
    padding: 0 !important;
    background: url('../img/index/ico_sns.png') left top no-repeat;
    vertical-align: baseline
}

.Photo_share dl dd a.sns01 {
    background-position: -40px 0
}

.Photo_share dl dd a.sns02 {
    background-position: -80px 0
}

.Photo_share dl dd a.sns03 {
    background-position: -120px 0
}

.pdLt996 {
    margin-top: 0px;
}

.wh1300 {
    width: 1280px !important;
    margin-bottom: 0px;
}

.wh1048 {
    width: 1078px !important;
}

#container .main-cont .My_racketBG img {
    width: 100%;
    height: 207px;
}

#container .main-cont .My_racketBG dl {
    width: 500px;
    height: 90px;
    position: absolute;
    top: 58px;
    left: 49px;
}

#container .main-cont .My_racketBG dl dt {
    float: left;
}

#container .main-cont .My_racketBG dl dt a {
    position: relative;
    width: 90px;
    height: 90px;
}

#container .main-cont .My_racketBG dl dt img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

#container .main-cont .My_racketBG dl dt img.djHg80 {
    width: 112px;
    height: 128px;
    border-radius: 0% !important;
    position: absolute;
    top: -27px;
    left: -12px;
}

#container .main-cont .My_racketBG dl dd {
    min-width: 391px;
    margin-left: 19px;
    height: 30px;
    float: left;
    line-height: 30px;
    color: #fff;
}

#container .main-cont .My_racketBG dl dd img {
    height: 20px;
    width: auto;
    margin-bottom: 3px;
    padding-left: 10px;
}

#container .main-cont .My_racketBG dl dd a {
    width: 100px;
    height: 19px;
    font-size: 14px !important;
    line-height: 19px;
    padding-left: 24px;
    margin-left: 10px;
    color: #fff;
    background: url(../img/index/ShootIoc01.png) no-repeat;
}


/*.layer-Popup12 {
    width: 700px !important;
    margin: -274px 0 0 -350px !important;
}

.layer-Popup12 ul li {
    width: 214px;
    height: 103px;
    float: left;
    margin: 12px 0 0 12px;
    border: solid 1px #b4bbc0;
    position: relative;
}

.layer-Popup12 ul li img {
    width: 214px;
    height: 103px;
    cursor: pointer;
}

.layer-Popup12 ul li p {
    width: 24px;
    height: 24px;
    background: url(../img/index/ShootIoc02.jpg);
    position: absolute;
    right: 7px;
    top: 6px;
}*/

.MystPOPup {
    width: 996px;
    height: 625px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -312px 0 0 -498px;
    background: #fff;
    z-index: 1000;
    display: none
}

.MystPOPup h2 {
    border-bottom: solid 1px #f8f8f8;
    padding: 14px 30px;
    font-size: 16px;
    color: #505562;
}

.MystPOPup ul {
    padding: 8px;
}

.MystPOPup ul li {
    width: 309px;
    height: 148px;
    float: left;
    margin: 12px 0 0 12px;
    border: solid 1px #b4bbc0;
    position: relative
}

.MystPOPup ul li img {
    width: 309px;
    height: 148px;
    cursor: pointer
}

.MystPOPup ul li p {
    width: 24px;
    height: 24px;
    background: url(../img/index/ShootIoc02.jpg);
    position: absolute;
    right: 7px;
    top: 6px;
}

.MystPOPup .sotBtn {
    width: 237px;
    padding-top: 14px;
    margin: 0 auto;
}

.MystPOPup .sotBtn a {
    width: 96px;
    color: #fff;
    line-height: 36px;
    height: 36px;
    display: block;
    border-radius: 3px
}

.MystPOPup .sotBtn a.sotBg01 {
    background: #2b99cc
}

.MystPOPup .sotBtn a.sotBg02 {
    background: #697782
}


/*Photo-end*/


/*Admin-Start*/

.Admin-Left {
    width: 319px;
    float: left;
}

.Admin-Left h2 {
    background: #fbfbfb;
    display: block;
    padding: 81px 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold
}

.Admin-Left .Admin-menu {
    width: 317px;
    border: solid 1px #f5f5f5;
    border-top: 0px;
}

.Admin-Left .Admin-menu li {
    height: 45px;
    line-height: 45px;
    background: #fff url(../img/index/btn_more.png) 288px center no-repeat;
    border-top: solid 1px #f5f5f5;
}

.Admin-Left .Admin-menu li a {
    display: block;
    height: 45px;
    padding-left: 20px;
}

.Admin-Left .Admin-menu li a:hover,
.Admin-Left .Admin-menu li a.on {
    font-weight: bold;
}

.Admin-right {
    width: 937px;
    float: right;
}

.Admin-right .Admin-Info {
    height: 183px;
    background: #fbfbfb;
}

.Admin-right .Admin-Info ul {
    padding-top: 20px;
}

.Admin-right .Admin-Info ul li {
    height: 40px;
    padding-top: 20px;
}

.Admin-right .Admin-Info ul li span {
    width: 100px;
    float: left;
    line-height: 40px;
    text-align: center;
    color: #494949
}

.Admin-right .Admin-Info ul li input {
    width: 138px;
    height: 18px;
    float: left;
    line-height: 18px;
    padding: 10px;
    background: #f3f3f3;
    border: solid 1px #c1c1c1;
    border-radius: 1px;
}

.Admin-right .Admin-Info ul li a {
    width: 90px;
    height: 40px;
    line-height: 40px;
    background: #2b99cc;
    color: #fff !important;
    text-align: center
}

.Admin-right .Admin_table_list {
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all;
    width: 937px;
}

.Admin-right .Admin_table_list label {
    height: 15px;
    padding-left: 15px !important;
}

.Admin-right .Admin_table_list tr {
    height: 60px;
}

.Admin-right .Admin_table_list tr.hg45 {
    height: 45px;
}

.Admin-right .Admin_table_list td div {
    height: 38px;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.Admin-right .Admin_table_list td .table_list_itemTitle:hover {
    font-weight: bold;
    text-decoration: underline;
}


/*Admin-End*/


/*Club-Start*/

#kv-wrap-Club {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 340px;
    margin-bottom: 30px;
}

#kv-wrap-Club .kv {
    position: absolute;
    left: 50%;
    width: 940px;
    height: 340px;
    margin-left: -470px;
    overflow: hidden;
}

#kv-wrap-Club .kv ul {
    position: relative;
    width: 100%;
}

#kv-wrap-Club .kv ul li:first-child {
    display: block;
}

#kv-wrap-Club .kv ul li {
    position: absolute;
    top: 0;
    display: none;
}

#kv-wrap-Club .kv ul li img {
    width: 940px;
    height: 340px;
}

#kv-wrap-Club .kv-btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 940px;
    z-index: 10;
    margin-left: -470px;
    text-align: center;
}

#kv-wrap-Club .kv-btn a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 12px;
    background: url('../img/index/bg_kv_navi.png') left top no-repeat;
}

#kv-wrap-Club .kv-btn a.on {
    background: url('../img/index/bg_kv_navi.png') left bottom no-repeat;
}

#kv-wrap-Club .kv-btn a span {
    display: inline-block;
    text-indent: -10000px;
}

.ClubImgList>div {
    width: 330px !important;
    height: 235px !important;
}

.ClubImgList>div img {
    width: 330px !important;
    height: 235px !important;
}

.ClubImgList div a {
    width: 330px !important;
    height: 235px !important;
}

.ClubImgList>dl {
    left: 349px !important;
    width: 591px !important;
}

.ClubImgList>dl dd.txt {
    margin-top: 32px;
    height: 100px;
}

.ClubImgList>dl dd.txt a {
    height: 43px;
}

.ImgBannew-Club .title-Club {
    display: block;
    width: 549px;
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.board-prod .item a.btnJoin {
    width: 50px;
    height: 24px;
    float: left;
    line-height: 24px;
    color: #fff;
    text-align: center;
    margin: 7.5px 0 0 19px;
    background: #2b99cc;
    border-radius: 2px;
}

.board-prod .item a:hover.btnJoin {
    background: #1885b8;
}

.ReviInfoList {
    padding-left: 20px;
    background: #fbfbfb
}

.ReviInfoList strong {
    display: block;
    line-height: 50px;
    font-weight: bold;
}

.ReviInfoList li a:hover,
.ReviInfoList li a.active {
    font-weight: bold;
}

.ReviInfoList li a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
    width: 99px;
    margin: 0 12px 12px 0;
    text-align: center;
}

.area-all-list {
    margin-top: 20px;
    background: #fbfbfb;
}

.area-all-list:after {
    content: '';
    clear: both;
    display: block;
}

.area-all-list li {
    position: relative;
    float: left;
    width: 50%;
    padding: 36.5px 43.5px 36.5px 43.5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.area-all-list div {
    float: left;
    margin: 5px 0 0 0px;
}

.area-all-list div strong {
    display: block;
    font-weight: normal
}

.area-all-list div strong:hover {
    font-weight: bold
}

.area-all-list div span.user {
    background-position: 0 1px
}

.area-all-list div span {
    display: inline-block;
    margin: 7px 10px 0 0;
    padding-left: 14px;
    font-size: 12px;
    color: #697782;
    background: url('../img/index/ico_club_info.png') left -15px no-repeat;
    vertical-align: middle;
}

.area-all-list li .btn {
    display: inline-block;
    position: absolute;
    top: 43px;
    right: 93.5px;
    width: 89px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #2b99cc;
    border-radius: 2px;
}

.area-all-list li a:hover.btn {
    background: #1885b8;
}

.area-all-list li a.join {
    color: #697782;
    background: #f0f0f0;
}

.area-all-list li a:hover.join {
    color: #fff;
    background: #2b99cc;
}

.area-all-list .bt-more a {
    display: inline-block;
    width: 716px;
    height: 42px;
    line-height: 42px;
    color: #505562;
    background: #fff url('../img/index/ico_more.png') 395px 15px no-repeat;
    text-align: center;
}

.area-all-list .bt-more .on {
    background: url('../img/index/ico_more.png') 395px -22px no-repeat;
}

.OtherTb {
    height: 206px;
    background: #fbfbfb;
    margin: 30px 0;
    position: relative
}

.OtherTb h2 {
    font-size: 16px;
    padding: 16px 0 0 19px;
}

.OtherTb div div {
    width: 365px;
    float: left;
    padding: 32px 86px 0 19px;
}

.OtherTb div div h3 {
    font-size: 20px;
    padding-bottom: 20px;
    position: relative;
}

.OtherTb div div h3 a:hover {
    font-weight: bold;
}

.OtherTb div div span {
    line-height: 25px;
}

#container .main-right .Office_Right {
    position: relative;
    margin: 20px 0 50px;
}

#container .main-right .Office_Right div {
    margin-top: 10px;
    height: 84px;
}

#container .main-right .Office_Right div img {
    width: 110px;
    height: 84px;
}

#container .main-right .Office_Right div p {
    width: 181px;
    height: 48px;
    float: left;
    line-height: 24px;
    padding: 18px 0 0 23px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.board-list {}

.board-list .list-sort {
    overflow: hidden;
}

.board-list .check-box {
    margin-top: 4px;
}

.board-list .count-box {
    position: relative;
    display: inline-block;
    margin-top: 4px;
    color: #505562;
}

.board-list .count-box em {
    color: #2b99cc;
}

.club-ico-user {
    display: inline-block;
    padding-left: 16px;
    font-size: 14px;
    color: #697782;
    background: url('../img/index/ico_club_info.png') 0 4px no-repeat;
    vertical-align: middle;
}

.list-sort .btns {
    float: right;
    /*font: 0/0 'microsoft yahei';*/
    font-size:0;
    line-height:0;
}

.list-sort .btns a {
    display: inline-block;
    height: 15px;
    padding: 0 10px;
    color: #666;
    font-size: 14px;
    line-height: 15px;
    vertical-align: middle;
    text-align: center;
    margin-top: 3px;
}

.list-sort .btns a.on,
.list-sort .btns a:focus {
    font-weight: bold;
}

.list-sort .btns a:first-child {
    border-right: solid 1px #333333;
}

.profile-list {
    background: #fbfbfb;
}

.profile-list h2 {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    color: #697782;
    font-weight: normal;
}


/* .profile-list ul {
    padding: 0 20px;
} */

.profile-list li {
    float: left;
    padding: 28px 0px;
    width: 235px;
    height: 47px;
}

.profile-list li span {
    width: 46px;
    height: 46px;
    float: left;
    margin-left: 20px;
    border-radius: 50%;
    /*background: #fff;*/
    position: relative
}

.profile-list li span .temp {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin: 4px 0 0 4px;
}

.profile-list li span img.djHg80 {
    /*width: 54px;
    height: 69px;
    border-radius: 0% !important;
    position: absolute;
    top: -19px;
    left: -4px;*/
    width: 47px;
    height: 62px;
    border-radius: 0% !important;
    position: absolute;
    top: -15px;
    left: -1px;
}

.profile-list li p {
    margin: 4px 0 0 18px;
    font-size: 12px;
    float: left;
}

.profile-list li p a {
    color: #697782;
    display: block;
    margin-bottom: 4px;
}

.profile-list li p a:hover {
    font-weight: bold;
}

.profile-list li .level {
    width: 38px;
    height: 17px;
}

.Admin-ClubInfo {
    padding: 20px;
    background: #fbfbfb;
}

.Admin-ClubInfo h3 {
    font-size: 16px;
    padding: 20px 0;
}

.Admin-ClubInfo textarea {
    width: 858px;
    height: 90px;
    line-height: 24px;
    padding: 20px;
    color: #505562;
    background: #fff;
}

.Admin-ClubInfo table {
    width: 100%;
    text-align: left;
}

.Admin-ClubInfo tbody th {
    font-size: 16px;
    padding: 10px 0px;
    height: 36px;
    font-weight: normal;
}

.ClubBtn-Submit {
    width: 90px;
    height: 40px;
    line-height: 40px;
    background: #2b99cc;
    color: #fff !important;
    text-align: center;
    margin: 0 auto;
    display: block;
}

a:hover.ClubBtn-Submit {
    background: #1885b8
}


/*Club-End*/


/*PopUp-Start*/

.PopupM {
    width: 720px;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    padding: 38px;
    z-index: 9999;
    margin: -199px 0 0 -398px;
    display: none;
    box-shadow: 0px 3px 32px -4px #000;
}

.PopupM h2 {
    height: 33px;
    font-size: 32px;
    line-height: 32px;
    position: relative;
}

.PopupM h2 a {
    width: 29px;
    height: 29px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../img/index/Popup_Close.png);
}

.PopupM p.text01 {
    font-size: 24px;
    line-height: 40px;
    text-align: center;
}

.PopupM p.text01 input {
    width: 216px;
    height: 26px;
    padding: 10px;
    background: #f3f3f3;
    border: solid 1px #c1c1c1;
}

.PopupM p.text01 img {
    width: 105px;
    height: 46px;
    border: solid 1px #c1c1c1
}

.PopupM .Popup-Btn {
    text-align: center;
}

.PopupM .Popup-Btn a {
    display: inline-block;
    color: #fff;
    font-size: 24px;
    padding: 14px 32px;
    background: #2b99cc;
    border-radius: 2px;
}

.PopupM .Popup-Btn a:hover {
    background: #1885b8
}

.PopupM .Popup-Btn a.cancel01 {
    color: #333333 !important;
    background: #dcdcdc;
    margin-right: 6px;
}

.PopupM .Popup-Btn a:hover.cancel01 {
    color: #fff !important;
    background: #a1a0a0;
}

.PopupM .VocPopup li {
    margin-top: 39px;
    font-size: 24px;
}

.PopupM .VocPopup li div {
    width: 110px;
    font-size: 24px;
    float: left;
}

.PopupM .VocPopup li textarea {
    width: 580px;
    padding: 10px;
    height: 113px;
    background: #f4f4f4;
}

.Popup-Btn-Voc {
    width: 796px;
    height: 100px;
    margin: 35px 0 -38px -38px;
    background: red;
}

.Popup-Btn-Voc a {
    width: 398px;
    height: 100px;
    float: left;
    text-align: center;
    font-size: 28px;
    line-height: 100px;
}

.Popup-Btn-Voc a.vocBnt-Left {
    background: #dcdcdc;
}

.Popup-Btn-Voc a:hover.vocBnt-Left {
    background: #a1a0a0;
}

.Popup-Btn-Voc a.vocBnt-right {
    background: #2b99cc;
    color: #fff !important;
}

.Popup-Btn-Voc a:hover.vocBnt-right {
    background: #1885b8;
}

.layer-Popup08 {
    margin-top: -263px;
}

.layer-Popup10 {
    margin-top: -317px;
}

.layer-Popup10 .VocPopup li {
    margin-top: 29px;
}

.layer-Popup10 .VocPopup li div.select .d_value,
.layer-Popup10 .VocPopup li div.select {
    font-size: 14px !important;
    width: 602px;
}

.layer-Popup11 {
    margin-top: -257px
}

.layer-Popup11 table {
    width: 720px;
    margin-bottom: 15px;
}

.layer-Popup11 #address-2 {
    width: 360px;
}

.layer-Popup11 .btn-s {
    margin-left: 6px;
}

.layer-Popup11 th {
    color: #292e38;
    padding: 10px 20px;
    height: 36px;
    border-bottom: 1px solid #f8f8f8;
    background: #f0f0f0;
    font-weight: normal;
}

.layer-Popup11 td em {
    color: #2b99cc;
}

.layer-Popup11 tbody td {
    position: relative;
    height: 36px;
    padding: 10px 20px;
    border-bottom: 1px solid #f8f8f8;
    background: #ffffff;
    color: #505562;
    text-align: center;
}

.layer-Popup13 {
    margin-top: -150px;
}

.layer-Popup13 dl.reason-chk dt {
    font-size: 16px;
    padding: 20px 0
}

.layer-Popup13 dl.reason-chk dd .label-list {
    width: 588px;
    margin: 0 auto;
}

.layer-Popup13 dl.reason-chk dd .label-list li {
    float: left;
    padding: 10px 0 10px 35px;
}


/*PopUp-End*/


/*Write*/

.board-write {
    background: #fff;
}

.board-write .tab-box {
    background: initial;
}

.board-write .tab-box li a {
    font-size: 16px;
}

.board-write .tab-box li a.on {
    font-weight: bold;
}

.write-wrap {
    padding: 20px;
}

.write-wrap .kv-img img {
    /*width:100%;*/
}

.write-top {
    padding-top: 10px;
    font-size: 0;
}

.write-top div.select {
    vertical-align: top;
}

.write-tit {
    position: relative;
    margin: 15px 0;
}

.content .sub-wrap h3.sub+.write-tit {
    margin-top: 0;
}

.write-tit input[type="text"] {
    width: 854px;
    padding-right: 90px;
}

.write-tit label {
    position: absolute;
    top: 8px;
    left: 8px;
    text-align: right;
}

.write-tit .noti {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 12px;
    text-align: right;
    color: #757575;
}

.write-txt {
    position: relative;
    z-index: 1;
}

.write-txt label.pholder {
    position: absolute;
    top: 8px;
    left: 8px;
    text-align: right;
}

.write-txt textarea {
    width: 934px;
    height: 160px;
}

.write-txt ul li {
    position: relative;
    margin-top: 15px;
}

.write-txt ul li input[type="text"] {
    width: 95%;
}

.write-txt ul li label {
    position: absolute;
    top: 8px;
    left: 8px;
    text-align: right;
}

.cate-brd {
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

.cate-brd>a {
    overflow: hidden;
    position: relative;
    display: inline-block;
    height: 34px;
    padding: 0 30px 0 8px;
    border: 1px solid #b4bbc0;
    line-height: 34px;
    z-index: 10;
    vertical-align: top;
}

.cate-brd>a.cate1 {
    width: 360px;
    background: url('../img/index/bg_select.gif') no-repeat 100% -1px;
}

.cate-brd>a.dis {
    color: #c9c9c9 !important;
    background: #f8f8f8 url('../img/index/bg_prodsel2.gif') no-repeat 100% 13px !important;
}

.cate-brd>a.on {
    height: 35px;
    border-bottom: none;
    background: #fff url('../img/index/bg_prodsel1.gif') no-repeat 100% -29px;
    color: #000;
}

.cate-brd>a.on+.cate-layer1 {
    display: block;
}

.cate-brd [class^=cate-layer] {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 15;
    border: 1px solid #b4bbc0;
    background: #fff;
}

.cate-brd .cate-layer1 {
    width: 954px;
}

.cate-brd .cate-layer1 .cate-ls {
    padding: 30px 28px 0 28px;
}

.cate-brd .cate-layer1 .cate-ls>li {
    position: relative;
    padding: 25px 0 15px 165px;
    border-top: 1px solid #e9e9e9;
}

.cate-brd .cate-layer1 .cate-ls>li strong {
    position: absolute;
    top: 25px;
    left: 0;
    font-weight: normal;
    color: #000;
}

.cate-brd .cate-layer1 .cate-ls>li:first-child {
    padding-top: 0;
    border-top: 0;
}

.cate-brd .cate-layer1 .cate-ls>li:first-child strong {
    top: 0;
}

.cate-brd .cate-layer1 .cate-ls>li ul {
    overflow: hidden;
}

.cate-brd .cate-layer1 .cate-ls>li ul li {
    float: left;
    width: 146px;
}

.cate-brd .cate-layer1 .cate-ls>li ul li a {
    display: block;
    margin-bottom: 8px;
    padding-left: 22px;
    color: #666 !important
}

.cate-brd .cate-layer1 .cate-ls>li ul li a.on,
.cate-brd .cate-layer1 .cate-ls>li ul li a:hover {
    background: url('../img/index/bg_prodselOn.png') no-repeat top left;
    color: #2b99cc;
    font-weight: bold;
}

.editer-e,
.editer-s {
    padding: 20px;
    font-size: 0;
    line-height: 0;
}

.editer-e .editer-txt {
    border: 1px solid #b4bbc0;
}

.editer-s .editer-ico {
    padding: 0 0 10px 0;
    font-size: 0;
    line-height: 0;
}

.editer-s .editer-ico a {
    overflow: hidden;
    display: inline-block;
    width: 32px;
    height: 30px;
    background: url('../img/index/bg_editer_s.png') no-repeat;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

.editer-s .editer-ico a.ico1 {
    background-position: 0 0;
}

.editer-s .editer-ico a.ico2 {
    background-position: -32px 0;
}

.editer-s .editer-ico a.ico3 {
    background-position: -64px 0;
}

.editer-s .editer-ico a.ico4 {
    background-position: -96px 0;
}

.editer-s .editer-ico a.ico1:hover {
    background-position: 0 -30px;
}

.editer-s .editer-ico a.ico2:hover {
    background-position: -32px -30px;
}

.editer-s .editer-ico a.ico3:hover {
    background-position: -64px -30px;
}

.editer-s .editer-ico a.ico4:hover {
    background-position: -96px -30px;
}

.editer-s .editer-ico a.ico1.on {
    background-position: 0 -60px;
}

.editer-s .editer-ico a.ico2.on {
    background-position: -32px -60px;
}

.editer-s .editer-ico a.ico3.on {
    background-position: -64px -60px;
}

.editer-s .editer-ico a.ico4.on {
    background-position: -96px -60px;
}

.editer-txt {
    position: relative;
}

.editer-txt textarea.txt {
    overflow: auto;
    width: 654px;
    height: 180px;
}

.editer-txt .pholder {
    position: absolute;
    bottom: 25px;
    right: 20px;
    font-size: 12px;
    text-align: right;
    color: #757575;
}

.editerbox-e,
.editerbox-s {
    font-size: 0;
    line-height: 0;
}

.editer-mode {
    margin-right: 20px;
    vertical-align: middle;
}

.editerbox-s .editer-ico {
    padding: 9px;
    border-bottom: 1px solid #e8eaec;
    font-size: 0;
    line-height: 0;
}

.editerbox-s .editer-ico select {
    margin: 0 2px;
    padding: 4px;
    border: 1px solid #e9eaee;
    vertical-align: middle;
    color: #666;
    font-size: 12px;
    width: 64px;
}

.editerbox-s .editer-ico a {
    overflow: hidden;
    display: inline-block;
    width: 32px;
    height: 30px;
    background: url('../img/index/bg_editer_s2.png') no-repeat;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

.editerbox-s .editer-ico a.ico1 {
    background-position: 0 0;
}

.editerbox-s .editer-ico a.ico2 {
    background-position: -32px 0;
}

.editerbox-s .editer-ico a.ico3 {
    background-position: -64px 0;
}

.editerbox-s .editer-ico a.ico4 {
    background-position: -96px 0;
}

.editerbox-s .editer-ico a.ico5 {
    background-position: -128px 0;
}

.editerbox-s .editer-ico a.ico6 {
    background-position: -160px 0;
}

.editerbox-s .editer-ico a.ico7 {
    background-position: -192px 0;
}

.editerbox-s .editer-ico a.ico8 {
    background-position: -224px 0;
}

.editerbox-s .editer-ico a.ico9 {
    background-position: -256px 0;
}

.editerbox-s .editer-ico a.ico10 {
    background-position: -288px 0;
}

.editerbox-s .editer-ico a.ico11 {
    background-position: -320px 0;
}

.board-prod .book-mark a .editerbox-s .editer-ico a.ico12 {
    background-position: -352px 0;
}

.editerbox-s .editer-ico a.ico13 {
    background-position: -384px 0;
}

.editerbox-s .editer-ico a.ico14 {
    background-position: -416px 0;
}

.editerbox-s .editer-ico a.ico15 {
    background-position: -448px 0;
}

.editerbox-s .editer-ico a.ico16 {
    background-position: -480px 0;
}

.editerbox-s .editer-ico a.ico17 {
    background-position: -512px 0;
}

.editerbox-s .editer-ico a.ico18 {
    background-position: -544px 0;
}

.editerbox-s .editer-ico a.ico19 {
    background-position: -576px 0;
}

.editerbox-s .editer-ico a.ico1:hover {
    background-position: 0 -30px;
}

.editerbox-s .editer-ico a.ico2:hover {
    background-position: -32px -30px;
}

.editerbox-s .editer-ico a.ico3:hover {
    background-position: -64px -30px;
}

.editerbox-s .editer-ico a.ico4:hover {
    background-position: -96px -30px;
}

.editerbox-s .editer-ico a.ico5:hover {
    background-position: -128px -30px;
}

.editerbox-s .editer-ico a.ico6:hover {
    background-position: -160px -30px;
}

.editerbox-s .editer-ico a.ico7:hover {
    background-position: -192px -30px;
}

.editerbox-s .editer-ico a.ico8:hover {
    background-position: -224px -30px;
}

.editerbox-s .editer-ico a.ico9:hover {
    background-position: -256px -30px;
}

.editerbox-s .editer-ico a.ico10:hover {
    background-position: -288px -30px;
}

.editerbox-s .editer-ico a.ico11:hover {
    background-position: -320px -30px;
}

.editerbox-s .editer-ico a.ico12:hover {
    background-position: -352px -30px;
}

.editerbox-s .editer-ico a.ico13:hover {
    background-position: -384px -30px;
}

.editerbox-s .editer-ico a.ico14:hover {
    background-position: -416px -30px;
}

.editerbox-s .editer-ico a.ico15:hover {
    background-position: -448px -30px;
}

.editerbox-s .editer-ico a.ico16:hover {
    background-position: -480px -30px;
}

.editerbox-s .editer-ico a.ico17:hover {
    background-position: -512px -30px;
}

.editerbox-s .editer-ico a.ico18:hover {
    background-position: -544px -30px;
}

.editerbox-s .editer-ico a.ico19:hover {
    background-position: -576px -30px;
}

.editerbox-s .editer-ico a.ico1.on {
    background-position: 0 -60px;
}

.editerbox-s .editer-ico a.ico2.on {
    background-position: -32px -60px;
}

.editerbox-s .editer-ico a.ico3.on {
    background-position: -64px -60px;
}

.editerbox-s .editer-ico a.ico4.on {
    background-position: -96px -60px;
}

.editerbox-s .editer-ico a.ico5.on {
    background-position: -128px -60px;
}

.editerbox-s .editer-ico a.ico6.on {
    background-position: -160px -60px;
}

.editerbox-s .editer-ico a.ico7.on {
    background-position: -192px -60px;
}

.editerbox-s .editer-ico a.ico8.on {
    background-position: -224px -60px;
}

.editerbox-s .editer-ico a.ico9.on {
    background-position: -256px -60px;
}

.editerbox-s .editer-ico a.ico10.on {
    background-position: -288px -60px;
}

.editerbox-s .editer-ico a.ico11.on {
    background-position: -320px -60px;
}

.editerbox-s .editer-ico a.ico12.on {
    background-position: -352px -60px;
}

.editerbox-s .editer-ico a.ico13.on {
    background-position: -384px -60px;
}

.editerbox-s .editer-ico a.ico14.on {
    background-position: -416px -60px;
}

.editerbox-s .editer-ico a.ico15.on {
    background-position: -448px -60px;
}

.editerbox-s .editer-ico a.ico16.on {
    background-position: -480px -60px;
}

.editerbox-s .editer-ico a.ico17.on {
    background-position: -512px -60px;
}

.editerbox-s .editer-ico a.ico18.on {
    background-position: -544px -60px;
}

.editerbox-s .editer-ico a.ico19.on {
    background-position: -576px -60px;
}

.editerbox-s .editer-txt {
    position: relative;
    font-size: 0;
}

.editerbox-s .editer-txt textarea {
    width: 934px;
    height: 270px;
    border: 0;
}

.editerbox-s .editer-txt p.noti {
    position: absolute;
    top: 260px;
    right: 20px;
    font-size: 12px;
    text-align: right;
    color: #757575;
}

.vote-sel {}

.vote-sel li {
    padding: 15px 0;
}

.vote-sel li:first-child {
    border-bottom: 1px solid #f0f0f0;
}

.vote-sel strong.tit {
    display: inline-block;
    width: 95px;
    vertical-align: middle;
    font-weight: normal;
    color: #697782;
}

.vote-sel span.memo {
    padding-left: 20px;
}

.cal-box {
    position: relative;
    display: inline-block;
    z-index: 10;
}

.cal-box>a {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 37px;
    height: 36px;
    background: url('../img/index/btn_cal.png') no-repeat top left;
    font-size: 0;
    line-height: 0;
}

.cal-box input[type="text"] {
    width: 208px;
    padding-right: 45px;
}

.cal-box>a.on {
    background: url('../img/index/btn_cal.png') no-repeat 0 -36px;
}

.cal-box>a.on+.cld-layerbox {
    display: block;
}

.cld-layerbox {
    display: none;
    position: absolute;
    top: 48px;
    right: 0;
}

.cld-layer {
    position: relative;
    width: 265px;
    border-radius: 2px;
    border-bottom: 2px solid #dfdfdf;
    background: #fff;
}

.cld-layer:after {
    content: '';
    display: block;
    position: absolute;
    right: 10px;
    top: -9px;
    width: 16px;
    height: 10px;
    background: url('../img/index/cld-tbl_arr.png') no-repeat;
}

.cld-layer .cld_head {
    padding: 13px 20px;
    background: #c9e4f1;
    text-align: center;
}

.cld-layer .cld_head strong {
    display: inline-block;
    width: 195px;
    color: #2b99cc;
    font-size: 16px;
}

.cld-layer .cld_head a {
    margin-top: 4px;
    display: inline-block;
    width: 9px;
    height: 14px;
    font-size: 0;
    vertical-align: top;
}

.cld-layer .cld_head .year-prev {
    background: url('../img/index/btn_cldyear_prev.png') no-repeat;
}

.cld-layer .cld_head .year-next {
    background: url('../img/index/btn_cldyear_next.png') no-repeat;
}

.cld-layer .cld_cont {
    padding: 20px 0 10px 10px;
}

.cld-layer .cld-tbl {
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.cld-layer .cld-tbl thead th {
    font-size: 12px;
    padding-bottom: 10px;
}

.cld-layer .cld-tbl tbody td {
    font-size: 12px;
}

.cld-layer .cld-tbl tbody td a {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cld-layer .cld-tbl tbody td a:hover {
    border-radius: 3px;
    background: #deeff7;
    border: 1px solid #bdcbd2;
}

.cld-layer .cld-tbl tbody td.on a {
    border-radius: 3px;
    background: #2b99cc;
    border: 1px solid #2582ae;
    color: #fff;
}

.cld-layer .cld-tbl tbody td.today a:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
    width: 5px;
    height: 5px;
    border-radius: 2px;
    background: #2b99cc;
}

.write-tit {
    position: relative;
    margin: 15px 0;
}

.content .sub-wrap h3.sub+.write-tit {
    margin-top: 0;
}

.write-tit input[type="text"] {
    width: 1160px;
    padding-right: 90px;
}

.write-tit label {
    position: absolute;
    top: 8px;
    left: 8px;
    text-align: right;
}

.write-tit .noti {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 12px;
    text-align: right;
    color: #757575;
}

.write-txt {
    position: relative;
    z-index: 1;
}

.write-txt label.pholder {
    position: absolute;
    top: 8px;
    left: 8px;
    text-align: right;
}

.write-txt textarea {
    width: 1245px;
    height: 160px;
}

.write-txt ul li {
    position: relative;
    margin-top: 15px;
}

.write-txt ul li input[type="text"] {
    width: 95%;
}

.previewBtn {
    padding: 20px 0;
    text-align: center
}

.previewBtn a {
    width: 110px;
    height: 36px;
    background: #2b99cc;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    font-size: 16px;
    border-radius: 3px;
}


/*PAIBA-FATIE*/

.pt_BtnBt {
    margin-top: 15px;
}

a.pt_BtnBt01,
a.pt_BtnBt02 {
    width: 113px;
    height: 36px;
    display: block;
    float: left;
    color: #fff;
    line-height: 36px;
    text-indent: 46px;
}

a.pt_BtnBt01 {
    background: #2b99cc url(../img/index/paibaGitBtn1.png) no-repeat 13px 9px;
    margin-right: 5px;
}

a.pt_BtnBt01:hover {
    background: #1885b8 url(../img/index/paibaGitBtn1.png) no-repeat 13px 9px;
}

a.pt_BtnBt02 {
    background: #2b99cc url(../img/index/paibaGitBtn2.png) no-repeat 13px 9px;
}

a.pt_BtnBt02:hover {
    background: #1885b8 url(../img/index/paibaGitBtn2.png) no-repeat 13px 9px;
}

a.pt_BtnBt03 {
    width: 22px;
    height: 22px;
    background: url(../img/index/paibaGitBtn4.png);
    display: block;
    float: left;
    margin: 8px 0 0 20px;
    position: relative
}

a.pt_BtnBt03 img {
    position: absolute;
    left: 27px;
    top: -7px;
    display: none
}

a.pt_BtnBt03:hover img {
    display: block
}

a.pt_BtnBt04 {
    width: 20px;
    height: 20px;
    background: url(../img/index/paibaGitBtn5.png);
    display: block;
    position: absolute;
    right: -21px;
    top: 0px;
}

.write-txt01 {
    position: relative;
    z-index: 1;
}

.write-txt01 label.pholder01,
.write-txt01 label.pholder02 {
    position: absolute;
    top: 8px;
    text-align: right;
}

.write-txt01 label.pholder01 {
    left: 8px;
}

.write-txt01 label.pholder02 {
    left: 250px;
}

.write-txt01 textarea.ybHo01 {
    width: 934px;
    height: 118px;
}

.write-txt01 textarea.ybHo02 {
    width: 695px;
    height: 118px;
    float: right
}

.write-txt01 ul li {
    position: relative;
    margin-top: 15px;
}

.write-txt01 ul li input[type="text"] {
    width: 95%;
}

.fil_Left01 {
    width: 235px;
    height: 138px;
    float: left
}

.write-txt01 a.addImg {
    width: 230px;
    height: 138px;
    display: block;
    background: #f8f8f8 url(../img/index/ShootIoc04.jpg) no-repeat center;
}


/*paibaEND*/

.content .sub-wrap h3.sub {
    margin: 30px 0 5px 0;
    font-weight: bold
}

.poto_rom_01 {
    border-bottom: solid 2px #dcdcdc;
    padding-bottom: 40px;
    margin-bottom: 25px;
}

.poto_rom_01 p {
    padding: 10px 0;
}

.poto_rom_01 dl {
    padding: 10px 0;
}

.poto_rom_01 dt {
    float: left;
}

.poto_rom_01 dd {
    float: left;
}

.poto_rom_01:after {
    content: '';
    display: block;
    clear: both;
}

.poto_rom_01 dd a.btn-b {
    padding: 3px 31px;
    background: #515561;
    border: 0px;
    margin-top: 110px;
}


/*星汇社专题*/

#header #nav_new {
    height: 35px;
    background: #2b99cc;
}

#header #nav_new .nav-wrap .gnb>li>a {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    padding: 0px 8px;
}

#header #nav_new .nav-wrap .gnb>li .sub01 {
    top: 35px;
}

#header #nav_new .srch input[type="text"] {
    line-height: 18px;
    height: 18px;
    border: 1px solid #fff;
    color: #fff;
    background: #2198ce;
    font-size: 12px;
}

#header #nav_new .srch p label {
    position: absolute;
    left: 10px;
    top: 2px;
    color: #fff;
    cursor: text;
    font-size: 12px;
}

#header #nav_new .srch p .srch-btn {
    position: absolute;
    right: 9px;
    top: -1px;
}

#header #nav_new .srch {
    position: absolute;
    top: -7px;
    right: 50%;
    margin-right: -498px;
}

#header #nav_new .nav-wrap .gnb>li .sub02 {
    top: 35px;
    left: 412px;
}

#header #nav_new .nav-wrap .gnb>li .sub03 {
    top: 35px;
    right: -21px;
}

#header #nav_new .nav-wrap .gnb>li.logo_starOne {
    height: 35px;
    line-height: 34px
}

#header #nav_new .nav-wrap .gnb>li {
    margin-right: 10px;
}

#header .subNavi {
    width: 996px;
    height: 66px;
    line-height: 66px;
    margin: auto
}

#header .subNavi h1 {
    font-size: 25px;
    float: left
}

#header .subNavi ul {
    float: right;
}

#header .subNavi ul li {
    float: left;
    margin-left: 23px;
    color: #9c9898;
}

#header .subNavi ul li a.on,
#header .subNavi ul li a:hover {
    color: #2a9acc
}

#header .subNavi ul li a:hover #header .subNavi ul li.sub-wrap .photo {
    display: inline-block;
    color: #505562;
}

#header .subNavi ul li.sub-wrap a {
    color: #505562
}

#header .subNavi ul li.sub-wrap a:hover {
    color: #2a9acc
}

#header .subNavi ul li.sub-wrap .photo img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

#header .subNavi ul li.sub-wrap span {
    display: inline-block;
    margin: 0 10px;
    width: 1px;
    height: 14px;
    background: #b9bbc0;
    vertical-align: middle;
}

#header .subNaviS8 ul li:last-child {
    width: 77px
}

.Star_Club01 {
    background: url(../img/index/xlh_img_02.jpg);
    height: 465px;
}

.Star_Club02 {
    background: url(../img/index/xlh_img_05.jpg);
    height: 334px;
    padding-top: 56px;
}

.Star_Club03 {
    background: url(../img/index/xlh_img_07.jpg);
    height: 322px
}

.Star_Club04 {
    background: url(../img/index/xlh_img_09.jpg);
    height: 608px
}

.Star_Club05 {
    background: url(../img/index/xlh_img_09.jpg);
    height: 442px
}

.Star_Club06 {
    background: url(../img/index/xlh_img_09.jpg);
    height: 472px
}

.Star_Club07 {
    background: url(../img/index/xlh_img_07.jpg);
    height: 408px
}

.Star_Club08 {
    background: url(../img/index/xlh_img_09.jpg);
    height: 348px
}

.Star_Club09 {
    background: url(../img/index/xlh_img_09.jpg);
    height: 496px
}


/*星汇社专题End*/


/*星汇社首页*/

.star_xhsKv {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative
}

.star_xhsKv_img {
    width: 1920px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -960px;
}

.Welcome_xhs_bg {
    height: 481px;
    background: url(../img/common/xlh_img_05.jpg);
    padding-top: 20px;
}

.Welcome_xhs {
    width: 996px;
    margin: 0 auto;
    background: #fff;
    padding-bottom: 37px;
}

.Welcome_xhs h1 {
    height: 70px;
    border-bottom: solid 1px #eee;
    line-height: 70px;
    font-size: 24px;
    color: #2198ce;
    border-top: solid 5px #279bce;
    width: 1300px;
    margin-left: -152px;
}

.Welcome_xhs div {
    padding: 29px;
}

.Welcome_xhs div p {
    width: 529px;
    float: left;
    color: #0f0e1c;
    line-height: 30px;
}

.Welcome_xhs div img {
    width: 375px;
    height: 235px;
    float: right
}

.Welcome_xhs a {
    width: 184px;
    height: 44px;
    background: #2b99cc;
    color: #fff !important;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    display: block;
    margin: 0 auto
}

.Welcome_xhs a:hover {
    background: #067ab5
}


/**/

.xhsWrapper {
    min-width: 996px;
    position: relative;
}

.navWrapper {
    height: 65px;
    width: 996px;
    margin: 0 auto;
}

.navTitle {
    float: left;
    font-size: 26px;
    color: #070707;
    width: 200px;
    height: 65px;
    line-height: 65px;
    font-weight: bold;
}

.navMenu {
    float: right;
    font-size: 16px;
    line-height: 65px;
    height: 65px;
    color: #000000;
}

.navMenu ul {
    height: 65px;
    list-style: none;
}

.navMenu ul li {
    float: left;
    margin: 0 10px;
    cursor: pointer;
}

.navMenu ul li.on {
    color: #2b99cc;
}

.navMenu ul li:hover {
    color: #2b99cc;
}

.navLogin {
    text-align: right;
    float: right;
    width: 130px;
    color: #505562;
    line-height: 65px;
    height: 65px;
    font-size: 14px;
}

.navLogin span {
    padding: 0 10px;
    cursor: pointer;
}

.navLogin span.on {
    font-weight: bold;
}

.navLogin span:hover {
    font-weight: bold;
}

.kvWrapper {
    height: 500px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.kvWrapper img {
    position: absolute;
    left: 50%;
    margin-left: -960px;
}

.contentWrapper {
    background: url("../img/common/xinghuishebg.jpg") repeat 100%;
}

.contentWrapper .content {
    width: 996px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 0;
    height: 528px;
}

.task {
    width: 490px;
    float: left;
    border-top: 5px solid #2b99cc;
    background-color: #ffffff;
    height: 528px;
}

.zixun {
    width: 490px;
    float: right;
    border-top: 5px solid #2b99cc;
    background-color: #ffffff;
    height: 528px;
}

.content .title {
    font-size: 18px;
    font-weight: bold;
    color: #2b99cc;
    padding: 15px 15px;
    border-bottom: 1px solid #eeeeee;
}

.taskImg {
    padding: 15px;
    width: 460px;
    height: 222px;
}

.taskImg img {
    width: 100%;
    height: 100%;
}

.taskInfo {
    padding: 15px;
    width: 460px;
    font-size: 16px;
    color: #0f0e1c;
    line-height: 24px;
}

.taskSubmitBtn {
    margin: 20px auto;
    width: 120px;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    background-color: #2b99cc;
    color: #ffffff;
    margin-top: 0px;
}

.infoItem {
    background: url("../img/common/infoIcon.jpg") no-repeat;
    padding-left: 20px;
    margin-bottom: 15px;
}

.zixunItem {
    padding: 15px;
    width: 460px;
    border-bottom: 1px solid #eeeeee;
}

.zxItemTime {
    font-size: 14px;
}

.zxItemTime span {
    margin-right: 15px;
    color: #98a1aa;
}

.zixunTitle {
    margin-top: 5px;
    position: relative;
    cursor: pointer;
}

.read {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    color: #2b99cc;
    cursor: pointer;
}

.taskWrapper {
    background-color: #f8f8f8;
    padding-top: 15px;
    padding-bottom: 15px;
}

.taskContent {
    width: 1300px;
    margin: 0 auto;
    background-color: #ffffff;
}

.beforContent {
    width: 1300px;
    margin: 15px auto;
    background-color: #ffffff;
    margin-bottom: 0px;
}

.taskTitle,
.beforTitle {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 15px;
    border-bottom: 1px solid #eeeeee;
}

.clr333 {
    color: #333 !important;
}

.taskItem,
.beforItem {
    padding: 30px;
    width: 1240px;
    overflow: hidden;
    position: relative;
    min-height: 220px;
}

.beforItem {
    border-bottom: 1px solid #eeeeee;
}

.taskItemOn {
    border-bottom: 1px solid #eeeeee;
}

.taskItemImg {
    width: 350px;
    position: absolute;
    top: 50%;
    margin-top: -109px;
    height: 220px;
}

.taskItemImg img {
    width: 100%;
    height: 100%;
}

.taskItemInfo {
    float: right;
    min-height: 220px;
    width: 848px;
    position: relative;
}

.taskItemTitle {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    height: 35px;
    padding-left: 5px;
}

.taskItemTitle2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    height: 35px;
    padding-left: 5px;
    color: #000000;
}

.taskSubmitBtn2 {
    margin-top: 15px;
    margin-left: 364px;
    width: 120px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    background-color: #2b99cc;
    text-align: center;
    cursor: pointer;
}

.solw_gray {
    background: #697782 !important
}

.taskSubmitBtn2:hover {
    background: #067ab5
}

.taskjingxuan {
    padding-left: 5px;
}

.jingxuanTitle {
    font-size: 14px;
    color: #2b99cc;
    line-height: 24px;
    height: 24px;
}

.jingxuanInfo {
    overflow: hidden;
    width: 600px;
}

.jingxuanHeader {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.jingxuanHeader img {
    width: 100%;
    line-height: 100%;
}

.jingxuanHref {
    font-size: 14px;
    margin-left: 15px;
    width: 525px;
    float: left;
}

.jingxuanHref a {
    color: #2b99cc !important;
    text-decoration: none;
    cursor: pointer;
}

.h220 {
    height: 220px;
}

.popWrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.8);
}

.popContent {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -100px;
    width: 400px;
    height: 200px;
    border-top: 5px solid #2b99cc;
    background-color: #ffffff;
    padding-left: 15px;
}

.popTitle {
    line-height: 80px;
    height: 80px;
    font-size: 18px;
    font-weight: bold;
}

.hrefInput {
    width: 370px;
    height: 30px;
}

.popBtn {
    margin: 30px auto;
    width: 120px;
    background: #2b99cc;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    height: 32px;
    text-align: center;
    cursor: pointer;
}

.popBtn:hover {
    background: #067ab5
}

.closeBtn {
    position: absolute;
    right: 20px;
    top: 22px;
    cursor: pointer;
}

.zixunWrapper {
    background-color: #f8f8f8;
    padding: 15px 0;
}

.zixunContent {
    width: 996px;
    margin: 0 auto;
    overflow: hidden;
}

.zixunLeft {
    border-top: 5px solid #2b99cc;
    width: 365px;
    float: left;
    background-color: #ffffff;
}

.zixunListTitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    height: 50px;
    border-bottom: 1px solid #eeeeee;
    padding-left: 15px;
}

.zixunItem2 {
    border-bottom: 1px solid #eeeeee;
    padding: 15px;
}

.zixunItemTitle {
    color: #727279;
    font-size: 14px;
}

.zixunList .on {
    color: #2b99cc;
}

.zixunDesc {
    line-height: 30px;
    height: 32px;
    cursor: pointer;
    position: relative;
}

.zixunDesc:hover {
    color: #2b99cc;
}

.zixunArrow {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -18px;
    display: none;
}

.zixunDesc:hover .zixunArrow {
    display: block;
}

.on .zixunArrow {
    display: block;
}

.zixunRight {
    width: 600px;
    float: left;
    margin-left: 16px;
    border-top: 5px solid #2b99cc;
    background-color: #ffffff;
}

.zixunRightTitle {
    text-align: center;
    color: #2b99cc;
    line-height: 50px;
    height: 50px;
    border-bottom: 1px solid #eeeeee;
}

.zixunDate {
    height: 40px;
    line-height: 40px;
    color: #727279;
    font-size: 14px;
    text-align: center;
}

.zixunImg {
    padding: 0 15px;
    width: 570px;
    text-align: center;
}

.zixunImg img {
    max-width: 100%;
    max-height: 100%;
}

.zixunTxt {
    padding: 15px;
    line-height: 26px;
}

.zixunListIndex {
    width: 365px;
}

.indexUl {
    width: 365px;
    overflow: hidden;
    list-style: none;
}

.indexUl li {
    width: 50px;
    height: 50px;
    float: left;
    line-height: 48px;
    text-align: center;
    background-color: #f0f0f0;
    cursor: pointer;
    margin-left: 1px;
    margin-right: 1px;
}

.indexUl li:hover {
    color: #ffffff;
    background-color: #2b99cc;
}

.indexUl li.on {
    color: #ffffff;
    background-color: #2b99cc;
}

.indexUl .prevIndex,
.indexUl .nextIndex {
    background-color: #b4bbc0;
    color: #ffffff;
}

.StarNav_fixMain {
    width: 100%;
    height: 58px;
    position: relative;
}

.StarNav_fix {
    width: 100%;
    height: 58px;
    background: #dbdbdb;
    position: fixed;
    z-index: 1;
    bottom: 0px;
}

.StarNav_fix ul li {
    display: inline-block
}

.StarNav_fix ul {
    width: 545px;
    margin: 0 auto;
}

.StarNav_fix ul li div {
    position: relative;
    display: inline-block;
}

.StarNav_fix ul li div input[type="checkbox"] {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.StarNav_fix ul li div input[type="checkbox"]+label {
    display: inline-block;
    padding-left: 42px;
    background: url('../img/common/starChek_bg.png') no-repeat 0 0;
    font-size: 18px;
    line-height: 35px;
    vertical-align: middle;
    cursor: pointer;
    color: #000;
    margin-top: 14px;
}

.StarNav_fix ul li div input[type="checkbox"]+label.on {
    background: url('../img/common/starChek_bg_on.png') no-repeat 0 100%;
}

.StarNav_fix ul li a.star_cursor {
    width: 150px;
    height: 48px;
    display: block;
    background: url(../img/common/starBtn02.png);
}

.StarNav_fix ul li a.star_cursor:hover {
    background: url(../img/common/starBtn03.png);
}

.StarNav_fix ul li a.star_cursor_No {
    width: 150px;
    height: 48px;
    display: block;
    background: url(../img/common/starBtn01.png);
}

.No_fixd {
    position: static;
}

.Answer_Popup {
    width: 650px;
    position: absolute;
    left: 50%;
    margin-left: -325px;
    top: 50px;
    background: #fff;
    border-top: solid 5px #279bce;
    z-index: 1000;
    padding-bottom: 21px;
    display: none
}

.Answer_Popup .AnpopTitli {
    width: 616px;
    padding: 18px 0 0 34px;
    height: 58px;
    border-bottom: solid 1px #f0f0f0
}

.Answer_Popup .AnpopTitli h1 {
    font-size: 22px;
    color: #2199ce;
    position: relative
}

.Answer_Popup .AnpopTitli p {
    color: #879199;
    margin-top: 4px;
}

.Answer_Popup .AnpopTitli a {
    width: 19px;
    height: 19px;
    display: block;
    background: url(../img/common/close_xhs.jpg);
    position: absolute;
    right: 34px;
    top: 18px;
}

.Answer_Popup p.xhs_listTitle {
    padding: 19px 0 19px 33px;
    font-size: 16px;
    color: #697782;
    width: 578px;
}

.Answer_Popup ul {
    width: 584px;
    padding-bottom: 10px;
    border-bottom: solid 1px #f0f0f0;
    margin: 0 auto;
}

.Answer_Popup ul li {
    position: relative;
    margin-bottom: 11px;
}

.Answer_Popup ul li input[type="checkbox"] {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    margin: -1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.Answer_Popup ul li input[type="checkbox"]+label {
    display: inline-block;
    padding-left: 27px;
    background: url('../img/index/xhs_chebok.jpg') no-repeat 0 0;
    line-height: 19px;
    vertical-align: middle;
    cursor: pointer;
    color: #697782;
}

.Answer_Popup ul li input[type="checkbox"]+label.on {
    background: url('../img/index/xhs_chebok.jpg') no-repeat 0 100%;
}

.Answer_Popup textarea {
    padding: 10px;
    width: 564px;
    border: solid 1px #f0f0f0;
    background: #fbfbfb;
    margin: 0 0 18px 33px;
}

.Answer_Popup a:hover.Submit_answer {
    background: #e4e4e4
}

.Answer_Popup a.Submit_answer {
    width: 184px;
    height: 44px;
    line-height: 44px;
    background: #f3f3f3;
    font-weight: bold;
    color: #333;
    font-size: 18px;
    display: block;
    margin: 0 auto;
}

.ScorePopup {
    width: 320px;
    height: 150px;
    padding: 23px 41px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -75px 0 0 -160px;
    display: none;
    z-index: 1000
}

.ScorePopup h1 {
    color: #2199ce;
    font-size: 22px;
}

.ScorePopup p {
    color: #697782;
    font-size: 16px;
    padding: 20px 0 30px 0;
    line-height: 24px
}

.ScorePopup a {
    color: #2b99cc;
    display: block
}

.ImgBannew-Club a {
    width: 100%;
}

.ImgBannew-Club a img {
    width: 100%;
    max-height: 245px;
}


/*/专题页面/*/

.btn_Dline {
    display: initial !important;
}

.specialS8 h2.main-tit {
    border-bottom: solid 0px;
}

.pdBt20 {
    padding-bottom: 20px;
}

.mgLt33 {
    margin-left: 33px !important
}

.specialS8 {
    width: 1300px;
    margin: 0 auto;
    background: #fff;
}

.playS8 {
    height: 574px;
    margin-bottom: 17px;
}

.playList li {
    width: 300px;
    height: 235px;
    float: left;
    position: relative;
    margin-bottom: 33px;
}

.playList li div.lst-bg02 {
    color: #fff;
    font-size: 14px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 9px;
    width: 282px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.playList li div.lst-bg02 p {
    color: #000;
    font-size: 16px;
    overflow: hidden;
    height: 42px
}

.playList li p.lst-bg01 {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 8px;
}

.playList li a.lst-bg04 {
    position: absolute;
    left: 10px;
    top: 19px;
    color: #fff;
    width: 282px;
    height: 153px;
    font-size: 14px;
    line-height: 20px;
    display: none;
    overflow: hidden;
    z-index: 2
}

.playList li a.lst-bg04 p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;
    max-height: 46px;
    overflow: hidden;
    z-index: 2;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.playList li:hover a.lst-bg04,
.playList li:hover div.lst-bg03 {
    display: block;
}

.playList li:hover p.lst-bg01 {
    display: block
}

.playList li:hover div.lst-bg02 {
    display: none
}

.playList li p.videoPlay {
    width: 70px;
    position: absolute;
    top: 76px;
    left: 125px;
}

.playList li:hover p.videoPlay {
    top: 111px
}

.FixedPlay {
    position: fixed !important;
}

.FixedPlaykv {
    position: fixed !important;
    top: 0px;
}

.PabPlay {
    position: absolute !important;
    top: 426px !important;
}

.PabPlay01 {
    position: absolute !important;
    top: 122px !important
}

.playList li div.lst-bg03 {
    width: 280px;
    position: absolute;
    bottom: 14px;
    left: 10px;
    display: none;
    z-index: 2
}

.playList li div.lst-bg03 p img {
    border-radius: 50%
}

.playList li div.lst-bg03 p a,
.playList li div.lst-bg03 p span {
    color: #fff;
    font-size: 12px;
}

.playList li div.lst-bg03 p.state-hit span {
    background: url(../img/index/ico_lists8.png) left bottom no-repeat;
}

.playList li div.lst-bg03 p.state-hit span.view {
    background-position: 0 3px;
}

.playList li div.lst-bg03 p a {
    position: relative;
    margin: -5px 7px 0 0;
    display: inline-block;
    width: 26px;
    height: 26px;
}

.playList li div.lst-bg03 p a img.djHg80 {
    width: 32px;
    height: 42px;
    border-radius: 0% !important;
    position: absolute;
    top: -13.1px;
    left: -3px;
}

.playList li p.lst-bg05,
.sttrLabel {
    color: #fff;
    background: #ffcc35;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 1;
    text-align: center;
    min-width: 60px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
}

.specialS8 .list-Shoot02 {
    margin-bottom: 0;
}

.specialS8 .list-Shoot02 ul li {
    width: 633px;
    height: 159px;
    margin: 0px;
    margin-bottom: 40px;
}

.specialS8 .list-S8No li>dl {
    left: 0px;
    width: 633px;
}

.specialS8 .list-S8No li>dl dt a {
    padding-left: 74px;
}

.specialS8 ul.GrayBd li {
    margin-bottom: 0 !important;
}

.specialS8 ul.GrayBd li.pd18Bg {
    border-left: solid 18px #f8f8f8
}

.index_kv01 {
    width: 100%;
    overflow-x: hidden;
}

.loadingS8 {
    text-align: center;
    padding-bottom: 30px;
}

.loadingS8 img {
    width: 60px;
}

.playList li div.lst-bg02 p {
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #ffffff;
    position: absolute;
    top: -31px;
    left: 9px;
}

.playList li div.lst-bg02 span {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: #000;
    opacity: .5;
    width: 300px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    height: 60px;
}

.min-h542 {
    min-height: 542px
}

.main-tit {
    display: block;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f0f0f0;
}

.main-tit a.bg-none {
    background: none;
}

.main-tit a {
    display: block;
    color: #333;
    background: url('../img/index/btn_more01.png') 1290px 15px no-repeat;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.main-tit a:hover {
    font-weight: bold
}

.main-tit a span {
    display: inline-block;
    text-indent: -10000px;
}

.list-Shoot02 li {
    width: 476px;
    height: 134px;
    position: relative;
    margin: 13px 0 13px 22px;
    float: left
}

.list-Shoot02 li>div {
    width: 230px;
    height: 160px;
    overflow: hidden;
}

.list-Shoot02 li>div img {
    width: 230px;
    height: 160px;
}

.list-Shoot02 li>div a img {
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transform: scale(1, 1) rotate(0.001deg);
}

.list-Shoot02 li>div a:hover img {
    transform: scale(1.1, 1.1) rotate(0.001deg);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.list-Shoot02 li>dl {
    position: absolute;
    left: 250px;
    top: 4px;
    width: 375px;
}

.list-Shoot02 li>dl dt a {
    display: inline-block;
    width: 311px;
    margin-bottom: 12px;
    font-size: 16px;
    height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.list-Shoot02 li>dl dt a:hover {
    font-weight: bold
}

.list-Shoot02 li>dl dd.txt a {
    display: inline-block;
    height: 41px;
    line-height: 22px;
    overflow: hidden;
    color: #505562;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-Shoot02 li>dl dd.user-info {
    position: relative;
    margin-top: 57px;
    color: #697782;
    font-size: 12px;
}

.list-Shoot02 li>dl dd.user-info * {
    vertical-align: top;
}

.list-Shoot02 li>dl dd.user-info a {
    color: #505562;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.list-Shoot02 li>dl dd.user-info a:hover {
    font-weight: bold
}

.list-Shoot02 li>dl dd.user-info .bar {
    display: inline-block;
    margin: 3px 3px 0 3px;
    width: 1px;
    height: 12px;
    background: #b7b7b7;
}

.list-Shoot02 li>dl dd.user-info .photo {
    display: inline-block;
    margin: -5px 7px 0 0;
    position: relative
}

.list-Shoot02 li>dl dd.user-info .photo img {
    border-radius: 50%;
}

.list-Shoot02 li>dl dd.user-info .photo img.djHg80 {
    width: 33px;
    height: 42px;
    border-radius: 0% !important;
    position: absolute;
    top: -13px;
    left: -4px;
}

.list-Shoot02 li>dl dd.user-info .user-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    margin-top: -5px;
    background: url('../img/common/bg_user_photh.png') no-repeat;
}

.list-Shoot02 li>dl dd.user-info .user-photo img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

.list-Shoot02 li>dl dd.state-hit {
    position: absolute;
    right: 0;
    bottom: 5px;
    vertical-align: top;
}

.list-Shoot02 .list-more {
    height: 42px;
    line-height: 42px;
    text-align: center;
}

.list-Shoot02 .list-more a {
    display: inline-block;
    padding-right: 18px;
    color: #505562;
    background: url('../img/common/btn_more.png') right center no-repeat;
}

.list-Shoot02 .list-more a:hover {
    color: #2b99cc;
}

.imgRadius {
    width: 300px;
    height: 235px;
    border-radius: 7px;
}

.s8More-btn {
    padding-bottom: 18px;
    display: block;
    margin: 0 auto;
    width: 89px;
    margin-top: 20px;
    font-size: 12px;
}

.specialBg a:hover.s8More-btn {
    font-weight: bold;
}

.sinaS8List {
    position: relative;
    width: 952px;
    height: 961px;
    z-index: 2;
    border-radius: 5px;
    padding: 22px;
}

.sinaS8List strong {
    color: #333;
    padding-bottom: 9px;
    display: block;
}

.lineZt {
    border-bottom: solid 1px #f0f0f0;
}

.list-S8No dl dd.user-info {
    margin-top: 20px;
}

.list-S8No ul li {
    margin-bottom: 49px;
    height: 135px;
}


/*星汇社首页End*/


/*公益活动*/

.publicbg {
    position: relative;
}

.publicbg img {
    width: 100%;
}

#img_lbPuList {
    width: 40%;
    position: absolute;
    top: 22%;
    left: 31.5%;
}

.publicbg ul {
    width: 38.6%;
    position: absolute;
    bottom: 13.4%;
    left: 30%;
    z-index: 2;
}

.publicbg ul li {
    width: 22%;
    float: left;
    margin-right: 4%;
}

.publicbg ul li:last-child {
    margin-right: 0px;
}

.publicbg ul li:hover img {
    /*-webkit-transform:scale(1.23);-moz-transform: scale(1.23);-o-transform:scale(1.23);*/
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transform: scale(1.2, 1.2) rotate(0.001deg);
}

.publicbg-title {
    width: 33% !important;
    position: absolute;
    top: 3%;
    left: 33%;
    z-index: 2;
}

.publicbg-logo {
    width: 10% !important;
    position: absolute;
    top: 8.5%;
    right: 25.8%;
    z-index: 2;
}

#header .subNavi_new01 {
    height: 87px;
    line-height: 87px;
}

#header .subNavi_new01 h1 img {
    width: 101px;
}


/*gy*/

.panorama {
    width: 100%;
    background: #7ac2da url("../img/common/public_08.jpg") no-repeat center top;
    margin: 0 auto;
    min-height: 468px;
}

.panorama ul.panList01 {
    width: 948px;
    height: 252px;
    margin: 0 auto;
    padding-bottom: 30px;
}

.panorama ul.panList01 li {
    float: left;
    width: 310px;
    margin-right: 9px;
    position: relative;
    overflow: hidden;
    height: 252px;
    box-shadow: 0px 0px 10px #4a4747;
}

.panorama ul.panList01 li a.pb_img09 img {
    width: 310px;
    height: 252px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transform: scale(1, 1) rotate(0.001deg);
}

.panorama ul.panList01 li a:hover.pb_img09 img {
    transform: scale(1.1, 1.1) rotate(0.001deg);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.panorama ul.panList01 li:last-child {
    margin-right: 0;
}

.panorama ul.panList01 li div.pb_img10 {
    padding: 8px 13px 9px 13px;
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    width: 284px;
}

.panorama ul.panList01 li div.pb_img10 h1,
.panorama ul.panList02 li div.pb_img10 h1 {
    font-weight: 100;
}

.panorama ul.panList01 li div.pb_img10 p {
    color: #697782;
    padding-top: 3px;
}

.panorama ul.panList01 li div.pb_img10 p img,
.panorama ul.panList02 li div.pb_img10 p img {
    border-radius: 50%;
}

.panorama ul.panList01 li span.pb_img11 {
    background: #e4e4e4;
    opacity: .7;
    filter: Alpha(opacity=70);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
}

.panorama ul.panList02 {
    width: 948px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.panorama ul.panList02 li {
    float: left;
    width: 232px;
    margin-right: 6px;
    position: relative;
    overflow: hidden;
    height: 232px;
    margin-top: 29px;
    box-shadow: 0px 0px 10px #4a4747;
}

.panorama ul.panList02 li a.pb_img09 img {
    width: 232px;
    height: 232px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transform: scale(1, 1) rotate(0.001deg);
}

.panorama ul.panList02 li a:hover.pb_img09 img {
    transform: scale(1.1, 1.1) rotate(0.001deg);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.panorama ul.panList02 li:nth-child(4n) {
    margin-right: 0;
}

.panorama ul.panList02 li div.pb_img10 {
    padding: 0px 13px 5px 13px;
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    width: 206px;
}

.panorama ul.panList02 li div.pb_img10 p {
    color: #697782;
    padding-top: 3px;
}

.panorama ul.panList02 li span.pb_img11 {
    background: #e4e4e4;
    opacity: .7;
    filter: Alpha(opacity=70);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 64px;
}

.panoramaPop {
    width: 584px;
    height: 546px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -273px 0 0 -292px;
    background: url("../img/common/public_13.png");
    z-index: 1000;
    display: none;
}

.panoramaPop a.panClose {
    width: 21px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 97px;
    background: url("../img/common/public_14.png");
}

.content_wz {
    width: 412px;
    height: 272px;
    position: absolute;
    left: 80px;
    top: 168px;
    overflow: hidden;
    padding: 0 10px;
}

.panorama ul.panList15 {
    width: 948px;
    margin: 0 auto;
    padding-bottom: 100px;
}

.panorama ul.panList15 li {
    float: left;
    width: 227px;
    margin-right: 13px;
    position: relative;
    overflow: hidden;
    height: 220px;
    margin-bottom: 13px;
    box-shadow: 0px 0px 10px #4a4747;
}

.panorama ul.panList15 li a.pb_img09 img {
    width: 227px;
    height: 220px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transform: scale(1, 1) rotate(0.001deg);
}

.panorama ul.panList15 li a:hover.pb_img09 img {
    transform: scale(1.1, 1.1) rotate(0.001deg);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.panorama ul.panList15 li:nth-child(4n) {
    margin-right: 0;
}

.panorama ul.panList15 li div.pb_img14 {
    padding: 0px 13px 2px 13px;
    position: absolute;
    display: block;
    bottom: 9px;
    left: 0px;
    z-index: 1;
    width: 201px;
}

.panorama ul.panList15 li div.pb_img14 h1 {
    font-size: 14px;
    font-weight: 100;
}

.panorama ul.panList15 li div.pb_img14 p {
    font-size: 12px;
}

.panorama ul.panList15 li div.pb_img14 p {
    padding-top: 15px;
}

.panorama ul.panList15 li span.pb_img11 {
    background: #e4e4e4;
    opacity: .7;
    filter: Alpha(opacity=70);
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 71px;
}

.videoPan {
    width: 948px;
    height: 533px;
    margin: 0 auto;
    text-align: center
}

.videoPan img {
    width: 624px;
    height: 327px;
}

.mgLt69 {
    margin-left: 69px;
}

.mCustomScrollBox>.mCSB_scrollTools {
    position: absolute
}

.pb_TitleGy {
    width: 624px;
    margin: 0 auto;
    text-align: center;
    font-size: 22px;
    line-height: 36px;
    color: #023259;
    padding: 30px;
}

#DreamDataList .paging,
#VideoDataList .paging {
    margin-top: -70px;
    padding-bottom: 44px;
}

.pt70 {
    padding-top: 70px;
}


/*公益活动End*/

.ban img {
    width: 940px;
    height: 200px;
}

.tp5 {
    position: absolute;
    top: 93px;
    z-index: 11;
    left: 101px;
}

.tp6 {
    position: absolute;
    top: 149px;
    z-index: 11;
    left: 250px;
}

.Hid_cont {
    width: 99%;
    height: 29px;
    border: solid 1px #d2d2d2;
    line-height: 29px;
    background: url(../img/index/hid_cont.png) no-repeat
}

.Hid_cont span {
    color: #505562;
    padding-left: 35px
}

.sign_Up li dl dd.txtA01 {
    display: block;
    margin-top: 10px;
}

.mgLt20 {
    margin-left: 20px;
}

.sign_Up {
    margin-top: -1px;
}

.sign_Up li {
    margin-bottom: 10px;
    position: relative
}

.sign_Up li dl {
    width: 96.7%;
    padding: 9px 20px;
    display: inline-block;
    border: solid 1px #f5f6f7;
    background: #fcfcfc;
}

.sign_Up li dl dt {
    padding-right: 10px;
    margin-bottom: 7px;
}

.sign_Up li dl dd {
    display: inline-block;
}

.sign_Up li dl dd input.wd316 {
    width: 556px;
}

.sign_Up li dl dd.txtA01 {
    display: block;
    margin-top: 10px;
}

.sign_Up li dl dd.txtA01 textarea {
    width: 1188px;
}

a.del01 {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 0px;
    background: url(../img/index/del_bm01.png) no-repeat top left;
    vertical-align: middle;
    /*font: 0/0 'microsoft yahei';*/
    font-size:0;
    line-height:0;
    position: absolute;
    right: 8px;
    top: 9px;
}

#container .main-right .user-list ul {
    padding: 10px 20px;
}

#container .main-right .user-list ul li {
    position: relative;
    margin: 10px 0;
}

#container .main-right .user-list ul li a {
    display: table;
    height: 40px;
    padding-left: 52px;
    color: #505562;
}

#container .main-right .user-list ul li a:hover p {
    color: #2b99cc
}

#container .main-right .user-list ul li a p {
    display: table-cell;
    line-height: 20px;
    vertical-align: middle;
}

#container .main-right .user-list ul li .user-photo-m {
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 10;
    width: 38px;
    height: 38px;
    background: url('../img/common/bg_right_user_photo.png') no-repeat;
}

#container .main-right .user-list ul li img {
    position: absolute;
    top: 2px;
    left: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.clear {
    clear: both;
}

.f_lt {
    float: left;
}

.f_rt {
    float: right;
}

.mg_au {
    margin: 0 auto
}

.kv_user_name {
    padding-left: 10px;
    vertical-align: middle;
    height: 32px;
    line-height: 35px;
    float: left;
    font-size: 14px;
    color: #80909e;
    margin-right: 6px;
    max-width: 168px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.acolor {
    color: #829bb0 !important;
    cursor: pointer;
}

.user_date {
    vertical-align: middle;
    height: 32px;
    line-height: 40px;
    font-size: 12px;
    color: #829bb0;
    margin-right: 10px;
    margin-left: 10px;
}

.p_left0 {
    padding-left: 0!important;
}

.list_kv_hd {
    width: 1920px;
    margin: 0 auto;
    height: 320px;
    position: relative;
    z-index: 1;
    left: 50%;
    margin-left: -960px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.pl_cent {
    width: 100%;
    background: #000;
    margin-bottom: -80px;
}

.main_eg_but {
    width: 1200px;
    background: #f2f8fd
}

.eg_but {
    width: 940px;
    display: block
}

.adv_title {
    height: 35px;
    border-bottom: solid 1px #fff;
    color: #fff;
    padding-top: 21px
}

.adv_title_02 {
    height: 35px;
    color: #000;
    border-bottom: solid 2px #000;
    padding-top: 41px
}

.teaserCont .date {
    display: block;
    margin: 15px auto 5px;
    height: 43px;
    line-height: 30px;
    color: #64717c;
    text-align: center;
    background: url(../img/index/GW1.1_05.png) no-repeat center 0;
    background-size: auto 43px;
    top: 0;
    left: 0;
    position: inherit;
    font-size: 14px
}

.teaserCont .time {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    padding-left: 60px;
    margin-left: -14px;
    box-sizing: border-box;
    text-align: center;
    color: #0c63f8;
    font-size: 27px
}

.teaserCont .time:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 50%;
    /*margin-left: -77px;*/
    margin-left: -46px;
    width: 28px;
    height: 28px;
    background: url(../img/index/GW1.1_17.png) no-repeat left center
}

.teaserCont ul li {
    position: relative
}

.teaserCont ul li .cont>img {
    width: 100%
}

.teaserCont ul li .cont p {
    padding: 15px;
    font-size: 15px;
    color: #505562;
    border: 1px solid #d4dae0;
    border-top: 0;
    background: #fff;
    word-wrap: break-word;
    margin-top: -4px
}

.teaserCont ul li:after {
    content: '';
    position: absolute;
    top: -15px;
    left: 49.8%;
    width: 1px;
    height: 15px;
    background: #80909e
}

.fr_line01 {
    margin-top: 30px
}

.fr_line01 ul li:after {
    width: 0
}

.btnMore2 {
    display: block;
    width: 648px;
    margin: 20px auto 20px;
    background: #fff;
    text-align: center;
    padding: 0
}

.btnMore2 {
    height: 40px;
    font-size: 18px;
    line-height: 40px;
    color: #43506a;
    border-radius: 2px;
    border: 1px solid #47546e;
    box-sizing: border-box
}

.cl_bk2 {
    color: #fff;
    display: inline-block;
    width: 650px;
    height: 383px
}

.btnT01 {
    width: 51px;
    height: 38px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: transparent url("../img/index/icon.png") no-repeat scroll -749px -944px;
    margin: 0 0 0 7px;
    cursor: pointer;
    line-height: 38px;
    text-align: center
}

.pd_Pcout01 {
    padding-left: 46px;
    display: none;
    width: 655px
}

.mk_fort_01 {
    background: #f5f6f8;
    border: 1px solid #d1d8de;
    margin-bottom: 10px
}

.mk_fort_01 .title_mk02 {
    width: 95%;
    margin: 0 auto;
    padding: 6px 0;
    color: #999
}

.mk_fort_01 .title_mk03 {
    width: 95%;
    margin: 0 auto;
    padding: 2px 0 10px;
    word-wrap: break-word
}

.mk_fort_01 .title_mk03 p {
    float: none
}

.mg_lt01 {
    margin-left: 0
}

.list_dl dd span.title_icon_0 {
    max-width: 630px
}

.list_dl dd span.title_icon_1 {
    max-width: 591px
}

.list_dl dd span.title_icon_2 {
    max-width: 554px
}

.list_dl dd span.title_icon_3 {
    max-width: 517px
}

.list_dl dd span.title_icon_4 {
    max-width: 480px
}

.list_dl dd span.title_icon_5 {
    max-width: 443px
}

.list_dl dd span.title_icon_6 {
    max-width: 406px
}

.list_dl dd span.title_icon_7 {
    max-width: 369px
}

.list_dl dd span.title_icon_8 {
    max-width: 332px
}

.list_dl dd span.title_icon_9 {
    max-width: 295px
}

.list_dl dd span.title_icon_10 {
    max-width: 258px
}

.list_dl dd span.personal_title_icon_0 {
    max-width: 570px
}

.list_dl dd span.personal_title_icon_1 {
    max-width: 531px
}

.list_dl dd span.personal_title_icon_2 {
    max-width: 494px
}

.list_dl dd span.personal_title_icon_3 {
    max-width: 457px
}

.list_dl dd span.personal_title_icon_4 {
    max-width: 420px
}

.list_dl dd span.personal_title_icon_5 {
    max-width: 383px
}

.list_dl dd span.personal_title_icon_6 {
    max-width: 346px
}

.list_dl dd span.personal_title_icon_7 {
    max-width: 309px
}

.list_dl dd span.personal_title_icon_8 {
    max-width: 272px
}

.list_dl dd span.personal_title_icon_9 {
    max-width: 235px
}

.list_dl dd span.personal_title_icon_10 {
    max-width: 198px
}

.bshare {
    width: 594px;
    height: 72px;
    margin: 0 auto;
    margin-top: 17px;
    position: relative;
    text-align: center
}

.bshare ul li {
    width: 122px;
    height: 44px;
    display: inline-block;
    float: none;
    color: #ff6446;
    border: solid 1px #80909e;
    margin-right: 5px
}

.bshare ul li p {
    color: #ff6446;
    font-size: 12px;
    font-weight: bold
}

.bshare ul li p.p_tivi {
    position: absolute;
    top: -15px;
    margin-top: 14px
}

.bshare ul li p.btn_junki01 a {
    padding: 16px 0 0 33px
}

.bshare ul li p a {
    width: 94px;
    height: 30px;
    display: inline-block;
    padding: 16px 0 0 25px
}

.bshare ul li p a.pd_lt31 {
    padding-left: 34px
}

.bshare ul li p a b {
    color: #ff6446
}

.bshare ul li p.aLip {
    width: 20px;
    height: 20px;
    margin: 15px 3px 0 31px
}

.bshare ul li p.btn_l1 {
    background: url(../img/index/icon.png) -245px -79px no-repeat
}

.bshare ul li p.btn_l2 {
    background: url(../img/index/icon.png) -278px -83px no-repeat
}

.bshare ul li p.btn_l3 {
    background: url(../img/index/icon.png) -310px -82px no-repeat
}

.bshare ul li p.btn_l4 {
    background: url(../img/index/icon.png) -343px -80px no-repeat
}

.bshare ul li p a {
    color: #505562;
    padding-right: 3px
}

.zan_cai {
    margin-left: 200px
}

.btn_Reply {
    width: 464px;
    height: 100px;
    float: right
}

.btn_Reply a {
    width: 118px;
    height: 40px;
    background: #73829a;
    line-height: 40px;
    color: #fff;
    display: block
}

.latest-wrap {
    width: 100%;
    color: #505562;
    font-size: 16px;
    text-align: justify;
    text-justify: inter-ideograph
}

.latest-wrap .hd-line {
    height: 28px;
    border-bottom: solid 1px #000;
    font-size: 18px;
    padding-bottom: 15px
}

.latest-wrap .hd-line span {
    color: #087fff
}

.latestList {
    width: 100%;
    border-bottom: solid 1px #e2e6e9;
    margin-top: 24px
}

.List_top {
    min-height: 96px
}

.List_top_03 {
    min-height: 161px
}

.List_top .l_head {
    width: 50px;
    height: 50px
}

.head_pic_ct {
    position: relative
}

.head_pic_ct a img {
    border-radius: 50%
}

.itemCont {
    width: 660px;
    margin-bottom: 10px
}

.itemCont ul li p {
    float: left;
    color: #80909e;
    padding-right: 10px;
    font-size: 12px;
    line-height: 22px
}

.itemCont ul li.np-post-content {
    font-size: 16px;
    padding-bottom: 30px;
    margin-bottom: 6px;
    word-wrap: break-word
}

.itemCont ul li.but_lou {
    width: 100%;
    height: 52px
}

.itemCont ul li.np-post-content p {
    font-size: 16px;
    color: #505562
}

.itemCont ul li.np-post-content p {
    width: 638px;
    overflow: hidden;
    word-wrap: break-word
}

.itemCont ul li.np-post-content p img {
    max-width: 638px
}

.itemCont ul li.hg_17 {
    height: 17px
}

.itemCont ul li a {
    margin-bottom: 30px
}

.itemCont ul li a.huifu {
    width: 96px;
    height: 34px;
    border: solid 1px #80909e;
    display: block;
    line-height: 34px;
    margin-right: 10px;
    font-size: 12px
}

.itemCont ul li a.huifu span {
    color: #ff6446;
    padding-left: 5px
}

.itemCont ul li a.btn_Re {
    width: 96px;
    height: 34px;
    background: #73829a;
    line-height: 34px;
    color: #fff;
    display: block;
    font-size: 14px
}

.List_bottom {
    width: 684px;
    height: 122px;
    background: url(../img/index/045_GW1.4.1_15.jpg) no-repeat;
    display: none;
    margin-left: 40px
}

.List_bottom ul {
    width: 634px;
    height: 100px;
    margin-left: 43px
}

.List_bottom ul li.int_sr {
    width: 100%;
    height: 34px;
    margin-top: 10px
}

.List_bottom ul li.int_sr p {
    float: left;
    margin-right: 10px;
    line-height: 30px
}

.List_bottom ul li.int_sr a {
    width: 90px;
    height: 32px;
    background: #73829a;
    line-height: 32px;
    color: #fff;
    display: block;
    font-size: 12px
}

.List_bottom ul li.int_sr input {
    width: 122px;
    height: 30px;
    border: solid 1px #bfc7ce;
    background: #f7fbff;
    color: #b7bbc0;
    padding-left: 5px
}

.List_bottom ul li textarea {
    width: 622px;
    height: 32px;
    border: solid 1px #bfc7ce;
    font-size: 14px;
    padding: 5px
}

.List_bottom_1 {
    width: 702px;
    min-height: 82px;
    background: url(../img/index/045_GW1.4.1_15.jpg) no-repeat;
    margin-left: 24px;
    padding-bottom: 10px
}

.List_bottom_1 .l_head_1 {
    width: 50px;
    height: 50px;
    padding-left: 40px
}

.itemCont_1 {
    width: 589px
}

.itemCont_1 ul {
    width: 100%
}

.itemCont_1 ul li {
    min-height: 22px
}

.itemCont_1 ul li p {
    float: left;
    color: #80909e;
    padding-right: 10px;
    font-size: 12px;
    line-height: 22px
}

.itemCont_1 ul li.np-post-content_1 {
    font-size: 16px
}

.itemCont_1 ul li.np-post-content_1 p {
    width: 638px;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 16px;
    color: #505562
}

.Elevator {
    height: 32px;
    margin-bottom: 10px
}

.Elevator li {
    color: #525564;
    color: #525564;
    line-height: 31px
}

.Elevator li input {
    width: 66px;
    height: 30px;
    border: solid 1px #bfc8d1;
    background: #f7faff;
    color: #c9ccd1;
    line-height: 30px;
    margin-right: 4px
}

.Elevator li a.btn_access {
    width: 72px;
    height: 32px;
    background: url(../img/index/icon.png) -499px -249px no-repeat;
    color: #fff;
    line-height: 34px
}

.lv_min {
    margin-top: 9px;
    vertical-align: middle
}

.lv_min img {
    width: 36px;
    height: 18px;
    vertical-align: top;
}

.lv_min_sy {
    padding-top: 17px;
    vertical-align: middle
}

.lv_min_sy img {
    width: 36px;
    height: 18px
}

.lv_min_02 {
    padding-top: 6px;
    vertical-align: middle
}

.lv_min_02 img {
    width: 71px;
    height: 24px
}

.lv_min_01 {
    padding-top: 26px;
    vertical-align: middle
}

.lv_min_01 img {
    width: 36px;
    height: 20px
}

.closeBg_ct_01 {
    float: right;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-top: -15px;
    position: absolute;
    top: 4px;
    right: 8px;
    display: block
}

.show_sc01 {
    width: 706px;
    margin: 0 auto
}

.show_sc01 span a img {
    border-radius: 50%
}

.right .bd_bt05 {
    height: 49px;
    border-bottom: 1px solid #bababc
}

.Elevator li a.dl_505 {
    color: #505662;
    text-decoration: underline
}

.Elevator li.line_fl {
    width: 1px;
    height: 12px;
    background: #b5b9c2;
    margin: 11px 11px;
    margin-top: 22px
}

.br_bom_0 {
    border-bottom: solid 1px #46546e;
    padding-bottom: 11px
}

.br_bom_0 span {
    color: #087fff
}

.br_bom_0 li.lh_33 {
    line-height: 33px
}

.br_bom_0 li.lh_46 {
    line-height: 46px
}

.List_bottom {
    width: 684px;
    height: 122px;
    background: url(../img/index/045_GW1.4.1_15.jpg) no-repeat;
    display: none;
    margin-left: 40px
}

.List_bottom ul {
    width: 634px;
    height: 100px;
    margin-left: 43px
}

.List_bottom ul li.int_sr {
    width: 100%;
    height: 34px;
    margin-top: 10px
}

.List_bottom ul li.int_sr p {
    float: left;
    margin-right: 10px;
    line-height: 30px
}

.List_bottom ul li.int_sr a {
    width: 90px;
    height: 32px;
    background: #73829a;
    line-height: 32px;
    color: #fff;
    display: block;
    font-size: 12px
}

.List_bottom ul li.int_sr input {
    width: 122px;
    height: 30px;
    border: solid 1px #bfc7ce;
    background: #f7fbff;
    color: #b7bbc0;
    padding-left: 5px
}

.List_bottom ul li textarea {
    width: 622px;
    height: 32px;
    border: solid 1px #bfc7ce;
    font-size: 14px;
    padding: 5px
}

.List_bottom_1 {
    width: 702px;
    min-height: 82px;
    background: url(../img/index/045_GW1.4.1_15.jpg) no-repeat;
    margin-left: 24px;
    padding-bottom: 10px
}

.List_bottom_1 .l_head_1 {
    width: 50px;
    height: 50px;
    padding-left: 40px
}

.itemCont_1 {
    width: 589px
}

.itemCont_1 ul {
    width: 100%
}

.itemCont_1 ul li {
    min-height: 22px
}

.itemCont_1 ul li p {
    float: left;
    color: #80909e;
    padding-right: 10px;
    font-size: 12px;
    line-height: 22px
}

.itemCont_1 ul li.np-post-content_1 {
    font-size: 16px
}

.itemCont_1 ul li.np-post-content_1 p {
    width: 638px;
    overflow: hidden;
    word-wrap: break-word;
    font-size: 16px;
    color: #505562
}

.commentLoginWrap {
    width: 726px;
    padding-bottom: 22px;
    background: #f1f2f4
}

.form_item_yzm {
    width: 679px;
    height: 34px;
    margin-top: 14px
}

.form_item_yzm p {
    float: left;
    margin-right: 10px;
    line-height: 30px
}

.form_item_yzm a {
    width: 90px;
    height: 32px;
    background: #73829a;
    line-height: 32px;
    color: #fff;
    display: block;
    font-size: 12px
}

.form_item_yzm input {
    width: 122px;
    height: 30px;
    border: solid 1px #bfc7ce;
    background: #f7fbff;
    color: #b7bbc0;
    padding-left: 5px;
    line-height: 30px
}

.form_item_yzm.wd_726 {
    width: 726px
}

.form_item_yzm.wd_406 {
    width: 406px
}

.form_item_yzm p.ck_box01 {
    width: 21px
}

.specialS8 {
    margin-bottom: 32px;
}

.Pop_toDay01 {
    width: 398px;
    height: 421px;
    background: url(../img/common/todayImg.png);
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -210px 0 0 -199px;
    z-index: 1000;
    font-size: 24px;
    text-align: center
}

.Pop_toDay01 .bgClose01 {
    position: absolute;
    right: 30px;
    top: -30px;
}

.Pop_toDay01 strong {
    position: absolute;
    left: 62px;
    top: 248px;
    width: 280px;
    color: #ff5237;
}

.Pop_toDay01 a.BtnDayBt {
    width: 207px;
    height: 56px;
    background: #2b99cc;
    color: #fff;
    display: block;
    line-height: 56px;
    border-radius: 30px;
    position: absolute;
    bottom: 43px;
    left: 97px;
}


/*版务管理新加供应商订单管理*/

.Admin-right .Admin-Info-new {
    min-height: 183px;
    background: #fbfbfb;
}

.Admin-right .Admin-Info-new ul {
    padding-top: 20px;
}

.Admin-right .Admin-Info-new ul li {
    height: 40px;
    padding-top: 20px;
}

.Admin-right .Admin-Info-new ul li span {
    width: 100px;
    float: left;
    line-height: 40px;
    text-align: center;
    color: #494949
}

.Admin-right .Admin-Info-new ul li input.text-newInput-01 {
    width: 143px;
    height: 18px;
    float: left;
    line-height: 18px;
    padding: 10px;
    background: #f3f3f3;
    border: solid 1px #c1c1c1;
    border-radius: 1px;
}

.Admin-right .Admin-Info-new ul li input.timeIconBg {
    background: #f3f3f3 url(../img/common/timeIconBg.png) no-repeat right center;
    padding-right: 38px;
    width: 115px;
}

.Admin-right .Admin-Info-new ul li a {
    width: 90px;
    height: 40px;
    line-height: 40px;
    background: #2b99cc;
    color: #fff !important;
    text-align: center
}

.Admin-Title-dd01 {
    display: block;
    padding: 15px 20px;
    color: #494949;
    border-bottom: solid 1px #e7e7e7;
}

.Admin-Info-new ul li span.screenBg {
    width: 103px;
    height: 26px;
    margin: 7px 0 0 19px;
    line-height: 26px;
    background: url(../img/common/addImgsh01.jpg) no-repeat;
}

.wth21 {
    width: 24px !important;
}

.h20 {
    height: 20px;
    overflow: hidden;
    clear: both;
}

.nice-select {
    width: 143px;
    padding: 0 10px;
    float: left;
    height: 38px;
    border: solid 1px #c1c1c1;
    border-radius: 1px;
    position: relative;
    background: #f3f3f3 url(../img/common/a2.png) no-repeat right center;
}

.nice-select ul {
    padding-top: 0px !important
}

.nice-select input {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px \9;
    border: 0;
    outline: 0;
    background: none;
    cursor: pointer;
}

.nice-select ul {
    width: 100%;
    display: none;
    position: absolute;
    left: -1px;
    top: 38px;
    overflow: hidden;
    background-color: #fff;
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #c1c1c1;
    border-top: 0;
    box-shadow: 0 3px 5px #c1c1c1;
    z-index: 9999;
}

.nice-select ul li {
    padding-top: 0px !important;
    height: 40px !important;
    line-height: 40px;
    overflow: hidden;
    padding: 0 10px;
    cursor: pointer;
}

.nice-select ul li.on {
    background-color: #e0e0e0;
}

.Text-order {
    width: 800px;
    height: 400px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -400px;
    background: #ffffff;
    z-index: 2;
    text-align: center
}

.Text-order p {
    font-size: 24px;
    line-height: 40px;
    margin-top: 48px;
    margin-bottom: 26px;
}

.Text-order ul {
    width: 406px;
    margin: 0 auto;
}

.Text-order ul li {
    height: 44px;
    margin-bottom: 11px;
}

.Text-order ul li span {
    width: 121px;
    float: left;
    text-align: left;
    line-height: 44px;
    font-size: 24px;
}

.Text-order ul li input {
    width: 253px;
    padding: 0 15px;
    height: 42px;
    font-size: 16px;
    border: solid 1px #c1c1c1;
    background: #f3f3f3;
    float: right
}

.Text-order .Text-order-btn {
    margin-top: 42px;
    color: #fff;
}

.Text-order .Text-order-btn a {
    width: 120px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    color: #fff;
}

.Text-order .Text-order-btn a.grayNet {
    color: #333333;
    background: #dcdcdc;
    border: solid 1px #dcdcdc;
    margin-left: 10px;
}

.mgTOP—Bm80 {
    margin-top: 140px !important;
    margin-bottom: 80px !important;
}

.Text-order_01{
    width: 600px;
    height: 300px;
    margin: -150px 0 0 -300px;
}
.Text-order_01 ul{
    width:429px;
    margin-top: 47px;
}
.Text-order_01 ul li span.wh307{
        width: 307px;
}
.Text-order_01 a.Torder_close{
    position:absolute;
    right:20px;
    top:20px;
}
/* sitemap-wrap */
.sitemap-wrap h2 {height:49px;line-height:80px; padding-left:30px;background:#fbfbfb;font-size:16px;font-weight:normal;}
.sitemap-wrap .top-list {padding: 21px 0 22px 50px;background:#fbfbfb;}
.sitemap-wrap .top-list ul {width:100%;display:table;table-layout:fixed;padding:15px 0;}
.sitemap-wrap .top-list li {display:table-cell;}
.sitemap-wrap dl {float:left; width:208px;}
.sitemap-wrap dl dt {margin-bottom:25px;}
.sitemap-wrap dl.last {width:138px;}
.sitemap-wrap .dep-list li:first-child {margin-top:0;}
.sitemap-wrap .dep-list li {margin-top:10px;}
.sitemap-wrap .dep-list li a:hover {color:#2b99cc;}

.sitemap-wrap .cont-box {margin-top:20px;background:#fbfbfb;}
.sitemap-wrap .cont-box .tit {font-size:16px;height:50px;line-height:80px;display:block; font-weight:initial}
.sitemap-wrap .cont-box h3.tit {padding-left:30px;background: #fbfbfb;}
.sitemap-wrap .cont-box .inner:last-child {border-bottom:none !important;background: #fbfbfb;}
.sitemap-wrap .cont-box .inner {padding:30px 50px;overflow:hidden;background: #fbfbfb;}
.sitemap-wrap .cont-box > ul {width:100%;display:table;table-layout:fixed;}
.sitemap-wrap .cont-box > ul > li {display:table-cell;}
.sitemap-wrap .cont-box > ul > li:first-child {width:258px;}
.sitemap-wrap .cont-box > ul > li:first-child .tit {padding-left:50px;/*padding-top: 20px;*/}
.sitemap-wrap .cont-box > ul > li:first-child .dep-list {padding-left:50px;}
.sitemap-wrap .cont-box > ul > li .dep-list {padding:17px 0;}
.sitemap-wrap .cont-box > ul > li .dep-list li {color:#697782;}
.sitemap-wrap .cont-box > ul > li .dep-list li a:hover {color:#2b99cc;}

.list-none {padding-top:200px;text-align:center;font-size:18px;}

.faq-list{}
.faq-list li{border-top:1px solid #f0f0f0;}
.faq-list li:first-child{border-top:0;}
.faq-list li > a{display:block;position:relative;padding:15px 20px;color:#000; background:#fff;font-size:14px;}
.faq-list li > a:after{content:"";position:absolute;top:18px;right:20px;width:14px;height:14px;background:url('../img/index/bg_faq.gif') no-repeat top left;}
.faq-list li > a.on:after{content:"";position:absolute;top:18px;right:20px;width:14px;height:14px;background:url('../img/index/bg_faq.gif') no-repeat bottom left;}
.faq-list li > div{display:none;padding:15px 20px 20px 20px;border-top:1px solid #f0f0f0;background:#f8f8f8;color:#4f5563;line-height:26px;}
.faq-list li .q{margin-top:20px;padding:15px 0;border:1px solid #cfcfcf;text-align:center;line-height:26px;font-weight:bold;color:#4f5563;}
.faq-list li .q strong{display:block;}
.faq-list li .q a{color:#2b99cc;}

.lnb {float:left;width:318px;min-height: 509px;}
.lnb ul{
    border: 1px solid #f0f0f0;
    border-top:0px;
}
.lnb .profile-top a {display:block;height:85px;padding:20px;background:#2b99cc}
.lnb .profile-top a .temp {display:inline-block;width:80px;height:80px;margin-right:12px;}
.lnb .profile-top a .temp img {width:100%;}
.lnb .profile-top a strong{font-weight:normal;color:#fff;}
.lnb .profile-top + h2{border-top:0}
.lnb h2{height:45px;line-height:45px;padding-left:20px;}
.lnb li{height:45px;line-height:45px;padding-left:30px;border-top:1px solid #f0f0f0}
.lnb li a{display:block;}
.lnb li a:hover,.lnb li.active a{font-weight:bold;background:url('../img/index/btn_more.png') 258px center no-repeat;}

.right-cont {float:right;width:940px;}
.right-cont h2{height:45px;line-height:45px;padding-left:20px;border-bottom:1px solid #f8f8f8}
.right-cont .cont-inner h2{background:#f3f3f3;}

.club-bnr-list{margin-top:20px;border:solid 1px #f4f4f4}
.club-bnr-list li{line-height:0;margin-bottom:1px;}

.club_group_info{
    line-height: 24px;
}
.hg69{height:42px;padding-bottom:59px;padding-top:59px !important;}

.d_sl2Btn,.d_sl3Btn{margin-left: 6px;position: absolute;top: -2px;}
.club-group-info-layer {display:none;position:absolute;top:50px;left:0;z-index:10;padding:20px 35px;background:#505562;color:#fff;border-radius:2px;width: 377px;}
.club-group-info-layer div{position:relative;}
.club-group-info-layer strong{color:#fff;}
.club-group-info-layer p{margin-top:20px;color:#fff;line-height:18px;}
.club-group-info-layer span{position:absolute;top:-10px;left:60px;display:block;width:16px;height:10px;background:url('../img/index/bg_layer_point.png') no-repeat;}

.Reminder_Popup01{position:fixed;left:50%; top:50%; background:#fff; z-index:1000;padding: 20px;}
.Reminder_Popup01 h1 {position:relative;top:-10px; font-size:24px}
.Reminder_Popup01 h1 a{width:16px; height:16px;position:absolute;right:-6px; top:5px; background:url(../img/index/bg_remor.png) -5px -4px no-repeat; display:block}
.Reminder_Popup01{width:280px; height:151px;margin:-75px 0 0 -140px;}
.Reminder_Popup01 p.Make_text03{width:225px;color:#697782; font-size:16px;padding-top:15px}

.mg_auto{margin:0 auto}
.Reminder_Popup{border-top:solid 5px #2b99cc; position:fixed;left:50%; top:50%; background:#fff; z-index:1000}
.Reminder_Popup{width:320px; height:276px;margin:-135px 0 0 -160px}
.Reminder_Popup h1{border-bottom:solid 1px #f0f0f0;padding:14px 18px; font-size:16px;}
.Reminder_Popup h1 a{width:16px; height:16px;position:absolute;right:18px; top:14px; background:url(../img/index/bg_remor.png) -5px -4px no-repeat; display:block}
.Reminder_Popup strong{color:#2b99cc; font-size:18px;margin:0 auto;padding:19px 0; display:block}
.Reminder_Popup p.Make_text01{color:#697782; font-size:16px; width:229px;}
.Reminder_Popup a.Make_btn01,.Reminder_Popup01 a.Make_btn01{width:90px; height:36px; background:#2b99cc; text-align:center; color:#fff; font-size:14px; line-height:36px; display:block; margin-top:15px; z-index:1000;}
.Reminder_Popup p.Make_text02{color:#97a0a7; font-size:14px; width:294px;margin-top:15px;}

/*�û�Э�� */
.userAgreement{
    position:fixed;
    left:50%;
    top:50%;
    background:#fff;
    z-index:1000;
    width:780px;
    height:540px;
    margin:-390px 0 0 -270px;
    display:none;
    padding:65px 80px 20px;
    box-sizing:border-box;
}
.userAgreement .userAgreement_title{
    font-size:24px;
    margin-bottom:50px;
    text-align:center;
    font-weight:block;
}
.userAgreement .userAgreement_text{
    /*font-size:18px;*/
}
.userAgreement .userAgreement_text p{
    margin-bottom:20px;
    font-size:16px;
}
.userAgreement_provision .provision_item{
    color:#0099ff;
    font-size:16px;
    text-decoration:underline;
    margin-right:40px;
}
.userAgreement_provision{
    margin:35px 0;
}
.userAgreement_btnList{

}
.userAgreement_btnItem{
    padding-left:10px;
}
.userAgreement_btnItem:first-child{
    margin-bottom:15px;
}
.userAgreement_btnList .hr{
    height:1px;
    background:#797979;
    margin-bottom:15px;
    margin-top:10px;
}
.userAgreement_sub{
    margin-top:30px;
}
.userAgreement_sub .userAgreement_subBtn{
    display:block;
    background:#169bd5;
    color:#fff;
    margin:0 auto;
    width:140px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:5px;
}

/*ͬ���Dz���*/
 .HotCityScroll {
            overflow: hidden;
            height: 224px;
            padding: 0 0px 0 13px;
            margin-top: 23px;
        }
        
        .HotCityScroll ul li {
            height: 26px;
            line-height: 26px;
            margin-bottom: 23px;
            color: #333;
        }
        
        .HotCityScroll ul li p {
            width: 139px;
            float: left;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            padding-right:10px;
            -moz-box-sizing: border-box;  
            -webkit-box-sizing: border-box; 
            -o-box-sizing: border-box; 
            -ms-box-sizing: border-box; 
            box-sizing: border-box;
        }
        
        .HotCityScroll ul li span {
            float: left;
        }
        
        .HotCityScroll ul li a {
            width: 60px;
            height: 26px;
            float: right;
            color: #fff;
            display: block;
            background: #2b99cc;
            text-align: center;
            border-radius: 2px;
            margin-right:20px;
        }
        
        .HotCityScroll ul li a:hover {
            background: #1885b8;
        }
        
        .HotCityScroll ul li a.City_Get {
            color: #697782;
            background: #f0f0f0;
        }
        
        .HotCityScroll ul li a:hover.City_Get {
            color: #fff;
            background: #2b99cc;
        }
        
        .HotCityScroll .mCSB_inside>.mCSB_container {
            margin-right: 20px !important;
        }
        .HotCityScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
                background-color: rgb(202, 203, 204);
        }
        .HotCityScroll .mCSB_scrollTools{
               width: 8px;
        }
/*ͬ���Dz���-End*/

/* S10���� */
.S10_Popup{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    z-index:9999;
    overflow:hidden;
    display:none;
}
.S10_Popup .S10_img{
    position:relative;
    width:1920px;
    left: 50%;
    margin-left: -960px;
}
.closeS10_Popup{
    position:absolute;
    top:31px;
    left:491px;
    width:30px;
    height:30px;
}
/* S10����-End*/
/* join */

#container-join {
    border-top: 6px solid #2b99cc;
    background: #fff;
}

#container-join .join {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -358px;
    width: 716px;
    background: #fff;
}

#container-join h1 {
    text-align: center;
    margin-bottom: 30px;
}

.join-style-1 {
    width: 480px;
    text-align: center;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    padding: 30px 0;
    margin: 0 auto;
}

.join-style-1 .join-edit-tit {
    font-size: 24px;
    margin-bottom: 30px;
}

.join-style-1 .login-rememb {
    margin-top: 7px;
    color: #505562;
    width: 480px;
    text-align: left;
}

.join-style-1 .login-rememb a {
    color: #2b99cc;
}

.join-style-1 .login-rememb a:hover {
    text-decoration: underline;
}

.join-style-1 .login-rememb * {
    vertical-align: middle;
}

.join-style-1 p {
    color: #505562;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 24px;
}

.join-style-1 p a {
    color: #505562;
    text-decoration: underline;
    font-weight: bold;
}

.join-style-1 p a:hover {
    color: #2b99cc
}

.join-style-1 p a.lnk {
    text-decoration: none;
}

.join-style-1 p:last-child {
    margin: 0;
}

.join-style-1 .join-title-1 {
    display: block;
    padding: 70px 0 25px 0;
    font-size: 30px;
    color: #2b99cc;
    font-weight: normal;
    background: url('../img/index/bg_join_title_1.jpg') no-repeat center 0;
}

.join-style-1 .join-title-2 {
    display: block;
    padding: 70px 0 25px 0;
    font-size: 30px;
    color: #2b99cc;
    font-weight: normal;
    background: url('../img/index/bg_join_title_2.jpg') no-repeat center 0;
}

.join-title-3 {
    font-size: 16px;
    text-align: center;
    color: #505562;
    margin: -5px 0 25px 0;
}

.join-title-3 em {
    display: block;
    font-size: 24px;
    margin-bottom: 5px;
}

.join-title-3 strong {
    font-size: 16px;
}

.join-style-1 .btn_join {
    margin-top: 30px;
}

.join-style-1 em {
    color: #ff0000;
    font-size: 14px;
}

.join-style-1 .black {
    margin-top: 10px;
}

.join-title-2~.btn_join {
    width: 300px;
}

.join-style-1 u {
    font-weight: bold;
}

a.btn_join {
    display: block;
    width: 100%;
    line-height: 60px;
    margin: 0 auto;
    background-color: #b4bbc0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

a.blue {
    background-color: #2b99cc;
}

a.black {
    background-color: #505562;
}

.footer-join {
    color: #697782;
    text-align: center;
    margin-top: 30px;
}

a.btn_join {
    display: block;
    width: 100%;
    line-height: 60px;
    margin: 0 auto;
    background-color: #b4bbc0;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

a.btn_join:hover {
    background: #2b99cc
}

a.blue {
    background-color: #2b99cc;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

a.blue:hover {
    background-color: #067ab5;
}

a.black {
    background-color: #505562;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

a.black:hover {
    background-color: #067ab5;
}

.footer-join {
    color: #697782;
    text-align: center;
    margin-top: 30px;
}


/*login*/

#login-wrap .wid996 {
    width: 996px;
    margin: 0 auto;
}

#login-wrap .wid996:after {
    content: '';
    display: block;
    clear: both;
}

#login-wrap .wid996 h1 {
    display: block;
    margin: 35px 0 20px;
    text-align: center;
}

#login-wrap .wid996 .login-input-wrap {
    float: left;
    width: 440px;
}

#login-wrap .wid996 .login-input-wrap .login-rememb {
    margin-top: 7px;
    color: #505562;
    width: 400px;
}

#login-wrap .wid996 .login-input-wrap .login-rememb a {
    color: #2b99cc;
}

#login-wrap .wid996 .login-input-wrap .login-rememb a:hover {
    text-decoration: underline;
}

#login-wrap .wid996 .login-input-wrap .login-rememb * {
    vertical-align: middle;
}

#login-wrap .wid996 .login-input-wrap .login-rememb ul {
    float: right;
}

#login-wrap .wid996 .login-input-wrap .login-rememb li {
    float: left;
    background: url('../img/index/bg_log_lnk.jpg') no-repeat 100% 50%;
    padding-right: 10px;
    margin-right: 10px;
}

#login-wrap .wid996 .login-input-wrap .login-rememb li a {
    color: #505562;
}

#login-wrap .wid996 .login-input-wrap .login-rememb li:last-child {
    font-weight: bold;
    background: none;
    padding: 0;
    margin: 0;
}

#login-wrap .wid996 .login-input-wrap .bt-login {
    display: inline-block;
    width: 400px;
    height: 60px;
    line-height: 60px;
    margin-top: 10px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    background: #2b99cc;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

#login-wrap .wid996 .login-input-wrap .bt-login:hover {
    background: #067ab5;
}

#login-wrap .wid996 .login-input-wrap .bt-info {
    position: relative;
    padding: 10px 0;
}

#login-wrap .wid996 .login-input-wrap .bt-info a {
    color: #505562;
}

#login-wrap .wid996 .login-input-wrap .bt-info a:hover {
    text-decoration: underline;
}

#login-wrap .wid996 .login-input-wrap .bt-info span {
    position: absolute;
    top: 10px;
    right: 40px;
}

#login-wrap .wid996 .login-input-wrap .bt-info span a {
    font-weight: bold;
}

#login-wrap .wid996 .login-input-wrap .bt-info.agr {
    width: 400px;
    border-bottom: 1px solid #e8e8e8;
}

#login-wrap .wid996 .login-input-wrap .login-input {}

#login-wrap .wid996 .login-input-wrap .login-input li {
    position: relative;
    margin-bottom: 10px;
}

#login-wrap .wid996 .login-input-wrap .login-input li .check {
    position: absolute;
    top: 20px;
    right: 5px;
}

#login-wrap .wid996 .login-input-wrap .login-input li .error-ico {
    position: absolute;
    top: 20px;
    right: 8px;
}

#login-wrap .wid996 .login-input-wrap .login-input li>span {
    position: relative;
    margin-bottom: 10px;
}

#login-wrap .wid996 .login-input-wrap .login-input li.wid-input243 input[type="text"],
#login-wrap .wid996 .login-input-wrap .login-input li.wid-input243 input[type="password"] {
    width: 243px;
}

#login-wrap .wid996 .login-input-wrap .login-input li.wid-input243 img {
    width: 112px;
}

#login-wrap .wid996 .login-input-wrap .login-input li.wid-input243 img.code {
    position: absolute;
    top: 0;
    right: 40px;
}

#login-wrap .wid996 .login-input-wrap .login-input li.wid-input243 .bt-ok {
    position: absolute;
    top: 0;
    right: 0px;
    display: inline-block;
    width: 109px;
    height: 50px;
    line-height: 50px;
    background: #505562;
    text-align: center;
    color: #fff;
}
#SMSCodelp{
    right:119px !important;
}
#login-wrap .wid996 .login-input-wrap .login-input li.wid-input243 .bt-txt {
    position: absolute;
    top: 0;
    right: 40px;
    display: inline-block;
    width: 109px;
    height: 50px;
    line-height: 50px;
    background: #b4bbc0;
    text-align: center;
    color: #fff;
}

#login-wrap .wid996 .login-input-wrap .login-input li label {
    position: absolute;
    top: 15px;
    left: 15px;
    display: none;
    color: #697782;
    cursor: text
}

#login-wrap .wid996 .login-input-wrap .login-input li input[type="text"],
#login-wrap .wid996 .login-input-wrap .login-input li input[type="password"] {
    width: 358px;
    height: 48px;
    padding: 0 20px;
    line-height: 48px;
    border: 1px solid #b4bbc0;
    background: #f8f8f8;
}

#login-wrap .wid996 .login-input-wrap .sns-share {
    margin-right: 40px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

#login-wrap .wid996 .login-input-wrap .sns-share:after {
    content: '';
    display: block;
    clear: both;
}

#login-wrap .wid996 .login-input-wrap .sns-share dt {
    float: left;
    width: 118px;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    font-weight: bold;
    color: #505562;
    margin-bottom:20px;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd {
    padding: 5px 0;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-left: 19px;
    padding-bottom: 10px;
    background: url('../img/index/ico_login_sns.png') 0 10px no-repeat;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a:hover {
    background-position: 0 0;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a.sns02 {
    background-position: -35px 10px;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a.sns02:hover {
    background-position: -35px 0;
    animation-duration: 4s;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a.sns03 {
    background-position: -70px 10px;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a.sns03:hover {
    background-position: -70px 0;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a.sns04 {
    background-position: -105px 10px;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a.sns04:hover {
    background-position: -105px 0;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a.sns05 {
    background-position: -140px 10px;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a.sns05:hover {
    background-position: -140px 0;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a.sns06 {
    background-position: -175px 10px;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a.sns06:hover {
    background-position: -175px 0;
}

#login-wrap .wid996 .login-input-wrap .sns-share dd a span {
    display: inline-block;
    text-indent: -10000px;
}

#login-wrap .wid996 .login-bnr {
    float: right;
}

#login-wrap .wid996 .login-bnr img {
    width: 500px;
    height: 500px;
}

#login-wrap .login-footer {
    margin-top: 30px;
    text-align: center;
    color: #697782;
}

span.check {
    display: block;
    width: 17px;
    height: 13px;
    background: url('../img/index/ico_login_check.png') left -17px no-repeat
}

span.error-ico {
    display: block;
    width: 12px;
    height: 12px;
    background: url('../img/index/ico_login_check.png') -2px top no-repeat
}

.error-txt {
    margin-top: 10px;
    ;
    color: #ff0000
}

#login-wrap .wid996 .mb15 {
    margin-bottom: 43px;
}

#login-wrap .wid996 .mb15 li {
    margin-bottom: 15px !important;
}

#login-wrap .wid400 {
    width: 400px;
}

.login-layer {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -273px 0 0 -278px;
    width: 556px;
    height: 547px;
    z-index: 1000;
    background-color: #fff;
}

.login-layer .close {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 1001;
}

.login-layer .yemi_title {
    font-size: 16px;
    line-height: 45px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 15px;
}

.login-layer .news_imei {
    height: 461px;
    overflow: hidden;
    padding: 20px 10px 20px 20px;
}

.login-layer .news_imei p {
    color: #333;
}

.login-layer .news_imei .mbl_pic img {
    margin: 10px 0;
    width: 100%;
}

.login-layer .news_imei p a {
    color: #333;
    font-weight: bold;
    text-decoration:none !important
}

.login-title {
    width: 405px;
    color: #505562;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 30px;
}

.login-title strong {
    display: block;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
}

.login-title em {
    font-weight: bold;
}

.login-bt {
    width: 400px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
}

.account-layer {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -130px 0 0 -160px;
    width: 320px;
    height: 260px;
    z-index: 1000;
    background-color: #fff;
    border-top: 5px solid #2b99cc;
    text-align: center;
}

.account-layer .close {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 1001;
}

.account-layer p {
    color: #697782;
    font-size: 16px;
    line-height: 25px;
}

.account-layer strong {
    display: block;
    background: url('../img/index//bg_account-layer.jpg') no-repeat center 0;
    padding-top: 43px;
    margin-top: 60px;
}

.imei-layer {
    width: 500px;
    margin-top: -206px;
}
/*email-bind-success*/
.EmailBind {
    width: 800px;
    height: 434px;
    margin: 0 auto;
    box-shadow: 0px 0px 11px #888888;
    background: #fff;
    text-align: center
}

.EmailBind ul {
    width: 264px;
    margin: 0 auto;
    padding-top: 31px;
}

.EmailBind ul li {
    font-size: 16px;
    color: #5f5f5f;
}

.EmailBind ul li strong {
    background: url(../img/common/bg_emails01.jpg) no-repeat;
    display: block;
    height: 60px;
    color: #242424;
    font-size: 28px;
    font-weight: normal;
    line-height: 50px;
    padding-left: 30px;
}
.EmailBind ul li.noHd strong {
    background: url(../img/common/bg_emails02.jpg) no-repeat !important;
    display: block;
    height: 60px;
    color: #242424;
    font-size: 28px;
    font-weight: normal;
    line-height: 50px;
    padding-left: 30px;
}

.EmailBind ul li a {
    width: 100%;
    height: 48px;
    text-align: center;
    color: #fff;
    line-height: 48px;
    background: #2f70e6;
    display: block;
    border-radius: 3px;
}

.EmailBind ul li p {
    font-size: 21px;
    color: #5f5f5f;
    padding-bottom: 5px;
}

.Email_mg43 {
    margin: 43px 0 50px 0;
}

.Email_mg40 {
    margin-top: 40px;
}

.Email_pd30 {
    padding: 40px 0 70px 0 !important;
}
/*email-bind-success End*/



/*�˺Ű�*/
.bd_AlertMin{
    border-top: 6px solid #2b99cc;
}
.bd_AlertMin .wid996 h1{
    margin:100px 0 20px !important;
}
.bd_AlertMin .wid996 h2{
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}
.bd_AlertMin .bt-login_bd01,.bd_AlertMin .bt-login_bd02,.bd_TwoBtn .bt-login_bd01,.bd_TwoBtn .bt-login_bd02{
    width: 187px;
    height: 40px;
    background: #e5e5e5;
    color: #252525;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}
.bd_AlertMin .bt-login_bd01,.bd_TwoBtn .bt-login_bd02{
    background:#65c7e9 !important;
    color:#fff !important
}
.bd_AlertMin .wid996 .login-input-wrap {
    width:100% !important;
}
.bd_AlertMin01 .wid996 .login-input-wrap .sns-share dt{
    float:initial  !important;
    width:100% !important;
    border-bottom: solid 1px #ddd;
    height: 31px  !important;
    text-align:center;
}
.bd_AlertMin01 .wid996 .login-input-wrap .sns-share dt span{
    background:#fff;
    padding:10px;
}
.bd_AlertMin01 .wid996 .login-input-wrap .sns-share dd:last-child{
    text-align:center
}
.bd_AlertMin01 .wid996 .login-input-wrap .sns-share dd.careful{
    text-align: center;
    color: #de1515;
}
.bd_AlertMin01  .wid996 .login-input-wrap .sns-share{
    border:0px !important;
}
.bd_TwoBtn{
    width:400px;
    margin-top: 30px;
}
.bd_AlertMin .bdOutTitle{
    font-size:18px !important
}
.bd_AlertMin .bdOutTitle span {
    display:block;
    color:red;
    font-size:12px;
}
.btn_join_bd{
    width: 300px;
    height: 40px;
    background:#65c7e9 !important;
    color:#fff !important;
    border-radius: 40px;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}
/*�˺Ű�-End*/
@charset "UTF-8";

/*mypage LNB*/

#mypage-lnb {
    float: left;
    width: 320px;
    padding-bottom: 50px;
}

#mypage-lnb .user-info {
    position: relative;
    height: 80px;
    padding: 20px;
    background: #fbfbfb;
    padding-top: 40px;
}

#mypage-lnb .user-info a {
    position: relative
}

#mypage-lnb .user-info a img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

#mypage-lnb .user-info a img.djHg80 {
    width: 101px;
    height: 116px;
    border-radius: 0% !important;
    position: absolute;
    top: -26px;
    left: -11px;
}

#mypage-lnb .user-info p {
    position: absolute;
    top: 60px;
    left: 120px;
    padding-right: 20px;
    line-height: 22px;
}

#mypage-lnb .my-alim {
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    color: #fff;
    background: #f3f3f3
}

#mypage-lnb .my-alim a.new {
    display: block;
    padding-left: 132px;
    font-size: 12px;
    background: url('../img/index/ico_mypage.png') 105px 13px no-repeat;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

#mypage-lnb .my-alim a span {
    display: inline-block;
    text-indent: -10000px;
}

#mypage-lnb .my-alim a.new {
    position: relative;
}

#mypage-lnb .my-alim a.new img {
    position: absolute;
    top: 12px;
    left: 121px;
}

#mypage-lnb .my-alim a.new:hover {
    height: 45px;
    background: #dcdcdc url('../img/index/ico_mypage.png') 105px 13px no-repeat
}

#mypage-lnb .code-add {
    position: relative;
    padding: 20px;
    text-align: center;
    background: #fbfbfb
}

#mypage-lnb .code-add>dl {
    position: absolute;
    top: 90px;
    left: 32px;
    z-index: 100;
    width: 254px;
    height: 70px;
    background: url('../img/index/bg_all_sns03.png') no-repeat;
    text-align: left;
}

#mypage-lnb .code-add>dl:after {
    content: '';
    display: block;
    clear: both;
}

#mypage-lnb .code-add>dl dt {
    float: left;
    height: 67px;
    line-height: 67px;
    margin: 5px 0 0 21px;
}

#mypage-lnb .code-add>dl dd {
    float: left;
    margin: 22px 0 0 10px;
}

#mypage-lnb .code-add>dl dd a {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 10px;
    padding: 0 !important;
    background: url('../img/index/ico_sns.png') left top no-repeat;
}

#mypage-lnb .code-add>dl dd a.sns01 {
    background-position: -40px 0
}

#mypage-lnb .code-add>dl dd a.sns02 {
    background-position: -80px 0
}

#mypage-lnb .code-add>dl dd a.sns03 {
    background-position: -120px 0
}

#mypage-lnb .data {
    background: #fbfbfb;
    text-align: center
}

#mypage-lnb .data li {
    padding: 13px 0;
    display: inline-block;
    width: 90px;
    text-align: center;
}

#mypage-lnb .data li:hover {
    font-weight: bold
}

#mypage-lnb .data li span {
    display: block;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 2px;
}

#mypage-lnb .data li p {
    height: 21px;
    line-height: 21px;
}

#mypage-lnb .code-add p {
    height: 20px;
    line-height: 20px;
}

#mypage-lnb .code-add p a {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -3px;
    background: url('../img/index/btn_ico_info.png') no-repeat;
    vertical-align: middle;
    text-indent: -10000px;
}

#mypage-lnb .code-add a {
    display: inline-block;
    width: 279px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    font-weight: bold;
    background: #2b99cc;
    color: #fff;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

#mypage-lnb .code-add>a:hover {
    background: #1885b8;
    color: #fff
}

.my-info-layer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 20px 25px;
    background: #505562;
    color: #fff;
    border-radius: 2px;
    border-bottom: 2px solid #e5e5e5
}

.my-info-layer div {
    position: relative;
    color: #fff;
    text-align: left;
}

.my-info-layer span {
    position: absolute;
    top: -10px;
    left: 60px;
    display: block;
    width: 16px;
    height: 10px;
    background: url('../img/index/bg_layer_point.png') no-repeat;
}

#mypage-lnb .my-menu {
    margin-bottom: 5px;
    border: solid 1px #f4f4f4;
    border-bottom: solid 0px;
}

#mypage-lnb .my-menu li {
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    margin-bottom: 1px;
    background: #fff url('../img/index/btn_more.png') 290px center no-repeat;
    border-bottom: solid 1px #f4f4f4;
}

#mypage-lnb .my-menu li a {
    display: block;
    height: 45px;
    padding-left: 40px;
    background: url('../img/index/bg_mypage_lnb.png') no-repeat;
    color: #333 !important
}

#mypage-lnb .my-menu li a:hover,
#mypage-lnb .my-menu li.on a {
    font-weight: bold;
}

#mypage-lnb .my-menu li a.lnb01 {
    background-position: 0 0px;
}

#mypage-lnb .my-menu li a.lnb02 {
    background-position: 0 -46px;
}

#mypage-lnb .my-menu li a.lnb03 {
    background-position: 0 -91px;
}

#mypage-lnb .my-menu li a.lnb04 {
    background-position: 0 -138px;
}

#mypage-lnb .my-menu li a.lnb05 {
    background-position: 0 -183px;
}

#mypage-lnb .my-menu li a.lnb06 {
    background-position: 0 -231px;
}

#mypage-lnb .my-menu li a.lnb07 {
    background-position: 0 -275px;
}

#mypage-lnb .my-menu li a.lnb08 {
    background-position: 0 -321px;
}

#mypage-lnb .my-menu li a.lnb09 {
    background-position: 0 -366px;
}

#mypage-lnb .my-menu li a.lnb10 {
    background-position: 0 -414px;
}

#mypage-lnb .my-menu li a.lnb11 {
    background-position: 0 -459px;
}

#mypage-lnb .my-menu li a.lnb12 {
    background-position: 0 -507px;
}

#mypage-lnb .my-menu li a.lnb13 {
    background-position: 0 -552px;
}

#mypage-lnb .my-menu li a.lnb14 {
    background-position: 0 -599px;
}

#mypage-lnb .my-menu li a.lnb15 {
    background-position: 0 -644px;
}

#mypage-lnb .my-menu li a.lnb16 {
    background-position: 0 -689px;
}

#mypage-lnb .my-menu li a.lnb17 {
    background-position: 0 -781px;
}

#mypage-lnb .my-menu li a.lnb18 {
    background-position: 0 -829px;
}

#mypage-lnb .my-menu li a.lnb19 {
    background-position: 0 -877px;
}
#mypage-lnb .my-menu li a.lnb20 {
    background-position: 0 -880px;
}

.data-id-mypage {
    padding-bottom: 50px;
}


/*friends lnb*/

.Fetion a {
    width: 85px;
    height: 46px;
    float: left;
    line-height: 45px;
    padding-left: 74px;
    display: block;
    background: #f3f3f3
}

.Fetion a.friendsFollow {
    background: #f3f3f3 url('../img/index/friendBtnIocn01.png') 45px 14px no-repeat;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.Fetion a.friendsFollow:hover {
    background: #e4e4e4 url('../img/index/friendBtnIocn01.png') 45px 14px no-repeat;
}

.Fetion a.friendsFollow_al {
    background: #f3f3f3 url('../img/index/friendBtnIocn01.png') 45px -21px no-repeat;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.Fetion a.friendsFollow_al:hover {
    background: #e4e4e4 url('../img/index/friendBtnIocn01.png') 45px -21px no-repeat;
}

.Fetion a.friends {
    background: #f3f3f3 url('../img/index/ico_friends.png') 45px 14px no-repeat;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.Fetion a.friends:hover {
    background: #e4e4e4 url('../img/index/ico_friends.png') 45px 14px no-repeat;
}

.mypage-wrap {
    float: right;
    width: 940px;
}

.mypage-wrap .btn-area {
    padding: 0 20px 30px 20px;
}

.cont-inner {
    background: #fbfbfb;
}

.cont-inner+.cont-inner {
    margin-top: 20px;
}

.cont-inner .noti {
    padding: 15px;
    text-align: right;
    color: #697782;
}

.cont-inner .noti strong {
    color: #2b99cc;
}

.h2-box {
    position: relative;
    height: 45px;
    margin-top: 20px;
    padding: 0 20px;
    background: #fbfbfb;
}

.h2-box:first-child {
    margin-top: 0;
}

.h2-box h2 {
    height: 45px;
    display: inline-block !important;
    font-size: 14px;
    line-height: 45px;
    color: #333333;
}

.h2-box a.more {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 45px;
    height: 45px;
    background: url('../img/index/btn_more01.png') no-repeat 17px 16px;
    font-size: 0;
    line-height: 0;
}

.h2-box span.btn {
    position: absolute;
    top: 6px;
    right: 20px;
}

.h2-box span.btn a {
    margin-left: 2px;
}

.h2-box span.btn .btn-s {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}

h3.mp {
    height: 50px;
    padding: 10px 20px;
    /*font-size:16px;*/
    line-height: 50px;
    font-weight: normal;
}

h3.mp strong {
    color: #333;
}

.mypage-top {
    margin-bottom: 20px;
    padding: 30px 0;
    text-align: center;
}

.mypage-top p.name {
    font-size: 28px;
}

.mypage-top p.name span.level img {
    width: 45px;
    vertical-align: baseline;
}

.mypage-top p.memo {
    height: 26px;
    margin-top: 7px;
    line-height: 26px;
}

.mypage-top a.setting {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 5px;
    background: url('../img/index/ico_setting.png') no-repeat top left;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

.mypage-top .medals {
    padding: 8px 0 30px 0;
    font-size: 0;
    line-height: 0;
}

.mypage-top .medals img {
    margin: 0 5px;
}

.mypage-top ul {}

.mypage-top ul li {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 105px;
    padding-top: 67px;
    font-size: 13px;
    vertical-align: top;
}

.mypage-top ul li.info1 {
    background: url('../img/index/ico_myp1.png') no-repeat top center;
}

.mypage-top ul li.info2 {
    background: url('../img/index/ico_myp2.png') no-repeat top center;
}

.mypage-top ul li.info3 {
    background: url('../img/index/ico_myp3.png') no-repeat top center;
}
.mypage-top ul li.info3_1 {
    background: url('../img/index/ico_myp3_1.png') no-repeat top center;
}

.mypage-top ul li.info4 {
    background: url('../img/index/ico_myp4.png') no-repeat center 7px;
}

.mypage-top ul li.info5 {
    background: url('../img/index/ico_myp5.png') no-repeat top center;
}

.mypage-top ul li.info6 {
    background: url('../img/index/ico_myp6.png') no-repeat top center;
}

.mypage-top ul li strong {
    position: absolute;
    display: block;
    width: 100%;
    top: 35px;
    font-size: 18px;
}

.mypage-list>div {
    background: #fbfbfb;
}

.mypage-list .fl {
    width: 600px;
}

.mypage-list .fr {
    width: 320px;
}

.mypage-list .scroll {
    overflow: hidden;
    height: 186px;
    margin: 13px 0;
    padding: 0 10px 0 20px;
}

.mypage-list .list-mp-ico {
    padding: 0;
    border-bottom: 0;
}

.mypage-list .list-mp-ico li {
    overflow: hidden;
    width: 275px;
    height: 53px;
    margin: 4px 0 0 0;
    padding: 5px 10px 0 0px;
}

.mypage-list .mCSB_inside>.mCSB_container {
    margin-right: 0;
}

[class^=list-mp] li {
    position: relative;
}

[class^=list-mp] li:first-child {
    border-top: 0;
}

.list-no {
    width: 100%;
    padding: 50px 0;
    text-align: center;
    background: #fff;
}

.list-mp {
    background: #fbfbfb;
}

.list-mp li {
    min-height: 40px;
    padding: 15px 20px;
}

.list-mp li .subject {
    overflow: hidden;
    min-height: 35px;
}

.list-mp li .subject .tit {
    float: left;
    margin: 0 12px 0 0;
    font-size: 16px;
    letter-spacing: -1px;
    color: #292e38;
}

.list-mp li .subject a.tit:hover {
    font-weight: bold
}

.list-mp li .subject .day {
    display: inline-block;
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 13px;
    color: #697782;
}

.list-mp li .subject .tit+.day {
    position: relative;
    padding: 0 0 0 10px;
}

.list-mp li .subject .tit+.day:before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 1px;
    height: 12px;
    background: #b7b7b7;
}

.list-mp li .subject .level {
    width: 38px;
    height: 17px;
    vertical-align: middle;
}

.list-mp li .subject .level+.day {
    padding: 0 0 0 5px;
}

.list-mp li .subject .level+.day:before {
    display: none;
}

.list-mp li>p,
.list-mp li>p a {
    color: #505562;
}

.list-mp li>p a:hover {
    font-weight: bold
}

.list-mp li>p.new span {
    display: inline-block;
    position: relative;
    padding-right: 10px;
}

.list-mp li>p.new span:after {
    position: absolute;
    content: "";
    top: 2px;
    right: 0;
    width: 7px;
    height: 7px;
    background: #ff5028;
    border-radius: 50%;
}

.list-mp li .state-info {
    overflow: hidden;
    width: 100%;
}

.list-mp li .state-info .state-txt {
    float: left;
}

.list-mp li .state-info .state-txt a {
    color: #505562;
}

.list-mp li .state-info .state-txt a:hover {
    font-weight: bold
}

.list-mp li .state-info .state-txt * {
    font-size: 12px;
    color: #697782;
}

.list-mp li .state-info .state-hit {
    float: right;
}

.list-mp li .origin {
    margin: 8px 0 5px 0;
    padding: 20px;
    background: #fff;
}

.list-mp li .origin p {
    height: 48px;
    color: #505562;
}

.list-mp li .origin p a:hover {
    font-weight: bold
}

.list-mp li .origin+.btn {
    margin-top: 15px
}

.list-mp li .btn {
    margin-top: 12px;
}

.list-mp li .btn a {
    vertical-align: top;
}

.list-mp li.photo {
    min-height: 56px;
    padding: 25px 30px 15px 105px;
}

.list-mp li.photo>span {
    position: absolute;
    top: 20px;
    left: 30px;
}

.list-mp li.photo>span img {
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.list-mp li.photo>span img.djHg80 {
    width: 71px;
    height: 81px;
    border-radius: 0% !important;
    position: absolute;
    top: -18px;
    left: -8px;
}

.list-mp li.photo>span.new:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 7px;
    height: 7px;
    background: #ff5028;
    border-radius: 50%;
}

.list-mp li .tit {
    word-break: break-all;
    font-size: 16px;
    margin-bottom: 5px;
}

.list-mp li .tit a:hover {
    font-weight: bold
}

.list-mp.msg {
    border-top: 5px solid #2b99cc;
}

.list-mp.msg li .subject {
    padding-top: 12px;
}

.list-mp.msg li .btn {
    position: absolute;
    top: 28px;
    right: 30px;
}

.list-mp.msg li .btn a {
    display: inline-block;
    padding: 0 12px 0 0;
    background: url('../img/index/btn_more.png') no-repeat 100% 1px;
    line-height: 15px;
    color: #2b99cc;
}

.list-mp-ico {
    overflow: hidden;
    padding: 15px 0 0 0;
}

.list-mp-ico li {
    float: left;
    width: 375px;
    margin-left: 20px;
    padding: 30px;
    background: #fff;
    margin-bottom: 20px;
}

.list-mp-ico li * {
    font-size: 12px;
}

.list-mp-ico li strong {
    display: block;
    margin-bottom: 13px;
    font-size: 14px;
    line-height: 15px;
    font-weight: normal;
}

.list-mp-ico li strong a {
    font-size: 14px;
    line-height: 15px;
    font-weight: normal;
}

.list-mp-ico li strong a:hover {
    font-weight: bold
}

.list-mp-ico li em {
    display: block;
    color: #697782;
}

.list-mp-ico li em span.num {
    display: inline-block;
    height: 16px;
    margin-top: 0;
    padding-left: 30px;
    background: url('../img/index/num_lik01.jpg') no-repeat 0 0px;
    font-size: 12px;
    line-height: 14px;
    color: #697782;
    vertical-align: baseline;
}

.line02 {
    width: 1px;
    background: #697782;
    height: 10px;
    margin: 0 20px;
    display: inline-block;
}

.list-mp-ico li .ico {
    position: absolute;
    top: 5px;
    left: 0;
}

.list-mp-ico li .ico img {
    width: 38px;
    height: 38px;
}

.list-mp-ico li .icos {
    position: absolute;
    top: 5px;
    left: 0;
}

.list-mp-ico li .icos img {
    width: 36px;
    height: 36px;
    border: 1px solid #f0f0f0;
}

.list-mp-ico li .btn {
    position: absolute;
    top: 48px;
    right: 30px;
    text-align: right;
}

.list-mp-ico li .btn span a {
    width: 12px;
    display: inline-block;
    height: 14px;
    background: url('../img/index/num_lik01.jpg') no-repeat -4px -26px;
}

.list-mp-temp {}

.list-mp-temp li {
    min-height: 150px;
    padding: 20px 20px 20px 200px;
    border-top: 1px solid #f0f0f0;
}

.list-mp-temp li .temp {
    position: absolute;
    top: 20px;
    left: 20px;
}

.list-mp-temp li .temp img {
    width: 150px;
    height: 150px;
    border: 1px solid #f0f0f0;
}

.list-mp-temp li strong {
    display: block;
    margin-top: 25px;
    font-weight: normal;
    line-height: 15px;
}

.list-mp-temp li em {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
    color: #697782;
}

.list-mp-temp li strong.ticket {
    margin-top: 25px;
}

.list-mp-temp li strong.ticket+em {
    margin-top: 5px;
}

.list-mp-temp li em[class^=state] {
    position: absolute;
    margin-top: 0;
    top: 78px;
    right: 20px;
    font-size: 14px;
    line-height: 15px;
    color: #697782;
}

.list-mp-temp li em.state1 {
    color: #ff0000;
}

.list-mp-temp li em.state1 span {
    color: #697782
}

.list-mp-temp li em.state2 {
    color: #697782;
}

.list-mp-temp li em.state3 {
    color: #2b99cc;
}

.list-mp-temp li .btn {
    position: absolute;
    bottom: 64px;
    right: 20px;
}

.list-mp-temp li .btn a.ftSzc {
    height: 28px;
    padding: 0;
    line-height: 24px;
    border: 0px;
    float: left;
    margin-left: 10px;
    background: none;
    color: #000 !important;
    font-weight: bold
}

.list-mp-temp li .btn a:hover.ftSzc {
    background: none
}

.list-mp-temp li .btn a {
    /*height:28px;padding:0;line-height:19px;border: 0px;float: left;margin-left: 10px;*/
    padding: 0 10px;
    height: 24px;
    float: left;
    line-height: 24px;
    color: #fff !important;
    text-align: center;
    margin-left: 10px;
    background: #2b99cc;
    border-radius: 2px;
}

.list-mp-temp li .btn a:hover {
    background: #1885b8;
}

.list-mp-temp a.btn-b,
.list-mp-temp a.btn-s {
    background: none;
    color: #333 !important;
}

.list-mp-temp a:hover.btn-b,
.list-mp-temp a:hover.btn-s {
    background: inherit
}

.no-result {
    padding: 15px 0;
    color: #b4bbc0;
    text-align: center;
}


/* mylv-info */

.mylv-info {
    position: relative;
    min-height: 80px;
    margin-bottom: 20px;
    padding: 30px;
    background: #fbfbfb;
}

.mylv-info .level {
    display: inline-block;
    position: absolute;
}

.mylv-info .grade-info {
    overflow: hidden;
    margin-left: 205px;
}

.mylv-info .grade-info dl {
    float: left;
    height: 80px;
}

.mylv-info .grade-info dl dt {
    padding: 15px 0 5px 0;
    font-size: 16px;
}

.mylv-info .grade-info dl dd {
    font-size: 16px;
    font-weight: bold;
}

.mylv-info .grade-info ul {
    float: left;
    height: 60px;
    margin-top: 17px;
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid #f0f0f0;
}

.mylv-info .grade-info li:first-child {
    margin-top: 0;
}

.mylv-info .grade-info li {
    margin-top: 5px;
    font-size: 12px;
    color: #697782;
}

.mylv-info .grade-info li strong {
    color: #42a0cf;
}


/* tbl-list */

.tbl-list {
    position: relative;
    vertical-align: middle;
    background: #fbfbfb;
}

.tbl-list table {
    width: 100%;
}

.tbl-list.line table thead th {
    border-left: 2px solid #fff;
}

.tbl-list.line table tbody td {
    padding: 3px 3px;
    height: 41px;
    border-left: 2px solid #fbfbfb;
}

.tbl-list.grade {
    background: #fbfbfb;
}

.tbl-list.grade table thead th {
    padding: 8px 0 9px 0 !important;
    font-weight: bold;
}

.tbl-list.grade table thead th.sel-chk {
    padding: 0 0 0 0 !important;
}

.tbl-list.grade table thead th.sel-chk .d_value {
    padding: 9px 0;
    border: none;
}

.tbl-list.grade table thead th.sel-chk div.select .ctrl {
    background-position: 0 8px;
}

.tbl-list table thead th {
    padding: 5px 0 5px;
    height: 35px;
    color: #333;
    border-bottom: 2px solid #fff;
    font-weight: normal;
    text-align: center;
    background: #f3f3f3
}

.tbl-list table thead tr th:first-child {
    border-left: none;
    border-right: solid 2px #fff;
}

.tbl-list table thead th.th-s {
    padding: 2px 0;
    height: 25px;
}

.tbl-list table thead th.bg-c1 {}

.tbl-list table tbody th {
    padding: 15px 10px;
    font-weight: normal;
    text-align: center;
    color: #111;
    background: #f3f3f3;
    border-bottom: solid 2px #fff;
}

.tbl-list table tbody td {
    padding: 15px 10px;
    text-align: center;
    color: #505562;
    border-bottom: solid 2px #fbfbfb;
}

.tbl-list table tbody td.bg-c1 {}

.tbl-list table tbody td.date,
.tbl-list table tbody td .rom {
    font-size: 12px;
    color: #697782;
}

.tbl-list table tbody td.tit {
    text-align: center;
}

.tbl-list table tbody td .exp em.minus {
    font-weight: bold;
    color: #ff0000;
}

.tbl-list table tbody td .exp em.plus {
    font-weight: bold;
    color: #2b99cc;
}

.tbl-list table tbody td.no-result {
    color: #b4bbc0 !important;
}

.tbl-list table tbody td ul.ls {
    text-align: left;
}

.tbl-list table tbody td ul.ls li {
    position: relative;
    padding-left: 10px;
    line-height: 26px;
}

.tbl-list table tbody td ul.ls li:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #292e38;
}

.medals-ico {
    display: inline-block;
    width: 56px;
    height: 56px;
}

.medals-ico img {
    width: 56px;
    height: 56px;
}

.medals-ico2 {
    display: inline-block;
    width: 120px;
    height: 120px;
}

.medals-ico2 img {
    width: 120px;
    height: 120px;
}

.sns-chk a[class^=sns-]+span {
    display: inline-block;
    padding: 4px 12px 0 5px;
    color: #505562;
    vertical-align: middle;
}

.sns-chk .choice-txt {
    color: #aeaeae !important;
}

.sns-chk div {
    margin: 10px 0 5px 0;
}

.sns-chk div:first-child {
    margin: 0;
}

.data-sorting {
    position: relative;
}

.data-sorting .top-btn {
    position: absolute;
    top: 9px;
    right: 20px;
}

.data-sorting .top-btn a {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
}

.exp-box {
    margin-bottom: 20px;
}

.exp-box ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 30px 0;
}

.exp-box ul li {
    display: table-cell;
    border-left: 1px solid #dcdcdc;
    font-size: 16px;
    text-align: center;
    letter-spacing: -1px;
}

.exp-box ul li strong {
    display: block;
    margin-bottom: 3px;
    font-size: 24px;
}

.tip-toll {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.tip-toll .tip-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../img/index/ico_question.png') no-repeat;
    font-size: 0;
    vertical-align: top;
}

.tip-toll .tip-layer:after {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: 82px;
    width: 14px;
    height: 9px;
    background: url('../img/index/bg_layer_point.png') no-repeat;
}

.tip-toll .tip-layer {
    display: none;
    position: absolute;
    left: -80px;
    top: 32px;
    width: 220px;
    padding: 20px 35px;
    color: #fff;
    font-size: 12px;
    background: #505562;
    z-index: 999;
}

a.switch {
    overflow: hidden;
    display: inline-block !important;
    width: 55px;
    height: 30px;
    background: url('../img/index/bg_switch.png') no-repeat top left !important;
    font-size: 0;
}

a.switch.on {
    background-position: 0 -30px !important;
}


/* permsg-wrap */

.permsg-wrap {
    background: #fff;
}

.permsg-wrap .loding {
    padding: 10px;
    background: #fff;
    text-align: center;
    border-top: 1px solid #f0f0f0;
}

.permsg-wrap .loding span {
    position: relative;
    padding: 3px 0 3px 30px;
    background: url('../img/index/ico_msg_time.png') no-repeat left center;
    font-size: 12px;
    color: #697782;
}

.permsg-wrap .msg-send {
    padding: 20px 20px 0 20px;
}

.permsg-wrap .msg-send textarea {
    height: 60px;
    width: 634px;
    line-height: 18px !important;
    padding: 15px 20px 10px 20px;
    font-size: 14px;
    background: #f8f8f8;
    border: 1px solid #b4bbc0;
}

.permsg-wrap .msg-send .pholder {
    position: absolute;
    right: inherit !important;
    left: 20px;
    top: 20px;
    color: #b4bbc0;
}

.permsg-wrap .btn-area {
    margin-top: 10px;
}

.msg-view {
    padding: 20px 10px 30px 20px;
    max-height: 240px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.msg-view.mCSB_inside>.mCSB_container {
    margin-right: 50px;
}

.msg-view .mCSB_scrollTools .mCSB_draggerContainer {
    right: 20px;
}

.msg-view .msg:first-child {
    padding-top: 0 !important;
}

.msg-view .msg .msg-main .msg-cont:after {
    z-index: 9999;
}

.msg-view .msg {
    display: inline-block;
    max-width: 100%;
    position: relative;
    padding-top: 20px;
    font-size: 0;
}

.msg-view .msg .msg-main {
    position: relative;
    text-align: left;
    word-wrap: break-word;
    margin: 0 10px;
}

.msg-view .msg .msg-main .msg-cont {
    position: relative;
    padding: 20px;
    border-radius: 5px;
    font-size: 14px;
}

.msg-view .msg .msg-main .msg-cont .txt {
    display: block;
    word-wrap: break-word;
    white-space: pre-wrap;
    text-align: left;
    line-height: 18px;
    color: #505562;
}

.msg-view .msg .msg-main .aside {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #80909e;
}

.msg-view .msg .msg-main .time {
    width: 100%;
    display: block;
    font-size: 12px;
}

.msg-view .log-wrap {
    position: relative;
}

.msg-view .log-wrap:after {
    display: table;
    content: '';
    clear: both;
}

.msg-view .log-wrap:before {
    display: table;
    content: '';
}

.msg-view .log-friend {
    margin: 0 240px 0 0;
}

.msg-view .log-friend .maskImg {
    position: absolute;
    top: 5px;
    left: 11px
}

.msg-view .log-friend .msg {
    float: left;
    margin-left: 5px;
}

.msg-view .log-friend .msg .msg-main .msg-cont {
    background: #f0f0f0;
    vertical-align: top;
}

.msg-view .log-friend .msg .msg-main .msg-cont:after {
    position: absolute;
    content: '';
    left: -15px;
    top: 15px;
    z-index: 0;
    width: 17px;
    height: 20px;
    background: url('../img/index/bg_msg_friend.png') no-repeat left top;
}

.msg-view .log-friend .msg .msg-main .aside {
    text-align: left;
}

.msg-view .log-my {
    margin: 0 0 0 240px;
}

.msg-view .log-my .msg {
    float: right;
    text-align: right;
    margin-right: 5px;
}

.msg-view .log-my .msg .msg-main .msg-cont {
    background: #697782;
    color: #fff !important;
}

.msg-view .log-my .msg .msg-main .msg-cont .txt {
    color: #fff !important;
}

.msg-view .log-my .msg .msg-main .msg-cont:after {
    position: absolute;
    content: '';
    right: -14px;
    top: 15px;
    z-index: 0;
    width: 17px;
    height: 20px;
    background: url('../img/index/bg_msg_my.png') no-repeat right top;
}

.msg-view .log-my .msg .msg-main .aside {
    text-align: right;
}

.voc-list {
    margin-top: 20px;
    background: #fff;
}

.voc-list .tbl-list table thead th {
    font-size: 12px;
    font-weight: bold;
}

.voc-list .tbl-list table tbody th {
    background: #fff;
    padding: 15px 2px;
    font-size: 12px;
}

.voc-list .tbl-list table tbody td {
    font-size: 12px;
    color: #697782;
    padding: 15px 2px;
}

.voc-list .time-reset {
    padding: 15px 0;
    text-align: center;
}

.voc-list .time-reset a {
    padding: 4px 0 4px 28px;
    margin-left: 22px;
    background: url('../img/index/ico_loding01.png') no-repeat left 3px;
    color: #2b99cc;
    font-size: 12px;
    display: inline-block
}

.voc_data {
    border-top: 1px solid #f0f0f0;
}

.voc_data h3 {
    height: 50px;
    line-height: 50px;
    margin-left: 22px;
}

.voc_data .tbl-list tbody td .time {
    display: inline-block;
    margin-left: 5px;
}

.point-guide {
    padding: 13px 20px 20px 20px;
    margin-bottom: 30px;
}

.point-guide ul li:first-child {
    margin-top: 0;
}

.point-guide ul li {
    margin-top: 18px;
}

.point-guide ul li strong {
    position: absolute;
    font-weight: normal;
    color: #838a94;
}

.point-guide ul li span {
    display: inline-block;
    margin-left: 70px;
    color: #838a94;
}

.mypage-message {
    width: 480px;
    margin-top: -151px;
}

.mypage-message .cont a {
    position: relative;
    padding: 0 11px 0 5px;
}

.mypage-message img {
    width: 25px;
    height: 25px;
    display: inline-block !important;
    margin-top: -9px;
}

.mypage-message .cont a.photo img.djHg80 {
    width: 31px;
    height: 39px;
    border-radius: 0% !important;
    position: absolute;
    top: -5px;
    left: 1.2px;
}

.mypage-message textarea {
    width: 100%;
    height: 110px;
    box-sizing: border-box;
    margin-top: 5px;
}

.mypage-message-large {
    width: 800px;
}

.N_imei {
    padding: 15px 0 15px 20px;
    border-bottom: solid 1px #f8f8f8;
    color: #292e38;
    font-size: 14px;
}

.N_imei_list dl {
    width: 319px;
    padding: 29px 19px;
    float: left
}

.N_imei_list dt {
    float: left;
    width: 61px;
}

.N_imei_list dd {
    float: right;
    width: 236px;
    color: #292e38;
    font-size: 14px;
}

.N_imei_list:after,
.N_imei_list dl:after,
.N_imei_app:after {
    content: '';
    display: block;
    clear: both;
}

.N_imei_app {
    width: 676px;
    margin: 0 auto;
    color: #262a38;
    font-size: 14px;
}

.N_imei_app p {
    padding-top: 17px;
    float: left
}

.N_imei_app a {
    display: block;
    float: right;
    margin-top: 11px;
}

.N_imei_cd {
    height: 211px;
    margin-top: 10px;
    border-top: solid 1px #f8f8f8;
    text-align: center
}


/*.N_imei_cd img{margin-top:32px}*/

.Make_list-mp {
    background: #fbfbfb;
}

.Make_list-mp li {
    width: 214px;
    height: 271px;
    float: left;
    margin-left: 15px;
    position: relative
}

.Make_list-mp li:first-child {
    margin-left: 20px;
}

.Make_list-mp li .works {
    position: relative;
    margin: 14px 14px 11px 14px
}

.Make_list-mp li .works .btn {
    position: absolute;
    right: -14px;
    top: 3px;
}

.Make_list-mp li .works .btn a {
    vertical-align: top;
}

.Make_list-mp li .works .btn a:hover {
    color: #505562
}

.Make_list-mp li .works_title {
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    height: 20px;
}

.Make_list-mp li .works_title2 {
    width: 209px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.Make_list-mp li .works a:hover {
    font-weight: bold
}

.Make_list-mp li div.state-hit {
    position: absolute;
    top: 25px;
    right: 0px;
}

.Make_list-mp li .works p {
    color: #697782;
    font-size: 14px;
    margin-top: 6px;
}

.MyBgList {
    width: 214px;
    height: 281px;
    padding: 0 10px;
    position: absolute;
    background: #fbfbfb;
    z-index: 0;
    left: -10px;
    top: -10px;
    display: none;
}

.Make_list-mp li:hover p.MyBgList {
    display: block;
    -webkit-animation: radar .2s linear;
    animation: radar .2s linear;
    box-shadow: 0px 5px 10px 1px rgba(175, 185, 194, 0.3);
}

.Make_list-mp li div.auto_Img {
    height: 166px;
    width: 214px;
    position: relative;
    padding-top: 0%;
    overflow: hidden;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.Make_list-mp li div.auto_Img a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
}

.Make_list-mp li div.auto_Img a img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.Make_list-mp li div.auto_Img a img.portrait {
    width: 100%;
    height: auto;
}

.Make_list-mp li div.auto_Img a img.landscape {
    width: auto;
    height: 242px;
}


/* tbl-input */

.tbl-input {
    border-top: 1px solid #f0f0f0;
}

.tbl-input table {
    width: 100%;
    text-align: left;
}

.tbl-input tbody th {
    padding: 10px 17px;
    height: 36px;
    font-weight: normal;
}

.tbl-input tbody th.star span {
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

.tbl-input tbody th span:after {
    content: '';
    display: block;
    margin-right: 10px;
    position: absolute;
    left: -10px;
    top: 7px;
    width: 10px;
    height: 5px;
    background: url('../img/common/bl_star01.png') no-repeat left center;
}

.tbl-input tbody td {
    position: relative;
    height: 36px;
    padding: 10px 20px;
    border-bottom: 1px solid #f8f8f8;
    color: #505562;
}

.tbl-input tbody td .noti {
    color: #2b99cc;
}

.tbl-input tbody td .label-list li label {
    color: #697782;
}

.tbl-input tbody td .security {
    display: inline-block;
    vertical-align: top;
    height: 34px;
}

.tbl-input tbody td .memo {
    padding-left: 10px;
}

.tbl-input tbody td .user-info {
    position: relative;
}

.tbl-input tbody td .user-info .temp {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.tbl-input tbody td .user-info .temp img {
    height: 100%;
    border-radius: 50%;
}

.tbl-input tbody td .user-info .info {
    float: left;
    margin: 5px 0 0 20px;
}

.tbl-input tbody td .user-info .info .name {
    display: block;
    margin-bottom: 15px;
}

.tbl-input tbody td .btn-r {
    margin-left: 15px;
}

.tbl-input tbody td .inp-tit input[type="text"] {
    position: relative;
}

.tbl-input tbody td .inp-tit label {
    position: absolute;
    top: 17px;
    left: 32px;
    color: #697782;
    cursor: text;
    z-index: 99;
}

.tbl-input tbody td .write-txt {
    color: #697782;
}

.tbl-input tbody td .write-txt textarea {
    height: 100px;
}

.tbl-input tbody td img {
    vertical-align: middle;
}

.tbl-input tbody td .inp-list>li {
    margin-top: 10px;
}

.tbl-input thead th {
    padding: 10px 20px;
    height: 36px;
    border-right: 1px solid #f8f8f8;
    background: #f0f0f0;
    font-weight: normal;
    text-align: center;
}

.tbl-input thead+tbody td {
    border-right: 1px solid #f8f8f8;
}

.tbl-input thead+tbody td:last-child {
    border-right: 0;
}

.tbBasicdata {
    border-top: 0px;
}

.tbBasicdata th {
    padding: 10px 33px !important;
    text-align: left
}


/* label list */

.label-list {
    overflow: hidden;
    margin-top: -10px;
}

.label-list:last-child {
    display: block;
    clear: both;
    content: ''
}

.label-list>li {
    float: left;
    margin: 8px 18px 0 0;
    font-size: 13px;
}

.label-list>li:last-child {
    margin-right: 0 !important;
}

.label-list>li.no-w {
    width: inherit !important;
}

.label-list.ls-w li {
    width: 75px;
    margin-right: 0;
}

.label-list.ls-w li.long {
    width: 85px;
}

.mypage-wrap .h2-box+.tbl-input,
.mypage-wrap h3.mp+.tbl-input {
    border-top: 0;
}

.noti-box {
    overflow: hidden;
}

.noti-box .label-list {
    float: left;
}

.noti-box p.noti {
    float: left;
    padding: 0 !important;
    text-align: left;
    color: #c9c9c9 !important;
}

.inp-list>li {
    margin-top: 20px;
}

.inp-list>li:first-child {
    margin-top: 0 !important;
}

.inp-list>li .inp-tit {
    position: relative;
    display: inline-block;
    line-height: 34px;
}

.inp-list>li .inp-tit input[type="text"] {
    z-index: 98;
}

.inp-list>li .inp-tit span {
    position: absolute;
    z-index: 99;
}

.inp-list>li .inp-tit span.check {
    top: 10px;
    right: 10px;
}

.inp-list>li .inp-tit span.error-ico {
    top: 12px;
    right: 13px;
}

.inp-list>li .inp-tit label {
    position: absolute;
    top: 2px;
    left: 10px;
    color: #c9c9c9;
    cursor: text;
    z-index: 99;
}

.inp-list>li .error-txt {
    margin-top: 5px;
}

.inp-list>li .wfix {
    width: 120px;
    padding: 0;
}

.inp-list.mp>li {
    margin-top: 27px;
}

a.btn-w {
    background: #ffffff;
    border: 1px solid #d2d2d2;
    color: #555;
}

a[class^=btn-],
span.btn-txt {
    display: inline-block;
    height: 34px;
    padding: 0 20px;
    border-radius: 2px;
    color: #fff;
    line-height: 34px;
    vertical-align: middle;
    text-align: center;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.txtPlist,
.txtPlist01 {
    font-weight: bold;
    display: inline-block;
}

.txtPlist {
    margin-left: 33px;
}

.txtPlist01 {
    float: right;
    line-height: 45px;
}

.Mstoday {
    background: #fbfbfb;
    padding: 0 20px;
}

.Mstoday li {
    line-height: 52px;
    height: 52px;
}

.Mstoday li div {
    width: 278px;
    float: left
}

.Mstoday li p {
    width: 241px;
    float: left
}

.Mstoday li span {
    width: 329px;
    float: left;
}

.Mstoday li a {
    width: 52px;
    height: 52px;
    float: right;
    text-align: right;
    /*background: url(../img/index/btn_more01.png) no-repeat center right;*/
}

.Mstoday li a.Comp {
    color: #697782;
    background: none;
    text-align: right
}

.temp36Banner {
    background: #fbfbfb;
    text-align: center;
    padding: 20px 0 40px 0;
}


/* laypop */

.laypop-wrap {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.laypop-wrap.alert-type01 .layer-pop {
    margin-top: -101px;
}

.laypop-wrap.alert-type02 .layer-pop {
    margin-top: -70px;
}

.laypop-wrap.gift-pop .layer-pop {
    margin-top: -100px;
}

.laypop-wrap.gift-pop .pop-cont {
    padding: 60px 35px 30px 35px !important;
}

.laypop-wrap.gift-pop .inp-list li {
    margin-top: 10px;
}

.laypop-wrap.pop-reason-chk .layer-pop {
    margin-top: -150px;
}

.laypop-wrap .layer-pop.sizeXs {
    width: 320px;
}

.laypop-wrap .layer-pop.size-md {
    width: 640px;
    margin-top: -310px;
}

.laypop-wrap .layer-pop {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto 0;
    z-index: 9999;
    background: #fff;
}

.laypop-wrap .layer-pop .pop-head {
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    font-weight: bold;
    font-size: 16px;
}

.laypop-wrap .layer-pop .pop-head h2 {
    font-weight: bold;
    font-size: 16px;
}

.laypop-wrap .layer-pop .pop-cont {
    overflow: hidden;
    padding: 20px;
}

.laypop-wrap .layer-pop .pop-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 16px;
    height: 16px;
    text-indent: -999px;
    overflow: hidden;
    background: url('../img/index/btn_pop_close.png') no-repeat;
    z-index: 13;
}

.laypop-wrap .layer-pop .msg-wrap {
    display: table;
    width: 100%;
    min-height: 60px;
}

.laypop-wrap .layer-pop .msg-cont {
    display: table-cell;
    vertical-align: middle;
}

.laypop-wrap .layer-pop .msg-cont span[class^=ico-] {
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 auto 5px;
}

.laypop-wrap .layer-pop .msg-cont .ico-chk {
    background: url('../img/index/ico_pop_chk.png') no-repeat;
}

.laypop-wrap .layer-pop .msg-cont .ico-sns {
    background: url('../img/index/ico_pop_sns.png') no-repeat;
}

.laypop-wrap .layer-pop .msg-txt {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    color: #697782;
}

.laypop-wrap .layer-pop.size-md .news_imei {
    height: 500px;
}

.laypop-wrap .layer-pop.size-md .btn-area {
    margin-top: 0;
    padding: 0 20px 30px 20px;
}

.laypop-wrap .layer-pop.size-md .editer-s {
    padding: 0 20px 15px 20px;
}

.laypop-wrap .btn-area.in-chk .check-box {
    margin-top: 5px;
}

.laypop-wrap .layer-pop .msg-cont-2 {
    font-weight: normal;
    margin: 15px 0 10px 0;
}

.laypop-wrap .layer-pop .msg-cont-2 em {
    color: #2b99cc;
}

.laypop-wrap .layer-pop .msg-cont-2 strong {
    font-weight: normal;
    display: block;
    color: #505562;
    margin-bottom: 10px;
}

.laypop-wrap .layer-pop .msg-cont-2 .btn-area {
    margin: 15px 0 0 0;
}

.laypop-wrap .layer-pop .msg-cont-3 .msg-txt {
    text-align: left;
    font-size: 14px;
    font-weight: normal;
}

.laypop-wrap .layer-pop .msg-cont-3 input[type=text] {
    width: 250px;
}

.laypop-wrap .layer-pop .msg-cont-3 .btn-area {
    margin: 20px 0 0 0;
}

.laypop-wrap.wide {
    text-align: left;
    height: auto;
}

.laypop-wrap.wide .layer-pop {
    margin-top: -310px;
    width: 620px;
}

.laypop-wrap.wide .title {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 45px;
    vertical-align: middle;
    padding: 0 15px;
    border-bottom: 1px solid #f0f0f0;
}

.laypop-wrap.wide .produc-name {
    background: none;
    padding: 11px 20px;
    word-wrap: break-word
}

.laypop-wrap.wide .produc-name span {
    display: inline-block;
    padding-left: 40px;
}

.laypop-wrap.wide .pop-title {
    background: none;
    color: #505562;
}

.laypop-wrap.wide input,
.layer.wide select {
    width: 250px;
}

.laypop-wrap.wide table {
    width: 550px;
    margin-bottom: 15px;
}

.laypop-wrap.wide #address-2 {
    width: 360px;
}

.laypop-wrap.wide .btn-s {
    margin-left: 6px;
}

.laypop-wrap.wide th {
    color: #292e38;
    text-align: left
}

.laypop-wrap.wide td em {
    color: #2b99cc;
}

.laypop-wrap.wide .check-box {
    margin-bottom: 15px;
}

.laypop-wrap.wide .check-box label {
    color: #505562;
}

.laypop-wrap.wide .mCSB_scrollTools .mCSB_draggerContainer {
    right: 26px;
    top: 11px;
}

.laypop-wrap.wide .news_imei {
    height: 500px;
    overflow-y: scroll;
}

.laypop-wrap.wide .news_imei p {
    color: #697782;
}

.laypop-wrap.wide .news_imei p a {
    color: #2b99cc;
    font-weight: bold;
    text-decoration: underline;
}

.laypop-wrap.wide .layer-pop .pop-cont {
    font-weight: normal;
}

.laypop-wrap.wide .layer-pop .pop-cont {
    padding: 0 20px;
}

.layer-btn-c {
    text-align: center;
    margin: 5px 0 20px 0;
    font-weight: normal;
}

.bdAuto {
    border: 0px !important;
}

.tab-box {
    overflow: hidden;
    height: 50px;
    background: #fbfbfb;
}

.tab-box li {
    float: left;
}

.tab-box li a {
    display: block;
    height: 50px;
    padding: 0 30px;
    color: #555;
    line-height: 50px;
    position:relative;
}
.tab-box li a img {
    position: absolute;
    top: 12px;
    right: 25px;
}
.tab-box li a.on {
    font-weight: bold;
}

a.del {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 1px;
    background: url('../img/index/btn_del.gif') no-repeat top left;
    vertical-align: middle;
    /*font: 0/0 'microsoft yahei';*/
    font-size:0;
    line-height:0;
}

a.edit,
a.delect,
a.cancel,
a.reply {
    overflow: hidden;
    display: inline-block;
    width: 30px;
    height: 14px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    text-align: center;
}

a.edit {
    background: url('../img/index/ico_edit.gif') no-repeat top center;
}

a.delect {
    background: url('../img/index/ico_delect.gif') no-repeat top center;
}

a.cancel {
    background: url('../img/index/ico_cancel.gif') no-repeat top center;
}

a.reply {
    background: url('../img/index/ico_reply.gif') no-repeat top center;
}

a+a.delect {
    position: relative;
    margin-left: 5px;
    padding-left: 10px;
}

a+a.delect:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 1px;
    height: 14px;
    background: #b7b7b7;
}

a.edit.on,
a.edit:hover,
a.delect.on,
a.delect:hover,
a.cancel.on,
a.cancel:hover,
a.reply.on,
a.reply:hover {
    background: none;
    font-size: 14px;
    line-height: 14px;
    color: #505562;
}

.mg_top26 {
    margin-top: 26px;
}

.mg_top8 {
    margin-top: 15px;
}

.Myattr_list li dl dd.wth185 p,
.Myattr_list li dl dd.wth185 .Friends-name a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.mypage-wrap h2.clr09c {
    color: #2b99cc !important
}

.Myattr_list {
    background: #fbfbfb
}

.Myattr_list li {
    width: 387px;
    height: 173px;
    border-bottom: solid 1px #f8f8f8;
    float: left;
    background: #fff;
    margin-top: 20px;
}

.Myattr_list li.bdRt_On {
    margin-left: 60px;
}

.Myattr_list li.bdRt_f {
    margin-left: 47px;
}

.Myattr_list li:hover {
    background: #eff7fb
}

.Myattr_list li dl dt {
    width: 74px;
    margin: 30px 35px 30px 41px;
    float: left;
    position: relative
}

.Myattr_list li dl dt img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.Myattr_list li dl dt img.djHg80 {
    width: 87px;
    height: 99px;
    border-radius: 0% !important;
    position: absolute;
    top: -21px;
    left: -9px;
}

.Myattr_list li dl dd {
    float: left
}

.Myattr_list li dl dd.wth185 {
    width: 231px;
}

.Myattr_list li dl dd.wth185 .Friends-name {
    margin: 37px 0 13px 0;
}

.Myattr_list li dl dd.wth185 .Friends-name a {
    margin-right: 5px;
    float: left;
    max-width: 126px;
}

.Myattr_list li dl dd.wth185 .Friends-name a:hover {
    color: #0178b4
}

.Myattr_list li dl dd.wth185 .Friends-name img {
    margin-top: -2px
}

.Myattr_list li dl dd.wth185 p {
    width: 180px;
    color: #505562;
    margin-bottom: 12px
}

.Myattr_list li dl dd.wth185 .Friends_list div {
    font-size: 12px;
    float: left;
    text-align: center;
}

.Myattr_list li dl dd.wth185 .Friends_list div span.follow {
    margin-right: 2px;
    font-size: 14px;
}

.Myattr_list li dl dd.wth185 .Friends_list div span.Fans {
    display: inherit;
    font-size: 18px;
}

.Myattr_list li dl dd.wth185 .Friends_list div.line_fs {
    border-right: solid 1px #dcdcdc;
    margin: 0px 25px;
    height: 38px;
}

.Myattr_list li dl dt a.wth176 {
    width: 74px;
    height: 28px;
    display: block;
    background: url(../img/index/followBtn.jpg);
}

.Myattr_list li dl dt a:hover.wth176 {
    background: url(../img/index/followBtn.jpg) no-repeat -0px -28px;
}

.Myattr_list li dl dt a.Already {
    background: url(../img/index/followBtn.jpg) no-repeat -0px -56px !important;
}

.h_g25 {
    height: 18px
}

.dofe_Re {
    float: left;
    border-collapse: collapse;
    border: none;
    margin-top: 11px;
    width: 240px !important;
    background: #fbfbfb
}

.dofe_Re td {
    height: 50px;
    font-size: 14px;
    background: #fbfbfb;
    text-align: center;
}

.dofe_Re td.pd_20 {
    width: 131px
}

.dofe_Re td.pd_20 .clo_098 {
    color: #80909e;
    font-size: 12px
}

.dofe_Re td.hg_85 {
    height: 85px
}

.dofe_Re td.hg_42 {
    font-weight: bold;
    background: #f3f3f3
}

.dofe_Re td.hg_45 {
    height: 45px
}

.tab_g9 {
    width: 100%;
    height: 50px;
    line-height: 50px;
}

.bd_tp01 {
    font-weight: bold;
    background: #f3f3f3
}

.btn_pli01 p {
    color: #2a2e39;
}

.btn_pli02 p {
    color: #262a38
}

.tab_g9 p {
    width: 140px;
    height: 50px;
    float: left;
}

.tab_g10 p {
    width: 101px !important;
}

.tab_g11 p {
    width: 127px !important;
}

.tab_g12 p {
    width: 233px !important;
}

.tab_g13 p {
    width: 116.6px !important;
}

.ht664 {
    height: 800px !important;
    overflow: hidden;
}

.tab_g9 p span {
    display: inline-block;
    vertical-align: middle;
}

.tab_g9 p span.albut {
    font-size: 11px;
    line-height: 14px;
}

.yes {
    background: url(../img/index/icon_yes.png)no-repeat center top;
    width: 25px;
    height: 25px;
}

.no_1 {
    background: url(../img/index/icon_no.png)no-repeat center top;
    width: 25px;
    height: 25px;
}

.btndiv {
    float: left;
    width: 700px;
    height: 28px;
    position: relative;
    top: 1px;
    height: 100px
}

.btndiv strong {
    float: left;
    padding-left: 10px;
    padding-top: 4px
}

.btndiv a {
    display: block;
    height: 50px;
    width: 19px;
    position: absolute;
    z-index: 99;
    font-size: 0;
    background: url(../img/index/btn_level_arr.png)no-repeat;
}

.btndiv a.aleft.on {
    background-position: 0 -50px;
}

.btndiv a.aleft {
    left: 0;
    background-position: 0 0px;
}

.btndiv a.aright.on {
    background-position: -20px -50px;
}

.btndiv a.aright {
    right: 0;
    background-position: -20px 0;
}

.uldiv {
    float: left;
    background: #fff;
    width: 700px !important;
    height: 765px;
    position: relative;
    text-align: center;
    border-radius: 5px;
    margin-top: 11px
}

.scrollcontainer {
    width: 700px !important;
    overflow: hidden;
    position: absolute;
    margin: 0 auto;
    height: 900px;
    background: #fbfbfb
}

.scrollcontainer ul {
    width: 20000px;
    position: absolute;
    left: 0;
    top: 0
}

.scrollcontainer li {
    height: 460px;
    float: left
}

.medal-list {
    background: #fbfbfb;
}

.medal-list ul {
    overflow: hidden;
}

.medal-list li {
    overflow: hidden;
    position: relative;
    float: left;
    width: 139px;
    height: 220px;
    padding: 40px 20px 0 20px;
    text-align: center;
}

.medal-list li img {
    width: 80px;
    height: 80px;
}

.medal-list li strong {
    display: block;
    padding-top: 20px;
}

.medal-list li strong em {
    display: block;
    min-height: 38px;
    padding-top: 5px;
    font-weight: normal;
    color: #505562;
}

.medal-list li span {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    color: #505562;
}

.check-list a:hover {
    font-weight: bold
}

.login-layer {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -273px 0 0 -278px;
    width: 556px;
    height: 547px;
    z-index: 1000;
    background-color: #fff;
    border-top: 5px solid #2b99cc;
}

.login-layer .close {
    position: absolute;
    top: 16px;
    right: 20px;
    z-index: 1001;
}

.login-layer .f_lt {
    font-size: 16px;
    line-height: 45px;
    color: #333;
    font-weight: bold;
    border-bottom: 1px solid #f0f0f0;
    padding: 0 15px;
}

.login-layer .news_imei {
    height: 461px;
    overflow: hidden;
    padding: 20px 10px 20px 20px;
    width: 526px;
}

.login-layer .news_imei p {
    color: #697782;
}

.login-layer .news_imei .mbl_pic img {
    margin: 10px 0;
    width: 100%;
}

.login-layer .news_imei p a {
    color: #2b99cc;
    font-weight: bold;
    text-decoration: underline;
}

.login-title {
    width: 405px;
    color: #505562;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 30px;
}

.login-title strong {
    display: block;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
}

.login-title em {
    font-weight: bold;
}

.login-bt {
    width: 400px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 30px;
}

.bdtop_20 {
    border-top: solid 20px #fff;
}


/*new-Add*/

.h2-box-new {
    width: 100%;
    height: 81px;
    position: relative;
}

.h2-box-new h2 {
    padding: 16px 0 0 20px;
    font-size: 14px;
    color: #333333
}

.h2-box-new h3 {
    font-size: 12px;
    color: #697782;
    padding: 19px 0 0 20px;
}

.h2-box-new span.btn {
    position: absolute;
    right: 20px;
    top: 20px;
}

.h2-box-new span.btn a {
    width: 144px;
    height: 40px;
    background: #515561;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
}

.list-mp-temp li.listAddImg {
    min-height: 150px;
    padding: 20px 20px 20px 200px;
    border-top: 10px solid #ffffff !important;
    background: #fbfbfb;
}

.list-mp-temp li.listAddImg .temp {
    position: absolute;
    top: 20px;
    left: 20px;
}

.list-mp-temp li.listAddImg .temp img {
    width: 150px;
    height: 150px;
    border-radius: 4px;
}

.list-mp-temp li.listAddImg strong {
    display: block;
    margin-top: 25px;
    font-weight: normal;
    line-height: 15px;
}

.list-mp-temp li.listAddImg em {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
    color: #697782;
}

.list-mp-temp li.listAddImg div {
    width: 144px;
    height: 108px;
    position: absolute;
    top: 27px;
    right: 20px;
}

.list-mp-temp li.listAddImg div p {
    line-height: 68px;
    text-align: right
}

.list-mp-temp li.listAddImg div p.on {
    color: #959ea5;
}
    .list-mp-temp li.listAddImg div {
    text-align:right;
    }
.list-mp-temp li.listAddImg div a.nt-btn {
    /*width: 142px;
    height: 38px;
    padding: 0;
    color:#ffffff !important;
    border-radius: 2px;
    line-height: 38px;
    text-align:center;
    background: #2b99cc;
    border: 1px solid #2b99cc;*/
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    color: #fff !important;
    text-align: center;
    margin-left: 10px;
    background: #2b99cc;
    border-radius: 2px;
}
.list-mp-temp li.listAddImg div a.nt-btn :hover {
    background: #067ab5 !important;
    border: 1px solid #067ab5 !important;
}

/*addImg*/

.addImgbg {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000000;
    opacity: .7;
    z-index: 1;
    display: none;
    top: 0px;
    left:0px;
}

.addImgPop {
    width: 940px;
    height: 626px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -319px 0 0 -470px;
    background: #ffffff;
    z-index: 10;
    display: none;
}

.addImgPop .addImgTitle {
    padding: 15px 20px;
    background: #f3f3f3;
    position: relative;
}

.addImgPop .addImgTitle strong {
    font-size: 16px;
    color: #333333;
}
.ConverBg .addImgTitle span{
    margin-left: 314px !important;
}
.addImgPop .addImgTitle span {
    margin-left: 295px;
}

.addImgPop .addImgTitle .addImgClose {
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(../img/common/addImgClose.jpg);
    top: 18px;
    right: 20px;
}

.addImgPop .ImgTips {
    width: 900px;
    height: 45px;
    border-bottom: solid 1px #f3f3f3;
    margin: 0 auto;
    text-align: center;
    color: #2b99cc;
    line-height: 45px;
}

.addImgPop .addImg-Content {
    overflow: hidden;
    width: 900px;
    height: 435px;
    margin: 0 auto;
    margin-top: 14px;
}
.addImgPop .add_hg496{
    height:496px !important;
}

.addImgPop .addImgList {
    width: 210px;
    height: 184px;
    float: left;
    cursor: pointer;
    margin-left: 10px;
    position: relative;
}
.addImgPop .addImgList img.Lodding_Img {
    top: 141px;
    position: absolute;
    left: 89px;
}
.addImgPop .addImgList .preview {
    width: 100%;
    height: 315px;
    overflow: hidden;
    position:relative
}
.addImgPop .addImgList .preview .cut_ImgAuto02{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
}  
.addImgPop .addImgList .preview .cut_ImgAuto02 img{
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.addImgPop .addImgList .preview  .cut_ImgAuto02 img.widthAuto02 {
    width:100%;
    height:auto;
}

.addImgPop .addImgList .preview  .cut_ImgAuto02 img.heightAuto02 {
    width:auto;
    height:100%;
}


.addImgPop .addImgList p {
    width: 100%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    font-weight: bold;
}
.addImgPop .addImgList{
    height:349px
}
.addImgPop .addImgList .fineMain{
    height:315px;
}
.addImgPop .addImgNext {
    height: 38px;
    line-height: 38px;
    padding: 0 23px;
    position: absolute;
    bottom: 18px;
    left: 426px;
}

.mgLt_10 {
    margin-left: 0px !important;
}


/*已兑换图片放大预览*/

.modal {
    width: 760px;
    height: 520px;
    position: fixed;
    z-index: 12;
    left: 50%;
    top: 50%;
    margin: -260px 0 0 -380px;
    display: none;
    background: #ffffff;
    border: solid 6px #f3f3f3;
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.modal .Intercept {
    width: 760px;
    height: 520px;
    overflow: hidden;
    position: relative;
}

.modal .Intercept p {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
}

.modal .Intercept p img {
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.modal .Intercept p img.widthAuto {
    width: 100%;
    height: auto;
}

.modal .Intercept p img.heightAuto {
    width: auto;
    height: 100%;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0.1)
    }
    to {
        transform: scale(1)
    }
}

.close {
    width: 35px;
    height: 44px;
    /*background: url(../img/common/addCloseBtn.png);*/
    position: absolute;
    top: -50px;
    right: 0px;
    cursor: pointer;
}
.fineMain {
    width: 210px;
    height: 150px;
    overflow: hidden;
    position: relative;
}
.fineMain .cut_ImgAuto{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
}  
.fineMain .cut_ImgAuto img{
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.fineMain .cut_ImgAuto img.widthAuto01 {
    width: 100%;
    height:auto;
}

.fineMain .cut_ImgAuto img.heightAuto01 {
    width:auto;
    height:100%;
}
.fineMain a {
    width: 210px;
    height: 315px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.fineMain a input{
    width:210px;
    height:315px;
}
/*.loaddCt {
width:210px;
height:150px;
background:#f3f3f3;
position:relative;
top:0px;
left:0px;
display:none
}
.loaddCt img{
    position: absolute;
    left: 70px;
    top:40px;
}*/
@charset "UTF-8";

/*clear-START*/

#container .main-right .Tribe dl,
.Tribe {
    content: '';
    display: block;
    clear: both;
    zoom: 1
}

#header .nav .nav-wrap .gnb>li .sub01:after,
#header .nav .nav-wrap .gnb>li .sub03:after,
#header .nav .nav-wrap .gnb>li .sub03>li:after,
#header .nav .nav-wrap .gnb>li .sub04:after,
#header .nav .nav-wrap .gnb>li .sub04>li:after,
#container:after,
#container .main-cont:after,
#container .main-right .HotPl ul:after,
#container .main-right .HotOf dl:after,
#container .main-right .Tribe dl:after,
.board-prod:after,
.list-sort:after,
.item::after,
#container .main-right .GalaxyIm ul:after,
.profile-list ul:after,
.PopupM .VocPopup li:after,
.remendList:after,
.BrOffice:after,
.ImgList>dl dt:after {
    content: '';
    display: block;
    clear: both;
}


/*clear-END*/


/*IMG-START*/


/*IMG-END*/


/*Header*/

#header {
    height: 116px;
    border-bottom: solid 2px #f0f0f0;
}

#header .nav,
#header .logo-top {
    margin: 0 auto;
    width: 1300px;
    position: relative;
}

#header .logo-top {
    height: 70px;
}

#header .logo-top .pdt13 {
    width: 160px;
    /*width: 134px;*/
}

#header .logo-top .pdt13 img {
    width: 100%;
}

#header h1 a.Download-Btn {
    /*color: #939393;*/
    color: #838383;
    /*background: #f6f6f6;*/
    position: absolute;
    top: 23px;
    left: 180px;
    padding: 4px 16px 4px 24px;
    border-radius: 20px;
    border: 1px solid #9c9c9c;
    background: url(/Content/web/img/index/icon-Download.png) no-repeat 13px 8px;
}

#header h1 a:hover.Download-Btn {
    color: #00b3e3;
    border: 1px solid #33c2e9;
    /*background: #b9e3f4;*/
    background: url(/Content/web/img/index/icon-Download-active.png) no-repeat 13px 8px;
}

#header .srch {
    position: absolute;
    top: 17px;
    right: 0px;
    margin-right: 0px;
}

#header .srch p {
    position: relative;
}

#header .srch p.otherlinks {
    position: absolute;
    top: 0px;
    left: -100px;
    height: 34px;
    line-height: 34px;
}

#header .nav .srch p.otherlink {
    position: absolute;
    top: 15px;
    right: 270px;
    height: 34px;
    line-height: 34px;
    width: 100px;
    text-align: center;
}

#header .nav .srch p.otherlink a {
    font-size: 12px !important;
}

#header .srch p.otherlinks a:hover {
    font-weight: bold;
}

#header .srch p label {
    position: absolute;
    left: 10px;
    top: 7px;
    color: #697782;
    cursor: text
}

#header .srch p .srch-btn {
    position: absolute;
    right: 10px;
    top: 5px;
}

#header .srch input[type="text"] {
    width: 212px;
    height: 32px;
    line-height: 32px;
    padding: 0 36px 0 10px;
    border: 1px solid #949494;
    color: #697782
}

#header .nav {
    height: 47px;
}

#header .nav .nav-wrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

#header .nav .nav-wrap .gnb {}

#header .nav .nav-wrap .gnb li {
    float: left;
    margin-right: 25px;
}

#header .nav .nav-wrap .gnb>li>a {
    display: inline-block;
    height: 43px;
    line-height: 47px;
    padding: 0 10px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

#header .nav .nav-wrap .gnb>li>a:hover,
#header .nav .nav-wrap .gnb>li>a.on {
    border-bottom: solid 3px #4c4c4c;
}

#header .nav .nav-wrap .gnb>li>a.acitive {
    background: url(../img/index/bg_gnb.gif) repeat-x left bottom;
    border-bottom: solid 3px #4c4c4c;
}

#header .nav .nav-wrap .gnb>li .sub01 {
    position: absolute;
    top: 47px;
    left: 0px;
    z-index: 100;
    display: block;
    width: 1300px;
    padding: 0 0 25px 0;
    background: #fff;
    box-shadow: 17px 11px 26px -18px #000;
    height: 350px;
    /*height: 306px;*/
}

#header .nav .nav-wrap .gnb>li .sub01>li {
    width: 171px;
    padding-left: 20px;
    margin-top: 30px;
    /* 12/18 */
    padding-left: 14px;
    margin-right: 0px;
}

#header .nav .nav-wrap .gnb>li .sub01>li:first-child {
    border: 0;
}

#header .nav .nav-wrap .gnb>li .sub01 dt {
    margin-bottom: 10px;
    font-weight: bold;
}

#header .nav .nav-wrap .gnb>li .sub01 dt a:hover {
    color: #2b99cc;
}

#header .nav .nav-wrap .gnb>li .sub01 dd {
    line-height: 37px;
}

#header .nav .nav-wrap .gnb>li .sub01 dd span {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-left: 5px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    background: #f32252;
    vertical-align: middle
}

#header .nav .nav-wrap .gnb>li .sub01 dd a:hover {
    font-weight: bold;
}

#header .nav .nav-wrap .gnb>li .sub02 {
    position: absolute;
    top: 47px;
    left: 231px;
    z-index: 100;
    display: block;
    width: 156px;
    padding: 25px 0 25px 30px;
    box-shadow: 17px 11px 26px -18px #000;
    background: #fff;
}

#header .nav .nav-wrap .gnb>li .sub02 dt {
    margin-bottom: 10px;
    font-weight: bold;
}

#header .nav .nav-wrap .gnb>li .sub02 dd {
    width: 310px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#header .nav .nav-wrap .gnb>li .sub02 dd a {
    color: #697782;
}

#header .nav .nav-wrap .gnb>li .sub02 dd a:hover {
    font-weight: bold;
}

#header .nav .nav-wrap .gnb>li .sub03 {
    position: absolute;
    top: 47px;
    right: 150px;
    z-index: 100;
    display: block;
    /*width: 500px;*/
    width: 566px;
    padding: 0 0 25px 30px;
    box-shadow: 17px 11px 26px -18px #000;
    background: #fff;
}

#header .nav .nav-wrap .gnb>li .sub03>li {
    float: none;
}

#header .nav .nav-wrap .gnb>li .sub03 dt {
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 30px;
}

#header .nav .nav-wrap .gnb>li .sub03 dd {
    /*width: 158px;*/
    width: 180px;
    height: 28px;
    float: left;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#header .nav .nav-wrap .gnb>li .sub03>li.NfL dd {
    float: none;
    width: 457px;
}

#header .nav .nav-wrap .gnb>li .sub03 dd a {
    color: #697782;
}

#header .nav .nav-wrap .gnb>li .sub03 dd a:hover {
    font-weight: bold;
}

#header .nav .nav-wrap .gnb>li .sub04 {
    position: absolute;
    top: 47px;
    /*right: 153px;*/
    right: 114px;
    z-index: 100;
    display: block;
    /*width: 500px;*/
    width: 184px;
    /*padding: 0 0 25px 30px;*/
    padding: 25px 0 25px 30px;
    box-shadow: 17px 11px 26px -18px #000;
    background: #fff;
}

#header .nav .nav-wrap .gnb>li .sub04>li {
    float: none;
}

#header .nav .nav-wrap .gnb>li .sub04 dt {
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 30px;
}

#header .nav .nav-wrap .gnb>li .sub04 dd {
    width: 158px;
    height: 28px;
    float: left;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#header .nav .nav-wrap .gnb>li .sub04 dd a {
    color: #697782;
}

#header .nav .nav-wrap .gnb>li .sub04 dd a:hover {
    font-weight: bold;
}

#header .nav .nav-wrap p {
    position: absolute;
    right: 0;
    top: 15px;
}

#header .nav .nav-wrap p span {
    display: inline-block;
    margin: 0 10px;
    width: 1px;
    height: 14px;
    background: #333333;
    vertical-align: middle;
}

#header .nav .nav-wrap p a {
    display: inline-block;
    color: #333333;
}

#header .nav .nav-wrap p a:hover {
    font-weight: bold
}

#header .nav .nav-wrap p .user-photo {
    position: absolute;
    top: 5px;
    left: -10px;
    width: 28px;
    height: 28px;
    margin-top: -5px;
    background: url('../img/common/bg_top_user_photo.png') no-repeat;
}

#header .nav .nav-wrap p .photo {
    width: 26px;
    height: 26px;
    position: absolute;
    right: 50px;
    top: -3px;
}

#header .nav .nav-wrap p .photo img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

#header .nav .nav-wrap p .photo img.djHg80 {
    width: 33px;
    height: 42px;
    border-radius: 0% !important;
    position: absolute;
    top: -13px;
    left: -4px;
}


/*Header-End*/


/*Index-kv*/

#kv-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 340px;
}

#kv-wrap .kv {
    position: absolute;
    left: 50%;
    width: 1920px;
    height: 340px;
    margin-left: -960px;
    overflow: hidden;
}

#kv-wrap .kv ul {
    position: relative;
    width: 100%;
}

#kv-wrap .kv ul li:first-child {
    display: block;
}

#kv-wrap .kv ul li {
    position: absolute;
    top: 0;
    display: none;
}

#kv-wrap .kv ul li img {
    width: 1920px;
    height: 340px;
}

#kv-wrap .kv-btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 996px;
    z-index: 10;
    margin-left: -488px;
    text-align: center;
}

#kv-wrap .kv-btn a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 12px;
    background: url('../img/index/bg_kv_navi.png') left top no-repeat;
}

#kv-wrap .kv-btn a.on {
    background: url('../img/index/bg_kv_navi.png') left bottom no-repeat;
}

#kv-wrap .kv-btn a span {
    display: inline-block;
    text-indent: -10000px;
}


/*Index-kv-END*/


/*Index-content*/

#container .main-cont {
    position: relative;
    width: 1300px;
    margin: 0 auto;
}

#container .main-cont .main-left {
    float: left;
    width: 940px;
    /* background: rgb(245, 228, 228); */
}

#container .main-right {
    float: right;
    width: 318px;
    margin-bottom: 50px;
    /*padding-top:63px;*/
}


/*Index-content-END*/

.changeLoginNotice h6 {
    margin-bottom: 20px;
    font-size: 16px;
}

.changeLoginNotice p {
    font-size: 14px;
    line-height: 25px;
}


/*in sub*/

#container .main-right .login-after {
    margin-bottom: 20px;
}

#container .main-right .login-after dl {
    position: relative;
    display: block;
    text-align: center;
}

#container .main-right .login-after dt {
    height: 120px;
    padding-top: 31px;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    text-align: center;
    position: relative;
}

#container .main-right .login-after dt a {
    display: inline-block;
    font-size: 16px;
    max-width: 100%;
}

#container .main-right .login-after dt a>span {
    display: inline-block;
    margin-top: 15px;
    padding-right: 10px;
}

#container .main-right .login-after dt img {
    height: 20px;
    margin-bottom: 1px;
}

#container .main-right .login-after dt a img:first-child {
    width: 80px;
    height: 80px;
    z-index: 10;
    border-radius: 50%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transform: scale(1, 1) rotate(0.001deg);
}

#container .main-right .login-after dt a img.djHg80 {
    width: 100px;
    height: 115px;
    border-radius: 0% !important;
    position: absolute;
    top: 6px;
    left: 108px;
}

#container .main-right .login-after dt a img.djHg80 {
    border-radius: 50%;
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transform: scale(1, 1) rotate(0.001deg);
}

#container .main-right .login-after dt a:hover img.djHg80 {
    transform: scale(1.1, 1.1) rotate(0.001deg);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

#container .main-right .login-after dt a img {
    height: 20px;
    margin-bottom: 1px
}

#container .main-right .login-after dt a:hover img:first-child {
    transform: scale(1.1, 1.1) rotate(0.001deg);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

#container .main-right .login-after dt a:hover span {
    text-decoration: underline;
}

#container .main-right .login-after dt>span {
    display: inline-block;
    padding: 0 3px;
    margin: -1px 0 0 -30px;
    font-size: 11px;
    color: #2b99cc;
    background: #fff;
    border-radius: 3px;
    vertical-align: middle;
    width: 44px;
    height: 20px;
    line-height: 20px;
}

#container .main-right .login-after dd {
    width: 210px;
    margin: 0 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    display: inline-block;
}

#container .main-right .login-after .medal {
    margin: 20px 0 20px;
    text-align: center;
}

#container .main-right .login-after .medal img {
    width: 30px;
    height: 30px;
    margin: 0 4px;
}

#container .main-right .login-after .alram {
    position: relative;
    height: 45px;
    line-height: 45px;
    padding-left: 141px;
    background: #f3f3f3
}

#container .main-right .login-after .alram>a {
    display: inline-block;
    width: 54px;
    color: #fff;
    font-size: 12px;
    background: url('../img/index/ico_login_after.png') 80px 13px no-repeat;
}

#container .main-right .login-after .alram div>a {
    display: inline-block;
    width: 54px;
    color: #fff;
    font-size: 12px;
    background: url('../img/index/ico_login_after.png') 80px 13px no-repeat;
}

#container .main-right .login-after .alram a span {
    display: inline-block;
    text-indent: -10000px;
}

#container .main-right .login-after .alram a.new {
    position: relative;
    background-position: -42px 13px;
    margin-left: 48px;
}

#container .main-right .login-after .alram a.new img {
    position: absolute;
    top: 12px;
    right: 15px;
}

#container .main-right .login-after .alram a.new:hover {
    height: 43px;
    background: url('../img/index/ico_login_after.png') -42px -27px no-repeat;
}

#container .main-right .login-after .alram a.mypage {
    background-position: -95px 13px;
}

#container .main-right .login-after .alram a.mypage:hover {
    height: 45px;
    background: url('../img/index/ico_login_after.png') -95px -27px no-repeat;
}

#container .main-right .login-after .alram div {
    position: absolute;
    top: 0;
    left: 40px;
}

#container .main-right .login-after .alram div a.select {
    width: 105px;
    color: #333;
    font-size: 12px;
    margin-right: 16px;
}

#container .main-right .login-after .alram div a.on {
    background: url('../img/index/ico_login_after.png') 80px -14px no-repeat;
}

#container .main-right .login-after .alram ul.layer-pop {
    position: absolute;
    top: 45px;
    left: -40px;
    width: 175px;
    z-index: 10;
}

#container .main-right .login-after .alram li {
    display: block;
    border-top: 1px solid #fff;
}

#container .main-right .login-after .alram li a {
    display: block;
    height: 50px;
    padding-left: 40px;
    line-height: 50px;
    font-size: 12px;
    background: #f3f3f3;
}

#container .main-right .login-after .alram li a:hover {
    font-weight: bold;
}

#container .main-right .login-after .data {
    padding: 23px 0;
}

#container .main-right .login-after .data li {
    display: inline-block;
    width: 103px;
    text-align: center;
}

#container .main-right .login-after .data li span {
    display: block;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 2px;
}

#container .main-right .login-after .data li p {
    height: 21px;
    line-height: 21px;
}

#container .main-right .login-after .data li a:hover {
    font-weight: bold
}

#container .main-right .login-after .friends-info {
    position: relative;
    height: 45px;
    background: #f3f3f3
}

#container .main-right .login-after .friends-info a {
    float: left;
    width: 79px;
    height: 45px;
    padding-left: 79px;
    background: url('../img/index/ico_friends.png') 50px 14px no-repeat;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
    line-height: 45px;
}

#container .main-right .login-after .friends-info a:hover {
    font-weight: bold;
}

#container .main-right .login-after .friends-info a.friends {
    width: 79px;
    padding-left: 79px;
    background-position: 57px -47px;
    padding-bottom: 4px;
}

#container .main-right .login-after .friends-info span.line {
    width: 1px;
    height: 16px;
    float: left;
    margin-top: 16.5px;
    background: #333;
}

#container .main-right .login {
    margin-bottom: 20px;
    width: 318px;
    margin: 0 auto;
    /*margin-top: 27px;*/
}

#container .main-right .login .input-txt {
    position: relative;
}

#container .main-right .login .input-txt .code-input {
    position: relative;
}

#container .main-right .login .input-txt .code-input input[type="text"] {
    width: 99px;
}

#container .main-right .login .input-txt .code-input img {
    margin-left: 2px;
    width: 92px;
    height: 40px;
    vertical-align: top !important
}

#container .main-right .login .input-txt p {
    color: red;
    padding-bottom: 5px;
}

#container .main-right .login .input-txt p:first-child {
    padding-bottom: 5px;
}

.rela {
    position: relative;
}

#container .main-right .login .input-txt input {
    width: 306px;
    height: 38px;
    line-height: 38px;
    padding-left: 10px;
    margin-bottom: 1px;
    border: 1px solid #f8f8f8;
    background: #f6f6f6;
    color: #a7a7a7;
    outline: none;
    -webkit-box-shadow: 0 0 0 1000px #f6f6f6 inset;
    -webkit-text-fill-color: #a7a7a7
}

#container .main-right .login .input-txt label {
    position: absolute;
    top: 48px;
    left: 10px;
    color: #333;
    cursor: text;
    display: none;
}

#container .main-right .login .input-txt label:first-child {
    top: 10px;
}

#container .main-right .login .input-txt input[type="text"] {
    border-bottom: 1px solid #f8f8f8;
}

#container .main-right .login .login-check {
    position: relative;
    margin-top: 7px;
    font-size: 12px;
    color: #fff;
}


/*#container .main-right .login .login-check input[type="checkbox"]{vertical-align:middle;margin-right:5px;}*/

#container .main-right .login .login-check input[type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

#container .main-right .login .login-check input[type="checkbox"]+label {
    display: inline-block;
    height: 15px;
    padding-left: 20px;
    margin-right: 5px;
    font-size: 14px;
    line-height: 15px;
    vertical-align: middle;
    cursor: pointer;
    background: url('../img/index/bg_checkbox.png') no-repeat 0 0;
}

#container .main-right .login .login-check input[type="checkbox"]+label.on {
    background: url('../img/index/bg_checkbox.png') no-repeat 0 100%;
}

#container .main-right .login .login-check a {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 14px;
}

#container .main-right .login .login-check a:hover {
    font-weight: bold;
}

#container .main-right .login .bt-login {
    display: block;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    background: #2b99cc;
    font-weight: bold;
    color: #fff;
    text-align: center;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
    background: url(../img/index/samsung_login03.jpg) no-repeat center;
    padding: 0 90px 0 110px;
    box-sizing: border-box;
}

#container .main-right .login .bt-login:hover {
    /*background: #067ab5;*/
    color: #fff;
}

#container .main-right .login .bt-join {
    margin-top: 10px;
    text-align: right;
}

#container .main-right .login .bt-join a:hover {
    font-weight: bold
}

#container .main-right .login .sns-list {
    margin-top: 25px;
}

#container .main-right .login .sns-list dt {
    font-size: 12px;
}

#container .main-right .login .sns-list dd {
    margin-top: 19px;
}

#container .main-right .login .sns-list dd a:first-child {
    width: 22px;
    margin-left: 0;
}

#container .main-right .login .sns-list dd a {
    display: inline-block;
    height: 20px;
    /*margin-left: 34px;*/
    margin-left: 49px;
    background: url('../img/index/bg_sns.png') no-repeat 0 0;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

#container .main-right .login .sns-list dd a:hover {
    background-position: 0 100%;
}

#container .main-right .login .sns-list dd a.sns02 {
    width: 23px;
    background-position: -37px 0;
}

#container .main-right .login .sns-list dd a.sns02:hover {
    background-position: -37px 100%;
}

#container .main-right .login .sns-list dd a.sns03 {
    width: 23px;
    background-position: -75px 0;
}

#container .main-right .login .sns-list dd a.sns03:hover {
    background-position: -75px 100%;
}

#container .main-right .login .sns-list dd a.sns04 {
    width: 18px;
    background-position: -115px 0;
}

#container .main-right .login .sns-list dd a.sns04:hover {
    background-position: -115px 100%;
}

#container .main-right .login .sns-list dd a.sns05 {
    width: 18px;
    background-position: -152px 0;
}

#container .main-right .login .sns-list dd a.sns05:hover {
    width: 18px;
    background-position: -152px 100%;
}

#container .main-right .login .sns-list dd a.sns06 {
    width: 21px;
    background-position: -189px 0;
}

#container .main-right .login .sns-list dd a.sns06:hover {
    width: 21px;
    background-position: -189px 100%;
}

#container .main-right .login .sns-list dd a span {
    display: inline-block;
    text-indent: -10000px
}


/*in sub-End*/


/*Index-footer*/

#footer {
    width: 100%;
    height: 323px;
    background: url('../img/index/bg_footer.jpg') left top repeat-x;
    text-align: center;
}

#footer .foot-wrap {
    width: 1300px;
    height: 323px;
    padding: 0 0 0 6px;
    margin: 0 auto;
    text-align: left;
}

#footer .foot-wrap a {
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

#footer .foot-wrap .foot-menu {
    height: 50px;
}

#footer .foot-wrap .foot-menu li {
    float: left;
    width: 185px;
}

#footer .foot-wrap .foot-menu li.last {
    width: 185px;
}

#footer .foot-wrap .foot-menu li a {
    font-size: 14px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
}

#footer .foot-wrap .footer01 {
    display: block;
    width: 100%;
    height: 128px;
    padding-top: 13px;
}

#footer .foot-wrap .footer01 li {
    float: left;
}

#footer .foot-wrap .footer01 li.f1 {
    width: 370px;
}

#footer .foot-wrap .footer01 li.f2 {
    width: 370px;
}

#footer .foot-wrap .footer01 li.f3 {
    width: 370px;
}

#footer .foot-wrap .footer01 li.f4 {
    width: 185px;
}

#footer .foot-wrap .footer01 li dt {
    color: #fff;
    line-height: 28px;
}

#footer .foot-wrap .footer01 li dd {
    float: left;
    width: 185px;
    height: 28px;
    line-height: 28px;
}

#footer .foot-wrap .footer01 li dd a {
    color: #b4bbc0;
}

#footer .foot-wrap .footer01 li dd a:hover {
    font-weight: bold;
}

#footer .foot-wrap .foot02 {
    height: 61px;
    padding-top: 20px;
    color: #b4bbc0;
}

#footer .foot-wrap .foot02 li {
    margin-bottom: 15px;
    color: #b4bbc0;
    font-size: 12px;
    line-height: 12px;
}

#footer .foot-wrap .foot02 li span {
    display: inline-block;
    width: 80px
}

#footer .foot-wrap .foot02 li a {
    display: inline-block;
    color: #b4bbc0;
    padding: 0 2px;
}

#footer .foot-wrap .foot02 li a:hover {
    font-weight: bold
}

#footer .foot-wrap address {
    position: relative;
    height: 50px;
    font-style: normal;
    font-size: 12px;
    line-height: 50px;
    color: #b4bbc0;
}

#footer .foot-wrap address a {
    position: relative;
    z-index: 10;
    color: #b4bbc0;
    display: initial;
}

#footer .foot-wrap address a:hover {
    font-weight: bold;
}

#footer .foot-wrap address p {
    position: absolute;
    font-size: 12px;
    color: #b4bbc0;
}

#footer .foot-wrap address .copy {
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

#footer .foot-wrap address .address {
    top: 0;
    right: 21px;
}


/*Index-footer-END*/


/*Btn-Top*/

.bt-top {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 54px;
    height: 60px;
    padding-top: 43px;
    margin-left: 652px;
    font-size: 12px;
    color: #fff !important;
    background: url('../img/index/btnTop.png') no-repeat;
    text-align: center;
}


/*Btn-Top-End*/


/* paging */

.paging {
    margin-top: 40px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    margin-bottom: 50px;
}

.paging a,
.paging strong,
.paging span.last-no {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 1px 0 0;
    color: #697782 !important;
    font-size: 12px;
    line-height: 50px;
    vertical-align: middle;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.paging span.last-no a {
    font-weight: bold;
}

.paging strong,
.paging a:hover,
.paging .last-no:hover {
    font-weight: bold;
    cursor: pointer;
}

.paging span.more,
.paging a.more {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 4px 0 0;
    background: url('../img/index/bg_paging.png') no-repeat -100px 0;
    vertical-align: middle;
}

.paging input[type="text"] {
    width: 48px;
    height: 48px;
    margin: 0 1px 0 0;
    border: 1px solid #f1f1f3;
    background: #fff;
    color: #697782;
    font-size: 12px;
    line-height: 48px;
    vertical-align: middle;
    text-align: center;
}

.paging .prev,
.paging .prev:hover {
    background: url('../img/index/bg_paging.png') no-repeat 0 0;
    /*font: 0/0 'microsoft yahei';*/
    font-size: 0;
    line-height: 0;
}

.paging .next,
.paging .next:hover {
    margin: 0;
    background: url('../img/index/bg_paging.png') no-repeat -50px 0;
    /*font: 0/0 'microsoft yahei';*/
    font-size: 0;
    line-height: 0;
}


/* paging-End */

.today-check {
    padding: 40px 0 32px;
    height: 34px;
}

.today-check li {
    float: left;
    width: 105px;
    height: 34px;
    text-align: center;
    border-right: solid 1px #333333;
}

.today-check li.bdR0 {
    border: 0px;
}

.today-check li a {
    width: 100%;
}

.today-check li a:hover {
    color: #333
}

.today-check li span {
    display: block;
    width: 27px;
    height: 25px;
    margin: 0 auto;
    transition: background-position 0.3s ease 0s;
    margin-top: -8px;
    margin-bottom: 7px
}

.today-check li a.check-after {
    position: relative;
}

.today-check li a.check-after span {
    width: 100px;
    margin-bottom: 0px;
    margin-top: 0px;
    cursor: default;
}

.today-check li span.uanf_1 {
    background: url(../img/index/index_3_icon_1.png) no-repeat 0px 0px;
}

.today-check li span.uanf_2 {
    background: url(../img/index/index_3_icon_1.png) no-repeat -108px 3px;
}

.today-check li span.uanf_3 {
    background: url(../img/index/index_3_icon_1.png) no-repeat -216px 1px;
}

.today-check li:hover .uanf_1 {
    background: url(../img/index/index_3_icon_1.png) no-repeat 0px -50px;
}

.today-check li:hover .uanf_2 {
    background: url(../img/index/index_3_icon_1.png) no-repeat -108px -50px;
}

.today-check li:hover .uanf_3 {
    background: url(../img/index/index_3_icon_1.png) no-repeat -216px -50px;
}


/*slider-start*/

#container .main-right .roll-bnr {
    position: relative;
    margin-top: 20px;
}

#container .main-right .roll-bnr .bnr-btn {
    position: absolute;
    bottom: 12px;
    left: 20px;
    z-index: 9
}

#container .main-right .roll-bnr .bnr-btn a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 7px;
    background: url('../img/index/bg_kv_navi.png') left top no-repeat;
}

#container .main-right .roll-bnr .bnr-btn a.on {
    background: url('../img/index/bg_kv_navi.png') left bottom no-repeat;
}

#container .main-right .roll-bnr .bnr-btn a span {
    display: inline-block;
    text-indent: -10000px;
}

#container .main-right .roll-bnr ul {
    position: relative;
    display: block;
    width: 318px;
    height: 277px;
    overflow: hidden;
}

#container .main-right .roll-bnr ul li {
    position: absolute;
}

#container .main-right .roll-bnr ul li img {
    width: 318px;
    height: 277px;
}


/*slider-End*/

.Arrow_More {
    width: 100%;
    line-height: 38px;
    height: 38px;
    background: url(../img/index/Arrow-right.jpg) no-repeat center right;
    font-weight: bold
}

.mgBg_No {
    background: none;
    cursor: default;
}


/*Hot-plate-START*/

#container .main-right .HotPl ul li {
    width: 159px;
    float: left;
    margin-top: 31px;
    text-align: left;
}

#container .main-right .HotPl ul li a:hover {
    font-weight: bold;
}


/*Hot-plate-END*/


/*Hot-BrOffice-Start*/

.BrOffice div {
    margin-top: 10px;
    height: 84px;
}

.BrOffice div a {
    width: 110px;
    height: 84px;
    overflow: hidden;
}

.BrOffice div a img {
    width: 110px;
    height: 84px;
}

.BrOffice div p {
    width: 170px;
    float: right;
    margin-top: 17px;
    line-height: 26px;
    overflow: hidden;
    height: 46px;
    margin-right: 18px
}

.BrOffice div p a {
    width: 170px;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.BrOffice div p a:hover {
    font-weight: bold;
}

.BrOffice div a img {
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transform: scale(1, 1) rotate(0.001deg);
}

.BrOffice div a:hover img {
    transform: scale(1.1, 1.1) rotate(0.001deg);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}


/*Hot-BrOffice-End*/


/*Hot-dynamics-START*/

#container .main-right .HotOf dl {
    margin-top: 10px;
    margin-bottom: 30px;
}

#container .main-right .HotOf dl dt {
    float: left;
    width: 34px;
    margin-top: 5px;
}

#container .main-right .HotOf dl dt img {
    width: 100%;
    border-radius: 50%
}

#container .main-right .HotOf dl dd {
    width: 275px;
    float: right;
}

#container .main-right .HotOf dl dd a {
    margin-left: -7px;
    overflow: hidden;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

#container .main-right .HotOf dl dd a:hover {
    color: #2b99cc
}

#container .main-right .HotOf dl dd p {
    height: 41px;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#container .main-right .HotOf dl dd span {
    font-size: 12px
}


/*Buddy-dynamics-END*/


/*Galaxy-images-START*/

#container .main-right .GalaxyIm ul li {
    float: left;
    width: 155px;
    height: 96px;
    margin-bottom: 8px;
    overflow: hidden;
}

#container .main-right .GalaxyIm ul li a {
    display: block;
}

#container .main-right .GalaxyIm ul li img {
    width: 100%;
    height: 96px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transform: scale(1, 1) rotate(0.001deg) !important;
}

#container .main-right .GalaxyIm ul li a:hover img {
    transform: scale(1.1, 1.1) rotate(0.001deg) !important;
    -webkit-transform: scale(1.1, 1.1) !important;
    -moz-transform: scale(1.1, 1.1) !important;
    -o-transform: scale(1.1, 1.1) !important;
}


/*Galaxy-images-END*/

#container .main-right .banner01 {
    padding-top: 27px
}


/*Tribe-START*/

#container .main-right .Tribe dl {
    margin-bottom: 13px;
    height: 85px;
}

#container .main-right .Tribe dl dt {
    width: 70px;
    height: 70px;
    float: left;
}

#container .main-right .Tribe dl dt a {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    padding: 5px;
    position: relative;
}

#container .main-right .Tribe dl dt a img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transform: scale(1, 1) rotate(0.001deg);
}

#container .main-right .Tribe dl dt a:hover img {
    transform: scale(1.1, 1.1) rotate(0.001deg);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

#container .main-right .Tribe dl dt a img.djHg80 {
    width: 74px;
    height: 86px;
    border-radius: 0% !important;
    position: absolute;
    top: -14px;
    left: -2px;
}

#container .main-right .Tribe dl dd {
    width: 230px;
    height: 36px;
    float: right;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#container .main-right .Tribe dl dd p {
    padding: 10px 0 3px;
    font-size: 18px;
    font-weight: bold;
}

#container .main-right .Tribe dl dd a:hover {
    font-weight: bold;
}


/*Tribe-END*/


/*channel-path-Start*/

#container .loctation {
    width: 1300px;
    height: 39px;
    line-height: 39px;
    color: #494949;
    font-size: 12px;
    margin: 0 auto
}

#container .loctation a {
    color: #494949;
    font-size: 12px;
}

#container .loctation a:hover {
    font-weight: bold;
}

#container .loctation span {
    display: inline-block;
    padding: 0 10px 0 15px;
    background: url('../img/index/bg_location.gif') no-repeat 0 50%;
}

#container .loctation span:hover {
    font-weight: bold
}

#container .loctation span:first-child {
    padding-left: 0;
    background: none;
}


/*channel-path-End*/


/*board-prod-START*/

.board-prod {
    width: 920px;
    padding-left: 20px;
    padding-top: 32px;
    background: #fbfbfb;
    margin-bottom: 28px;
}

.board-prod .item h1 {
    font-size: 32px;
    font-weight: bold;
    color: #000;
    float: left;
    line-height: 36px;
}

.board-prod .item span {
    line-height: 42px;
    float: left;
    display: block;
    margin-left: 19px;
}

.board-prod .item a {
    width: 27px;
    height: 26px;
    margin: 7.5px 0 0 19px;
    background: url(../img/index/Star.png);
}

.board-prod .item a.btnMember {
    width: auto;
    margin: 0px;
    background: none;
    line-height: 42px;
    float: left;
    display: block;
    margin-left: 19px;
}

.board-prod .item a.on {
    background: url(../img/index/OnStar.png);
}

.board-prod ul {
    width: 903px;
    min-height: 55px;
    margin-top: 30px;
    text-align: left;
}

.board-prod ul li {
    float: left;
    color: #494949;
}

.board-prod ul li * {
    float: left;
}

.board-prod ul li.mgl30 {
    width: 842px;
}

.board-prod ul li span {
    width: 1px;
    height: 10px;
    display: block;
    background: #000000;
    margin: 5px 9px;
}

.board-prod ul li a:hover {
    font-weight: bold
}

#container .main-left .cate-list * {
    margin-right: 39px;
    font-size: 14px;
}

#container .main-left .cate-list a:hover {
    font-weight: bold
}

#container .main-left .cate-list a.on {
    font-weight: bold
}

.list-sort {
    margin: 27px 0;
}

.list-sort ul li {
    float: left
}

.list-sort ul {
    float: right;
}

.list-sort ul li.line {
    width: 1px;
    height: 12px;
    background: #333333;
    margin: 4px 20px;
}

.list-sort ul li a.on,
.list-sort ul li a:hover {
    font-weight: bold
}


/*board-prod-END*/


/*ImgList-Start*/

.TextList .Label-s a {
    margin-right: 4px;
}

.ImgList,
.TextList {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #f9f3f3;
}

.TextList:hover p.ListBg,
.ImgList:hover p.ListBgImg,
.TextList:hover p.ListBgNo {
    display: block;
    -webkit-animation: radar .2s linear;
    animation: radar .2s linear;
}

.TextList:hover,
.ImgList:hover,
.TextList:hover {
    border-bottom: solid 1px #fff;
}

.ListBgImg {
    height: 195px;
}

.ListBg {
    height: 205px;
}

.ListBgNo {
    height: 163px;
}

.ListBg,
.ListBgImg,
.ListBgNo {
    width: 100%;
    padding: 0 15px;
    position: absolute;
    background: #fbfbfb;
    z-index: -1;
    left: -15px;
    top: -20px;
    display: none;
}

@-webkit-keyframes radar {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

.ImgList>div {
    width: 200px;
    height: 160px;
    overflow: hidden;
    position: relative;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transform: translate(0, 0);
}

.ImgList>div a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
}

.ImgList>div a img {
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: auto;
    height: 160px;
}

.ImgList>dl {
    position: absolute;
    left: 221px;
    top: 6px;
    width: 719px;
}

.ImgList>dl dt a {
    max-width: 420px;
    margin-bottom: 12px;
    font-size: 16px;
    height: 21px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 10px;
}

.ImgList>dl dt a:hover {
    font-weight: bold;
}

.ImgList>dl dd.txt a {
    display: inline-block;
    height: 41px;
    line-height: 22px;
    overflow: hidden;
    color: #505562;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ImgList>dl dd.user-info {
    position: relative;
    margin-top: 25px;
    color: #697782;
    font-size: 12px;
}

.ImgList>dl dd.user-info * {
    vertical-align: top;
}

.ImgList>dl dd.user-info a {
    color: #505562;
}

.ImgList>dl dd.user-info a:hover {
    font-weight: bold;
}

.ImgList>dl dd.user-info .bar {
    display: inline-block;
    margin: 3px 3px 0 3px;
    width: 1px;
    height: 12px;
    background: #b7b7b7;
}

.ImgList>dl dd.user-info .photo {
    display: inline-block;
    margin: -5px 7px 0 0;
    position: relative;
    width: 30px;
    height: 30px;
}

.ImgList>dl dd.user-info .photo img.djHg80 {
    width: 37px;
    height: 49px;
    border-radius: 0% !important;
    position: absolute;
    top: -15px;
    left: -4px;
}

.ImgList>dl dd.user-info .photo img {
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.ImgList>dl dd.user-info .user-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    margin-top: -5px;
    background: url('../img/index/bg_user_photh.png') no-repeat;
}

.ImgList>dl dd.user-info .user-photo img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

.ImgList>dl dd.state-hit {
    position: absolute;
    right: 0;
    bottom: 5px;
    vertical-align: top;
}

.ImgList>dl dd.Label-s,
.ImgList>dl dd.Label-text {
    height: 57px;
}

.ImgList>dl dd.Label-text a {
    display: inline-block;
    height: 41px;
    line-height: 22px;
    overflow: hidden;
    color: #505562;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.TextList>dl dd.Label-s {
    height: 42px;
}

.ImgList>dl dt span {
    font-size: 14px;
    padding: 2px 5px;
    background: #f0f0f0;
    cursor: default;
    float: left;
    margin-right: 4px;
}

.Label-l {
    font-size: 12px;
    padding: 2px 5px;
    background: #F3F3F3;
    margin-right: 4px;
}


/*ImgList-End*/

.state-hit span {
    display: inline-block;
    height: 15px;
    font-size: 12px;
    padding-left: 19px;
    color: #697782;
    background: url('../img/index/ico_list.png') left bottom no-repeat;
}

.state-hit span.view {
    margin-right: 7px;
    background-position: 0 3px
}


/*TextList-Start*/

.TextList>dl {
    width: 100%;
}

.TextList>dl dt a {
    /*display: inline-block;*/
    float: left;
    max-width: 565px;
    margin-bottom: 12px;
    font-size: 16px;
    height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.TextList>dl dt a:hover {
    font-weight: bold;
}

.TextList>dl dt span {
    font-size: 14px;
    padding: 2px 5px;
    background: #f0f0f0;
    cursor: default;
    float: left;
    margin-right: 4px;
}

.TextList>dl dd.txt a {
    display: inline-block;
    width: 940px;
    height: 41px;
    line-height: 22px;
    overflow: hidden;
    color: #505562;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.TextList>dl dd.user-info {
    position: relative;
    margin-top: 25px;
    color: #697782;
    font-size: 12px;
}

.TextList>dl dd.user-info * {
    vertical-align: top;
}

.TextList>dl dd.user-info a {
    color: #505562;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.TextList>dl dd.user-info a:hover {
    font-weight: bold
}

.TextList>dl dd.user-info .bar {
    display: inline-block;
    margin: 3px 3px 0 3px;
    width: 1px;
    height: 12px;
    background: #b7b7b7;
}

.TextList>dl dd.user-info .photo {
    display: inline-block;
    margin: -5px 7px 0 0;
    position: relative;
}

.TextList>dl dd.user-info .photo img {
    border-radius: 50%;
    width: 26px;
    height: 26px;
}

.TextList>dl dd.user-info .photo img.djHg80 {
    width: 33px;
    height: 42px;
    border-radius: 0% !important;
    position: absolute;
    top: -13px;
    left: -4px;
}

.TextList>dl dd.user-info .user-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    margin-top: -5px;
    background: url('../img/index/bg_user_photh.png') no-repeat;
}

.TextList>dl dd.user-info .user-photo img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

.TextList>dl dd.state-hit {
    position: absolute;
    right: 0;
    bottom: 23px;
    vertical-align: top;
}


/*TextList-Start*/


/*View-Start*/

.board-view {
    margin-bottom: 20px;
    background: #fff;
}

.board-view .state-area {
    overflow: hidden;
    text-align: right;
}

.board-view .state-area .data {
    display: inline-block;
    font-size: 12px;
    color: #697782;
    margin-left: 20px;
    padding-left: 20px;
    background: url(../img/index/bl_gry01.gif) no-repeat left 3px;
}

.board-view .state-area .data .pc_icon,
.board-view .state-area .data .app_icon,
.board-view .state-area .data .wap_icon {
    padding-left: 30px;
}

.board-view .state-area .data .pc_icon {
    background: url(../img/common/icon_pc.png) no-repeat center;
    background-size: 16px;
}

.board-view .state-area .data .app_icon {
    background: url(../img/common/icon_mobile.png) no-repeat center;
    background-size: 16px;
}

.board-view .state-area .noBg {
    background: none
}

.board-view .state-area .state-hit {
    display: inline-block;
    margin-left: 20px;
    padding-left: 20px;
    background: url(../img/index/bl_gry01.gif) no-repeat left 5px;
}

.board-view .state-area .note {
    font-weight: bold;
    display: inline-block;
    letter-spacing: -0.5px;
}

.board-view .state-area .note a {
    font-size: 12px;
    color: #505562;
}

.board-info {
    padding: 18px 0px 20px;
}

.board-info .subject {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 20px;
}


/*.board-info .subject strong.etc {
    margin-left: -10px;
}*/

.board-info .subject a {
    font-size: 14px;
    padding: 2px 5px;
    background: #f0f0f0;
    cursor: default;
}

.board-cont {
    padding: 30px 0px 20px;
    word-wrap: break-word;
    /*word-break: keep-all;*/
    border-top: 1px solid #f4f4f4;
}

.board-cont img,
.board-cont div.BSHARE_POP img {
    display: block;
    margin: 10px auto;
}

.board-cont div.Hid_cont {
    margin-bottom: 20px;
}

.board-cont p {
    color: #505562;
    line-height: 26px;
    margin-top: 18px;
    word-wrap: break-word !important;
}

.board-cont hr {
    display: block;
}

.board-cont .photo-info-txt {
    display: block;
    margin: 0 auto;
    min-height: 30px;
    line-height: 30px;
    margin-top: 0 !important;
    padding: 0 4px;
    border: 1px solid #f4f4f4;
    text-align: center;
    font-size: 12px;
}

.board-cont p a {
    white-space: normal;
    word-wrap: break-word
}

.board-cont p:first-child {
    margin-top: 0;
}

.board-cont .img {
    position: relative;
    margin: 20px 0;
    text-align: center;
}

.board-cont .img img {
    min-width: 280px;
    max-width: 940px;
}

.board-cont .img .info-layer {
    display: none;
    position: absolute;
    top: 0;
    z-index: 10;
    background: #505562;
    border-radius: 2px;
}

.board-cont .img .info-layer a {
    position: relative;
    display: block;
    color: #fff;
    padding: 20px 35px;
}

.board-cont .img .info-layer a:hover {
    text-decoration: underline
}


/* .board-view .board-cont .img .info-layer span{position:absolute;top:-10px;left:50%;display:block;width:16px;height:10px;margin-left:-8px;background:url('../img/common/bg_layer_point.png') no-repeat;} */

.board-cont .btn-area {
    margin: 30px 0;
    text-align: center;
}

.board-cont .btn-area .bnt-sns {
    margin-top: 8px;
}

.board-cont .txt-link {
    text-align: right;
}

.board-foot {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #f0f0f0;
}

.board-foot strong {
    display: inline-block;
    position: absolute;
    font-size: 16px;
}

.board-foot .link {
    margin-top: -4px;
    margin-left: 82px;
}

.board-foot .link a {
    padding-right: 25px;
}

.view-Banner {
    padding: 40px 0;
}

.banner05 {
    width: 100%;
}

.cmt-wrap {}

.cmt-wrap .cmt-sort {
    overflow: hidden;
    padding: 10px 20px;
    background: #fff;
}

.cmt-wrap .cmt-sort .cmt-total {
    float: left;
    font-size: 16px;
    margin-top: 8px;
    color: #333;
    vertical-align: top;
}

.cmt-wrap .cmt-sort .cmt-total strong {
    display: inline-block;
    margin-right: 5px;
    color: #2b99cc;
    letter-spacing: -0.5px;
}

.cmt-wrap .cmt-sort .cmt-search {
    float: right;
}

.cmt-wrap .cmt-list {
    border-bottom: 1px solid #f0f0f0;
}

.cmt-wrap .cmt-list li {
    position: relative;
    min-height: 56px;
    padding: 20px;
    background: #fff;
    border-top: 1px solid #f0f0f0;
}

.cmt-wrap .cmt-list li .user-photo {
    position: absolute;
    width: 56px;
    height: 56px;
}

.cmt-wrap .cmt-list li .user-photo img {
    width: 56px;
    height: 56px;
    border-radius: 100%;
}

.cmt-wrap .cmt-list li .user-photo img.djHg80 {
    width: 70px;
    height: 81px;
    border-radius: 0% !important;
    position: absolute;
    top: -18px;
    left: -7px;
}

.cmt-wrap .cmt-list li .cmt_item {
    overflow: hidden;
    margin-left: 80px;
}

.cmt-wrap .cmt-list li .cmt_item .cmt-info {
    clear: both;
    position: relative;
    overflow: hidden;
    color: #697782;
    font-size: 12px;
}

.cmt-wrap .cmt-list li .cmt_item .cmt-txt {
    margin-top: 10px;
    padding-bottom: 30px;
}

.cmt-wrap .cmt-list li .cmt_item .cmt-reply .cmt-txt {
    padding-bottom: 0px;
}

.cmt-wrap .cmt-list li .cmt_item .cmt-txt img {
    max-width: 596px;
}

.cmt-wrap .cmt-list li .cmt_item .admin-txt {
    color: #b4bbc0;
    font-style: italic
}

.cmt-wrap .cmt-list li .cmt_item .cmt-rewrite {
    /*margin-top: -30px;*/
    padding: 20px 0 0 20px;
    background: url('../img/index/bg_replay.png') no-repeat 0 33px;
}

.cmt-wrap .cmt-list li .cmt_item .cmt-rewrite input[type="text"] {
    width: 450px;
}

.cmt-wrap .cmt-list li .cmt_item .name {
    margin-right: 20px;
}

.cmt-wrap .cmt-list li .cmt_item .name a {
    color: #505562;
}

.cmt-wrap .cmt-list li .cmt_item .name .date {
    color: #697782;
    margin-left: 5px;
    padding-left: 8px;
    background: url('../img/index/bl_gry01.gif') no-repeat left 3px;
}

.cmt-wrap .cmt-list li .cmt_item .num {
    position: absolute;
    right: 0;
}

.cmt-wrap .cmt-list li .cmt_item .bt-reply {
    position: absolute;
    right: 20px;
    bottom: 10px;
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    border-radius: 2px;
    color: #505562;
}

.cmt-wrap .cmt-list li .cmt-reply {
    overflow: hidden;
    margin-top: 10px;
    background: #f4f4f4;
    padding: 20px;
    font-size: 12px;
}

.cmt-wrap .paging {
    margin-top: 0;
    padding: 20px 0;
    background: #fff;
}

.cmt-wrap .cmt-write {
    margin-top: 20px;
    background: #fff;
}

.cmt-wrap .cmt-write .tab-btn {
    padding: 10px 20px;
    border-bottom: 1px solid #f0f0f0;
}

.txt-link {}

.txt-link a {
    display: inline-block;
    margin-left: 5px;
    padding-left: 8px;
    background: url('../img/index/bl_gry01.gif') no-repeat left 3px;
    color: #697782 !important;
}

.txt-link a:hover {
    color: #2b99cc;
}

.txt-link a.bgnone {
    display: none;
}

.txt-link a:first-child,
.txt-link a.bgnone:first-child+a {
    background: none;
    padding-left: 0;
    margin-left: 0;
}


/*View-End*/


/*button-Start*/

a[class^=btn-],
span.btn-txt {
    display: inline-block;
    height: 34px;
    padding: 0 20px;
    border-radius: 2px;
    color: #fff;
    line-height: 34px;
    vertical-align: middle;
    text-align: center;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

a.btn-s {
    background: #515561;
    border: 1px solid #515561;
    color: #fff !important;
}

a.btn-b {
    background: #2b99cc;
    border: 1px solid #2b99cc;
}

a.btn-b:hover {
    background: #067ab5;
    border: 1px solid #067ab5;
}

a.btn-get {
    height: 48px;
    line-height: 46px;
    margin-top: -3px;
    background: #515561;
    border: 1px solid #515561;
    color: #fff !important;
}

a.btn-w {
    background: #ffffff;
    border: 1px solid #d2d2d2;
    color: #555;
}

a.btn-ws {
    height: 29px;
    padding: 0;
    color: #4c4c4c !important;
    line-height: 29px;
}

span.btn-txt {
    background: #b4bbc0;
    border: 1px solid #b4bbc0;
}

a[class^=btni-] {
    display: inline-block;
    min-width: 115px;
    padding-right: 10px;
    height: 42px;
    background-image: url('../img/index/ico_btn.gif');
    background-repeat: no-repeat;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    line-height: 41px;
    vertical-align: middle;
    text-align: left;
}

a[class^=btni-] span {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
}

.btni-good {
    padding-left: 50px;
    background-position: 25px 11px;
}

.btni-good.on {
    background-position: 25px -19px;
}

.btni-mark {
    padding-left: 42px;
    background-position: 18px -50px;
}

.btni-mark.on {
    background-position: 18px -80px;
}

.bnt-sns a[class^=sns-],
a[class^=sns-] {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 1px;
    padding-top: 10px;
    background: url('../img/index/ico_sns.png') no-repeat;
    vertical-align: middle;
    text-indent: -10000px;
    /*font: 0/0 'microsoft yahei';*/
    font-size: 0;
    line-height: 0;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.bnt-sns a.sns-weibo {
    background-position: 0 9px
}

.bnt-sns a.sns-weibo:hover {
    background-position: 0 0
}

.bnt-sns a.sns-tqq {
    background-position: -40px 9px
}

.bnt-sns a.sns-tqq:hover {
    background-position: -40px 0
}

.bnt-sns a.sns-renren {
    background-position: -80px 9px
}

.bnt-sns a.sns-renren:hover {
    background-position: -80px 0
}

.bnt-sns a.sns-weixin {
    background-position: -120px 9px
}

.bnt-sns a.sns-weixin:hover {
    background-position: -120px 0
}

.bnt-sns a.sns-qq {
    background-position: -160px 9px
}

.bnt-sns a.sns-qq:hover {
    background-position: -160px 0
}

.bnt-sns a.sns-ss {
    background-position: -200px 9px
}

.bnt-sns a.sns-ss:hover {
    background-position: -200px 0
}

.bnt-sns a.sns-du {
    background-position: -240px 9px
}

.bnt-sns a.sns-du:hover {
    background-position: -240px 0
}

.bnt-sns a.sns-poco {
    background-position: -280px 9px
}

.bnt-sns a.sns-poco:hover {
    background-position: -280px 0
}

a.sns-weibo02 {
    background-position: 0 9px
}

a.sns-tqq02 {
    background-position: -40px 9px
}

a.sns-renren02 {
    background-position: -80px 9px
}

a.sns-weixin02 {
    background-position: -120px 9px
}

a.sns-qq02 {
    background-position: -160px 9px
}

a.sns-ss02 {
    background-position: -200px 9px
}

a.sns-du02 {
    background-position: -240px 9px
}

a.sns-poco02 {
    background-position: -280px 9px
}

.cmt-wrap .cmt-write {
    margin-top: 20px;
    background: #fff;
}

.cmt-wrap .cmt-write .tab-btn {
    padding: 10px 20px;
    border-bottom: 2px solid #dcdcdc;
}

.tab-btn {
    overflow: hidden;
}

.tab-btn li {
    float: left;
    margin-right: 5px;
}

.tab-btn li a {
    display: block;
    height: 30px;
    padding: 0 15px;
    border-radius: 2px;
    line-height: 30px;
}

.tab-btn li a:hover,
.tab-btn li a.on {
    font-weight: bold
}

.editer-e,
.editer-s {
    padding: 20px 0 0 0;
    font-size: 0;
    line-height: 0;
}

.editer-e .editer-txt {
    border: 1px solid #b4bbc0;
}

.editer-s .editer-ico {
    padding: 0 0 10px 0;
    font-size: 0;
    line-height: 0;
}

.editer-s .editer-ico a {
    overflow: hidden;
    display: inline-block;
    width: 32px;
    height: 30px;
    background: url('../img/index/bg_editer_s.png') no-repeat;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}

.editer-s .editer-ico a.ico1 {
    background-position: 0 0;
}

.editer-s .editer-ico a.ico2 {
    background-position: -32px 0;
}

.editer-s .editer-ico a.ico3 {
    background-position: -64px 0;
}

.editer-s .editer-ico a.ico4 {
    background-position: -96px 0;
}

.editer-s .editer-ico a.ico1:hover {
    background-position: 0 -30px;
}

.editer-s .editer-ico a.ico2:hover {
    background-position: -32px -30px;
}

.editer-s .editer-ico a.ico3:hover {
    background-position: -64px -30px;
}

.editer-s .editer-ico a.ico4:hover {
    background-position: -96px -30px;
}

.editer-s .editer-ico a.ico1.on {
    background-position: 0 -60px;
}

.editer-s .editer-ico a.ico2.on {
    background-position: -32px -60px;
}

.editer-s .editer-ico a.ico3.on {
    background-position: -64px -60px;
}

.editer-s .editer-ico a.ico4.on {
    background-position: -96px -60px;
}

.editer-txt {
    position: relative;
}

.editer-txt textarea.txt {
    overflow: auto;
    width: 858px;
    height: 180px;
}

.editer-txt .pholder {
    position: absolute;
    bottom: 25px;
    right: 20px;
    font-size: 12px;
    text-align: right;
    color: #757575;
}

.MstodayImg {
    margin: 0 auto;
    display: block;
    margin-top: 64px;
}


/*button-Start*/


/* btn-area */

.btn-area {
    position: relative;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 30px;
}

.btn-area:after {
    content: '';
    display: block;
    clear: both;
}

.btn-area * {
    vertical-align: middle;
}

.btn-area h3 {
    display: inline-block;
    margin-top: 7px;
    font-size: 16px;
}

.btn-area a:first-child {
    margin-left: 0;
}


/*.btn-area a {margin-left:5px;}*/

.btn-area.editer {
    margin-top: 10px;
}

.btn-area .chk {
    margin-top: 10px;
}

.btn-area.line {
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}

.btn-area .sel div.select {
    margin-right: 10px;
}

.btn-area .security {
    display: inline-block;
    margin-right: 15px;
    /*font: 0/0 'microsoft yahei';*/
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
}


/* btn-area-End */


/* poll-Start */

.poll {
    position: relative;
    margin-top: 80px;
}

.poll p {
    display: block;
    color: #697782 !important;
    height: 20px;
    line-height: 20px;
}

.poll p strong {
    display: inline-block;
    margin-right: 20px;
    color: #2b99cc
}

.poll p span.time-txt {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding-left: 25px;
    background: url('../img/index/ico_msg_time.png') no-repeat;
}

.poll .txt-radio {
    position: absolute;
    top: 5px;
    right: 0;
    color: #697782;
}

.poll .poll-list {
    margin-top: 15px;
}

.poll .poll-list li {
    margin-top: 5px;
}

.poll .poll-list a {
    display: block;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    color: #333;
    background: #e2e2e2 url('../img/index/ico_poll_radio.png') 886px 14px no-repeat;
}

.poll .poll-list a.on {
    color: #fff;
    background: #2b99cc url('../img/index/ico_poll_radio.png') 886px -59px no-repeat;
}

.poll .poll-list-end {
    margin-top: 15px;
}

.poll .poll-list-end li {
    position: relative;
    display: block;
    height: 45px;
    line-height: 45px;
    margin-top: 5px;
    padding-right: 20px;
    background: #e2e2e2;
}

.poll .poll-list-end li span.txt {
    position: absolute;
    top: 0;
    left: 20px;
    height: 45px;
    line-height: 45px;
    color: #000;
    z-index: 2;
}

.poll .poll-list-end li span.percent {
    position: absolute;
    top: 0;
    right: 20px;
    height: 45px;
    line-height: 45px;
    color: #333;
    z-index: 2;
}

.poll .poll-list-end li span.stick {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 45px;
    line-height: 45px;
    background: #2b99cc;
}

.bt-poll-c {
    text-align: center;
    margin-top: 20px;
}

.bt-poll-c a {
    display: inline-block;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    background: #b4bbc0;
    color: #fff !important;
    border-radius: 2px;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.bt-poll-c a:hover {
    background: #2b99cc;
}

.bt-poll-c span {
    display: inline-block;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    background: #b4bbc0;
    color: #fff;
    border-radius: 2px;
}


/* poll-End */


/*Detail-Enroll-Start*/

.signForm {
    border-top: solid 4px #f8f8f8;
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    text-align: center;
    position: relative;
}

.signForm strong {
    font-size: 18px;
    color: #505562
}

.signForm ul {
    text-align: left;
    border-top: solid 1px #eaeaea;
    margin: 0 auto;
    margin-top: 17px;
    width: 519px;
}

.signForm ul li {
    padding-bottom: 10px;
    position: relative;
}

.signForm input.txt {
    background: #fff !important
}

.signForm ul li div.left_title {
    /*min-height: 26px;*/
    padding-bottom: 7px;
}

.signForm ul li div.left_title span {
    color: red;
}

.signForm ul li input.wt316 {
    width: 496px;
    height: 34px;
}

.mgTp21 {
    margin-top: 21px;
}

.mgTp10 {
    margin-top: 10px;
}

.mgBt10 {
    margin-bottom: 10px;
}

.txtAre01 {
    width: 95.6%;
    height: 48px;
    padding: 10px;
    background: #fff;
}

.signForm_Btn {
    margin-top: 20px;
    padding: 20px 0;
}

.signForm_Btn_left,
.signForm_Btn_right {
    width: 152px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    display: inline-block;
    border-radius: 2px;
    font-weight: bold
}

.signForm_Btn a.btn_gry,
.signForm_Btn a.btn_blue {
    width: 97px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    font-weight: 100;
}

.signForm_Time01 {
    color: #8c8f97;
    margin-top: 10px;
    margin-bottom: -20px;
}

.signForm_Btn a.btn_gry {
    background: #b4bbc0;
    color: #fff !important;
    border: 1px solid #fff;
}

.signForm_Btn a.btn_blue {
    background: #2b99cc;
    border: 1px solid #2b99cc;
}

.signForm_Btn_left {
    color: #505562 !important;
    border: solid 1px #707070;
    margin-right: 10px;
}

.signForm_Btn_right {
    background: #2b99cc;
    color: #fff !important;
}

.signIcon {
    position: absolute;
    left: 0px;
    top: 0px;
}

.signList {
    text-align: left
}

.signList span {
    display: inline-block !important;
    text-align: right
}

.signLine,
.signLine01 {
    margin-top: 17px;
    color: #8c8f97;
    padding-top: 18px;
}

.signLine01 {
    font-size: 18px;
    font-weight: bold;
}

.signLine span.Deadline {
    position: absolute;
    right: 0px;
    top: 18px;
}

.OPList02 {
    width: 517px;
    margin: 0 auto;
    margin-top: 17px;
}

.signLine {
    border-top: solid 1px #eaeaea;
    position: relative
}

.sub-wrap input.dateNew {
    /*position: absolute;
    top: 35px;
    right: 204px;
    display: inline-block;
    width: 37px;
    height: 36px;*/
    background: #fff url(../img/index/btn_cal.png) no-repeat top right !important;
    /*font-size: 0;
    line-height: 0;*/
}

.signForm input.dateAbtn01 {
    /*position: absolute;
    top: 35px;
    right: 204px;
    display: inline-block;
    width: 37px;
    height: 36px;*/
    background: #fff url(../img/index/btn_cal.png) no-repeat top right !important;
    /*font-size: 0;
    line-height: 0;*/
}

.signForm li div.select {
    width: 32.7%;
    z-index: 0;
}


/*报名END*/

#login-wrap .wid996 .login-input-wrap .Sam_bt-login {
    display: inline-block;
    margin-bottom: 0px;
    padding: 0 108px 0 149px;
    height: 60px;
    line-height: 60px;
    margin-top: 20px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
    background: url(../img/index/samsung_login03.jpg) no-repeat
}

#login-wrap .wid996 .login-input-wrap .Sam_bt-login:hover {
    background: url(../img/index/samsung_login_04.jpg) no-repeat
}

#login-wrap .wid996 .login-input-wrap .top_line_e8 {
    width: 400px;
    border-top: 1px solid #e8e8e8;
}

.dim,
.dimRemi {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index: 10;
}

.dimRemi {
    z-index: 11 !important;
}


/*best-board-start*/

.best-board {
    position: relative;
    padding: 10px 0px;
}

.best-board .tit {
    position: absolute;
    margin-top: 5px;
}

.best-board .tab-btn {
    position: relative;
    margin-left: 85px;
}

.best-board .tab-btn li a {
    color: #697782;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
    margin: 0 1px;
}

.best-board .tab-btn li a.on {
    color: #fff;
}

.best-board .bestbrd-drop {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 0;
    background: url('../img/index/btn_cate_drop.png') no-repeat;
}

.best-board .bestbrd-drop span {
    width: 30px;
    height: 30px;
    display: inline-block;
}

.best-board .bestbrd-drop.on {
    background-position: -30px 0;
}


/*club 공통*/

.bestbrd-layer {
    display: none;
    position: relative;
    margin: 10px 0 10px 146px;
    padding: 30px 0;
    background: #f8f8f8;
    border-top: 1px solid #e5e5e5;
}

.bestbrd-layer:after {
    content: '';
    display: block;
    position: absolute;
    right: 8px;
    top: -9px;
    width: 14px;
    height: 9px;
    background: url('../img/index/bg_cate_arr.png') no-repeat;
}

.bestbrd-layer ul:first-child {
    padding-top: 0;
}

.bestbrd-layer ul {
    display: table;
    overflow: hidden;
    padding-top: 30px;
}

.bestbrd-layer ul li {
    display: table-cell;
    width: 120px;
    padding-left: 27px;
    vertical-align: top;
    border-left: 1px solid #e9e9e9;
}

.bestbrd-layer ul li:first-child {
    width: 117px;
    border-left: none;
}

.bestbrd-layer dl dt {}

.bestbrd-layer dl dd:fist-child {
    margin-top: 0;
}

.bestbrd-layer dl dd {
    margin-top: 7px;
}

.bestbrd-layer dl dd a {
    position: relative;
    color: #697782;
    padding-left: 0;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.bestbrd-layer dl dd a:hover,
.bestbrd-layer dl dd a.on {
    color: #2b99cc;
}

.bestbrd-layer dl dd a:hover:after,
.bestbrd-layer dl dd a.on:after {
    position: absolute;
    top: 0;
    left: -22px;
    content: "";
    width: 17px;
    height: 13px;
    background: url('../img/index/bg_prodselOn.png') no-repeat top left;
    color: #2b99cc;
}

.bestbrd-layer .ico-new {
    display: inline-block;
    margin-left: 5px;
    width: 19px;
    height: 18px;
    background: url('../img/index/ico_new01.png') no-repeat;
    vertical-align: middle;
    font-size: 0;
}

.best-board .bestbrd-drop {
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 0;
    background: url('../img/index/btn_cate_drop.png') no-repeat;
}

.best-board .bestbrd-drop span {
    width: 30px;
    height: 30px;
    display: inline-block;
}

.best-board .bestbrd-drop.on {
    background-position: -30px 0;
}


/*best-board-end*/


/*subNavi-start*/

.subNavi {
    width: 1302px;
    height: 66px;
    line-height: 66px;
    margin: auto
}

.subNavi h1 {
    font-size: 25px;
    float: left;
    font-weight: bold;
}

.subNavi ul {
    float: right;
    height: 66px;
}

.subNavi ul li {
    float: left;
    margin-left: 23px;
    color: #9c9898;
    /*min-width:65px;*/
    min-width: 48px;
}

.subNavi ul li a.on,
.subNavi ul li a:hover {
    font-weight: bold
}

.subNavi ul li a:hover,
.subNavi ul li.sub-wrap .photo {
    display: inline-block;
    color: #505562;
    position: relative
}

.subNavi ul li.sub-wrap .photo {
    width: 26px;
    height: 26px;
}

.subNavi ul li.sub-wrap a {
    color: #505562;
    transform: translate(0, 0);
}

.subNavi ul li.sub-wrap a:hover {
    font-weight: bold;
}

.subNavi ul li.sub-wrap .photo img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

.subNavi ul li.sub-wrap .photo img.djHg80 {
    width: 31px;
    height: 39px;
    border-radius: 0% !important;
    position: absolute;
    top: 10px;
    left: -3px;
}

.subNavi ul li.sub-wrap span {
    display: inline-block;
    margin: 0 10px;
    width: 1px;
    height: 14px;
    background: #b9bbc0;
    vertical-align: middle;
}

.subNaviS8 ul li:last-child {
    width: 77px
}

.Photo_Header {
    height: 46px !important;
    border-bottom: solid 1px #f0f0f0;
}

.Photo_Header .nav .nav-wrap .gnb>li .sub02 {
    left: 276px !important;
}

.Photo_Header .srch {
    top: -9px !important;
}

.Photo_Header .nav .nav-wrap .gnb>li>a {
    font-size: 12px !important;
}

.Photo_Header .nav .nav-wrap .gnb>li>a img {
    /*width: 42px;*/
    width: 25px;
}

.Photo_Header .nav .nav-wrap .gnb>li>a.logo_new01:hover+a {
    border-bottom: solid 3px #4c4c4c;
}


/*subNavi-End*/


/*ShootLable-start*/

.ShootLable {
    width: 1300px;
    padding-top: 18px;
    margin: 0 auto;
}

.ShootLable li {
    width: 162px;
    height: 21px;
    float: left;
    font-size: 16px;
    text-align: center;
    padding: 0 0 20px 0 !important;
}

.ShootLable li a:hover,
.ShootLable li a.on {
    font-weight: bold;
}

.ShootLable li a {
    display: block
}


/*ShootLable-End*/


/*friends-wrap-start*/

.friends-wrap {
    height: 34px;
    padding-top: 40px;
    padding-bottom: 20px;
}

.friends-sns {
    z-index: 100;
}

.friends-fixed {
    position: fixed;
    top: 0;
    margin-top: 0;
    background: #f3f3f3;
    padding: 16px 0;
    z-index: 10
}

.friends-sns:after {
    content: '';
    display: block;
    clear: both;
}

.friends-sns>dt {
    float: left;
}

.friends-sns>dt a {
    display: block;
    width: 104px;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    text-align: center;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
    border-right: solid 1px #333333;
}

.friends-sns>dt a:hover {
    color: #000
}

.friends-sns>dd {
    float: left;
    width: 193px;
    padding-left: 20px;
    height: 34px;
    line-height: 34px;
}

.friends-sns>dd li {
    width: 64px;
    position: relative;
    float: left;
    text-align: center;
}

.friends-sns>dd li>a {
    display: inline-block;
    margin: 0 12px;
    width: 26px;
    height: 24px;
    background: url('../img/index/ico_friends_share.png') 0 0 no-repeat;
    vertical-align: middle;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
}

.friends-sns>dd li>a:hover,
.friends-sns>dd li>a.on {
    background-position: 0 -26px;
}

.friends-sns>dd li.bookmark>a {
    background-position: -39px -1px;
}

.friends-sns>dd li.bookmark>a:hover,
.friends-sns>dd li.bookmark>a.on {
    background-position: -39px -27px;
}

.friends-sns>dd li.share>a {
    background-position: -79px 1px;
}

.friends-sns>dd li.share dl {
    position: absolute;
    top: 33px;
    left: -189px;
    z-index: 100;
    width: 254px;
    height: 68px;
    background: url('../img/index/bg_all_sns02.png') no-repeat;
    text-align: left;
}

.friends-sns>dd li.share dl:after {
    content: '';
    display: block;
    clear: both;
}

.friends-sns>dd li.share dl dt {
    float: left;
    margin: 21px 0 0 21px;
}

.friends-sns>dd li.share dl dd {
    float: left;
    margin: 21px 0 0 5px;
    width: 173px;
}

.friends-sns>dd li.share dl dd a {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 10px;
    padding: 0 !important;
    background: url('../img/index/ico_sns.png') left top no-repeat;
    vertical-align: baseline
}

.friends-sns>dd li.share dl dd a.sns01 {
    background-position: -40px 0
}

.friends-sns>dd li.share dl dd a.sns02 {
    background-position: -80px 0
}

.friends-sns>dd li.share dl dd a.sns03 {
    background-position: -120px 0
}


/*friends-wrap-end*/


/*App-Download-Start*/


/*.AppDownload {
    width: 600px;
    margin: 0 auto;
    margin-bottom: 108px;
}

.AppDownload dt {
    width: 248px;
    float: left;
}

.AppDownload dd h2 {
    font-size: 27px;
    font-weight: bold;
    padding: 76px 0 45px;
}

.AppDownload dd {
    width: 600px;
    float: left;
    font-size: 20px;
    text-align: center;
}

.AppDownload dd img {
    margin-top: 86px;
}*/

.AppDownload {
    /*width: 1088px;*/
    /*margin: 108px 0 108px 216px;*/
    width: 1277px;
    margin: 61px 0 69px 23px;
}

.AppDownload dt {
    /*width: 248px;*/
    width: 465px;
    float: left;
}

.AppDownload dd h2 {
    /*font-size: 27px;*/
    font-size: 56px;
    font-weight: bold;
    /*padding: 30px 0 45px;*/
    padding: 122px 0 37px;
    color: #09abfe;
}

.AppDownload dd {
    width: 572px;
    float: left;
    font-size: 20px;
    text-align: center;
    /*margin-left: 134px;*/
    margin-left: 99px;
}

.AppDownload dd img {
    margin-top: 86px;
}


/*Index-Start*/

.indexTL01 {
    width: 940px;
}

.indexTL02 {
    padding: 20px 0;
}

.indexTL03,
.indexTL04,
.indexTL05,
.indexTL06 {
    position: absolute;
}

.indexTL03 {
    bottom: -25px;
    left: -80px;
}

.indexTL04 {
    top: 371px;
    right: 9px;
}

.indexTL05 {
    right: 0px;
    top: 765px;
}

.indexTL06 {
    left: -111px;
    top: 861px;
}

.Column01 {
    margin-left: -18px;
}

.Column02 {
    margin-left: -20px;
    /*padding-left: 42px;*/
}

.Column03 {
    margin-left: -20px;
    position: relative;
}

.remendList li {
    float: left;
    margin-left: 19px;
    margin-top: 20px;
    height: 344px;
}

.remendList li.MinImgList div a.BnImg01,
.remendList li.MaxImgList a.BnImg01,
.remendList li.MidImgList a.BnImg01 {
    height: 235px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}

.remendList li.MinImgList {
    width: 300px;
}

.remendList li.MinImgList div {
    width: 300px;
    height: 235px;
}

.remendList li.MinImgList div a.BnImg01 {
    width: 300px;
    height: 235px;
    overflow: hidden;
    border-top-left-radius: 10px;
    transform: translate(0, 0);
}

.remendList li.MinImgList div a.BnImg01 img {
    width: 300px;
    height: 235px;
}

.remendList li.MinImgList .Intercept a {
    width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.remendList li.MinImgList div a.BnImg01 img,
.remendList li.MidImgList div a.BnImg01 img,
.remendList li.MaxImgList div a.BnImg01 img {
    transition: all 0.5s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transform: scale(1, 1) rotate(0.001deg);
}

.remendList li.MinImgList div a:hover.BnImg01 img,
.remendList li.MidImgList div a:hover.BnImg01 img,
.remendList li.MaxImgList div a:hover.BnImg01 img {
    transform: scale(1.1, 1.1) rotate(0.001deg);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

.remendList li.MaxImgList {
    width: 618px;
}

.remendList li.MaxImgList div {
    width: 618px;
    height: 235px;
}

.remendList li.MaxImgList div a.BnImg01 {
    width: 618px;
    height: 235px;
    overflow: hidden;
    border-top-left-radius: 10px;
    transform: translate(0, 0);
}

.remendList li.MaxImgList a.BnImg01 img {
    width: 618px;
    height: 235px;
}

.remendList li.MaxImgList .Intercept a {
    width: 618px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.remendList li.MidImgList div {
    width: 460px;
    height: 235px;
}

.remendList li.MidImgList a.BnImg01 {
    width: 460px;
    height: 235px;
    overflow: hidden;
    border-top-left-radius: 10px;
    transform: translate(0, 0);
}

.remendList li.MidImgList a.BnImg01 img {
    width: 460px;
    height: 235px;
}

.remendList li.MidImgList .Intercept a {
    width: 460px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.remendList li div.stDtitle {
    position: relative;
    display: block;
    background: #fff;
    height: 103px;
}

.remendList li div.stDtitle h1 {
    font-size: 16px;
    font-weight: 100;
    padding: 12px 0 28px;
    height: 21px;
}

.remendList li div.stDtitle h1 a:hover,
.remendList li div.stDtitle p.user-info a span:hover {
    font-weight: bold;
}

.remendList li div.stDtitle p.user-info {
    color: #697782;
    font-size: 12px;
}

.remendList li div.stDtitle p.user-info .photo {
    display: inline-block;
    margin: 0px 7px 0 0;
    position: relative;
    width: 26px;
    height: 26px;
    vertical-align: middle;
}

.remendList li div.stDtitle p.user-info .photo img.djHg80 {
    width: 33px;
    height: 42px;
    border-radius: 0% !important;
    position: absolute;
    top: -13px;
    left: -4px;
}

.remendList li div p.state-hit {
    position: absolute;
    right: 14px;
    bottom: 22px;
    vertical-align: top;
}

.remendList li div.stDtitle p.user-info .photo img {
    border-radius: 50%;
}


/*Index-End*/


/*r-bnr-Star*/

#container .main-right .r-bnr {
    margin-top: 20px;
}

#container .main-right .r-bnr li {
    position: relative
}

#container .main-right .r-bnr li a {
    display: block;
    height: 50px;
    padding: 20px 0;
}

#container .main-right .r-bnr li a span {
    position: absolute;
    display: block;
    left: 19px;
    top: 13px;
    width: 55px;
    height: 69px;
    background: url('../img/index/bg_main_bnr.png') bottom right no-repeat;
}

#container .main-right .r-bnr li:first-child a span {
    top: 18px;
    width: 55px;
    height: 53px;
    background: url('../img/index/bg_main_bnr.png') top right no-repeat;
}

#container .main-right .r-bnr li a dl {
    margin-left: 105px;
}

#container .main-right .r-bnr li a dt {
    margin-bottom: 13px;
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
}

#container .main-right .r-bnr li a dd {
    line-height: 19px;
}

#container .main-right .r-bnr li a:hover {
    font-weight: bold
}


/*r-bnr-End*/

.tbl-list a.grayBtn02 {
    background: #515561;
    border: 1px solid #515561;
}

.orderBtnPm {
    padding: 0 19px !important;
    margin-left: 80px !important;
}

.order_MgLf0 {
    margin-left: 0px !important;
}


/* cookie */

.msg-cookie {
    width: 100%;
    height: 62px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #dfdfdf;
    z-index: 10000;
}

.msg-cookie .msgBox {
    width: 1300px;
    height: 68px;
    margin: 0 auto;
    position: relative;
    padding: 25px 0;
    box-sizing: border-box;
}

.msgBox p {
    text-align: center;
    font-size: 16px;
}

.msgBox p a {
    color: #49a1cd;
    text-decoration: underline;
}

.msg-cookie .x {
    position: absolute;
    right: 15px;
    top: 15px;
}

.msg-cookie .x img {
    width: 16px;
}
@charset "UTF-8";

@charset "UTF-8";

/*pointmall*/
/*.data-id-pointmall .bt-top{margin-left:526px;}*/
.data-id-pointmall .main-tit-r a{background:none;}
.data-id-pointmall .btn-area{margin:30px 30px}
.data-id-pointmall .dim{display:none;}
.data-id-pointmall td label{position:absolute; top:17px; left:32px; color:#697782; cursor:text}

.exchange-products{margin-top:20px; }
.exchange-products a{display:block;height:66px;text-align:center; line-height:66px; background:#2b99cc;color:#fff; font-weight:bold;-webkit-transition-timing-function: ease;transition:0.3s;}
.exchange-products a:hover{background:#067ab5;}

a.user-lnk-1{display:block; height:100px; background:url('../img/index/bg_user_lnk.png') no-repeat 236px 20px; font-size:18px; font-weight:bold; padding:25px 0 0 20px;line-height: 52px; box-sizing:border-box;-webkit-transition-timing-function: ease;transition:0.3s;}
/*a.user-lnk-1:hover{color:#2b99cc;}*/
a.user-lnk-2{display:block; height:100px; background:url('../img/index/bg_user_lnk.png') no-repeat 236px -67px; font-size:18px; font-weight:bold; padding:39px 0 0 20px; box-sizing:border-box;-webkit-transition-timing-function: ease;transition:0.3s;}
/*a.user-lnk-2:hover{color:#2b99cc;}*/

.list-type04{margin-left: -20px;}
.list-type04:after{content:""; display:block; clear:both;}
.list-type04 li{width:220px;height:338px; float:left; position:relative; margin-left:20px;margin-bottom:20px}
.list-type04 li.best span{background:url('../img/index/bg_label_best.png') no-repeat 0 0; width:65px; height:65px; content:''; position:absolute; top:0; left:0; text-indent:-9999px;}
.list-type04 li.popular span{background:url('../img/index/bg_label_popular.png') no-repeat 0 0; width:65px; height:65px; content:''; position:absolute; top:0; left:0; text-indent:-9999px;}
.list-type04 li.special span{background:url('../img/index/bg_label_special.png') no-repeat 0 0; width:65px; height:65px; content:''; position:absolute; top:0; left:0; text-indent:-9999px;}
.list-type04 li.spike span{background:url('../img/index/bg_label_spike.png') no-repeat 0 0; width:65px; height:65px; content:''; position:absolute; top:0; left:0; text-indent:-9999px;}
.list-type04 dl{float:left; width:220px;  padding:20px; box-sizing:border-box;text-align: center;    padding-bottom: 0px;}
.list-type04 dt{overflow:hidden;height:35px;font-size: 16px;}
.list-type04 dd{font-size:12px; color:#697782;height:32px;}
.list-type04 dd.inTsize{
    height: 32px;
    overflow: hidden;
    color: #505562;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;

}
.list-type04 dd a:hover{font-weight:bold;cursor:pointer}
.list-type04 dd em{color:#2b99cc;}
.list-type04 img{float:left; width:220px; height:220px;}

.data-id-pointmall .board-view .board-cont{padding:0; border:0;}
.data-id-pointmall .board-view .board-cont h2{display:block; padding:20px; font-size:20px; font-weight:bold}

.board-mall{padding:20px;}
.board-mall .subject{font-size:20px;}
.board-feature{padding: 15px;min-height: 626px;background: #fbfbfb;margin-top: 40px;}
.board-feature h3{color:#505562; font-weight:normal; margin-left:-5px; line-height:26px; margin-top:35px;}
.board-feature h3:first-child{margin-top:0;}
.board-feature li{color:#505562;}
.board-product:after{content:""; display:block; clear:both;}
.board-product img{width:380px; height:380px; vertical-align:top;}
.board-cont .board-feature  p{color:#505562; font-weight:normal; line-height:26px; margin:0;}
.board-img{width:380px; float:left;}
.board-img li{float:left; width:90px; margin:10px 0 0 6px;}
.board-img li:first-child{margin-left:0;}
.board-img li img{width:90px; height:90px;}
.board-img li:first-child{padding-left:0;}
.board-img li:last-chlid{padding-right:0;}

.board-select{position:relative;float:left;width:408px;padding:0 35px; font-weight:normal; color:#505562;}
.board-select > ul{padding:30px 0;}
.board-select > ul h3{color:#000; display:inline-block; width:90px; line-height:36px; vertical-align:top; font-weight:normal;}
.board-select > ul li{margin-top:10px; color:#505562;line-height: 36px;}
.board-select > ul li ul li{
    margin-top:0px;
}

.board-select > dl{position:absolute;bottom:-68px;left:-135px;z-index:100;width:254px;height:70px;background:url('../img/index/bg_all_sns02.png') no-repeat;text-align:left;}
.board-select > dl:after {content:'';display:block;clear:both;}
.board-select > dl dt{float:left;height:67px;line-height:67px;margin:5px 0 0 21px;}
.board-select > dl dd{float:left;margin:22px 0 0 10px;}
.board-select > dl dd a{display:inline-block;width:34px;height:34px;margin:0 10px;padding:0 !important;background:url('../img/index/ico_sns.png') left top no-repeat;}
.board-select > dl dd a.sns01{background-position:-40px 0}
.board-select > dl dd a.sns02{background-position:-80px 0}
.board-select > dl dd a.sns03{background-position:-120px 0}
.board-select .btn-b{width:265px; margin-left:6px;}
.board-select .btn-txt{width:265px; margin-left:6px;}
.board-select .tab-btn{display:inline-block;width:303px;}
.board-select .tab-btn li{width:100px; text-align:center; margin-right:1px;margin-bottom:1px;}
.board-select .tab-btn li a{background-color:#eceeef; border-radius:0;-webkit-transition-timing-function: ease;transition:0.3s;}
.board-select .tab-btn li:nth-child(3n+1) a{border-top-left-radius:2px; border-radius:2px 0 0 2px;}
.board-select .tab-btn li:nth-child(3n+3) a{border-top-left-radius:2px; border-radius:0 2px 2px 0;}
.board-select .tab-btn li a.on,.board-select .tab-btn li a:hover{color:#fff;background:#515561}

.count{display:inline-block; position:relative; width:56px; background:#c9c9c9; vertical-align:top;}
.count * {display:inline-block; width:26px; height:26px; margin:0 -1px; color:#666765; line-height:36px; text-align:center; vertical-align:middle; background:#f8f8f8;}
.count a[class*="btn-"] {position:absolute; border-radius:0; top:0; left:0; height:36px; text-indent:-3000px; padding:0; background:#c9c9c9 url(../img/index/btn_count_sub.jpg) no-repeat center center}
.count a.btn-plus {background:#c9c9c9 url(../img/index/btn_count_add.jpg) no-repeat center center; left:100%;}
.count input {width:50px; height:50px; }
.count a {float:left; background:#f8f8f8;}
.count .now{width:32px; position:absolute; top:0; left:24px;height:36px;line-height:36px; background-color:#f0f0f0; color:#505562; font-size:10px; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; box-sizing:border-box;}

.data-id-pointmall .main-left .cate-list *{
    margin-left:0px !important;
}
.data-id-pointmall .main-left .best-board .category {
    margin-left:126px !important;
        width: 738px;
}
.data-id-pointmall .main-left .best-board .category a{
    color:#333;
}
.data-id-pointmall .main-left .best-board.btn {position:absolute; top:10px; right:20px; height:30px; margin-top:0;}
.data-id-pointmall .main-left .best-board .btn a {float:left; height:30px; overflow:hidden; margin-left:5px;}
.data-id-pointmall .main-left .best-board .btn a.on img {margin-top:0px;}
.data-id-pointmall .main-left .cate-list .best-board .tit{margin-top:3px !important;font-weight:initial;margin-left: 39px !important;}

.data-id-pointmall .main-left .list-sort .btns a:nth-child(2){
        border-right: solid 1px #333333;
}
.data-id-pointmall .main-left .list-sort .btns a{
    padding: 0 20px;
}

.list-type04 li:hover p.pointBg01{
    display:block;
    -webkit-animation: radar .2s linear;
    animation: radar .2s linear;
    box-shadow: 0px 5px 10px 1px rgba(175,185,194,0.3);
}
.pointBg01{
    width: 100%;
    height:358px;
    padding:0 10px;
    position:  absolute;
    background:  #fbfbfb;
    z-index:  -1;
    left: -10px;
    top: -10px;
    display:none;
}
@charset "UTF-8";

.myPopch strong
@import url("global.css");
@import url("activity.css");
@import url("club.css");
@import url("join.css");
@import url("mypage.css");
@import url("assembly.css");
@import url("pointmall.css");
/* List type */
.list-type01 {
    margin-bottom: 20px;
    border-top: 5px solid #2b99cc;
    background: #fff;
}

.list-type01 li {
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

    .list-type01 li > div {
        width: 238px;
        height: 177px;
        overflow: hidden;
    }

        .list-type01 li > div img {
            width: 238px;
            height: 177px;
        }

        .list-type01 li > div a img {
            transition: all 0.5s linear;
            -webkit-transition: all 0.3s linear;
            -moz-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
            transform: scale(1,1) rotate(0.001deg);
        }

        .list-type01 li > div a:hover img {
            transform: scale(1.1,1.1) rotate(0.001deg);
            -webkit-transform: scale(1.1,1.1);
            -moz-transform: scale(1.1,1.1);
            -o-transform: scale(1.1,1.1);
        }

    .list-type01 li > dl {
        position: absolute;
        left: 268px;
        top: 28px;
        width: 418px;
    }

        .list-type01 li > dl dt a {
            display: inline-block;
            width: 420px;
            margin-bottom: 12px;
            font-size: 16px;
            height: 21px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            -webkit-transition-timing-function: ease;
            transition: 0.3s;
        }

            .list-type01 li > dl dt a:hover {
                font-weight: bold
            }

        .list-type01 li > dl dd.txt a {
            display: inline-block;
            height: 41px;
            line-height: 22px;
            overflow: hidden;
            color: #505562;
            white-space: normal;
            word-wrap: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .list-type01 li > dl dd.user-info {
            position: relative;
            margin-top: 25px;
            color: #697782;
            font-size: 12px;
        }

            .list-type01 li > dl dd.user-info * {
                vertical-align: top;
            }

            .list-type01 li > dl dd.user-info a {
                color: #505562;
                -webkit-transition-timing-function: ease;
                transition: 0.3s;
            }

                .list-type01 li > dl dd.user-info a:hover {
                    font-weight: bold
                }

            .list-type01 li > dl dd.user-info .bar {
                display: inline-block;
                margin: 3px 3px 0 3px;
                width: 1px;
                height: 12px;
                background: #b7b7b7;
            }

            .list-type01 li > dl dd.user-info .photo {
                display: inline-block;
                margin: -5px 7px 0 0;
                position: relative;
                width: 26px;
                height: 26px;
            }

                .list-type01 li > dl dd.user-info .photo img {
                    border-radius: 50%;
                }

                    .list-type01 li > dl dd.user-info .photo img.djHg80 {
                        width: 32px;
                        height: 41px;
                        border-radius: 0% !important;
                        position: absolute;
                        top: -12px;
                        left: -3px;
                    }

            .list-type01 li > dl dd.user-info .user-photo {
                position: absolute;
                top: 0;
                left: 0;
                width: 26px;
                height: 26px;
                margin-top: -5px;
                background: url('../img/common/bg_user_photh.png') no-repeat;
            }

                .list-type01 li > dl dd.user-info .user-photo img {
                    width: 26px;
                    height: 26px;
                    border-radius: 50%;
                }

        .list-type01 li > dl dd.state-hit {
            position: absolute;
            right: 0;
            bottom: 5px;
            vertical-align: top;
        }

.list-type01 .list-more {
    height: 42px;
    line-height: 42px;
    text-align: center;
}

    .list-type01 .list-more a {
        display: inline-block;
        padding-right: 18px;
        color: #505562;
        background: url('../img/common/btn_more.png') right center no-repeat;
    }

        .list-type01 .list-more a:hover {
            color: #2b99cc;
        }

.list-type02 {
    margin-bottom: 20px;
    border-top: 5px solid #2b99cc;
    background: #fff;
}

    .list-type02 ul {
        width: 717px;
        margin-left: -1px;
    }

        .list-type02 ul:after {
            content: '';
            display: block;
            clear: both;
        }

    .list-type02 li {
        position: relative;
        float: left;
        width: 238px;
        height: 238px;
        margin: 0 0 1px 1px;
        overflow: hidden;
    }

        .list-type02 li dl {
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: 10;
            display: block;
            width: 198px;
            height: 32px;
            padding: 20px;
            background: url('../img/common/bg_rgb70.png') repeat;
        }

            .list-type02 li dl dt {
                color: #fff;
                line-height: 16px;
            }

            .list-type02 li dl dd {
                margin-top: 5px;
                font-size: 12px;
                line-height: 12px;
                color: #fff;
            }

        .list-type02 li img {
            width: 238px;
            height: 238px;
        }

    .list-type02 .list-more {
        height: 42px;
        line-height: 42px;
        text-align: center;
    }

        .list-type02 .list-more a {
            display: inline-block;
            padding-right: 18px;
            color: #505562;
            background: url('../img/common/btn_more.png') right center no-repeat;
        }

            .list-type02 .list-more a:hover {
                color: #2b99cc
            }

.gallery-list {
    background: #fff;
}

    .gallery-list .list-type02 li .thumb {
        position: relative;
        padding-top: 100%;
        overflow: hidden;
    }

        .gallery-list .list-type02 li .thumb span {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            -webkit-transform: translate(50%, 50%);
            -ms-transform: translate(50%, 50%);
        }

            .gallery-list .list-type02 li .thumb span img {
                position: absolute;
                top: 0;
                left: 0;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
            }

                .gallery-list .list-type02 li .thumb span img.portrait {
                    width: 100%;
                    height: auto;
                }

                .gallery-list .list-type02 li .thumb span img.landscape {
                    width: auto;
                    height: 100%;
                }

    .gallery-list .list-type02 li .g-info {
        position: absolute;
        bottom: -238px;
        left: 0;
        z-index: 10;
        display: block;
        width: 238px;
        height: 238px;
        background: url('../img/common/bg_rgb70.png') repeat;
    }

        .gallery-list .list-type02 li .g-info .absol {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 198px;
            padding: 20px;
        }

    .gallery-list .list-type02 li dl {
        position: static;
        width: 100%;
        height: 100%;
        padding: 0;
        background: none;
    }

    .gallery-list .list-type02 li .state-hit {
        padding-bottom: 10px;
    }

        .gallery-list .list-type02 li .state-hit span {
            color: #fff;
        }
/* search */
.srch-form {
    height: 80px;
    padding: 40px 20px;
    background: #fbfbfb;
}

    .srch-form .short {
        padding: 0px 0 15px;
    }

        .srch-form .short a {
            display: inline-block;
            margin-right: 5px;
            padding-right: 8px;
            color: #505562;
            background: url('../img/index/bl_gry01.gif') no-repeat right 4px;
            -webkit-transition-timing-function: ease;
            transition: 0.3s;
        }

            .srch-form .short a:hover, .srch-form .short a.on {
                font-weight: bold;
            }

            .srch-form .short a:last-child {
                background: none;
            }

    .srch-form .srch {
        position: relative;
    }

        .srch-form .srch input.txt {
            width: 753px;
            height: 48px;
            line-height: 48px;
            padding: 0 10px;
            background: #f8f8f8;
            border: 1px solid #b4bbc0;
            vertical-align: middle;
        }

        .srch-form .srch label {
            position: absolute;
            top: 0;
            left: 10px;
            color: #757575;
        }

        .srch-form .srch a.btn-sch {
            width: 100px;
            height: 48px;
            padding: 0;
            line-height: 48px;
            color: #fff;
            border-radius: 2px;
            background: #515561;
            margin-left: 15px;
        }

            .srch-form .srch a.btn-sch:hover {
                background: #454957;
            }

            .srch-form .srch a.btn-sch span {
                display: inline-block;
                padding-left: 20px;
                background: url('../img/index/btn_srch02.png') no-repeat 0 16px;
            }

.search-wrap .srch-word {
    overflow: hidden;
    padding: 25px 0;
}

    .search-wrap .srch-word span.fl {
        color: #000;
        font-size: 16px;
        font-weight: bold;
    }

    .search-wrap .srch-word span.fr {
        color: #697782;
    }

    .search-wrap .srch-word strong {
        color: #2b99cc;
    }

.search-wrap .srch-word01 {
    width: 580px;
    overflow: hidden;
    float: left;
}

    .search-wrap .srch-word01 span.fl {
        font-weight: bold;
    }

    .search-wrap .srch-word01 strong {
        font-weight: bold;
    }

.search-wrap .list-type01 {
    border-top: 0;
    margin-bottom: 0;
}

    .search-wrap .list-type01 li {
        padding: 20px 30px;
    }

        .search-wrap .list-type01 li > dl {
            position: static;
            width: 100%;
            left: 268px;
            top: 28px;
        }

            .search-wrap .list-type01 li > dl dd.state-hit {
                position: absolute;
                right: 30px;
                bottom: 20px;
                vertical-align: top;
            }

        .search-wrap .list-type01 li em {
            font-weight: bold;
        }

        .search-wrap .list-type01 li.none-data {
            padding: 55px 0;
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            background: #fbfbfb;
            border-bottom: 0px;
        }

            .search-wrap .list-type01 li.none-data em {
                font-weight: bold;
            }

.search-wrap .site-menu {
    padding: 30px 0;
    background: #fff;
}

    .search-wrap .site-menu .inner {
        overflow: hidden;
        padding: 30px 26px 20px;
        border-radius: 2px;
        background: #f8f8f8;
    }

    .search-wrap .site-menu dl {
        float: left;
        width: 423px;
    }

        .search-wrap .site-menu dl + dl {
            min-height: 132px;
            padding-left: 20px;
            margin-left: 17px;
        }

        .search-wrap .site-menu dl dt {
            padding-bottom: 10px;
            color: #697782;
        }

        .search-wrap .site-menu dl dd ul li {
            float: left;
            width: 50%;
        }

            .search-wrap .site-menu dl dd ul li a {
                line-height: 28px;
                -webkit-transition-timing-function: ease;
                transition: 0.3s;
            }

                .search-wrap .site-menu dl dd ul li a:hover {
                    font-weight: bold
                }

.search-wrap .cate-menu-slide {
    margin: 0;
    border-top: 0;
}

.cate-menu-slide {
    position: relative;
    height: 50px;
    margin: 20px 0;
    padding: 0 98px;
    line-height: 50px;
    background: #fff;
}

    .cate-menu-slide strong {
        position: absolute;
        top: 0;
        left: 0; /*width:80px; padding-left:20px; color:#333;*/
        background: #fff;
        margin-right: 39px;
        font-size: 14px;
        font-weight: inherit;
    }

    .cate-menu-slide .category {
        width: 774px;
        height: 40px;
        padding-top: 10px;
        overflow: hidden;
    }

        .cate-menu-slide .category .slide {
            width: 1000%;
            overflow: hidden;
        }

        .cate-menu-slide .category a {
            float: left;
            height: 30px;
            margin: 0 1px;
            line-height: 30px;
            -webkit-transition-timing-function: ease;
            transition: 0.3s;
            margin-right: 39px;
            font-size: 14px;
        }

            .cate-menu-slide .category a.on, .cate-menu-slide .category a:hover {
                font-weight: bold;
            }

    .cate-menu-slide .btn {
        position: absolute;
        top: 10px;
        right: -9px;
        height: 30px;
        margin-top: 0;
    }

        .cate-menu-slide .btn a {
            float: left;
            height: 30px;
            overflow: hidden;
            margin-left: 1px;
            cursor: default;
        }

            .cate-menu-slide .btn a.on img {
                margin-top: -0px;
                cursor: pointer;
            }

.best-board .category {
    width: 515px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    margin: 0 0 0 85px;
}

    .best-board .category .slide {
        overflow: hidden;
    }

    .best-board .category a {
        float: left;
        height: 30px;
        margin: 0 1px;
        line-height: 30px;
        padding: 0 15px;
        color: #697782;
    }

.best-board .btn {
    position: absolute;
    top: 10px;
    right: 20px;
    height: 30px;
    margin-top: 0;
    margin-right: 0px !important;
    margin-left:
}

    .best-board .btn a {
        float: left;
        height: 30px;
        overflow: hidden;
        margin-left: 5px;
    }

        .best-board .btn a.on img {
            margin-top: -30px;
        }

.login-input-wrap .Sam_bt-login01, .login-input-wrap .Sam_bt-login02, .login-input-wrap .Sam_bt-login03, .login-input-wrap .Sam_bt-login04 {
    display: inline-block;
    margin-bottom: 0px;
    padding: 0 108px 0 149px;
    height: 60px;
    line-height: 60px;
    margin-top: 20px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    -webkit-transition-timing-function: ease;
    transition: 0.3s;
    background: #fc9f2b url('../img/common/icoImgBtn01.jpg')111px 17px no-repeat
}

.login-input-wrap .Sam_bt-login01 {
    background: #fc9f2b url('../img/index/icoImgBtn01.jpg')111px 17px no-repeat
}

    .login-input-wrap .Sam_bt-login01:hover {
        background: #f98a00 url('../img/index/icoImgBtn01.jpg')111px 17px no-repeat
    }

.login-input-wrap .Sam_bt-login02 {
    background: #1f7bdc url('../img/index/icoImgBtn02.jpg')111px 17px no-repeat
}

    .login-input-wrap .Sam_bt-login02:hover {
        background: #076dd8 url('../img/index/icoImgBtn02.jpg')111px 17px no-repeat
    }

.login-input-wrap .Sam_bt-login03 {
    background: #22ade6 url('../img/index/icoImgBtn03.jpg')111px 17px no-repeat
}

    .login-input-wrap .Sam_bt-login03:hover {
        background: #04a1e2 url('../img/index/icoImgBtn03.jpg')111px 17px no-repeat
    }

.login-input-wrap .Sam_bt-login04 {
    background: #50b34f url('../img/index/icoImgBtn04.jpg')111px 17px no-repeat
}

    .login-input-wrap .Sam_bt-login04:hover {
        background: #1db51b url('../img/index/icoImgBtn04.jpg')111px 17px no-repeat
    }

p.ComeF {
    float: right;
    font-size: 12px;
    color: #505562;
    line-height: 21px;
}

.djTitle {
    border: solid 1px #f3f3f3;
    border-top: solid 11px #fff;
}

.main-left .djTitle {
    border-top: solid 11px #fff;
}

.djTitleList01 {
    height: 43px;
    background: #f3f3f3;
    color: #333;
    font-weight: bold
}

    .djTitleList01 td {
        color: #333 !important;
        height: 33px !important;
    }

.djHead tr td {
    color: #505562;
    height: 33px;
    padding: 5px 10px;
    border: solid 1px #f3f3f3;
}

.djTitle tr.hg108 td {
    height: 58px !important;
}

.djHead tbody {
    border-top: solid 1px #f3f3f3 !important;
    display: block
}

.djHead tr td img {
    width: 40px;
}

.djHead tr.hg88 td {
    height: 88px;
}

.djHead tr.hg135 td {
    height: 135px;
}

.CurrentTl {
    padding: 30px 20px;
    margin-top: 10px;
    background: #fbfbfb;
    margin-bottom: -15px;
    position: relative;
    z-index: 1;
    text-align: center
}

    .CurrentTl strong {
        position: absolute;
        left: 20px;
    }

        .CurrentTl strong.top20 {
            top: 20px;
        }

    .CurrentTl span {
        color: #2b99cc;
    }

.mypage-wrap table.notCh tr td img {
    width: 40px;
}

.mypage-wrap table.djTitle tr td {
    border-right: solid 1px #f1f1f1;
    border-bottom: solid 1px #f1f1f1;
}

.mypage-wrap .promote table {
    border-bottom: 0px;
    border-right: 0px;
    border-left: 0px;
}

    .mypage-wrap .promote table tr td:last-child {
        border-right: 0px;
    }

.ProBtn {
    position: relative;
    margin-top: 10px;
}

    .ProBtn a {
        height: 28px;
        line-height: 28px;
        font-size: 14px;
        font-weight: 100;
        width: 33px;
        left: 64px;
        top: -3px;
        position: absolute;
        border: 0px;
    }

        .ProBtn a:hover {
            border: 0px;
        }

        .ProBtn a.grayBtn02 {
            background: #bdbec0
        }

.OlDuser {
    width: 784px;
    padding: 40px 80px 20px;
    min-height: 540px;
    background: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -270px 0 0 -392px;
    color: #333333;
    border-radius: 4px;
    text-align: center;
    z-index: 12;
    box-sizing:border-box;
}

.OlDuser h2 {
    font-size: 20px;
    font-weight:bold;
}

.OlDuser .olDuser_cont {
    margin-top: 35px;
    text-align: left
}
.OlDuser .olDuser_cont p{
    font-size: 16px;
    margin-bottom:20px;
}

.OlDuser div.hr {
    height: 1px;
    background: #797979;
    margin-bottom: 5px;
    margin-top: 10px;
    width: 527px;
}

.OlDuser div.twoBtn {
    padding: 15px 0;
    height: 26px;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}

.OlDuser div.twoBtn01 label a {
    /*color: #2998cd;*/
    color:#666;
    text-decoration: underline;
    display: block;
    padding-bottom: 0px;
    float: left;
    margin-right: 30px;
}
.OlDuser div.twoBtn01 #ChkTrue {
    text-decoration: underline;
    font-weight: bold;
    color:#333;
}
.OlDuser .Olbtn {
    text-align: center;
}
.OlDuser .Olbtn div {
    padding: 10px 55px 0;
    display: inline-block;
}

.OlDuser .Olbtn a {
    display: block;
    background: #169bd5;
    color: #fff;
    margin: 0 auto;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
}
.OlDuser .Olbtn a.on{
    background: #999;
    cursor: not-allowed;
}
.OlDuser .Olbtn p {
    width: 15px;
    height: 15px;
    position: absolute;
    left: -1px;
    top: 3px;
    border: solid 1px #7fa5de;
    display: none;
    float: inherit
}

.OlDuser div.twoBtn01 {
    margin: 0 auto;
    display: block;
    /*line-height: 30px;*/
    text-align: left;
    margin: initial;
    /*padding: 13px 0px 8px;*/
}
.OlDuser div.twoBtn01 div{
    margin-bottom:20px;
}
.OlDuser div.twoBtn01 div p {
    width: 15px;
    height: 15px;
    position: absolute;
    left: -1px;
    top: 3px;
    border: solid 1px #7fa5de;
    display: none;
    float: inherit
}

.myPopch {
    width: 610px;
    height: 490px;
    text-align: center;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -245px 0 0 -305px;
    z-index: 20;
    border-radius: 10px;
    display: none
}

    .myPopch strong {
        font-size: 30px;
        padding: 30px 0 46px;
        display: block;
        margin-left: 30px;
    }

    .myPopch p {
        font-size: 22px;
        color: #4c4c4c;
        padding: 50px;
    }

    .myPopch div {
        width: 300px;
        margin: 0 auto;
    }

        .myPopch div a {
            width: 132px;
            height: 40px;
            float: left;
            line-height: 40px;
            background: #2b99cc;
            color: #fff;
            border-radius: 2px;
            font-size: 16px;
        }

            .myPopch div a.gray {
                background: #dcdcdc;
                color: #333 !important;
                margin-left: 36px;
            }

    .myPopch h2 {
        padding: 70px 0;
        font-size: 20px;
    }

.showDim {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    opacity: .7;
    z-index: 19;
    top: 0px;
    left: 0px;
    display: none;
}

.myClosech {
    width: 29px;
    height: 40px;
    position: absolute;
    top: -40px;
    left: 0px;
}

    .myClosech::before {
        width: 1px;
        height: 10px;
        background: #fff;
    }

.PromTn {
    height: 400px;
    margin: -200px 0 0 -305px;
}

    .PromTn strong {
        padding: 30px 0 30px
    }

    .PromTn h2 {
        padding: 40px 0;
    }

.djTses {
    text-align: center;
    border-top: solid 1px #f2f2f2;
    background: #fbfbfb;
    height: 45px;
    line-height: 45px;
    color: #2b99cc;
}

.djTses01 {
    display: inline-block;
    vertical-align: middle;
}

.hgIc01 {
    width: 91px;
    height: 89px;
    margin: 0 auto;
    position: relative;
    margin-top: 30px;
    cursor: auto;
}

    .hgIc01 img {
        border-radius: 50%;
        width: 92px;
        height: 92px;
    }

        .hgIc01 img.hgBg {
            width: 115px;
            height: 132px;
            border-radius: 0% !important;
            position: absolute;
            top: -30px;
            left: -12px;
        }

.chBtnRt {
    z-index: 1
}

    .chBtnRt div {
        position: absolute;
        right: 20px;
        top: 20px;
    }

        .chBtnRt div a {
            height: 40px;
            line-height: 40px;
        }

#unPostPermissionTips {
    text-align: center;
    padding-top: 5px;
}

.infoPOpup {
    position: fixed;
    z-index: 10000;
    width: 517px;
    min-height: 445px;
    background: #fff;
    left: 50%;
    margin: -289px 0 0 -258px;
    top: 50%;
    padding-bottom: 20px;
    box-sizing:border-box;
}

.infoPOpup iframe {
    border: 0px;
    /*min-height: 445px;*/
    min-height: 490px;
}
/*#getPhonecode2{width:70px;}*/
#getPhonecode2 {
    width: 109px;
    padding: 0
}

.infoPOpup span.error-ico, .infoPOpup span.check {
    right: 50px !important
}

.infoPOpup span#codedel2 {
    right: 165px !important;
}

.infoPOpup a.inpClose {
    position: absolute;
    right: 20px;
    top: 20px;
}

.ljExchange {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    line-height: 37px;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 30px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #f0f0f0;   background-color: rgb(218, 213, 213);
		filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #2b99cc;     background-color: rgb(81, 85, 97);
		filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #2b99cc;     background-color: rgb(81, 85, 97);
		filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #2b99cc;  background-color: rgb(81, 85, 97);
		filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */