/*header fix Start*/
body{padding-top:60px;}
header{top:0px;}
#mainvision{display:none;}

.rd-navbar-static .rd-navbar-inner{background:#FFF;box-shadow:0px 1px 4px rgba(0,0,0,0.2);}

.rd-navbar-outer a{color:#252525;}
.rd-navbar-static .rd-navbar-nav > li.active > a,
.rd-navbar-static .rd-navbar-nav > li.opened > a,
.rd-navbar-static .rd-navbar-nav > li.focus > a,
.rd-navbar-static .rd-navbar-nav > li > a:hover{color:#252525;border-bottom:3px solid #252525;padding-bottom:15px;}

.rd-navbar-cart-toggle span,.rd-navbar-cart-toggle:hover span{color:#252525;}

@media (min-width: 768px) {
	.logo_c{display:inline-block;}
	.logo_w{display:none;}
}

@media (max-width: 767px) {
	body{padding-top:56px;}
	.rd-navbar-outer a.search-toggle{color:#FFF;}
}
/*header fix End*/

/*pages fix Start*/
div.maincontainer{margin-top:0px;}
.breadcrumb{margin-bottom:0px;font-size:15px;}
.breadcrumb > .active {color:#FFF;}
.breadcrumb > li + li:before{color:#FFF;}
.breadcrumb a{color:#FFF;}
.breadcrumb a:hover{color:#FFFF00;}
/*pages fix End*/

.pages_vision{height:500px;margin-left:-15px;margin-right:-15px;color:#FFF;position:relative;}
.pages_vision:before{
	content:'';
	width:100%;
	height:500px;
	position:absolute;
	top:0px;
	left:0px;
	background:-moz-linear-gradient(left,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.0) 100%);
	background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,0.4)),color-stop(100%,rgba(0,0,0,0.0)));
	background:-webkit-linear-gradient(left,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.0) 100%);
	background:-o-linear-gradient(left,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.0) 100%);
	background:-ms-linear-gradient(left,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.0) 100%);
	background:linear-gradient(to right,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.0) 100%);
	z-index:2;
}

.pages_caption{
	position:absolute;
	z-index:3;
	left:0%;
	top:50%;
	width:100%;
	height:auto;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}
.pages_caption h1{margin:0px;font-size:50px;font-family:impact, Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;}

.pages{margin-top:120px;line-height:2em;}
.pages_intro{position:relative;padding:0px 20px;margin-bottom:120px;}
.pages_intro:before,.pages_intro:after{
	content:'';
	width:68%;
	height:58%;
	background-color:#252525;
	position:absolute;
	left:0px;
	bottom:-20px;
	z-index:-1;
	-webkit-transform:rotate(-10deg);
	-moz-transform:rotate(-10deg);
	-o-transform:rotate(-10deg);
	-ms-transform:rotate(-10deg);
	transform:rotate(-10deg);
}
.pages_intro:before{left:auto;right:0px;top:-20px;background-color:#DDD;}
.pages_intro img{border:2px solid #252525;}

.pages_introtitle{margin-top:0px;padding-bottom:10px;position:relative;}
.pages_introtitle:after{
	content:'';
	display:inline-block;
	width:54px;
	height:2px;
	background-color:#252525;
	position:absolute;
	left:0px;
	bottom:0px;
}

.pages_infoitem{display:flex;}
.pages_infoitem .fa{border:2px solid #333;border-radius:100%;width:50px;height:50px;line-height:50px;text-align:center;margin-right:20px;}
.pages_infoitem h3{margin-top:0px;margin-bottom:0px;}

.pages_board{color:#FFF;margin-left:-15px;margin-right:-15px;margin-top:20px;position:relative;padding:30px 0px;}
.pages_board:before{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.7);
	z-index:2;
}
.pages_board_caption{position:relative;z-index:3;line-height:2em;}
.pages_board_caption h1{margin-top:0px;padding-bottom:10px;font-size:40px;font-family:impact, Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;position:relative;}
.pages_board_caption h1:after{
	content:'';
	display:inline-block;
	width:40px;
	height:3px;
	background-color:#FFFF00;
	position:absolute;
	left:0px;
	bottom:0px;
}

.pages_item{margin-top:30px;line-height:2em;}
.pages_itemtext{margin-bottom:30px;}

.pages_item div.home-thumbnails{border:none;}
.pages_item .first-thumb{border-radius:50% 0px;}
.pages_item .sec-thumb{margin-top:30px;border-radius:0px 50%;}
.pages_item .third-thumb{border-radius:50px;}
.pages_item div.thumbnails-4by6{height:0px;padding-bottom:calc(150% + 30px);position:relative;overflow:hidden;}
.pages_item div.home-thumbnails .thumbnails-4by6 img{left:-70%;width:240%;height:auto;}

@media (max-width: 991px) {
	.pages{margin-top:60px;}
	.pages_thumbs{margin-top:30px;}
}

@media (max-width: 767px) {
	.pages_vision{height:calc(100vh - 56px);}
	.pages_vision:before{height:calc(100vh - 56px);}
	.pages{margin-top:30px;}
	.pages_intro{margin-top:30px;}
	.pages_infoitem{margin-bottom:20px;}
}

@media (max-width: 600px) {
	.pages_intro{margin-bottom:60px;}
}