/*
 * w313 - chengyang-biotech iweb22-style15
 * http://chengyang-biotech.com.tw
 *
 * Copyright 2014, Evelyn Wang
 * 
 * 
 * August 2014
 */
 
 
/* +banner
*----------------------------------------------------------------------------*/
.wrapper .content .contentWrap .contentMain .contentBox .banner {
	margin: 5px 28px 35px 22px;
	position: relative;
}

.wrapper .content .contentWrap .contentMain .contentBox .banner h2 {
	display: none;
}

.wrapper .content .contentWrap .contentMain .contentBox .banner .silderShow {
	width: 720px;
	height: 235px;
	border: 1px #717171 solid;
	overflow: hidden;
}

.wrapper .content .contentWrap .contentMain .contentBox .banner .silderShow ul li {
	width: 720px;
	height: 235px;
	float: left;
	overflow: hidden;
}

.wrapper .content .contentWrap .contentMain .contentBox .banner .silderNav {
	margin: 10px 0 0;
	overflow: hidden;
	float:right;
}

.wrapper .content .contentWrap .contentMain .contentBox .banner .silderNav a ,
.wrapper .content .contentWrap .contentMain .contentBox .banner .silderNav a.active {
	margin: 0 0 0 9px;
	width: 10px;
	height: 10px;
	background: #515051;
	display: block;
	float: left;
	text-indent: -999999px;
}

.wrapper .content .contentWrap .contentMain .contentBox .banner .silderNav a:hover ,
.wrapper .content .contentWrap .contentMain .contentBox .banner .silderNav a.active {
	background: #17afb6;
}


/* +gameType
*----------------------------------------------------------------------------*/
.wrapper .content .contentWrap .contentMain .contentBox #gameType {
	margin: 5px 28px 35px 22px;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType h2 {
	display: none;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul {
	overflow: hidden;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li {
	float: left;
	width: 123px;
    margin-left: 19px;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a {
	margin: 0 7px 0 0;
	width: 113px;
	height: 113px;
	/*background: url(../images/img-gameList.jpg) no-repeat 0 0;*/
	display: block;
	text-indent: -999999px;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a:hover {
	background-position: 0 -114px;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a.g02 {
	background-position: -114px 0;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a.g02:hover {
	background-position: -114px -114px;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a.g03 {
	background-position: -228px 0;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a.g03:hover {
	background-position: -228px -114px;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a.g04 {
	background-position: -342px 0;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a.g04:hover {
	background-position: -342px -114px;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a.g05 {
	background-position: -456px 0;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a.g05:hover {
	background-position: -456px -114px;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a.g06 {
	margin: 0;
	background-position: -570px 0;
}

.wrapper .content .contentWrap .contentMain .contentBox #gameType ul li a.g06:hover {
	background-position: -570px -114px;
}


/* +eventPrograms 
*----------------------------------------------------------------------------*/
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms {
	margin: 0 28px 0 22px;
	background: url(../images/bg-eventPrograms.jpg) no-repeat 0 20px;
	overflow: hidden;
}

.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms h2 {
	margin: 0 0 10px;
	font-size: 18px;
	color: #d0c87f;
}

.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .type {
	padding: 5px 0;
	overflow: hidden;
}

.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .type .programs ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .type .price ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .type .project ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .type .infoA ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .type .infoB ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .type .infoC ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .type .recommend ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .type .score ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .type .results
{
	width: 80px;
	float: left;
	text-align: center;
	color: #d0c87f;
}

.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list {
	padding: 7px 0;
	border-bottom: 1px #49494b solid;
	overflow: hidden;
}

.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .programs {
	overflow: hidden;
	width: 80px;
	float: left;
	text-align: center;
	color: #d0c87f;
}

.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .programs h3 {
	color: #fff;
	text-align:center;
	margin:7px 0;
}

.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .project ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .infoA ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .infoB ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .infoC ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .recommend ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .score ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .results , 
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .price {
	line-height: 68px;
	color: #fff;
	text-align:center;
	width:80px;
	float:left;
}
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .results strong.win {
	background:url(../images/win.gif) no-repeat 0 0;
	text-indent:-99999999px;
	display:block;
}
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .results strong.lose {
	background:url(../images/lose.gif) no-repeat 0 0;
	text-indent:-99999999px;
	display:block;
}
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .results strong.peace {
	background:url(../images/peace.gif) no-repeat 0 0;
	text-indent:-99999999px;
	display:block;
}
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list .results strong.wait {
	background:url(../images/wait.gif) no-repeat 0 0;
	text-indent:-99999999px;
	display:block;
}


.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list p {
	float: right;
	line-height: 40px;
}

.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list p a.operating ,
.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list p a.gotosee {
	margin: 5px auto;
	width: 105px;
	height: 31px;
	background: url(../images/icon-buy.jpg) no-repeat 0 0;
	display: block;
	text-indent: -999999px;
}

.wrapper .content .contentWrap .contentMain .contentBox #eventPrograms .list p a.gotosee {
	background: url(../../images/15/article/icon-view.jpg) no-repeat 0 0;
}



.wrapper .content .contentWrap .contentMain {
    margin:auto 0;
	width: 960px;
    background: url(../images/bg-contentMain.png) repeat-y 0 0;
    float: right;
    min-height: 900px;
    position: relative;
    
}

.wrapper .content .contentWrap .contentMain .contentBox {
    background: url(../images/bg-contentTop.png) no-repeat 0 0;
    overflow: hidden;
}

.wrapper .content {
    padding: 0 0 55px;
    width: 100%;
    background: url(../images/bg-contact.jpg) no-repeat center bottom;
    overflow: hidden;
    position: relative;
}

.wrapper {
    width: 100%;
    background: url(../images/bg-wrapper.jpg) no-repeat center 35px;
    overflow: hidden;
    position: relative;
    background-color: #0F0D10;
}

.wrapper .content .contentWrap {
    margin: auto 0;
    min-height: 1000px;
}

/*
----------test---
*/

#eventPrograms {
    width: 100%;
	margin: 0 28px 0 22px;
	background: url(../images/bg-eventPrograms.jpg) no-repeat 0 20px;
	overflow: hidden;
}

#eventPrograms h2 {
	margin: 0 0 10px;
	font-size: 18px;
	color: #d0c87f;
}
#eventPrograms .type {
	padding: 5px 0;
	overflow: hidden;
}

#eventPrograms .type .programs ,
#eventPrograms .type .price ,
#eventPrograms .type .project ,
#eventPrograms .type .infoA ,
#eventPrograms .type .infoB ,
#eventPrograms .type .infoC ,
#eventPrograms .type .recommend ,
#eventPrograms .type .score ,
#eventPrograms .type .results{
	width: 80px;
	float: left;
	text-align: center;
	color: #d0c87f;
}

#eventPrograms .list {
	padding: 7px 0;
	border-bottom: 1px #49494b solid;
	overflow: hidden;
}

#eventPrograms .list .programs {
	overflow: hidden;
	width: 80px;
	float: left;
	text-align: center;
	color: #d0c87f;
}

#eventPrograms .list .programs h3 {
	color: #fff;
	text-align:center;
	margin:7px 0;
}

#eventPrograms .list .project ,
#eventPrograms .list .infoA ,
#eventPrograms .list .infoB ,
#eventPrograms .list .infoC ,
#eventPrograms .list .recommend ,
#eventPrograms .list .score ,
#eventPrograms .list .results , 
#eventPrograms .list .price {
	line-height: 68px;
	color: #fff;
	text-align:center;
	width:80px;
	float:left;
}
#eventPrograms .list .results strong.win {
	background:url(../images/win.gif) no-repeat 0 0;
	text-indent:-99999999px;
	display:block;
}
#eventPrograms .list .results strong.lose {
	background:url(../images/lose.gif) no-repeat 0 0;
	text-indent:-99999999px;
	display:block;
}
#eventPrograms .list .results strong.peace {
	background:url(../images/peace.gif) no-repeat 0 0;
	text-indent:-99999999px;
	display:block;
}
#eventPrograms .list .results strong.wait {
	background:url(../images/wait.gif) no-repeat 0 0;
	text-indent:-99999999px;
	display:block;
}


#eventPrograms .list p {
	float: right;
	line-height: 40px;
}

#eventPrograms .list p a.operating ,
#eventPrograms .list p a.gotosee {
	margin: 5px auto;
	width: 105px;
	height: 31px;
	background: url(../images/icon-buy.jpg) no-repeat 0 0;
	display: block;
	text-indent: -999999px;
}

#eventPrograms .list p a.gotosee {
	background: url(../../images/15/article/icon-view.jpg) no-repeat 0 0;
}



.wrapper .content .contentWrap .contentMain {
    margin:auto 0;
	width: 960px;
    background: url(../images/bg-contentMain.png) repeat-y 0 0;
    float: right;
    min-height: 900px;
    position: relative;
    
}

.wrapper .content .contentWrap .contentMain .contentBox {
    background: url(../images/bg-contentTop.png) no-repeat 0 0;
    overflow: hidden;
}

.wrapper .content {
    padding: 0 0 55px;
    width: 100%;
    background: url(../images/bg-contact.jpg) no-repeat center bottom;
    overflow: hidden;
    position: relative;
}

.wrapper {
    width: 100%;
    background: url(../images/bg-wrapper.jpg) no-repeat center 35px;
    overflow: hidden;
    position: relative;
    background-color: #0F0D10;
}

.wrapper .content .contentWrap {
    margin: auto 0;
    min-height: 1000px;
}