/* 共用 */
.title { color:#000; font-size:2rem; padding-bottom: 5px; margin-bottom:40px; line-height:50px; border-bottom:1px solid #97110f; display: inline-block; }

.loading { background-color:#fff; position: fixed; top:0; left:0; width:100%; height:100%; z-index:10000; }
.loading img { width:auto; padding-top:30vh; }
/* 圖片淡入淡出 */
/* @keyframes showin {
    0% { opacity: 0; }
    100% { opacity: 1; }
} */

/* @keyframes showout {
    0% { opacity: 1; }
    100% { opacity: 0; }
} */

.top { position: relative; }
.top .topbnr .bnr { width:100%; height:100vh; }

.product .mhpro { height:100px; }
.product video { width:100%; height:100%; }
.product .pdbnr { margin:-15px; }
.product .pdbnr .pb { padding:15px 0px; }
/* .product .pdbnr { margin:-15px; display:flex; flex-direction: column; flex-wrap:wrap; } */
/* .product .pdbnr .pb { padding:15px; width:50%; }  flex 寫法 */

.achievement { background-color:#cd2831; padding:40px 0px; }
.achievement .item .icon { height:50px; }
.achievement .item .icon img { max-height:32px; max-width:100%; height:auto; width:auto; }
.achievement .item .txt { padding-top:10px; color:#fff; }

/************************** video rwd **************************/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}

.video-container-4by3 {
	position: relative;
	padding-bottom: 75%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container-4by3 iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}

/* amination area init */
/* .cont, .prod,.btmbnr, .newcont { transform:translateY(100px); opacity: 0; } */
.upslideAni { animation:upslide 2s; transform:translateY(0px); opacity: 1; }
/* animation */
@keyframes upslide {
    0% { transform:translateY(100px); opacity: 0; }
    100% { transform: translateY(0px); opacity: 1; }
}


@media (max-width:1199.98px){

}

@media (max-width:1199.98px) and (min-width:992px){

}

@media (min-width:992px){
    
}

@media (max-width:991.98px){
    
}



@media (min-width:768px) and (max-width:991.98px){

}

/* 手機橫寬991.98內 banner全版 */
@media (max-width:991.98px) and (orientation: landscape){

}


@media (min-width:768px){

}

@media (max-width:767.98px){
    .product .mhpro { height:60px; }

    .achievement { padding:60px 0px; }
    .achievement .item:not(:first-of-type) { padding-top:40px; }
}

@media (max-width:575.98px){
    
}