/* 共用 */
.title { color:#008ca4; font-size:2.4rem; line-height:50px;}
.subtitle { color:#554d46; font-size:0.8rem; margin-bottom:40px; padding-left:4px; }
.detail { color:#554d46; float:right; padding:0px 5px 10px 5px; border-bottom:2px solid #554d46; }
.detail:hover { text-decoration: none; color:#cc9d58; border-bottom:2px solid #cc9d58; }
.tmenu { text-align:left; position: relative; }
.tmenu .detail { position: absolute; right:10px; bottom:25px; }


.loading { background-color:#008ca4; position: fixed; top:0; left:0; width:100%; height:100%; z-index:10000; }
.loading img { width:auto; position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }

.top { position: relative; }
.top .topbnr .bnr { width:100%; height:100vh; }
/* 圖片放大 */
@keyframes zoomin {
    0% { transform: scale(1); }
    100% { transform: scale(1.1); }
}

.home_bg { background:url(images/home_bg0.jpg) top center/cover no-repeat; }
/*.home_pic2 { background:url(images/home_bg1.jpg) bottom left/cover no-repeat; }*/
.home_pic2 .container { max-width:1550px; padding-top:50px; padding-bottom:50px; padding-left:30px; padding-right:30px; }
.home_pic2 .title { font-size:2rem; color:#008ca4; font-weight:bold; }
.home_pic2 .more a { color:#474747; display:inline-block; padding:8px 30px; border:1px solid #474747; border-radius:20px; }
.home_pic2 .more a:hover { color:#008ca4; text-decoration:none; }
.home_pic2 .content { margin-top:35px; }
.home_pic2 .content .first { }
.home_pic2 .content .item { margin-bottom:30px; }

/*.home_mix1 { background:#cfefef url(images/home_bg2.jpg) top left/cover no-repeat; }*/
.home_mix1 .container { max-width:1550px; padding-top:60px; padding-bottom:50px; padding-left:30px; padding-right:30px; }
.home_mix1 .container > .row { background-color:#fff; }
.home_mix1 .news { text-align:left; padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:30px; }
.home_mix1 .news .title { font-size:2.3rem; }
.home_mix1 .news .nlist { margin-top:20px; margin-bottom:20px; font-size:1.2rem; line-height:normal; }
.home_mix1 .news .nlist .item { margin:8px 0; }
.home_mix1 .news .nlist .dt { float:left; }
.home_mix1 .news .nlist .dt2 { display:none; }
.home_mix1 .news .nlist .tit { margin-left:130px; }
.home_mix1 .news .nlist .tit a { color:#303030; }
.home_mix1 .news .nlist .tit a:hover { text-decoration:none; }
.home_mix1 .news .more { text-align:right; }
.home_mix1 .news .more a { color:#474747; display:inline-block; padding:8px 50px; border:1px solid #474747; border-radius:20px; }
.home_mix1 .news .more a:hover { color:#008ca4; text-decoration:none; }

.home_info { border-top:12px solid #f2e026; background-color:#008ca4; padding-top:30px; padding-bottom:30px; text-align:left; color:#fff; }
.home_info .container { max-width:1520px; }
.home_info .td1 .item { margin:15px 0; }
.home_info .td2 { text-align:center; }
.home_info .td2 img { width:320px; max-width:100%; }
.home_info .td3 { text-align:right; }
.home_info .td3 a { color:#fff; display:inline-block; padding:8px 20px; border:1px solid #fff; border-radius:30px; width:250px; max-width:100%; text-align:center; font-size:1.125rem; }
.home_info .td3 a:hover { color:#f2e026; text-decoration:none; }
.home_info .td3 .item { margin:15px 0; }

.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%;
}

/* amination area init */
.areamove, .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){
    .home_mix1 .news .nlist .item { margin:20px 0; }
    .home_mix1 .news .nlist .dt { display:none; }
    .home_mix1 .news .nlist .tit { margin-left:0; }
    .home_mix1 .news .nlist .dt2 { display:block; font-size:1rem; margin-top:6px; }
}

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

@media (max-width:991.98px){
    .home_pic1 .pc { display:none; }
    
    .home_info { font-size:1.2rem; }
    .home_info .td1 { text-align:center; }
    .home_info .td2 { margin:15px 0 20px; }
    .home_info .td2 img { width:240px; max-width:90%; }    
    .home_info .td3 { text-align:center; }
}

@media (min-width:992px){
    .home_pic1 .mb { display:none; }
}

/* 手機橫寬991.98內 banner全版 */
/* @media (max-width:991.98px) and (orientation: landscape){
    .top .topbnr .bnr { height:100vh; }
} */

@media (min-width:768px){

}

@media (max-width:767.98px){
    .title { font-size:2rem; }

    .detail { padding-bottom:5px; }

    .home_pic2 .title { font-size:1.6rem; } 
    .home_pic2 .more a { padding:6px 25px; }
    
    .home_mix1 .news .title { font-size:1.6rem; }

    .home_pic2 .content .first { margin-bottom:40px; }
    .home_pic2 .content .item { margin-bottom:20px; }
    .home_pic2 .content .row { margin-left:-10px; }
    .home_pic2 .content .row { margin-right:-10px; }
    .home_pic2 .content .row .col-6 { padding-left:10px; padding-right:10px; }
    .home_pic2 .content .row .col-12 { padding-left:10px; padding-right:10px; }
}

@media (max-width:575.98px){
    .home_info { font-size:1rem; }
    .home_info .td2 img { width:240px; max-width:90%; }    
}