@font-face {
  font-family: 'gotham';
  src: url("../fonts/gotham.eot");
  src: local('ults_luc'),
         url(../fonts/gotham.ttf) format('truetype');
}
@font-face {
  font-family: 'tsn';
  src: url('../fonts/ThaiSansNeue-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/ThaiSansNeue-Bold.woff') format('woff'), 
  url('../fonts/ThaiSansNeue-Bold.ttf')  format('truetype'), 
  url('../fonts/ThaiSansNeue-Bold.svg#ThaiSansNeue-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tsn-l';
  src: url('../fonts/ThaiSansNeue-Light.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/ThaiSansNeue-Light.woff') format('woff'), 
  url('../fonts/ThaiSansNeue-Light.ttf')  format('truetype'), 
  url('../fonts/ThaiSansNeue-Light.svg#ThaiSansNeue-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
    font-family: gotham, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333;
    padding: 0px;
    margin: 0px;
    background: #fafafa;
    /*
    background-size:  auto 100%;
    background: url('../images/top-line.png') no-repeat top left;*/
} 
input[type="submit"],select{
    font-family: gotham, Arial, Helvetica, sans-serif;
}
.fn-thm{font-family: tahoma;}
.fn-gth{font-family: gotham;}
.big-bg{
    background: url('../images/big-bg.jpg') no-repeat bottom left;
    background-size:  100% auto ;
}
a{text-decoration: none; }
.container{width: 940px; margin: auto; position: relative; }

/*head section*/
#header{min-width: 940px;}
.topmenu{position: absolute; width: 100%; z-index: 9999}
.topmenu .logo{position: absolute; top:0; left: 0;}
.nav-menu{
    margin: 0px; padding: 0;
    position: absolute;
    right: 0; top:0;
    /*
    font-family: "Lucida Console", Monaco, monospace;/**/
    font-weight: bold;
    font-size: 14px;
    text-shadow:1px 3px 4px #000;
}
.nav-menu li{float: left; list-style: none; margin: 45px 0 0 0}
.nav-menu li a{position: relative;padding:20px 19px; color: #fff;}
.nav-menu li a:hover,.nav-menu li.active a{color: #ffb300}

/*banner*/
.score-banner {
    border-bottom: 1px solid #ededed;
}
.score-banner a:nth-child(2) .thumb {
    border-top: 1px solid #ededed;
}
.score-banner .thumb {
    width: 100%;
    margin-bottom: 15px;
    border-bottom: 1px solid #ededed;
}
/*footer*/
#footer{
    margin: 50px 0 20px 0;
    color: #868686
}
#footer .sponsor{
    padding: 25px 0;
    border:1px solid #ffb300;
    border-left: 0;
    border-right: 0;
    margin-bottom: 20px;
    text-align: center;
    height: 100px;
    position: relative;
}
#footer .sponsor .item{
    display: none;
    position: relative;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}

#footer .sponsor .item img{display: block;margin: auto;}
#footer .sponsor .item.show{
    display: block;
}
#footer .sponsor .item a{
    position: absolute;
    height: 80px;
    top:0;
}

#footer  a{color: #868686}
#footer  b{}
#footer .bottom{
    position: relative;
}
#footer .social-links{ position: absolute; top: 0; right: 0;}

#footer .social-links a{
    display: inline-block; margin: 5px;
}
/*slider*/
.slide-wrapper{ 
    border-bottom: 2px solid #ffb400;
    position: relative;
}
.slide-wrapper.s1{ height: 700px;}
.slide-wrapper.s2{ /*min-height: 500px;*/}

.caption-box{
    width: 520px;
    height: 70px;
    padding: 30px;
    background: rgba(0,0,0,0.7);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9999;
}
.caption-box h3{
    color: #fff;
    min-height: 30px;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 19px;
}

.caption-box .slide-pagin{
    position: absolute; 
    bottom: 30px;
    right: 30px;
}
.caption-box .slide-pagin a{
    display: inline-block;
    width: 15px; height: 15px;
    background: #777;
    border-radius: 8px;
    margin-left: 5px;
    cursor: pointer;
}
.caption-box .slide-pagin a:hover,
.caption-box .slide-pagin a.active{
    background: #ffb300;
}


.title-page{
    width: 520px;
    height: 35px;
    padding: 30px;
    background: rgba(56,54,52,0.95) url('../images/v-watermark2.png') bottom right no-repeat;
    position: absolute;
    bottom: 0; left: 0;
}
.title-page h3{
    color: #fff;
    min-height: 30px;
    margin: 0;
    padding: 0;
    font-size: 32px;
    font-weight: normal;
    font-family: gotham;
}
.title-page.new-2017{
    background:  url('../images/bg-page.png') bottom right no-repeat;
    background-size: 100% 100%;
    color: #ffb300;
}
.title-page.new-2017 h3{
    color: #ffb300;
}

.title-page .date{
    position: absolute;
    color: #fff;
    font-size: 12px;
    text-align: center;
    top:30px;
    right: 30px;
}
.title-page .date span{
    display: block;
    font-size: 22px;
    color: #FFB300;
}
/*all page*/
a.link{
    height: 23px; padding: 0 10px 0 34px; 
    display: inline-block;
    line-height: 23px;
    border: 1px solid #ffb300;
    background: #fff url('../images/pre-btn.png') no-repeat 0px -1px;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    font-family: gotham;
}
a.link.black{
    background-color: #333;
    color: #fff;
}
a.link.dis{
    background-image: url('../images/pre-btn-dis.jpg');
    border:1px solid #FFCB53;
}
.btn{
    height: 23px; padding: 0 10px;
    display: inline-block;
    line-height: 23px;
    background: #fff;
    border: 1px solid #ffb300;
    color: #333;
    font-weight: bold;
    font-size: 11px;
    font-family: gotham;
}
.btn.act{
    background: #ffb300;
    color: #fff;
}
.btn.dis{
    background: #ededed;
    border-color: #ededed;
    color: #ccc;
    
}

span.spt{ 
    height: 25px; width: 1px; display: inline-block; 
    margin: 0; background: #ededed;
    vertical-align: bottom;
}
span.spt2{ 
    height: 13px; width: 1px; display: inline-block; 
    margin: 0; background: #ffb200;
    vertical-align: bottom; margin: 0 5px;
}
h3.title-box{
    background: url('../images/v-watermark.png') bottom right no-repeat;
    background-color: #ffb300;
    height: 60px; width: 540px;
    margin: 0; padding: 0 20px;
    line-height: 60px;
    font-size: 20px;
}
.title-box-small{
    background-color: #ffb300;
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    margin: 0;
    font-size: 11px;
}
.title-box.none-bg{
    background-image: none;
}

.search-box {
    background-color: #ffb300;
    width: 540px;
    margin: 0; padding: 20px;
    line-height: 60px;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    position: relative;
}
.search-box label{
    font-size: 16px;
}
.search-box select{
    border: 1px solid #fff;
    background: #ffb300;
    color: #333;
    padding: 5px;
}
.search-box input[type="submit"]{
    border:0;
    color: #ffb300;
    background: #fff;
    padding: 5px;
    font-weight: bold;
    margin-left: 145px;
    position: absolute;
    
    top:25px;
    left: 220px;
}

.search-box .wrap-select{
    position: absolute;
    width: 80px;
    top:26px;
    left: 185px;
}
.search-box .simpleselect{
    width: 80px;
    height: 23px;
}
.search-box .simpleselect .placeholder{
    border-radius:0!important;
    padding: 3px 10px;
    border: 1px solid #fff;
    background: #ffb300;
    color: #000;
    font-size: 11px;
}
.search-box .simpleselect .placeholder:hover {
    
    border: 1px solid #fff;
    background: #ffb300;
}
.search-box .simpleselect .placeholder:after{
    top:0;
    right: 0;
    background: url('../images/select-allow.png');
    width: 24px; height: 24px;
    
}
.search-box .simpleselect .options{
    
    font-size: 11px;
    border: 1px solid #ccc;
    border-radius:0!important;
    width: 78px;;
}
.search-box .simpleselect .options .option.active {
    background: none repeat scroll 0 0 #fff;
    color: #ffb300;
}

.col-left{float: left;width: 580px;}
.col-right{float: right;width: 360px; }

.clear-all{clear: both}
.icon-sheet{ 
    background: url('../images/icon-sheet.png') top right no-repeat;
    height: 23px;  line-height: 23px;
    padding:  0 30px 0 0;
    color: #333; 
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
}
.pagination{
    text-align: center;
    line-height: 25px;
    font-size: 14px;
}
.pagination a{
    display: inline-block;
    padding: 2px;
    color: #777;
}
.pagination strong,.pagination a:hover{
    display: inline-block;
    padding: 2px;
    color: #FFB200;
}
.pagination span a{width: 24px; height: 25px; font-size: 0; padding: 0;}
.pagination span a:hover{padding: 0;}
.pagination span.nx{float: right; background: url('../images/pagin-nx-0.png')}
.pagination span.nx:hover{float: right; background: url('../images/pagin-nx-0.png')}
.pagination span.pv{float: left;background: url('../images/pagin-pv-0.png')}
.pagination span.pv:hover{float: left;background: url('../images/pagin-pv-0.png')}
.mock-banner{ height: 500px; background: #666}


/*home*/
#home .news-box{ border: 1px solid #ededed;  border-top:0;}
#home .news-box .bar{
    height: 50px;
    border-bottom: 1px solid #ededed;
    line-height: 50px;
}
#home .news-box .bar a{ 
    color: #777; padding: 0 20px;margin: 0;
    font-weight: bold;
    border-right: 1px solid #ededed;
    height: 50px;
    float: left;
    cursor: pointer;
} 
#home .news-box .bar a.cur/*,
.news-box .bar a:hover*/{
    color: #ffb300;
    background: #fff;
    height: 51px;
    border-right: 1px solid #ededed!important;
}
#home .news-box .bar a.last{
    border-right: 0;
}
#home .news-box .news-detail{
    padding: 30px 25px;
    background: #fff;
    position: relative;
    font-size: 12px;
    color: #777;
}

#home .news-box .news-detail .thumb{ 
    position: absolute;
    top:30px;
    right: 25px;
    max-width: 250px;
    max-height: 80px;
}
#home .news-box .news-detail h3{font-size: 18px;color: #000; margin: 0; width:270px; }
#home .news-box .news-detail .underline{/*text-decoration: underline; */width:270px;margin: 5px 0 15px 0;}
#home .news-box .news-detail .datetime{ text-transform: uppercase;}
#home .news-box .news-detail p{line-height: 18px;  margin: 25px 0;font-size:13px;}
#home .news-box .news-detail .link{ margin: 0 5px 0 0; font-size: 10px;}
#home .news-box .news-detail .spt{margin-right: 5px;}
#home .news-box .news-detail .icon-sheet{ float: right;}

#home .media-box{ }
#home .media-box h3.title{
    height: 28px;
    background: url('../images/icon-tour-hilight.png') no-repeat left top;
    padding-left: 35px;
    font-size: 18px;
    line-height: 28px;
}
#home .media-box .wrap-btn{ text-align: right}
#home .media-box .btn{float: right; margin-left: 5px; cursor: pointer;}
#home .media-list{
    margin: 0;padding: 0;
}
#home .media-list li{
    width: 190px;
    float:left;
    margin: 10px 5px 10px 0;  
    position: relative;
    list-style: none;
    padding: 0;
}
#home .media-list li p{
  color: #777;   
  line-height: 15px;
  height: 30px;
  padding: 0 5px;
  font-size: 12px;
}
#home .media-list li.thrid{
    margin-right: 0;
}

#home .media-list li img{ width: 190px; /*height: 120px;*/}
#home .media-list a{
    
}
#home .media-list span.play{
    width: 100%; height: 38px;
    background: url('../images/icon-play.png') no-repeat center top;;
    position: absolute;
    left: 0; top:45px;
}
#home .media-list.photo span.play{
    display: none;
}
/**/


#home .score-box{
    width: 318px;
    border: 1px solid #ededed;
    border-bottom: 0;
    margin: 40px 0 0px 40px;
    padding-bottom: 20px;
}

#home .score-box .bar{
    height: 50px;
    border-bottom: 1px solid #ededed;
    line-height: 50px;
}
#home .score-box .bar a{ 
    color: #777; padding: 0 18px;margin: 0;
    font-weight: bold;
    border-right: 1px solid #ededed;
    height: 50px;
    float: right;
    cursor: pointer;
} 
#home .score-box .bar a.cur/*,
.news-box .bar a:hover*/{
    color: #ffb300;
    background: #fff;
    height: 51px;
}
#home .score-box .bar a.first{
    text-align: left;
    width: 120px;
    cursor: default;
}
#home .score-box .bar a.last{
    border-right: 0;
}
#home .score-box .table-result a{
  color: #000;
  text-decoration: none;
  cursor: default;
}

#home .score-box .loading{
    text-align: center;
    padding: 20px 0 0 0px;
}

#home .score-head{
    position: relative;
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #ededed;
}
#home .score-head .thumb{ 
    position: absolute;
    top:20px;
    right: 20px;
    max-width: 90px;
    max-height: 40px;
}
#home .score-head b.datetime{
    display: block; margin: 10px 0;
    color: #777777;
}
#home .score-head h3{
    font-size: 18px;color: #000; margin: 0; width:180px; 
}

#home .score-list{
    width: 278px;
    margin: 20px 20px 0 20px;
    padding: 0;
    font-size: 12px;
}

#home .score-list th{color: #333; padding: 0px 5px 10px 5px;}
#home .score-list td{ padding: 5px; color: #777}
#home .score-list td .num-digi{ display: inline-block; width: 8px;text-align: center; }

#home .score-list .name{padding-left: 20px;}
#home .score-list a{ color: #777;}
#home .score-footer{
    margin: 0 0 0 40px;
    overflow: hidden;
}
#home .score-footer a.view{
    padding: 15px 20px 15px 35px; color: #fff; 
    font-weight: bold;
    background:#333 url('../images/arrow-orange.png') no-repeat  20px 15px;
    display: block;
    font-size: 12px;
    margin-bottom: 25px;
}

#home .score-box.merit{
    margin-top: 0;
}
#home .score-footer.merit{
    
}

#home .merit .wrap-select{
    position: absolute;
    width: 80px;
    top:20px;
    right: 20px;
}
#home .simpleselect{
    width: 80px;
    height: 23px;
}
#home .simpleselect .placeholder{
    border-radius:0!important;
    padding: 3px 10px;
    border: 1px solid #fcb02d;
    background: #fff;
    color: #000;
    font-size: 11px;
    overflow: hidden;
    height: 17px;
}
#home .simpleselect .placeholder:hover {
    
    border: 1px solid #fcb02d;
    background: #fff;
}
#home .simpleselect .placeholder:after{
    top:-1px;
    right: -1px;
    background: url('../images/select-allow2.png');
    width: 24px; height: 24px;
    
}
#home .simpleselect .options{
    font-size: 11px;
    border: 1px solid #ccc;
    border-radius:0!important;
    width: 78px;
}
#home .simpleselect .options .option{
    overflow: hidden;
    height: 15px;
}
#home .simpleselect .options .option.active {
    background: none repeat scroll 0 0 #fff;
    color: #ffb300;
}


/*NEWS*/
#news{}
#news .news-list{
    margin: 30px 0;
    padding: 0;
}
#news .news-list li{
    float: left;
    list-style: none;
    padding: 0;
    margin: 0 40px 30px 0;
    width:270px; 
}
#news .news-list li.right{
    margin-right: 0;   
}
#news .news-list a.thumb{
    display: block;
    height: 250px;
    position: relative;
}
#news .news-list a.thumb p{
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffb200;
    padding: 5px 8px;
    margin: 0;
    color: #fff;
    font-weight: bold;
}
#news .news-list .detail{
    background: #fff;
    padding: 20px;
    min-height: 190px;
    box-shadow: 0px 1px 0px #ededed;
    border: 1px solid #ededed;
    border-bottom: 0;
    border-top:0;
    color: #777777;
}
#news .news-list .detail p{
    margin: 20px 0;
    font-size: 13px;
}
#news .news-list .detail h3{
    margin-top: 0;
    color: #333;
    font-size: 20px;
    font-weight: normal;
}
/*rule*/
#news .rule-list{
    margin: 30px 0;
    padding: 0;
}
#news .rule-list li{
    list-style: none;
    padding: 0;
    margin: 0 0px 30px 0;
}
#news .rule-list .detail{
    display: block;
    background: #fff;
    padding: 20px;
    min-height: 140px;
    box-shadow: 0px 1px 2px #ededed;
    border: 1px solid #ededed;
    border-bottom: 0;
    border-top:0;
    color: #777777;
}
#news .rule-list .detail p{
    margin: 20px 0;
    font-size: 13px;
}
#news .rule-list .detail h3{
    margin-top: 0;
    color: #333;
    font-size: 20px;
    font-weight: normal;
}
.content fn-thm{
    font-size: 13px;
}
/* news Detail*/
#news-detail .content .title{
    font-size: 28px; 
    font-weight: normal;
}

#news-detail .date{
    font-size: 10px;
}
#news-detail .date span{
    color: #ffb200;
    font-weight: bold;
}
#news-detail .follow-box{
    margin: 30px 0;
    font-weight: bold;
    color: #333;
    font-size: 10px;
}
#news-detail .follow-box .b1{
    width: 130px;
    float: left;
    background: #eee;
    padding: 25px;
    margin-right: 1px;
}
#news-detail .follow-box .b2{
    /*width: 349px;*/
    width: 529px;
    float: left;
    background: #eee;
    padding: 25px ;
    position: relative;
}
#news-detail .follow-box .sc-item{
    position: absolute;
}

#news-detail .follow-box .sc-item.fb{
    top:20px; left: 165px;
}
#news-detail .follow-box .sc-item.tw{
    top:20px; left: 260px;
}
#news-detail .text{
    color: #777;
    margin: 30px 0;
}
#news-detail .relate-photo .head{
    border-bottom: 1px solid #ededed;
    padding: 20px 0;
    font-size: 11px;
    color: #777;
}
#news-detail .relate-photo ul{
    margin: 0; padding: 0;
}
#news-detail .relate-photo ul li{
    float: left;
     margin: 0 5px 5px 0;
     list-style: none;
}
/**/
#consultant-box{
    border: 1px solid #EDEDED;
    color: #666;
    margin: 40px 0 0 40px;
    width: 318px;
}
#consultant-box .head{ color: #333}
#consultant-box .head .title{
   padding: 20px; 
   font-weight: bold;
   border-bottom: 1px solid #EDEDED;
   color: #777;
}
#consultant-box .head .title span{
    color: #ffb200;
}
#consultant-box .head .detail{
    padding: 20px;
    position: relative;
    padding-left: 155px;
    height: 120px;
}
#consultant-box .head .detail img{
    height: 120px;
    width: 120px;
    position: absolute;
    top:20px; left: 20px;
    background: #ccc;
}
#consultant-box .head .detail p{
    font-size: 18px;
    padding:  10px 0 0 0;
    margin: 0;
}
#consultant-box .head .detail span{
    font-size: 12px; display: block;
}
#consultant-box ul.list{
    padding: 0; margin: 0;
}
#consultant-box ul.list li{
    padding: 0; 
    margin: 0 0 1px 0;
    background: #fafafa;
    list-style: none;
    
}
#consultant-box ul.list li .bh{
    color: #fff;
    padding: 14px 20px;
    background: #333;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}
#consultant-box ul.list li .alr{
    width: 13px; height: 7px;
    background: url('../images/cs-all-down.png');
    position: absolute;
    top:17px;
    right: 20px;
}
#consultant-box ul.list li .detail{
  padding: 15px;
  display: none;
}
#consultant-box ul.list li.show .alr{
    background: url('../images/cs-all-up.png');
}
#consultant-box ul.list li.show .detail{
 display: block;   
}
/*.breadcrumb*/
.breadcrumb{
    font-size: 11px;
    font-weight: bold;
    color: #777;
    border-bottom: 1px solid #ededed;
    padding: 20px 0;
    margin: 10px 0;
    font-family: tahoma;
}
.breadcrumb a{
    color: #ffb200;
}
.breadcrumb span{
    font-weight: normal;
}
/*live report box*/
.live-report{
    width: 318px;
    border: 1px solid #ededed;
    margin: 40px 0 0 40px;
    color: #777;
}
.live-report .head{background: #fff;border-bottom: 1px solid #ededed; position: relative; z-index: 20}

.live-report .feed{position: relative; z-index: 10; margin-top: -36px;}
.live-report .title{
    border-bottom: 1px solid #ededed;
    padding: 20px;
    font-weight: bold;
}
.live-report .description{
    padding: 20px 0 20px 20px;
    width: 200px;
    position: relative;
}
.live-report .description h3{ color: #333;font-size: 18px; margin: 0;}
.live-report .description .logo-atgt{
    position: absolute;
    top:20px;
    right: -82px;
}
.live-report .description .underline{/*text-decoration: underline;*/ display: block; margin: 10px 0; }
.live-report ul{
    margin: 0;
    padding: 0;
}
.live-report li{
    padding: 20px 20px  20px 85px;
    list-style: none;
    margin: 0;
    border-bottom: 1px solid #ededed;
    overflow: auto;
    background: url('../images/pre-news-atgt.png') 20px 20px no-repeat;
    
}
.live-report li h2{
    color: #ffb300;
    margin: 5px 0 0 0;
    font-size: 13px;
}
.live-footer{
    margin: 0 0 0 40px;
}

.live-footer .pro-golf{
    border-top:1px solid transparent;
    border-bottom: 1px solid  #ededed;
    padding: 0 140px 10px 0;
    margin-bottom: 20px;
    position: relative;
    height: 195px;
}
.live-footer .pro-golf .thumb{
    position: absolute; bottom:0; right: 0;
}

.live-footer .pro-golf h2{
    margin: 35px 0 0 0;
}
.live-footer .pro-golf h1{
    margin: 0px 0;
    font-size: 28px;
}
.live-footer .pro-golf p{
    color: #777;
}
/*Charities Sanfun box*/

.sanfun-box{
    width: 318px;
    border: 1px solid #ededed;
    margin: 40px 0 0 40px;
    color: #777;
    background: #fff;
}
.sanfun-box .head{border-bottom: 1px solid #ededed; position: relative; z-index: 20}
.sanfun-box .title{
    border-bottom: 1px solid #ededed;
    padding: 20px;
    font-weight: bold;
}
.sanfun-box .title span{
    color: #ffb300;
}
.sanfun-box .detail img{ display: block; margin: auto;}
.sanfun-box .detail p{
    border-top: 1px solid #ededed;
    margin-top: 2px;
    padding: 18px;
    font-size: 12px;
}

/*tournaments*/
#tournaments .match-list{
    padding: 0;
    margin: 30px 0;
    
}
#tournaments .match-list li{
    border: 1px solid #FFB300;
    height: 232px;
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
    background: #fff;
    
    color: #777;
}
#tournaments .match-list .left-box{
    width: 95px;
    /*border-right: 1px solid #FFB300;*/
    height: 232px;
    float: left;
    position: relative;
}

#tournaments .match-list .date{
    height: 70px;
    border-bottom: 1px solid #FFB300;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #ffb300;
    overflow: hidden;
}

#tournaments .match-list .close{
    border-color: #ededed;
}
#tournaments .match-list .close .date{
    background: #666;
    border-color: #ededed;
    min-height: 86px;
}
#tournaments .match-list .left-box .ic-ch{
    position: absolute;
    background: url('../images/icon-sheet.png') top center no-repeat;
    height: 12px;  width: 100%;
    text-align: center;
    padding:  32px 0 0 0;
    color: #333; 
    font-weight: bold;
    font-size: 11px;
    top:110px;
}
#tournaments .match-list .close .left-box{
    
    border-color: #ededed;
}
#tournaments .match-list .date span{
    font-size: 22px;
    display: block;
    margin: 28px 0 0 0;
}
#tournaments .match-list .right-box{
    float: left;
    width: 482px;
    height: 215px;
}

#tournaments .match-list .head{
    min-height: 55px;
    /*border-bottom: 1px solid #FFB300;*/
    overflow: hidden;
    padding: 15px 20px 0 20px;
    position: relative;
} 
#tournaments .match-list .close .head{
    border-color: #ededed;
}

#tournaments .match-list .head h3{
    margin: 0;
    font-size: 19px;
    color: #333;
    font-weight: normal;
    padding-right: 100px;
    min-height: 47px;
}

#tournaments .match-list .head .underline{
   /* text-decoration: underline;*/
   margin: 5px 0 ;
}

#tournaments .match-list .head .link{
    position: absolute;
    right: 20px;
    top:20px
}
#tournaments .match-list .detail{
    height: 146px;
    width:484px;
    position: relative;
}

#tournaments .match-list .detail .abdbt{
    height: 1px; width: 483px; background: #ffb300;
    position: absolute;
    right: 0; bottom:0;
}
#tournaments .match-list .detail .abdri{
    height: 145px; width: 1px; background: #ffb300;
    position: absolute;
    right: 0; top:0;
}

#tournaments .match-list .close .abdbt,*
#tournaments .match-list .close .abdri{
    display: none;
}
#tournaments .match-list .detail b{
    font-size: 10px; 
}
#tournaments .match-list .detail table{
    background: #ededed;
}
#tournaments .match-list .detail tr:nth-child(1) td{
    background: #f7f7f7;
}
#tournaments .match-list .detail td{
    background: #fff;
}
#tournaments .match-list .detail td span{ position: absolute; left: 20px;}
#tournaments .match-list .detail tr:nth-child(2) td:nth-child(1),
#tournaments .match-list .detail tr:nth-child(3) td:nth-child(1),
#tournaments .match-list .detail tr:nth-child(2) td:nth-child(2),
#tournaments .match-list .detail tr:nth-child(3) td:nth-child(2)
{
    padding:0 25px 0 25px;    
    position: relative;
}

/*
#tournaments .match-list .detail label{
    display: inline-block;
    width: 120px;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
}
#tournaments .match-list .detail .item{
    display: inline-block;
}

#tournaments .match-list .detail .cc-org{
    display: inline-block;
    width:24px; height: 24px;
    background: #ffb300;
    border-radius: 12px;
    line-height: 24px;
    color: #333;
    text-align: center;
    margin: 5px;
}*/
/*tournament detail*/
.title-page.pdr-70{
    height: auto;
}
.title-page h3{
    padding-right: 100px;
}
#match-detail .full-col{
    position: relative;
}
#match-detail .bnt-wrap{
    height: 80px;
    position: relative;
}
#match-detail .bnt-wrap a.btn{
    margin-top: 30px;
}
#match-detail .bnt-wrap .icon-sheet{
    position: absolute;
    top:25px;
    right: 70px;
    background-color: transparent;
}
#match-detail .bnt-wrap .btn.apply{
    position: absolute;
    top:25px;
    right: 0;
    margin-top: 0;
}
#match-detail .match-box{    
    width: 940px; border:1px solid #ededed;
    
}

#match-detail .bar{
    height: 50px;
    border-bottom: 1px solid #ededed;
    line-height: 50px;
}
#match-detail .bar a{ 
    color: #777; padding: 0 20px;margin: 0;
    font-weight: bold;
    border-right: 1px solid #ededed;
    height: 50px;
    float: left;
} 
#match-detail .bar a.cur{
    color: #ffb300;
    background: #fff;
    height: 51px;
}
#match-detail .bar2{
    height: 60px;
    border-bottom: 1px solid #ededed;
    background: #fff;
}

#match-detail .bar2 a{ 
    color: #777; padding: 0 30px;margin: 15px 0 0 0;
    font-weight: bold;
    border-right: 1px solid #ededed;
    height: 30px;
    line-height: 30px;
    float: left;
} 
#match-detail .bar2 a.cur{
    color: #ffb300;
}
#match-detail .bar2 a.last{
    border: 0;
}
#match-detail .pad20{
    padding: 20px;
    background: #fff;
}

#match-detail .head{
    color: #777;
}

#match-detail .head h3{
    font-size: 20px;
    margin: 30px 0 10px 0;
    color: #333;
}

#match-detail .loading{
    text-align: center;
    padding: 50px;
    color: #777;
}
#match-detail table.aj{
   width: 100%;
   border: 0;
   padding: 0;
   color: #777;
   
}

#match-detail table.aj td{
    padding: 8px 5px;
    border: 0;
    text-align: center;
    margin: 0;
}

#match-detail table.aj tr{}
#match-detail table.aj tr.pt12{
    background: #FFB300;
}

#match-detail table.aj tr.pt12 td{
    
}
#match-detail table.aj tr.pt12 font{
    color: #fff!important;
}
#match-detail table.aj td b{
    color: #333;
}
#match-detail table.aj a{
}

#match-detail table.aj.s2 .pt13w{
    background: #FFB300;
    color: #fff;
}
#match-detail table.aj.s2 .pt16{
    font-size: 15px;
}
#match-detail table.aj.s2 tr.pt12{
    background: #fff
}
#match-detail table.aj a{
    cursor: default;
    text-decoration: none;
    color: #000;
}
#match-detail .news-list{
    margin: 30px 0;
    padding: 0;
}
#match-detail .news-list li{
    float: left;
    list-style: none;
    padding: 0;
    margin: 0 45px 30px 0;
    width:270px; 
}
#match-detail .news-list li.right{
    margin-right: 0;   
}
#match-detail .news-list a.thumb{
    display: block;
    height: 250px;
    position: relative;
}
#match-detail .news-list a.thumb p{
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ffb200;
    padding: 5px 8px;
    margin: 0;
    color: #fff;
    font-weight: bold;
}
#match-detail .news-list .detail{
    background: #fff;
    padding: 20px;
    box-shadow: 0px 1px 0px #ffb200;
    border: 1px solid #EDEDED;
    border-bottom: 0;
    border-top:0;
    color: #777777;
    min-height: 175px;
}
#match-detail .news-list .detail p{
    margin: 20px 0; font-size: 13px;
}
#match-detail .news-list .detail h3{
    margin-top: 0;
    color: #333;
    font-size: 20px;
    font-weight: normal;
    
}

#match-detail .media-list{ background: #fff; }
#match-detail .media-list ul{ padding: 0; margin: 0;}
#match-detail .media-list li{
    float: left; width: 270px;  height: 290px;
    list-style: none; margin: 15px; 
    padding: 0; background: #313232;
    border-bottom:1px solid #ffb500;
}
#match-detail .media-list li a{
    display: block;
    width: 270px; height: 200px;
    position: relative;
}
#match-detail .media-list  span.play{
    width: 100%; height: 58px;
    background: url('../images/icon-play2.png') no-repeat center top;;
    position: absolute;
    left: 0; top:81px;
    display: none;
}
#match-detail .media-list .li-vdo span.play{
    display: block;
}
#match-detail .media-list li h3{
    color: #fff;
    padding: 20px;
    font-size: 19px;
    margin: 0;
    font-weight: normal;
}


.table-teetime{ 
    width: 100%;  
    border:1px solid #EDEDED;
}
.table-teetime th{ padding: 10px; text-align: center; text-transform: uppercase;}
.table-teetime th{ border-right: 1px dashed #EDEDED; border-bottom: 1px solid #EDEDED; }
.table-teetime th:last-child{ border-right: 0;}
.table-teetime td{
    text-align: center;
    padding: 10px;
    border-right: 1px dashed #EDEDED;
}
.table-teetime td.g{
    background: #f6f6f6;
}
.table-teetime td:last-child{ border-right: 0;}
.table-teetime td.name{
    text-align: left;
}
.table-teetime td.thd{
    border-bottom: 1px solid #EDEDED;
}
.table-teetime td.ent{ height: 1px; padding: 0; background: #ffb300}

/**/
.table-teetime2{ 
    width: 100%;  
    border:1px solid #EDEDED;
}
.table-teetime2 th{ padding: 10px; text-align: center; text-transform: uppercase;}
.table-teetime2 th{ border-right: 1px dashed #EDEDED; border-bottom: 1px solid #EDEDED; }
.table-teetime2 th:last-child{ border-right: 0;}
.table-teetime2 tr:nth-child(8n+5) td,
.table-teetime2 tr:nth-child(8n+6) td,
.table-teetime2 tr:nth-child(8n+7) td,
.table-teetime2 tr:nth-child(8n+8) td{ background: #F6F6F6} 

.table-teetime2 tr:nth-child(4n+2) td:nth-child(1),
.table-teetime2 tr:nth-child(4n+2) td:nth-child(2),
.table-teetime2 tr:nth-child(4n+2) td:nth-child(3),
.table-teetime2 tr:nth-child(4n+3) td:nth-child(1),
.table-teetime2 tr:nth-child(4n+3) td:nth-child(2),
.table-teetime2 tr:nth-child(4n+3) td:nth-child(3),
.table-teetime2 tr:nth-child(4n+4) td:nth-child(1),
.table-teetime2 tr:nth-child(4n+4) td:nth-child(2),
.table-teetime2 tr:nth-child(4n+4) td:nth-child(3){color:transparent;} 
.table-teetime2 tr:not(:first-child) td:nth-child(4),
.table-teetime2 tr:not(:first-child) td:nth-child(5){text-align: left;}
.table-teetime2 td{
    text-align: center;
    padding: 10px;
    border-right: 1px dashed #EDEDED;
}
.table-teetime2 td:last-child{ border-right: 0;}

/*Media*/
#media{
    
}

#media .media-box{
    border: 1px solid #ededed;
    margin: 40px 0 0 0;
    position: relative
}
#media .bar{
    height: 50px;
    border-bottom: 1px solid #ededed;
    line-height: 50px;
}
#media .bar a{ 
    color: #777; padding: 0 20px;margin: 0;
    font-weight: bold;
    border-right: 1px solid #ededed;
    height: 50px;
    float: left;
} 
#media .bar a.cur{
    color: #ffb300;
    background: #fff;
    height: 51px;
}
/*select style*/
#media .filter {
    position: absolute;
    right: 10px;
    top:13px;
    vertical-align: top;
}
#media .filter .wrap-select{
    display: inline-block;
    position: relative;
    margin-left: 20px;
    padding-left: 57px;
}

#media .filter label{
    color: #777;  
    font-weight: bold;
    position: absolute; 
    top: 7px;
    left: 0;
}

#media .simpleselect{
    width: 80px;
    height: 23px;
}
#media .simpleselect .placeholder{
    border-radius:0!important;
    padding: 3px 10px;
    border: 1px solid #fcb02d;
    background: #fff;
    color: #000;
    font-size: 11px;
    overflow: hidden;
    height: 17px;
}
#media .simpleselect .placeholder:hover {
    
    border: 1px solid #fcb02d;
    background: #fff;
}
#media .simpleselect .placeholder:after{
    top:-1px;
    right: -1px;
    background: url('../images/select-allow2.png');
    width: 24px; height: 24px;
    
}
#media .simpleselect .options{
    font-size: 11px;
    border: 1px solid #ccc;
    border-radius:0!important;
    width: 78px;
}
#media .simpleselect .options .option{
    overflow: hidden;
    height: 15px;
}
#media .simpleselect .options .option.active {
    background: none repeat scroll 0 0 #fff;
    color: #ffb300;
}
#media .filter .wrap-select.tt{
    padding-left: 40px;
}
#media .filter .wrap-select.tt .simpleselect{
    width: 250px
}
#media .filter .wrap-select.tt .simpleselect .options{
    width: 248px
}
/*end select style*/
#media .media-list{ background: #fff; }
#media .media-list ul{ padding: 0; margin: 0;}
#media .media-list li{
    float: left; width: 270px;  height: 290px;
    list-style: none; margin: 21px; 
    padding: 0; background: #313232;
    border-bottom:1px solid #ffb500;
}
#media .media-list li a{
    display: block;
    width: 270px; height: 200px;
    position: relative;
}
#media .media-list  span.play{
    width: 100%; height: 58px;
    background: url('../images/icon-play2.png') no-repeat center top;;
    position: absolute;
    left: 0; top:81px;
    display: none;
}
#media .media-list .li-vdo span.play{
    display: block;
}
#media .media-list li h3{
    color: #fff;
    padding: 20px;
    font-size: 19px;
    margin: 0;
    font-weight: normal;
}

#about .content-box{
    border: 1px solid #ededed;
    margin: 30px 0 0 0;
    padding: 40px 30px;
    position: relative;
    background: #fff;
        
}

/*Player*/

#player .player-box{
    border: 1px solid #979797;;
    margin: 40px 0 0 0;
    position: relative
}
#player .bar{
    height: 50px;
    border-bottom: 1px solid #ededed;
    line-height: 50px;
}
#player .bar a{ 
    color: #272727; padding: 0 20px;margin: 0;
    font-weight: bold;
    border-right: 1px solid #ededed;
    height: 50px;
    float: left;
} 
#player .bar a.cur{
    color: #ffb300;
    background: #fff;
    height: 51px;
}

#player .bar.three-full{
     border-color: #979797;
}
#player .bar.three-full a{
     box-sizing: border-box;
     width: 33.33%;
     text-align: center;
     border-color: #979797;
     font-size: 15px;
     background: #f0f0f0;
}
#player .bar.three-full a:first-child{
    border-left: 0;
}
#player .bar.three-full a:last-child{
    border-right: 0;
}

#player .bar.three-full a.cur{
    background: #fff;
}
#player .player-list{ background: #fff; }
#player .player-list ul{ padding: 0; margin: 0;}
#player .player-list li{
    float: left; width: 270px;  min-height: 300px;
    list-style: none; margin: 21px; 
    padding: 0 0 40px 0; background: #fff;
    border-bottom:2px solid #ffb300;
    position: relative;   
  -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
#player .player-list li:before{
    position: absolute;
    bottom: 0px; left: 0;
    width: 1px;
    background: #ededed;
    height: 140px;
    content: "";
}
#player .player-list li:after{
    position: absolute;
    bottom: 0px; right: 0;
    width: 1px;
    background: #ededed;
    height: 140px;
    content: "";
}
#player .player-list li:hover{
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4);
}
#player .player-list li a.img{
    display: block;
    width: 270px; height: 200px;
    position: relative;
}
#player .player-list li p{
    color: #333;
    padding: 15px 20px 20px 20px;
    font-size: 18px;
    margin: 0;
}

#player .player-list li label{
    color: #ffb300
}
#player .player-list li span{
    font-size: 15px;
    display: block;
    margin-top: 10px;
}
#player .player-list li a.link{
    position: absolute;
    left: 20px; bottom: 20px;
    padding: 5px 47px 5px 10px;
    color: #3e3e3e;
    border:0;
    background-image: linear-gradient(to bottom, #fece00, #f1ac08);
}
#player .player-list li a.link:before{
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 100%; height: 100%;
    background: url('../images/group.png') right top no-repeat  ;
    background-size: auto 32px;
}
#player .player-list li a.link:after{
    content: ">";
    position: absolute;
    right: 10px;
    bottom: 4px;
    color: #fff;
    font-size: 15px;
}
#player .player-list li .flag{
    position: absolute;
    bottom: 25px; right: 20px;
}
/*light box*/
.player-profile{
    width: 540px;
    height: 445px;
    background: #fff;
    position: relative;
}
.player-profile .img-box{
    width:540px;
    height:275px;
    background: #ccc;
    position: relative;
}
.player-profile .text-box{
    position: absolute;
    height: 110px;
    width: 100%;
    background: rgba(255,255,255,0.90);
    bottom: 0;left: 0;
}
.player-profile .left-box{
    height: 110px; width: 270px;
    float: left;
}

.player-profile .left-box p{
    font-size: 15px;
    margin: 15px 0 0 30px;
    padding: 0;
    line-height: 23px;
    border-right: 1px solid #ffb300;
}
.player-profile .left-box img.flag{
    margin-top: 8px;
    display: block;
}
.player-profile .left-box p span{
    font-size: 18px;
    display: block;
}
.player-profile .right-box{
    height: 110px; width: 270px;
    float: right;
}
.player-profile .right-box p{
    margin: 10px 0 0 30px;
    line-height: 22px;  
    font-size: 13px;
    font-weight: normal;
    
    font-family: tahoma;
}
.player-profile a.link{
    position: absolute;
    top:10px; right: 10px;
    z-index: 9999;
    background-image: url("../images/x-btn.png");
    cursor: pointer;
}

.player-profile .bottom-box{
    height: 169px;
    background: #fff;
    border-bottom: 1px solid #ffb300;
    position: relative;
    font-size: 11px;
    line-height: 15px;
    overflow: auto;
}
.player-profile .bottom-box p{
    float: left;
    padding: 30px 0 0 30px;
    width: 240px;
    margin: 0 0 20px 0; 
    font-family: tahoma;
    font-size: 12px;
    line-height: 18px;
}
.player-profile .bottom-box p:nth-child(2){
    
    width: 220px;
}

.player-profile .bottom-box span{
    color: #777;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    font-family: gotham;
    font-size: 11px;
}
.gallery-box{
    background: red;
    widows: 700px;
    height: 450px;
}



#stats-page .stat-box{    
    width: 940px; border:1px solid #ededed;
    box-sizing:border-box;
}

#stats-page .bar{
    height: 50px;
    border-bottom: 1px solid #ededed;
    line-height: 50px;
}
#stats-page .bar a{ 
    color: #777; padding: 0 20px;margin: 0;
    font-weight: bold;
    border-right: 1px solid #ededed;
    height: 50px;
    float: left;
} 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    #stats-page .bar a{ letter-spacing: -0.6px;}
}
#stats-page .bar a{cursor: pointer;}
#stats-page .bar a:last-child{ border-right: 0;}
#stats-page .bar a:hover{color: #999}
#stats-page .bar a.cur{
     border-right: 1px solid #ededed;
    color: #ffb300;
    background: #fff;
    height: 51px;
}
#stats-page .pad20{
    padding: 20px;
    background: #fff;
}
#stats-page .head{height: 90px; margin-bottom: 10px;font-family: 'tsn';}
#stats-page .head .title{ height: 30px; padding: 10px 10px 10px 25px; background: #ffb200; color: #333333}
#stats-page .head .title p{
    float: left; margin: 0; padding: 0; font-size: 30px; line-height: 30px; width: 690px; 
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
#stats-page .head .title .wrp-btn-type{float: right;}
#stats-page .head .title .wrp-btn-type button{width: 80px; height: 35px; border: 0;font-family: 'tsn';  font-size:20px;background: #ffd980; color: #3b3b3b }
#stats-page .head .title .wrp-btn-type button.act{color: #fff; background: #3b3b3b}
#stats-page .head .detail{font-family: 'tsn-l'; height: 20px;  padding: 10px 10px 10px 25px;  font-size: 20px; line-height: 20px; background: #3b3b3b; color: #fff;}
#stats-page .wrp-content-tab .item{
    display: none;
}
#stats-page .wrp-content-tab .item.act{
    display: block;
}
#stats-page table{background: #d7d7d7; width: 100%;}
#stats-page table td{text-align: center;background: #fff;}
#stats-page table tr:nth-child(1) td,
#stats-page table tr:nth-child(2) td{font-weight: bold; background: #f5f5f5; text-align: center!important;}
#stats-page table tr td:nth-child(3),
#stats-page table tr td:nth-child(5){text-align:left;}

/*Normal table scores*/
.wrp-table{}
.table-scores{
    width: 100%;
}
.table-scores thead{color: #333333; font-weight: bold;}
.table-scores thead tr{background: #fff;}
.table-scores thead tr:nth-child(3n+1) td{background: #FFB300;}
.table-scores thead tr:nth-child(3n+2) td{background: #FFB300;}
.table-scores thead tr:nth-child(3n+3) td{background: #3C3A37;color: #fff;}
.table-scores tbody td{
    background: #dddbdb;
}
.table-scores tbody td .num-digi{ display: inline-block; width: 8px;text-align: center; }
.table-scores tbody.fix td{
  background: #464441!important;
  font-weight: bold;
  color: #fff
}
.temp-header{display: none;}


.wrp-search{
    text-align: center;
    background: #fff;
}
.wrp-search input{
    margin: 40px auto;
    border:0;
    border-bottom:  1px solid #979797;
    width: 33%;
    padding: 8px 0;
    font-size: 16px;
    background: url('../images/icon-search.png') no-repeat right center;
    background-size: 20px auto;
}