@charset "utf-8";
.w-imgText {
	position: relative;
	overflow: visible;
	margin-bottom: 50px;
}
.w-imgText ul {
	padding: 20px;
}
.w-imgText ul, .w-imgText li {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	border-radius: 30px;
}
.w-imgText .item {
	position: relative
}
.w-imgText .swiperBox {
	overflow: hidden;

}
.w-imgText .img {
	width: 50%;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	text-align: center;
}
.w-imgText .img img {
	width: 100%;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	    object-fit: cover;
		height: 100%;
}
.textB {
	position: absolute;
	width: calc(100% - 6% - 50%);
	left: 50%;
	right: 0;
	top: 0;
	bottom: 0;
	line-height: 1.7;
	margin-top: 3%;
	margin-right: 3%;
	margin-left: 3%;
}
/*按鈕*/
.igt_page_text {
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	position: absolute;
	z-index: 999;
}
.igt_page_text ul {
	margin: 0px;
	padding: 0px;
}
.igt_page_text li {
	float: left;
	clear: none;
	text-align: center;
	overflow: hidden;
	opacity: .5;
	cursor: pointer;
}
.igt_page_text li:hover, .igt_page_text li.on {
	opacity: 1
}
.igt_page_text li .item_span {
	display: inline-block;
 *display:inline;
 *zoom:1;
	padding: 0;
	position: relative;
	height: 30px;
	text-align: center;
}
.igt_page_text li .item_span>div {
	display: inline-block;
 *display:inline;
 *zoom:1;
	vertical-align: middle
}
.igt_page_text li .item_span .tit {
	font-size: 16px;
	line-height: 30px;
}
.igt_page_text li .item_span .adore {
	border: 1px solid #FFC107;
	border-radius: 50%;
	position: absolute;
	bottom: 0%;
	left: 30%;
	background-color: #FFFFFF;
	width: 20px;
	height: 20px;
}
.igt_page_text li.on .item_span .adore {
	border-radius: 50%;
	background-color: #FFC107;
	border: 3px solid #fff;
	-webkit-box-shadow: 0px 0px 0px 1px #FFC107;
	box-shadow: 0px 0px 0px 1px #FFC107;
}

/**
.c_icon{
	width: 25px;
	height: 25px;
	margin: auto;
	float: none;
	clear: both;
	background-image: url(https://testfly.rooster.idv.tw/tolek/book/images/c_icon1.png);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	z-index: 3;
	position: relative;
	
}**/

@media(max-width:1000px) {
.w-imgText li {
 width: 100%
}
 .w-imgText .img {
 width: calc(100% - 0%);
 border-bottom-left-radius: 0px;
 border-top-left-radius: 30px;
 border-top-right-radius: 30px;
 padding-bottom:100px;
}
 .w-imgText .img img {
 border-bottom-left-radius: 0px;
 border-top-left-radius: 30px;
 border-top-right-radius: 30px;
}
.w-imgText .textB {
 position: relative;
 left: 0;
 width: calc(100% - 6%);
}
.w-imgText ul, .w-imgText li {
 border-radius: 10px;
}
}
@media(min-width:320px) {
.igt_page_text {
 top: 23%;
width: 60%;
left:20%;
}
}
@media(min-width:360px) {
.igt_page_text {
 top: 28%;
}
}
@media(min-width:375px) {
.igt_page_text {
 
}
}
@media(min-width:414px) {
.igt_page_text {
top: 30%;
}
}
@media(min-width:480px) {
.igt_page_text {
 top: 35%;
}
}
@media(min-width:533px) {
.igt_page_text {
 top: 36%;
}
}
@media(min-width:600px) {
	.igt_page_text {
 top: 38%;
}

}
@media(min-width:768px) {
.igt_page_text {
 top: 47%;
}
}
@media(min-width:900px) {
.igt_page_text {
 top: 50%;
}
}
 @media(min-width:1000px) {
/*按鈕*/
.igt_page_text {
 top: 85%;
width: 20%;
left:65%;
}
.w-imgText .swiperBox {
 height: 850px;
}
.w-imgText .img {
	 height: 850px;
}
}
@media(min-width:1160px) {
.w-imgText .swiperBox {
 height: 780px;
}
.w-imgText .img {
	 height: 780px;
}
.igt_page_text {
 top: 85%;

}
}
