#views div, #views a, #productWrap div, #productWrap a, #newWrap li, #newWrap li div, #newWrap li a, #newWrap li p, #newWrap li img { outline: none; margin: 0; }
#views .b-de { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; position: relative; overflow: hidden; }
#views .b-de>img { width: 100%; height: 100vh; overflow: hidden; }
#views .b-de .banner-txt { position: absolute; right: calc(50% - 360px); top: 0; z-index: 5; width: 483px; text-align: center; padding-top: calc(26% - 100px); max-height: 222px; overflow: hidden; }
#views .b-de .banner-txt .bb { width: 1px; height: calc(100% - 110px); background: #fff; position: absolute; right: 0; top: 0; display: block; }
#views .b-de .banner-txt .insidebb { width: 7px; height: 100%; background: #fff; position: absolute; right: 0; top: 0; display: block; }
#views .b-de .banner-txt .big-t { overflow: hidden; padding-right: 40px; position: relative; }
#views .b-de .banner-txt h2, #views .b-de .banner-txt h3, #views .b-de .banner-txt h4, #views .b-de .banner-txt p { text-align: right; color: #fff; font-weight: lighter; font-size: 30px; font-family: 'cwTeXHei', serif; line-height: 120%; text-shadow: 0 0 5px rgba(55, 29, 69, 0.82); }
#views .b-de .banner-txt h3 { font-size: 52px; }
#views .b-de .banner-txt p { margin: 20px 0 0; margin-right: 47px; font-size: 16px; line-height: 180%; font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; }
#views .b-de .banner-txt p a { color: #fff; display: inline-block; border: 1px solid #fff; padding: 10px 45px; border-radius: 15px; position: relative; font-size: 20px; font-weight: 700; transition: linear .3s; }
#views .b-de .banner-txt p a:hover { background: #b52420; }
#views .b-de .banner-txt p a img { display: inline-block; position: absolute; right: -10px; top: 10px; animation-name: pointhand; animation-iteration-count: infinite; animation-duration: .7s; animation-direction: alternate; transition: all linear; transform: translate(10px) rotateX(20deg); }

@keyframes pointhand { 0% { transform: translate(10px) rotateX(0deg); } 100% { transform: translate(0px) rotateX(35deg); } }

#views { position: relative; }
#views .bannerbid { position: absolute; bottom: -8%; left: -2%; width: 30%; }
#views .bannerribbon { position: absolute; bottom: -20%; right: 0; width: 90%; }
#views .baScro { position: absolute; bottom: 20px; right: calc(50% - 25px); }
.slick-slide video, .slick-slide iframe, .slick-slide canvas { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(1.4); z-index: 2; }
.slick-slide video, .slick-slide canvas { width: auto; transform: scale(1.4); }
#views a { display: block; position: relative; background-repeat: no-repeat; background-position: 50%; background-size: cover; }

@media screen and (max-width:1024px) {
	#views { margin-top: 76px; }
	#views .b-de .banner-txt h3 { font-size: 40px; }
	#views .b-de>img { height: 600px; }
}
@media screen and (max-width:980px) {
	#views .b-de .banner-txt { padding-top: calc(26% - 53px); right: 120px; height: 175px; }
}
@media screen and (max-width:768px) {
	#views .b-de>img { height: 500px; }
	#views .b-de .banner-txt { height: 130px; padding-top: calc(26% - 53px); right: 40px; }
	#views .b-de .banner-txt h3 { font-size: 30px; }
	#views .b-de .banner-txt h2 { font-size: 22px; }
}
@media screen and (max-width:640px) {
	#views .b-de>img { height: 400px; }
	#views .bannerbid { bottom: -5%; left: 0%; width: 40%; }
	#views .bannerribbon { bottom: -15%; }
	#views .b-de .banner-txt { padding: 0; top: initial; bottom: 50px; height: auto; right: 20px; width: calc(100% - 40px); }
	#views .b-de .banner-txt .big-t { padding-right: 20px; }
	#views .b-de .banner-txt h3 { font-size: 22px; }
	#views .b-de .banner-txt h2 { font-size: 16px; }
	#views .baScro { width: 30px; right: calc(50% - 15px); bottom: 10px; }
	.slick-slide img { height: 60vh; }
}
@media screen and (max-width:480px) {
	#views { margin-top: 67px; }
}