@charset "utf-8";

/* CSS Document */
body {
    background: url(../img/bg_under.jpg) no-repeat bottom center #0f1722;
}

.wrap {
    min-width: 1000px;
    background: url(../img/bg.jpg) center top no-repeat;
}

.header {
    position: relative;
    margin: 0 auto;
    height: 553px;
}

/*nav css*/
.nav {
    width: 1000px;
    height: 60px;
    margin: 0 auto;
}

.navs {
    width: 1000px;
    height: 60px;
}

/*nav common css*/
.navs li {
    display: block;
    float: left;
    width: 166px;
    height: 60px;
    position: relative;
}

.navs_v {
    width: 1000px;
    height: 60px;
    position: relative;
    text-align: center;
}

/*nav vector css*/
.navs_v li {
    display: inline-block;
    float: left\9;
    width: 166px;
    height: 60px;
    position: relative;
}

.nav_tit {
    display: block;
    height: 60px;
    background: url(../img/navcon.png) no-repeat;
    text-indent: -9999px;
}

.nav_tit1 {
    background-position: 0px -0px;
}

.nav_tit1:hover {
    background-position: 0px -60px;
}

.nav_tit2 {
    background-position: -166px 0px;
}

.nav_tit2:hover {
    background-position: -166px -60px;
}

.nav_tit3 {
    background-position: -332px -0px;
}

.nav_tit3:hover {
    background-position: -332px -60px;
}

.nav_tit4 {
    background-position: -498px -0px;
}

.nav_tit4:hover {
    background-position: -498px -60px;
}

.nav_tit5 {
    background-position: -498px -0px;
}

.nav_tit5:hover {
    background-position: -498px -60px;
}

.nav_tit6 {
    background-position: -664px -0px;
}

.nav_tit6:hover {
    background-position: -664px -60px;
}

.nav_tit7 {
    background-position: -830px -0px;
}

.nav_tit7:hover {
    background-position: -830px -60px;
}

.nav_list {
    position: absolute;
    width: 153px;
    height: auto;
    background: url(../img/shadow.png) repeat;
    display: none;
    z-index: 99;
}

.nav_list li {
    background: none;
    width: 153px;
    line-height: 40px;
    text-align: center;
    height: 40px;
}

.nav_list li a {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.navs li:hover>.nav_list {
    display: block;
}

.navs_v li:hover>.nav_list {
    display: block;
}

/*logo*/
.top_logo {
    position: absolute;
    left: 50%;
    margin-top: 30px;
    margin-left: -350px;
    width: 265px;
    height: 166px;
    background: url(../img/toplogo.png) 0 0 no-repeat;
}

.top_logo a {
    display: block;
    width: 265px;
    height: 166px;
}

/*gamestart*/
.gamestart {
    position: absolute;
    left: 50%;
    margin-top: 240px;
    margin-left: -540px;
    width: 245px;
    height: 223px;
}

.gamestart a {
    display: block;
    width: 245px;
    height: 223px;
    background: url(../images/gamestart.png) 0 0 no-repeat;
    background-size: 100%;
}

.gamestart a:hover {
    display: block;
    width: 245px;
    height: 223px;
    background: url(../images/gamestart.png) 0 -223px no-repeat;
    background-size: 100%;
}

.gamestart_fl {
    position: absolute;
    left: 50%;
    margin-top: 390px;
    margin-left: -330px;
    width: 123px;
    height: 112px;
}

.gamestart_fl a {
    display: block;
    width: 123px;
    height: 112px;
    background: url(../images/gamestart_fl.png) 0 0 no-repeat;
    background-size: 100%;
}

.gamestart_fl a:hover {
    display: block;
    width: 123px;
    height: 112px;
    background: url(../images/gamestart_fl.png) 0 -112px no-repeat;
    background-size: 100%;
}

/*content css*/

.content {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.sidebar {
    float: left;
    width: 250px;
    height: auto;
    margin-left: 5px;
}

.column {
    float: right;
    width: 740px;
    height: auto;
    overflow: hidden;
    min-height: 500px;
}

/*sidebar css*/
.leftlinks {
    display: block;
    margin-bottom: 10px;
}

/*banner css*/
.columnbanner {
    position: relative;
    width: 740px;
    height: 224px;
    margin-bottom: 10px;
    background: #555;
}

#slides li {
    display: block;
    float: left;
    width: 740px;
    height: 224px;
}

#slides li a img {
    width: 740px;
    height: 224px;
}

#dots {
    position: absolute;
    padding: 0 10px;
    bottom: 3px;
    right: 15px;
    z-index: 99;
}

#dots li {
    float: left;
    margin: 5px;
}

#dots li a {
    width: 10px;
    display: block;
    height: 10px;
    background-color: #fff;
    border-radius: 15px;
}

#dots li.act a {
    background-color: #e87013;
    border: 1px solid #ab4d04;
}

/**/
.columncontent {
    width: 740px;
    overflow: hidden;
}

.columncontentl {
    float: left;
    width: 510px;
    min-height: 400px;
    margin-bottom: 10px;
}

/*notice css*/
.notice {
    position: relative;
    width: 510px;
    height: 420px;
    background: url(../img/noticebg.jpg) no-repeat;
}

.notice_tabs_list {
    position: relative;
    width: 495px;
    margin: auto;
    margin-bottom: 10px;
    overflow: hidden;
}

.notice_tabs_list h2 {
    height: 68px;
    text-indent: -9999px;
}

.notice_tabs_list ul {
    overflow: hidden;
    height: 30px;
}

.notice_tabs_list ul li {
    float: left;
    width: 94px;
    height: 30px;
    margin: 0 3px 0 2px;
    cursor: pointer;
    background: url(../img/tabslist_bg.png) 0 0 no-repeat;
    color: #d7d0ad;
    text-align: center;
    line-height: 30px;
}

.notice_tabs_list ul li:hover,
.notice_tabs_list ul li.active {
    float: left;
    width: 94px;
    height: 30px;
    margin: 0 3px 0 2px;
    cursor: pointer;
    background: url(../img/tabslist_bg.png) 0 -30px no-repeat;
    color: #fffed8;
}

.tabs {
    width: 490px;
    min-height: 290px;
    margin: auto;
}

.tabs ul {
    width: 100%;
    overflow: hidden;
}

.tabs ul li {
    position: relative;
    display: none;
    overflow: hidden;
    width: 100%;
    padding-bottom: 25px;
}

.tabs ul li ul li {
    height: 25px;
    line-height: 25px;
    padding: 2px 0px;
    border-bottom: 1px solid #122e52;
    display: block;
}

.tabs ul li ul li span {
    display: block;
    float: left;
}

.tabs ul li .t1 a {
    color: #fffed8;
}

.tabs ul li ul li:hover {
    background: #143f70;
}

.icon {
    width: 50px;
    height: 15px;
    margin-top: 5px;
    margin-right: 5px;
}

/*icons type*/
.ic_type23 {
    background: url(../img/icontype.png) no-repeat 0px -0px;
}

.ic_type22 {
    background: url(../img/icontype.png) no-repeat 0px -45px;
}

.ic_type21 {
    background: url(../img/icontype.png) no-repeat 0px -15px;
}

.ic_type20 {
    background: url(../img/icontype.png) no-repeat 0px -30px;
}

.icon_type30 {
    background: url(../img/icontype.png) no-repeat -50px 0;
}

.icon_type31 {
    background: url(../img/icontype.png) no-repeat -50px -15px;
}

.icon_type32 {
    background: url(../img/icontype.png) no-repeat -50px -30px;
}

.icon_type33 {
    background: url(../img/icontype.png) no-repeat -50px -45px;
}

.ic_bbsglve {
    background: url(../img/icontype.png) no-repeat -50px 0;
}

.ic_bbszwen {
    background: url(../img/icontype.png) no-repeat -50px -15px;
}

.ic_bbsztan {
    background: url(../img/icontype.png) no-repeat -50px -30px;
}

.ic_bbselse {
    background: url(../img/icontype.png) no-repeat -50px -45px;
}

.ic_guide {
    background: url(../img/icontype.png) no-repeat -50px -60px;
}

.text a {
    color: #a8a8a8;
}

.tabs ul li .date {
    float: right;
    color: #fff;
    font-size: 95%;
}

.tabs ul li .t3 {
    float: right;
    color: #fff;
    font-size: 95%;
}

.morebtn {
    width: 82px;
    height: 27px;
    display: block;
    position: absolute;
    right: 0px;
}

.morebtn a {
    width: 82px;
    height: 27px;
    text-indent: -9999px;
    display: block;
    background: url(../img/morebtn.png) right no-repeat;
}

.columncontentr {
    float: right;
    width: 220px;
    margin-right: 5px;
}



/**************
*secondarypages css*
***************/

/*.wrap_sp {min-width:1000px; background:url(../img/bg2.jpg) center top no-repeat; padding-bottom:20px;}*/
.wrap_sp {
    min-width: 1000px;
    background: url(../img/bg2.jpg) center top no-repeat;
}

.wrap_sp .header {
    height: 250px;
}

.pagecontent {
    display: block;
    width: 1000px;
    margin: 0 auto;
    min-height: 500px;
}

.subtitle {
    width: 1000px;
    height: 112px;
    background: url(../img/sp_tit_bg.png) center top no-repeat;
}

.spcontain {
    width: 1000px;
    height: auto;
    min-height: 580px;
    background: url(../img/sp_cen_bg.png) center top repeat-y;
}

.spbottom {
    width: 1000px;
    height: 25px;
    background: url(../img/sp_btm_bg.png) center top no-repeat;
}


/*subtitle css*/
.subtitle h2 {
    width: 300px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    padding-top: 8px;
}

.sp_page_right_top {
    width: 740px;
    margin: 15px auto;
    text-align: right;
    color: #fff;
}

.subpagenav a {
    color: #ffe25b;
    font-weight: bold;
    text-shadow: 0 0 10px #ff4242;
}

.subpagenav_current {
    color: #fff;
}

.spcontainer {
    width: 740px;
    margin: 0 auto;
    padding: 20px 0;
    color: #eee;
}

/*sp guide css*/
.guide {}

.guide_menu {
    margin-bottom: 15px;
}

.guidemenutit {
    width: 178px;
    height: 36px;
    padding: 10px 0;
}

.guidemenucon {
    width: 696px;
    margin: 0 auto;
}

.guidemenucon ul {
    overflow: hidden;
}

.guidemenucon ul li {
    float: left;
    width: 158px;
    height: 30px;
    margin: 5px 8px;
}

.guidemenucon ul li a {
    display: block;
    width: 158px;
    height: 30px;
    background: url(../img/guidelistbg.png) 0 0 no-repeat;
    text-align: center;
    line-height: 30px;
    color: #fffed8;
}

.guidemenucon ul li a:hover {
    display: block;
    width: 158px;
    height: 30px;
    background: url(../img/guidelistbg.png) 0 -30px no-repeat;
    text-align: center;
    line-height: 30px;
    color: #fffed8;
}

.page_tit {
    margin-bottom: 15px;
}

.page_tit h3 {
    width: 730px;
    height: 36px;
    padding-left: 10px;
    margin-bottom: 10px;
    line-height: 36px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 1px #000;
    background: url(../img/guide/h3_borderbtmline.jpg) 0 0 no-repeat;
}

.pages_date {
    display: block;
    width: 740px;
    height: 25px;
    line-height: 25px;
    text-align: right;
    font-size: 95%;
    color: #9f7d67;
}

.page_dital {
    height: 890px;
    overflow-y: scroll;
}

.page_dital h4 {
    margin-bottom: 10px;
    font-size: 120%;
    font-weight: bold;
    color: #fff300;
}

.page_dital p strong {
    font-weight: bold;
}

.page_dital p img {
    max-width: 700px;
}

.page_dital table {
    max-width: 700px;
}


/*sp notice css*/
.spnotice {
    margin-bottom: 15px;
}

.spnotice li {
    height: 25px;
    line-height: 25px;
    padding: 2px 0px;
    border-bottom: 1px solid #122e52;
    display: block;
}

.spnotice li span {
    display: block;
    float: left;
}

.spnotice li .t1 a {
    color: #fffed8;
}

.spnotice li:hover {
    background: #143f70;
}

.spnotice li .t3 {
    float: right;
    color: #fff;
    font-size: 95%;
}

ul.sppagination {
    position: relative;
    text-align: center;
    margin-top: 15px;
}

ul.sppagination li {
    display: inline-block;
}

ul.sppagination li a {
    display: block;
    padding: 3px 10px;
    color: #fffed8;
    border: 1px solid #476794;
    font-size: 95%;
}

ul.sppagination li a:hover,
ul.sppagination li a.active {
    color: #fffed8;
    background: #224d84;
}

/*noticepage css*/
.page_dital p {
    margin-bottom: 5px;
}

.page_dital p strong {
    color: #fefeb0;
}

.page_dital table {
    margin-bottom: 5px;
    border: 2px solid #64758e;
}

.page_dital table tr {
    line-height: 25px;
}

.page_dital table tr th,
.page_dital table tr td {
    font-size: 13px;
    border-top: 1px solid #64758e;
    border-left: 1px solid #64758e;
}

.page_dital table tr th {
    padding: 3px;
    background: #203552;
    font-weight: bold;
}

.back_btn {
    background: url(../img/buttonbg.png) 0 0 no-repeat;
    width: 180px;
    height: 40px;
    margin: 0 auto;
}

.back_btn a {
    display: inline-block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #555;
}

/*sp faq css*/
.spfaq {
    overflow-y: scroll;
    height: 880px;
}

.spfaq li {
    margin-bottom: 30px;
}

.question {
    padding-left: 40px;
    margin-bottom: 10px;
    color: #fffed8;
    font-weight: bold;
    background: url(../img/qaicon.png) 0 0 no-repeat;
    line-height: 30px;
}

.answer {
    font-siae: 95%;
    color: #fff;
    padding: 5px 5px 5px 40px;
    background: url(../img/qaicon.png) 0 -29px no-repeat;
}

/*sp hero css*/
/*.sphero {height:450px; padding:10px; overflow-y:scroll;}*/
.h_i_tab_tit {
    width: 740px;
    height: 40px;
    display: block;
    border: none;
    margin: 10px 2px 20px 2px;
    overflow: hidden;
}

.h_i_tab_tit li {
    width: 120px;
    height: 40px;
    border: none;
    float: left;
    margin: 0 1px;
}

.h_i_tab_tit li:last-child {
    border-right: none;
}

.h_i_tab_tit li a {
    display: block;
    width: 120px;
    height: 40px;
    background: url(../img/hero/heronav.png) no-repeat;
}

.h_i_tab_tit li .tab1 {
    background-position: 0px 0px;
}

.h_i_tab_tit .on .tab1 {
    background-position: 0px -40px;
}

.h_i_tab_tit li .tab2 {
    background-position: -120px 0px;
}

.h_i_tab_tit .on .tab2 {
    background-position: -120px -40px;
}

.h_i_tab_tit li .tab3 {
    background-position: -240px 0px;
}

.h_i_tab_tit .on .tab3 {
    background-position: -240px -40px;
}

.h_i_tab_tit li .tab4 {
    background-position: -360px 0px;
}

.h_i_tab_tit .on .tab4 {
    background-position: -360px -40px;
}

.h_i_tab_tit li .tab5 {
    background-position: -480px 0px;
}

.h_i_tab_tit .on .tab5 {
    background-position: -480px -40px;
}

.h_i_tab_tit li .tab6 {
    background-position: -600px 0px;
}

.h_i_tab_tit .on .tab6 {
    background-position: -600px -40px;
}

.h_i_tab_con {
    width: 710px;
    height: auto;
}

.h_i_tab_con li {
    display: none;
}

.h_i_tab_con li ul {
    overflow: hidden;
}

.h_i_tab_con li ul li {
    display: block;
    float: left;
    width: 100px;
    height: 130px;
    margin: 8px;
    cursor: pointer;
    background: #3c2b1b;
}

.h_i_tab_con li ul li span {
    display: block;
    width: 100px;
    text-align: center;
    line-height: 30px;
    color: #fffed8;
}

.h_i_tab_con li ul li:hover>img {
    opacity: 0.8;
}

.h_i_tab_con li ul li:hover>span {
    color: #fff;
}

.mask {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.7;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.3s;
}

.herocon_01 li,
.herocon_02 li,
.herocon_03 li,
.herocon_04 li,
.herocon_05 li,
.herocon_06 li {
    width: 900px;
    height: 540px;
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    margin-top: -270px;
    margin-left: -450px;
    display: none;
}

.herocon_01 li img,
.herocon_02 li img,
.herocon_03 li img,
.herocon_04 li img,
.herocon_05 li img,
.herocon_06 li img {
    max-width: 900px;
}

.herocon_01 li .left_btn,
.herocon_02 li .left_btn,
.herocon_03 li .left_btn,
.herocon_04 li .left_btn,
.herocon_05 li .left_btn,
.herocon_06 li .left_btn {
    position: absolute;
    width: 64px;
    height: 536px;
    display: block;
    top: 0;
    left: 0;
    background: url(../img/hero/prev.png) 0 -31px no-repeat;
    opacity: 0;
    transition: 0.6s;
    cursor: pointer;
}

.herocon_01 li .left_btn:hover,
.herocon_02 li .left_btn:hover,
.herocon_03 li .left_btn:hover,
.herocon_04 li .left_btn:hover,
.herocon_05 li .left_btn:hover,
.herocon_06 li .left_btn:hover {
    opacity: 1;
}

.herocon_01 li .right_btn,
.herocon_02 li .right_btn,
.herocon_03 li .right_btn,
.herocon_04 li .right_btn,
.herocon_05 li .right_btn,
.herocon_06 li .right_btn {
    position: absolute;
    width: 64px;
    height: 536px;
    display: block;
    top: 0;
    right: 0;
    background: url(../img/hero/next.png) 0 -31px no-repeat;
    opacity: 0;
    transition: 0.6s;
    cursor: pointer;
}

.herocon_01 li .right_btn:hover,
.herocon_02 li .right_btn:hover,
.herocon_03 li .right_btn:hover,
.herocon_04 li .right_btn:hover,
.herocon_05 li .right_btn:hover,
.herocon_06 li .right_btn:hover {
    opacity: 1;
}


/*sp buy css*/
.spbuy {
    padding: 0 30px;
}

.spbuy h2 {
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #fffed8;
    line-height: 36px;
    font-weight: bold;
    background: ##1e3a67;
    border-bottom: 1px solid #160c05;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
}

.buy_text {
    padding: 10px 20px;
    margin-bottom: 15px;
    color: #eb2020;
    font-size: 95%;
}

.buy_links {
    width: 690px;
    margin: 0 auto;
}

.buy_links ul {
    overflow: hidden;
}

.buy_links ul li {
    float: left;
    margin: 5px 10px;
    width: 210px;
    height: 100px;
}

.buy_links ul li a {
    display: block;
    width: 210px;
    height: 100px;
    background: url(../img/spbuylistbg.jpg) 0 0 no-repeat;
}

.buy_linkstit {
    display: block;
    width: 190px;
    padding: 14px 10px 0 10px;
    text-align: right;
    font-size: 14px;
    color: #ffa20f;
}

.buy_linkscon {
    display: block;
    width: 190px;
    padding: 0 10px;
    text-align: right;
    font-size: 85%;
    color: #fff;
}

.buy_links ul li a:hover>span {
    color: #fff;
}

/*sp server css*/
.servercon {
    overflow: hidden;
    padding: 10px 50px;
}

.server_set {
    position: relative;
    float: left;
    width: 198px;
    margin: 10px 7px 8px 7px;
}

.server_iconNomal a {
    display: block;
    width: 198px;
    height: 60px;
    background: url(../img/server_icon_bg.jpg) 0 0 no-repeat;
}

.server_iconNomal a:hover {
    width: 198px;
    height: 60px;
    background: url(../img/server_icon_bg_on.jpg) 0 0 no-repeat;
    text-decoration: none;
}

.newIcon {
    position: absolute;
    top: -10px;
    right: 3px;
    width: 35px;
    height: 35px;
    background: url(../img/newIcon.png) 0 0 no-repeat;
}

.serverName {
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 10px 2px 5px 2px;
}

.serverDate {
    text-align: center;
    font-size: 93%;
    color: #ffeb7e;
}

.server_iconMente {
    width: 198px;
    height: 60px;
    background: url(../img/server_icon_maintebg.jpg) 0 0 no-repeat;
}

.server_iconMente .serverDate {
    color: #eee;
}

.server_iconCommingsoon {
    width: 198px;
    height: 60px;
    background: url(../img/server_icon_conningsoonbg.jpg) 0 0 no-repeat;
}

.server_iconCommingsoon a:hover {
    color: #fff;
    text-decoration: none;
}

/*sp agreement css */
.spagreement {
    padding: 0 30px;
    height: 570px;
    overflow-y: scroll;
}

.spagreement h4 {
    margin-bottom: 0;
    font-size: 14px;
    color: #fefb3b;
    line-height: 36px;
    font-weight: bold;
}

.spagreement p {
    padding: 0px 5px 10px 5px;
}

.spagreement ul {
    padding: 5px 20px;
}

.spagreement ul li {
    list-style: square;
    color: #bca67f;
}

.spagreement .section p {
    font-size: 95%;
    color: #fffed8;
    padding: 0px 10px;
}

/*sshot*/
.sshot {
    width: 510px;
    height: 150px;
    margin-top: 10px;
    position: relative;
}

.sshot .mtit {
    background: url(../img/ss_tit.png) no-repeat #FFFFFF;
    width: 508px;
    height: 31px;
    line-height: 32px;
    overflow: hidden;
    position: relative;
    border: 1px solid #D7D7D7;
    border-bottom: none;
}

.sshot.more_btn {
    top: 5px;
}

.sshot .more_btn a {
    background: url(../img/more_in_tit.png);
}

.sshotcon {
    height: 115px;
    width: 508px;
    background: #ffffff;
    border: 1px solid #d7d7d7;
}

.sshotcon ul {
    overflow: hidden;
    padding: 9px 0px 0px 14px;
}

.sshotcon ul li {
    width: 148px;
    height: 90px;
    display: block;
    float: left;
    border: 1px solid #d7d7d7;
    margin-right: 9px;
    background: #FFFFFF;
    overflow: hidden;
}

.sshotcon a {
    display: block;
    width: 148px;
    height: 90px;
    cursor: pointer;
    transition: 1s ease-in-out;
}

.sshotcon a:hover {
    transform: scale(1.2, 1.2);
}

.sshotcon img {
    width: 148px;
    height: 90px;
    display: block;
    cursor: pointer;
}

/*footer css*/
.footer {
    height: 121px;
    width: 100%;
    background: #fcfcfc;
}

.foot {
    width: 1000px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    padding-top: 20px;
}

.ingame_icon {
    float: left;
    width: 230px;
    height: 87px;
    padding-left: 188px;
}

.foot_con {
    width: 450px;
    height: auto;
    line-height: 30px;
    float: left;
    padding-top: 10px;
}

.foot_con p {
    text-align: center;
    color: #333;
}

.foot_con a {
    color: #333;
}

/* contact css*/
.spcontact {
    padding: 0 30px;
}

.spcontact h3 {
    line-height: 30px;
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 20px;
    color: #fff;
}

.spcontact table {
    margin-bottom: 5px;
    border: 2px solid #A26C47;
}

.spcontact table tr {
    line-height: 25px;
}

.spcontact table tr th,
.spcontact table tr td {
    font-size: 13px;
    border-top: 1px solid #A26C47;
    border-left: 1px solid #A26C47;
}

.spcontact table tr th {
    padding: 5px;
    background: #542A0F;
    font-weight: bold;
}

.spcontact table tr td {
    padding: 5px 10px;
}

.spcontact table tr td table {
    border: none;
}

.spcontact table tr td textarea,
.spcontact table tr td input {
    padding: 5px;
}

.spcontact .formbt {
    width: 740px;
    padding-top: 10px;
    padding-bottom: 15px;
}

.spcontact .formbt .submit_button {
/*    background: url(../img/confirm_btn.png) 0 0 no-repeat;*/
    width: 180px;
    height: 40px;
    border: 0;
    cursor: pointer;
    margin-left: 282px;
}


.spcontact .formbt .back_button {
/*    background: url(../img/confirm_btnback.png) 0 0 no-repeat;*/
    width: 180px;
    height: 40px;
    border: 0;
    cursor: pointer;
    margin-left: 100px;
}

.spcontact .formbt .send_button {
/*    background: url(../img/confirm_btnsend.png) 0 0 no-repeat;*/
    width: 180px;
    height: 40px;
    border: 0;
    cursor: pointer;
    margin-left: 100px;
}

.return_button {
/*    background: url(../img/confirm_btnreturn.png) 0 0 no-repeat;*/
    width: 180px;
    height: 40px;
    border: 0;
    cursor: pointer;
    margin-left: 100px;
}

.spcontact .list_tt {}

.spcontact .list_tt li {
    overflow: hidden;
    border-bottom: 1px dashed #23170e;
    margin: 5px 0;
}

.spcontact .list_tt li .icon {
    float: left;
    text-indent: -9999px;
    margin-top: 2px;
}

.spcontact .list_tt li .ch01 {
    background: url(../img/iconch.jpg) 0 0 no-repeat;
    text-indent: -9999;
}

.spcontact .list_tt li .ch02 {
    background: url(../img/iconch.jpg) 0 -15px no-repeat;
    text-indent: -9999;
}

.spcontact .list_tt li .ch03 {
    background: url(../img/iconch.jpg) 0 -30px no-repeat;
    text-indent: -9999;
}

.spcontact .list_tt li .title {
    color: #fffed8;
}

.spcontact .list_tt li .days {
    float: right;
    font-size: 90%;
    color: #fff;
}