@charset "utf-8";
@font-face {
     font-family: 'dbAdman_bold';
    /* src: url('http://chainatfc.com/css/supermarket-webfont.eot'); */
    src: url('DBAdmanXBd.eot') format('embedded-opentype'),
         url('DBAdmanXBd.woff') format('woff'),
         url('DBAdmanXBd.ttf') format('truetype'),
         url('DBAdmanXBd.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
     font-family: 'dbAdman_regular';
    /* src: url('http://chainatfc.com/css/supermarket-webfont.eot'); */
    src: url('dbadmanx.eot') format('embedded-opentype'),
         url('dbadmanx.woff') format('woff'),
         url('dbadmanx.ttf') format('truetype'),
         url('dbadmanx.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
*,body,html{
	margin: 0;
	padding: 0;
}
body{
	background-color: black;
	font-family: 'dbAdman_regular';
	font-size: 100% !important;
	line-height: normal;
	background-image: url(../images/mainbg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-position-y: 400px;
}
.sticky{
	height: 100%;
	width: 100%;
	position: relative;
}
.sticky:after{
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}
p{
	font-size: 1.1em !important;
	line-height: normal !important;
}
.clear{
	width: 100%;
	clear: both;
	display: block;
}
.clearfix:after{
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}
.wrapper{
	width: 100%;
}
.wrap-center{
	max-width: 960px;
	min-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.wrap-center:after{
	content:"";
	clear: both;
	display: block;
	visibility: hidden;
}
.wrap-content{
	padding-bottom: 30px;
	margin-bottom: 30px;
	margin-top: 180px;
}
.bgcolor{
	background-color: #ef0084;
}
.pinkcolor{
	color: #ef0084;
}
.bluecolor{
	color: #1e4a80;
}
/********************** span grid *********************/

.span1, .span2{
	background-color: #d1d2d4;
	border-radius: 8px 8px 8px 8px; 
}
.span1{
	width: 310px;
	max-width: 310px;
	height: 300px;
	display: inline;
	float: left;
	margin-left: 15px;
	min-width: 300px;
	margin-bottom: 15px;
	position: relative;
	/* border-radius: 5px 5px 5px 5px;  */
	overflow: hidden;
}
.span2{
	width:635px;
	display: inline;
	float: left;
	margin-bottom: 15px;
	margin-left: 20px;
	/* border-radius: 5px 5px 5px 5px; */
}
.nonmargin{
	margin-left: 0;
}
.title-graphic{
	background-image: url(../images/maintitlegraphic.jpg);
	background-color: #f00085;
	background-repeat: no-repeat;
	background-position: right top;
	font-size: 1.6em;
	font-family: 'dbAdman_regular';
	color: white;
	text-indent: 10px;
	line-height: 35px;
	height: 35px;
	width: 100%;
}
.featureblog h3{
	background-color: #f00085;
	color: white;
}
.featureblog .title{
	height: 40px;
	color: white;
	width: 100%;
}

.featureblog .title div{
	display: inline;
	float: left;
	height: 40px;
	position: relative;
}
.featureblog .title div:first-child{
	background-color: #f00085;
	padding-right: 20px;
	font-family: 'dbAdman_regular';
	font-size: 1.5em;
	line-height: 40px;
	text-indent: 10px;
}
.featureblog .title div:last-child{
	max-width: 33px;
	float: left;
}
.featureblog .title div:last-child img{
	margin: 0 !important;
}
.span1 .bottom-btn{
	width: 100%;
	height: 30px;
	border-radius: 10px 10px 0 0;
	position: absolute;
	bottom: 0;
	overflow: hidden;
}
.span1 .bottom-btn a{
	display: block;
	width: 100%;
	height: 30px;
	text-align: center;
	background-color: #efefef;
}
.span1 .bottom-btn a img{
	margin-top: 10px;
}
/******************************************************/
.header{
	/* position: absolute; */
	position: relative;
	width: 100%;
	left: 0;
	top:0;
	z-index: 10;
}
.top-gab{
	width: 100%;
	height: 36px;
}
.top-gab .lang-sw{
	display: inline;
	float: right;
	margin-top: 3px;
}
.lang-sw ul li{
	list-style: none;
	float: left;
	margin-left: 5px;
}
.top-gab .soial-media{
	display: inline;
	float: right;
	margin-top: 3px;
}
.topnav-bar{
	height: 36px;
	width: 100%;
	background-image: url(../images/topnav/topnavbg.jpg);
	background-repeat: repeat-x;
}
.top-nav{
	position: relative;
	z-index:2;
}
.top-nav li.mainmenu{
	position: relative;
}
.top-nav > ul > li{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
.top-nav > ul > li > a{
	text-decoration: none;
	background-repeat: no-repeat;
	height: 35px;
	display: block;
}
li.bt21 > a {
    width: 120px;
    background-image: url(../images/topnav/topnav102.jpg);
}
li.bt1 > a{
	width: 109px;
	background-image: url(../images/topnav/topnav01.jpg);
}
li.bt2 > a{
	width: 144px;
	background-image: url(../images/topnav/topnav2.jpg);
}
li.bt3 > a{
	width: 141px;
	background-image: url(../images/topnav/topnav3.jpg);
}
li.bt4 > a{
	width: 152px;
	background-image: url(../images/topnav/topnav4.jpg);
}
li.bt5 > a{
	width: 112px;
	background-image: url(../images/topnav/topnav5.jpg);
}
li.bt6 > a{
	width: 137px;
	background-image: url(../images/topnav/topnav6.jpg);
}

li.bt1s > a{
	width: 109px;
	background-image: url(../images/topnav/etopnav01.jpg);
}
li.bt2s > a{
	width: 144px;
	background-image: url(../images/topnav/etopnav2.jpg);
}
li.bt3s > a{
	width: 141px;
	background-image: url(../images/topnav/etopnav3.jpg);
}
li.bt4s > a{
	width: 152px;
	background-image: url(../images/topnav/etopnav4.jpg);
}
li.bt5s > a{
	width: 112px;
	background-image: url(../images/topnav/etopnav5.jpg);
}
li.bt6s > a{
	width: 137px;
	background-image: url(../images/topnav/etopnav6.jpg);
}


.top-nav span{
	display: none;
}
.top-nav ul{
	margin-left: auto;
	margin-right: auto;
}
.top-nav .submenu{
	position: absolute;
	min-width: 160px;
	width: auto;
	height: auto;
	left: -30px;
	top:25px;
	display: none;
}
.top-nav .submenu:after{
	content: "";
	clear:both;
	display: block;
	visibility: hidden;
}
.top-nav .submenu .arrow{
	width: 100%;
	height: 10px;
	background-image: url(../images/submenuArrow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.top-nav .submenu .submenu-frame{
	background-color: white;
	border-radius: 10px 10px 10px 10px;
	overflow: hidden;
}
.top-nav .submenu .submenu-frame ul{
	width: 99%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.top-nav .submenu .submenu-frame ul li{
	width: 100%;
	text-align: left;
	text-indent: 15px;
	min-height: 25px;
	white-space: nowrap;
	padding-right: 15px;
}
.top-nav .submenu .submenu-frame ul li a{
	height: 25px;
	display: block;
	border-bottom: 1px solid #c4c4c4;
	text-decoration: none;
	line-height: 25px;
	color: #1949a2;
}
.top-nav .submenu .submenu-frame ul li:last-child a{
	border: none;
}
.top-nav .submenu .submenu-frame ul li a:hover{
	background-color: #f00085;
	color: white;
}
li.mainlogo{
	
}
li.mainlogo img{
	margin-top: -24px;
}
.top-anouce{
	background-color: #e6e6e6;
	width: 100%;
	height: 25px;
}
.top-anouce .wrap-center{
	background-color: #efefef;
	height: 25px;
	overflow: hidden;
	border-radius: 25px;
}
.top-anouce .wrap-center marquee{
	width: 650px;
	display: inline;
	float: left;
}
.top-anouce .wrap-center marquee a{
	text-decoration: none;
	color: #1e4a80;
	line-height: 25px;
	margin-left: 10px;
	margin-right: 10px;
}
.top-anouce .wrap-center marquee a:hover{
	color: #f00085;
	text-decoration: underline;
}
.top-anouce .radio-player{
	width: 250px;
	height: 25px;
	display: inline;
	float: right;
	background-color:#b3b3b3;
}
.mainslide-holder{
	height: 500px;
	width: 100%;
	min-width: 960px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
	top:-97px;
	margin-bottom: -97px;
	z-index: 1;
}

.mainslide-holder .sliderkit-panels{
	width: 100%;
	max-width: 1000px;
	min-width: 960px;
	height: 500px;
}

.mainslide-holder .sliderkit-panel{
	width: 100%;
	min-width: 960px;
	max-width: 1000px;
	height: 500px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	background-position: center top;
	/* position: relative; */

}
.sliderframe{
	width: 100%;
	min-width: 960px;
	max-width: 1000px;
	height: 500px;
	background-image: url(../images/mainslideframe.png); 
	background-position: center top;
	margin-left: auto;
	margin-right: auto;
}
.footer{
	width: 100%;
	height: 157px;
	min-width: 960px;
	margin-top: 12px;
	/* margin-top: -157px; */
}
.footer .partner{
	height: 67px;
	min-width: 960px;
	width: 100%;
	background-image: url(../images/partner-bg.png);
	background-repeat: repeat-x;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.footer .partner ul li{
	list-style: none;
	float: left;
	width: 50px;
	height: 50px;
	background-color: gray;
	margin-left: 10px;
	margin-top: 5px;
}
.footer .partner ul li span{
	display: none;
}
.footerbar{
	width: 100%;
	height: 90px;
	background-color: #e2e2e2;
}
.footerbar .copyright{
	display: inline;
	float: left;
	margin-top: 15px;
}
.footerbar .copyright ul li{
	list-style: none;
	font-size: 1em;
	line-height: 1em;
	color: #636363;
}
.footer-nav{
	display: inline;
	float: right;
	position: relative;
	margin-top: 15px;
}
.footer-nav ul li{
	list-style: none;
	float: left;
	margin-left: 10px;
	white-space: nowrap;
}
.footer-nav ul li a{
	text-decoration: none;
	color: #636363;
}
.footer-nav .wrap-center{
	position: relative;
}
.mb-btn{
	display: inline-block;
	float: right;
	clear: left;
	display: none;
}
/******** 2 col Layout *******/
.left-col{
	width: 350px;
	float: left;
	display: inline;
}
.right-col{
	width: 610px;
	float: right;
	display: inline;
}
/*** button style ****/
.pinkbtn{
	text-align: center;
	font-size: 1.1em;
	color: white;
	background-color: #f00085;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pinkbtn:hover{
	background-color: #ff8aca;
}
/*** content style *****/
.span1{
	/* width: 228px !important; */
}
.feature-blog{
	display: inline;
	height:220px;
	float: left;
}
.section{
	display: block;
	margin-top: 30px;
}
.section:after{
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}
.section .feature-blog{
	margin-left: 0.8%;
	margin-right: 0.8%;
}
.section .feature-blog:first-child{
	margin-left: 0;
}
.section .feature-blog:last-child{
	margin-right: 0;
}
.blog-content{
	position: relative;
	/* background-color:#a6a5a5; */
	/* background-color: #efefef; */
	background-color: #BDBDBD;
}
.feature-blog .blog-content{
	/* background-color: white; */
	border-radius: 10px 10px 10px 10px;
	height: 188px;
	overflow: hidden;
	/* position: relative; */
}
.feature-blog .title{
	font-size: 1.2em;
}

.readmore{
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.readmore a{
	font-size: 1em;
	color: #f00085;
	text-decoration: none;
}
.featureblog .readmore{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 114px;
	height: 27px;
	background-image: url(../images/bottombtnbg.png);
	
}
.featureblog .readmore a{
	font-size: 1em;
	color: white;
	text-decoration: none;
	text-align: left;
	width: 114px;
	height: 27px;
	display: block;
	text-indent: 60px;
	line-height: 27px;
}
.blog-content .lead{
	width: 260px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.15em;
	/* color: #1e4a80; */
	line-height: 1em;
}
.blog-content .detail{
	width: 216px;
	margin-left: auto;
	margin-right: auto;
	/* color: #565656; */
}
.blog-content .tap-footer{
	width: 100%;
	height: 25px;
	text-align: center;
	font-size: 0.9em;
	line-height: 25px;
	color: #1e4a80;
	background-color: #efefef;
	position: absolute;
	bottom: 0;
}
.blank .blog-content{
	background-image: url(../images/blankblog.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.lead{
	color: #1e4a80;
}
.detail{
	color: #565656;
	/* line-height: 0.9em; */
	font-size: 1em;
}

/******* update ******/
.update .news-img{
	width: 216px;
	height: 68px;
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
}
/******* result ******/
.result .news-img{
	width: 216px;
	height: 68px;
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/******* next match *****/
.nextmatch .news-img{
	width: 216px;
	height: 68px;
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.nextmatch .blog-content{
	background-image: url(../images/nextmath.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.match{
	margin-left: 20px;
}
.match li{
	list-style: none;
}
.match li.num{
	font-size: 1.8em;
	line-height: 1em;
}
.match li.date{
	font-size: 1em;
	margin-top: 0;
}

/******* feature live *************/
.live{
	position: relative;
	width: 305px !important;
	height: 250px !important;
}
.live .blog-content{
	background: none;
	border-radius: 0;
}
.live .vdoframe{
	height: 215px;
}
/******* feature leage Table ****/
.mini-tb{
	 width: 100%; 
	/*width: 295px;*/
	/*
margin-left: auto;
	margin-right: auto;
*/
	font-size: 1em;
	/* margin-top: 10px; */
}
.mini-tb th ,  .mini-tb tr td{
	background-color: #efefef;
	width: 23px;
	height: 35px;
	text-align: center;
	vertical-align: middle;
	color: #1e4a80; 
	font-style: 1.2em;
}
.mini-tb th:first-child ,.mini-tb tr td:first-child{
	width: 115px;
}
.mini-tb td{
	text-align: center;
	vertical-align: top;
	font-size: 1.2em;
}
.mini-tb td:first-child{
	text-align: left;
	text-indent: 10px;
}
.mini-tb tr.current td{
	color:#f00085;
}
.mini-tb tr:nth-child(even) td{
	background-color: #575757;
	color: #999999;
}
/***** news ************/
.hili-blog{
	height: 450px;
	/* overflow: auto; */
}
.hili-blog .hilibody{
	width: 300px;
	margin-left: 30px;
}
.hili-blog .title-graphic{
	width: 300px;
	margin-left: 30px;
}
.hili-blog .hilibody:after{
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}
.hili-blog .hilibody{
	background-image: url(../images/hilinews-blog.png);
	background-color: #FFFFFF;
	padding-bottom : 10px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 300px;
	min-height: 380px;
	margin-left: 30px;
	/* padding-top: 10px; */
	float: left;
	/* overflow: auto; */
	position: relative;
	z-index: 1;
	display: block;
}
.hili-blog .title{
	position: relative;
	left: -30px;
	top:-25px;
}
.hili-blog .news-img{
	width: 223px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	display: block;
	border: 3px solid #f00085;
}
.hili-blog .lead{
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	font-size: 1.5em;
	line-height: 1em;
}
.hili-blog .detail{
	width: 260px;
	margin-left: auto;
	margin-right: auto;
	/* font-size: 1em; */
	/* line-height: 1em; */
	/* font-family: 'dbAdman_regular'; */
}
.hili-blog .blog-btn{
	position: absolute;
	bottom: -10px;
	right: 10px;
}

.top-control{
	width: 100%;
	height: 35px;
	display: block;
	clear: both;
	/* margin-bottom: 20px; */
}
.top-control ul li{
	list-style: none;
	float: left;
	margin-left: 10px;
}
.top-control ul li:last-child{
	float: right;
}
.top-control a{
	height: 35px;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 35px;
}
.top-control ul li:first-child{
	margin-left: 0;
}
li .search-frame{
	background-color: white;
	width: 356px;
	height: 35px;
}
.search-frame input[type="text"]{
	border: none;
	width: 85%;
	height: 90%;
	margin-top: 3px;
	float: left;
	margin-left: 5px;
	font-size: 1.1em;
	font-family: 'dbAdman_bold';
}
.search-frame .searchbtn{
	margin-top: 3px;
	margin-right: 3px;
	float: right;
}
.news-blog{
	height: 158px;
	width: 288px;
	float: left;
	display: inline;
	margin-top: 20px;
}
.news-blog:nth-child(odd){
	margin-left: 30px;
}
.news-blog .blog-content{
	height: 158px;
	border-radius: 5px 5px 5px 5px;
}
.blog-content .left{
	float: left;
	display: inline;
	width: 110px;
}
.blog-content .right{
	display: inline;
	float: right;
	width: 160px;
}
.blog-content .left .news-img{
	border-radius: 3px 3px 3px 3px;
	overflow: hidden;
	margin-left: 8px;
	margin-top: 8px;
}
.news-blog .lead, .news-blog .detail{
	width: 160px;
	margin-top: 10px;
}
.news-blog .detail{
	line-height: normal;
}
.page-nav{
	display: block;
	clear: both;
	float: right;
	margin-top: 20px;
}
.page-nav ul li{
	list-style: none;
	float: left;
	margin-left: 5px;
	width: 25px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
}
.page-nav ul li a{
	display: block;
	background-color: white;
	color: #646464;
	text-decoration: none;
}

.page-nav ul li a.current ,.page-nav ul li a:hover{
	background-color: #f00085;
	color: white;
}
.newsdetail{
	width: 960px;
	min-height: 300px;
	position: relative;
	/*
background-image: url(../images/news/newsbg.jpg);
	background-position: right top;
	background-color: white;
*/
	border-radius: 3px 3px 3px 3px;
	overflow: hidden;
	background-color: rgba(55,55,55,0.7)
}
.newsdetail p{
	color: white;
}
.newscontainer{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
.news-stat{
	background-color: rgba(255,255,255,0.8);
	width: 150px;
	height: 35px;
	position: absolute;
	right: 30px;
	top:45px;
	font-family: 'dbAdman_regular';
	font-family: 1em;
}
.news-like{
	position : absolute;
	top : 45px;
	right : 45px;
}

.news-like2{
	position : absolute;
	margin-top: -35px;
	right : 13%;
}

.news-stat ul li{
	list-style: none;
	float: left;
	margin-left: 10px;
	line-height: 35px;
}
.news-title{
	width: 680px;
	font-size: 1.6em;
	color:#f00085;
	margin-bottom: 20px;
}
img.wrap-right{
	display: inline;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.pinkborder{
	border: 3px solid #f00085;
}
.news-detail{
	/*
font-family: 'dbAdman_regular';
	font-family: 1.2em;
*/
	color: #565656;
	line-height: normal;
}
.news-gallery{
	display: block;
	clear: both;
	margin-top: 10px;
	width: 100%;
	margin-bottom: 117px;
}
.news-gallery .thumb-box{
	float: left;
	display: inline;
	margin-left: 10px;
	margin-bottom: 10px;
	border-radius: 5px 5px 5px 5px;
	overflow: hidden;
}
.page-back{
	position: absolute;
	right: 30px;
	bottom:50px;
}
.searchresult{
	background-color: white;
	border-radius: 3px 3px 3px 3px;
	position: relative;
}
.searchresult .title{
	position: absolute;
	top:-20px;
	left: -20px;
}
.searchresult .top-control ul li{
	float: left;
}
.searchresult .search-frame{
	border: 2px solid #f00085;
	height: 35px;
	width: 360px;
	float: right;
	margin-right: 20px;
	border-radius: 5px 5px 5px 5px;
}
.keyword{
	width: 93%;
	height: 50px;
	float: right;
	margin-right: 20px;
	text-align: right;
	color: #f00085;
	font-size: 1.2em;
}
.keyword span{
	color: black;
}
.result-list{
	width: 93%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
}
.result-list .detail{
	width: 420px;
	line-height: normal;
	font-family: 'dbAdman_regular';
	font-size: 1em;
}
.result-list .detail span.date{
	color: #f00085;
}
.result-list a{
	text-decoration: none;
	color: inherit;
}
.result-list a:hover{
	text-decoration: underline;
}


/****** shop ********/
.shop .right-col{
	width: 710px;
}
.shop .left-col{
	width: 223px;
}
.shop-category{
	/* width: 194px; */
	width:220px;
	position: relative;
	overflow: visible;
}
.shop-category .title-graphic{
	font-size: 1.3em;
}
.shop-category .title{
	position: absolute;
	top:-30px;
	left: -25px;
}
.shop-category .frame{
	background-image: url(../images/product/top.png);
	background-repeat: no-repeat;
	background-color: white;
	overflow: auto;
	/* margin-top: -10px; */
	padding-top: 10px;
	position: relative;
	z-index: -1;
	background-color: white;
}
.category-list li{
	list-style: none;
	margin-left: 20px;
	height: 35px;
}
.category-list li .ico{
	width: 22px;
	height: 22px;
	display: inline;
	float: left;
}
.category-list li .text{
	float: left;
	margin-left: 20px;
	display: inline-block;
	font-family: 'dbAdman_regular';
	font-size: 1.3em;
}
.category-list li:first-child{
	margin-top: 30px;
}
.category-list li:first-child .ico ,.category-list li:first-child a:hover .ico{
	background-image:url(../images/product/ico1.png);
	background-repeat: no-repeat;
}
.category-list li:nth-child(2) .ico, .category-list li:nth-child(2) a:hover .ico{
	background-image:url(../images/product/ico2.png);
	background-repeat: no-repeat;
}
.category-list li:nth-child(3) .ico, .category-list li:nth-child(3) a:hover .ico{
	background-image:url(../images/product/ico3.png);
	background-repeat: no-repeat;
}
.category-list li:nth-child(4) .ico , .category-list li:nth-child(4) a:hover .ico{
	background-image:url(../images/product/ico4.png);
	background-repeat: no-repeat;
}
.category-list li:nth-child(5) .ico, .category-list li:nth-child(5) a:hover .ico{
	background-image:url(../images/product/ico5.png);
	background-repeat: no-repeat;
}
.category-list li:nth-child(6) .ico, .category-list li:nth-child(6) a:hover .ico{
	background-image:url(../images/product/ico6.png);
	background-repeat: no-repeat;
}

.category-list li:first-child .ico-gray{
	background-image:url(../images/product/ico1-gray.png);
	background-repeat: no-repeat;
}
.category-list li:nth-child(2) .ico-gray{
	background-image:url(../images/product/ico2-gray.png);
	background-repeat: no-repeat;
}
.category-list li:nth-child(3) .ico-gray{
	background-image:url(../images/product/ico3-gray.png);
	background-repeat: no-repeat;
}
.category-list li:nth-child(4) .ico-gray{
	background-image:url(../images/product/ico4-gray.png);
	background-repeat: no-repeat;
}
.category-list li:nth-child(5) .ico-gray{
	background-image:url(../images/product/ico5-gray.png);
	background-repeat: no-repeat;
}
.category-list li:nth-child(6) .ico-gray{
	background-image:url(../images/product/ico6-gray.png);
	background-repeat: no-repeat;
}
.category-list a{
	color: #999999;
}
.category-list a.current ,.category-list a:hover{
	color: #f00085;
}
/*.section .shop-list:nth-child(odd){
	margin-left: 14px;
	margin-right: 14px;
}*/
.shop-list{
	width: 218px;
	height: 257px;
	display: inline;
	float: left;
	border-radius: 13px 13px 13px 13px;
	overflow: hidden;
	margin:9px;
	background-color:white;
}
.shop .top-control li .search-frame{
	width: 260px;
}
.shop .top-control li .select-frame{
	height: 35px;
	background-color: white;
	width: 180px;
	background-image: url(../images/selectbtn.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.shop .top-control li .select-frame select{
	background: transparent;
	border: none;
	width: 180px;
	height: 35px;
	-webkit-appearance: none;
	 appearance: button;
	 -webkit-appearance: button;
	 -moz-appearance: menulist-button;
	 -moz-appearance: menulist-text;
}
.shop-detail{
	display: inline;
	float: left;
	width: 460px;
	height: 260px;
	background-color:rgba(255,255,255,0.8);
	float: right;
	position: relative;
	/* background-image: url(../images/news/newsbg.jpg); */
	background-image: url(../images/product/maincontent.png);
	background-position: right top;
}
.shop-detail .pro-code{
	position: absolute;
	top:10px;
	right: 10px;
	height: 35px;
	width: 185px;
	background-color: rgba(255,255,255,0.5);
	font-family: 'dbAdman_regular';
	font-size: 1.2em;
	color: #353535;
	text-align: center;
	line-height: 35px;
}

.shop-detail .title{
	position: relative;
	top:-30px;
	left: -25px;
}
.product-detail{
	font-family: 'dbAdman_regular';
	margin-left: 30px;
	font-size: 1.3em;
}
.product-detail tr td{
	text-indent: 10px;
}
.product-detail tr td:first-child{
	color: #f00085;
	text-align: right;
	text-indent: 0;
}
.shop-gallery{
	width:100%;
	margin-top: 20px;
	display: block;
	clear: both;
}
.shop-gallery .miniitem{
	display: inline;
	float: left;
	width: 99px;
	height: 118px;
	margin-right: 20px;
	margin-top: 10px;
	background-color: white;
	overflow: hidden;
	border-radius: 8px;
}
/**************** contact *****************/
.contact .left-col{
	width: 340px;
	float: left;
	display: inline;
}
.contact right-col{
	float: right;
	display: inline;
}
.contact-blog{
	width: 352px;
	height: 243px;
	background-image: url(../images/contactus/contactblog.png);
	background-repeat: no-repeat;
	position: relative;
}
.contact-blog .title{
	position: absolute;
	left: -25px;
	top:-20px;
}
.contact-blog .lead{
	width: 230px;
	font-size: 1.2em;
	margin-left: 30px;
}
.contact-blog .address{
	width: 230px;
	margin-left: 30px;
}
.contact-blog .address ul li{
	list-style: none;
	font-family: 'dbAdman_regular';
	font-size: 1em;
	color: #565656;
}
.contact-blog .mapbtn{
	position: absolute;
	left: 30px;
	bottom: 30px;
}
.contactform tr td{
	vertical-align: top;
	border-collapse: separate;
	border: 3px solid rgba(0,0,0,0);
}
.contactform tr td:first-child{
	text-align: right;
	color: white;
	font-size: 1.4em;
}
.contactform .input-holder{
	width: 350px;
	height: 35px;
	background-color: white;
	border-radius: 5px 5px 5px 5px;
}
.contactform .input-holder input[type="text"]{
	background: transparent;
	border:none;
	width: 350px;
	height: 35px;
}
.contactform .textarea-holder{
	width: 350px;
	height: 180px;
	background-color: white;
	border-radius: 5px 5px 5px 5px;
}
.contactform .textarea-holder textarea{
	width: 350px;
	height: 180px;
	background: transparent;
	border:none;
}
.contactform .send{
	font-size: 1em;
}
/******* gallery **********/
.gallery .hili-blog hilibody{
	height: 427px;
	background-image: url(../images/gallery/gallery-hili.png);
}
.gallery .hili-blog .news-img{
	width: 240px;
	margin-left: auto;
	margin-right: auto;
}
.gal-blog{
	width: 288px;
	height: 192px;
	border-radius: 5px 5px 5px 5px;
	overflow: hidden;
	border: 3px solid #f00085;
	position: relative;
	display: inline;
	float: left;
	margin-top: 20px;
}
.gal-blog:nth-child(odd){
	float: right;
}
.gal-blog .img{
	position: relative;
}
.gal-blog .topic{
	height: 36px;
	width: 100%;
	position: absolute;
	bottom: -36px;	
	line-height: 36px;
	font-size: 1.1em;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	color: white;
	display: none;
}
.top-content{
	height: 53px;
}
.top-content .title{
	display: inline;
	float: left;
}
.top-content .topic{
	display: inline;
	float: left;
	margin-left: 10px;
	font-size: 1.7em;
	color: white;
	height: 53px;
	line-height: 53px;
}
.mainimg{
	float: left;
	display: inline;
	border:3px solid #f00085;
}
.des{
	width: 580px;
	display: inline;
	float: right;
	color: white;
	/*
font-family: 'dbAdman_regular';
	font-size: 1em;
*/
	position: relative;
}
.des .page-back{
	left: 0;
	bottom: -40px;
}
.img-list .img{
	display: inline;
	float: left;
	margin-right: 18px;
	margin-top: 18px;
}

/****** staff *******/
.squard .container{
	width: 100%;
	/* background-color: white; */
	position: relative;
}
.squard .container .title{
	position: absolute;
	top:-25px;
	left: -25px;
}
.staff-list .staff{
	display: inline;
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 20px;
	background-image: url(../images/staff/items.png);
	background-repeat: no-repeat;
	width: 197px;
	height: 214px;
	position: relative;
}
.staff a{
	text-decoration: none !important;
}
.staff .position{
	position: absolute;
	left: 10px;
	font-size: 3em;
	color: white;
	top:15px;
}
.staff .number{
	position: absolute;
	right: 10px;
	font-size: 3em;
	color: white;
	top:15px;
}
.staff .player{
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}
.staff .name{
	text-align: center;
	color: white;
}
.squard .topic{
	margin-left: 30px;
	font-size: 1.4em;
}
.squard  .player-full{
	position: absolute;
	float: left;
	z-index: 10;
}
.squard .profile{
	width: 562px;
	position: relative;
	left: 30px;
	margin-top: 50px;
}
.squard .staff-name{
	position: relative;
	background-image: url(../images/staff/barname.png);
	color: white;
	font-size: 1.75em;
	font-family: 'dbAdman_regular';
	text-align: center;
}
.squard .position-box{
	width: 90px;
	height: 113px;
	text-align: center;
	background-image: url(../images/staff/position.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top:-30px;
	font-family: 'dbAdman_regular';
	z-index: 10;
}
.squard .position-box ul li{
	list-style: none;
	color: white;
	font-size: 3.5em;
	line-height: 45px;
}
.squard .position-box ul li:first-child{
	font-size: 3em;
	margin-top: 10px;
}
.squard .detail{
	background-image: url(../images/staff/detailbg.png);
	margin-top: 10px;
	height: 325px;
	width: 100%;
	color: white;
	overflow: auto;
	position: relative;
}

.squard .detail tr td{
	padding-left: 10px;
	font-size: 1.4em;
	height: 25px;
}
.squard .detail tr td:first-child{
	text-align: right;
}
.squard .detail .pinkbtn{
	font-size: 1.4em;
}
/*
.squard .right-col{
	background-color:white;
	width: 610px;
	float: right;
	position: relative;
	height: 430px;
	background-image: url(../images/staff/profilebg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
*/
/*
.staff-name{
	background-image: url(../images/staff/profile-bar.png);
	background-repeat: no-repeat;
	height: 43px;
	position: relative;
	top:25px;
	left: -11px;
	color: white;
	text-indent: 30px;
	line-height: 43px;
	font-size: 1.5em;
}
*/
.squard .news-img{
	width: 223px !important;
}
.minigal{
	margin-left: auto;
	margin-right: auto;
	width: 223px;
	margin-top: 20px;
}
.minigal div{
	float: left;
	display: inline;
	margin-right: 5px;
	margin-top: 5px;
}
.stadium .img-list div{
	display: inline;
	float: left;
	margin-top: 18px;
}
.stadium .img-list div:nth-child(even){
	margin-left: 18px;
}
.stadium .profile li{
	list-style: none;
	font-size: 1.4em;
	text-indent: 20px;
}
.stadium .profile li.subject{
	font-size: 1.6em;
	text-indent: 0;
}
/************* scorebanner *****************/
.scorebanner{
	background-image: url(../images/scorebanner.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 250px !important;
}
.scorebanner > div{
	display: inline;
	position: relative;
	width: 310px;
	height: 250px;
}
.scorebanner .currentmath{
	float: left;
}
.scorebanner .nextmatch{
	float: right;
}
.matchstatus{
	display: block;
	clear: both;
	width: 100%;
	margin-top: 80px;
}
.currentmath .matchstatus{
	float: left;
	margin-left: 30px;
	margin-top : 90px;
}
.nextmatch .matchstatus{
	position: relative;
	float: left;
	margin-left: 30px;
	margin-top : 90px;
}
.matchstatus ul li{
	list-style: none;
	float: left;
}
li.teamlogo{
	width: 85px;
	height: 75px;
	text-align: center;
}
li.score{
	/*width: 120px;*/
	font-size: 4.5em;
	color: #f00085;
	text-align: center;
	line-height: 75px;
}
.match-date{
	position: absolute;
}
.match-date ul li{
	list-style: none;
	line-height: 1em;
}
.match-date ul li.match-count{
	font-size: 1.5em;
	color: #f00085;
	text-align: left;
}
.match-date ul li.date{
	font-size: 1.35em;
	color: white;
}
.currentmath .match-date{
	left: 15px;
	bottom: 20px;
}
.nextmatch .match-date ul li{
	text-align: right;
}
.nextmatch .match-date{
	top:15px;
	right:15px;
}
.member-box{
	background-image: url(../images/member-box_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
.btn-round{
	border-radius: 10px;
	overflow: hidden;
}
.member-box ul li{
	list-style: none;
	background-color: #ebebeb;
	width: 250px;
	height: 30px;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 10px;
}
.member-box ul li:last-child{
	background: none;
}
.member-box .form-holder{
	position: absolute;
	bottom: 20px;
	left: 30px;
}
.member-box ul li input[type="text"],.member-box ul li input[type="password"]{
	background: transparent;
	color: #f00085;
	font-size: 1.5em;
	font-family: 'dbAdman_regular';
	border: none;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
.member-box ul li:last-child{
	height: 30px;
	border:none;
}
.member-box .btn-round{
	border-radius: 10px;
	height: 30px;
	overflow: hidden;
	display: inline;
	float: left;
	margin-left: 3px;
}
.member-box .btn-round a{
	text-align: center;
	color: white;
	background-color: #f00085;
	min-width: 70px;
	height: 30px;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
	line-height: 30px;
}
.socialbanner{
	background-image: url(../images/socialbaner.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
.saibtn{
	width: 110px;
	height: 110px;
}
.saibtn a{
	width: 110px;
	height: 110px;
	display: block;
}
.socialbanner .fb{
	position: absolute;
	top:80px;
	left: 25px;
}
.socialbanner .tw{
	position: absolute;
	top:150px;
	right: 20px;
}
.feature-news .news-img{
	margin-left: auto;
	margin-right: auto;
	width: 260px;
	height: 140px;	
}
.feature-news p{
	width: 260px;
	margin-left: auto;
	margin-right: auto;
}
.post-list{
	width: 95%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	border-bottom: 1px solid white;
}
.post-list:after{
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}
.post-list ul li{
	list-style: none;
	float: left;
	font-size: 1em;
	font-family: 'dbAdman_regular';
	margin-left: 5px;
}
.post-list ul li:first-child{
	width: 100%;
	font-size: 1.15em;
	margin-left: 0;
}
.post-list ul li:first-child a{
	color: #1e4a80;
	text-decoration: none;
	font-size: 1.15em;
	display: block;
}
.post-list ul li:last-child ,.post-list ul li:nth-child(4){
	/* margin-left: 10px; */
	color: #646464;
}
.minishop{
	width: 310px;
	height: 250px;
	position: absolute;
	bottom: 0;
}
.minishop .sliderkit-panels{
	width: 310px;
	height: 200px;
	margin-top: 10px;
}
.minishop .sliderkit-panel{
	width: 310px;
	height: 200px;
	text-align: center;
}
.minishop .caption{
	font-size: 1.2em;
	color: #1e4a80;
}
.minishop .sliderkit-nav{
	width: 100%;
	position: absolute;
	top:30%;
	z-index: 10;
}
.minishop .sliderkit-go-prev{
	width: 30px;
	height: 30px;
	float: left;
	margin-left: 10px;
}
.minishop .sliderkit-go-next{
	width: 30px;
	height: 30px;
	float: right;
	margin-right: 10px;
}
.minishop .sliderkit-go-prev a span ,.minishop .sliderkit-go-next a span{
	visibility: hidden;
}
.minishop .sliderkit-go-prev a{
	width: 30px;
	height: 30px;
	display: block;
	background-image: url(../images/left-nav.png);
}
.minishop .sliderkit-go-next a {
	width: 30px;
	height: 30px;
	display: block;
	background-image: url(../images/right-nav.png);
}
.gal-topnav{
	width: 100%;
	height: 45px;
	background-image: url(../images/gallery/nav-bar.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 20px;
}
.gal-topnav .menu{
	float: right;
}
.gal-topnav .menu ul li{
	list-style: none;
	float: left;
	/* height: 45px; */
	width: 135px;
	border-radius: 5px 5px 5px 5px;
	overflow: hidden;
	margin-left: 5px;
	margin-top: 5px;
}
.gal-topnav .menu ul li a{
	display: block;
}

a.imgthumb div{
margin : 0px auto !important;
}
/******* manager list ********/
.manager-list:after{
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}
.manager-list hr{
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	opacity: 0.1;
}
.manager-box{
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	padding: 15px;
	display: inline;
	float: left;
	margin: 10px;
	min-width: 400px;
	box-shadow: 0px 0px 6px black;
	border: 1px solid #646464;
	
	background: #565656; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NjU2NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMmQyZDJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #565656 0%, #2d2d2d 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#565656), color-stop(100%,#2d2d2d)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #565656 0%,#2d2d2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #565656 0%,#2d2d2d 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #565656 0%,#2d2d2d 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #565656 0%,#2d2d2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#2d2d2d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
.watermark{
	position: absolute;
	background-image:url(../images/watermark.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 150px;
	right: 10px;
	top:0px;
	opacity: 0.6;
}
.manager-box#main{
	display: block;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	float: none;
	width: 850px;
	margin-bottom: 20px;
}
.manager-box > div{
	display: inline;
	float: left;
}
.manager-box .img{
	width: 200px;
	min-height: 150px;
	height: auto;
}
.manager-box .img img{
	width: 100%;
	height: auto;
}
.manager-box .manager-profile{
	position: relative;
	margin-left: 20px;
}
.manager-box .manager-profile .name{
	display: block;
	clear: both;
	color: white;
	font-size: 1.5em;
}

.manager-box .manager-profile td{
	list-style: none;
	color: #101010;
	font-size: 1.1em;
}
.manager-box .manager-profile tr td:last-child{
	padding-left: 5px;
}
.manager-box .manager-profile td span{
	color: #c4c4c4;
}
.manager-box .manager-profile td span:after{
	content: " : ";
}

#scrollbar1 { width:310px; height:230px; margin: 0px 0 0px; }
#scrollbar1 .viewport { width: 295px; height: 230px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.ribon-top{
	width: 100%;
	background-color: #efefef;
}
.ribon-top:after{
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
}

/**** colobox *****/
#cboxContent{
	background-color:rgba(255,255,255,0.7);
}
#cboxLoadedContent{
	background: none;
}