#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; }
}