/* 共用 */
.title { color:#00507d; font-size:2rem; padding-bottom:15px; margin-bottom:30px; }
.title .bbimg { background: url("./images/tag-line-icon.png") no-repeat center bottom; background-size:80px; padding-bottom:15px; }
a.more { color:#3ac9d9; padding-bottom:5px; border-bottom:1px solid #3ac9d9; text-decoration: none; }
a.more:hover { color:#006098; border-bottom:1px solid #006098; }


.homeArea {padding: 60px 0px;background: url(./images/about-bg.png) no-repeat top -80px center;background-attachment: fixed;}

.subtitle { color:#bd9f77; font-size:0.8rem; font-weight:bold; font-family:"Times New Roman"; margin-bottom:40px; padding-left:4px; }
.detail { color:#8a7457; float:right; padding:0px 5px 10px 5px; border-bottom:2px solid #8a7457; }
.detail:hover { text-decoration: none; color:#bd9f77; border-bottom:2px solid #bd9f77; }
.tmenu { text-align:left; position: relative; }
.tmenu .detail { position: absolute; right:10px; bottom:25px; }


.loading {background:linear-gradient(0deg, #f5f7f7, #ffffff, #ffffff); position: fixed; top:0; left:0; width:100%; height:100%; z-index:10000; }
.loading img { width:auto; padding-top:40vh; }

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

/* ====== kaitek ====== */
.kaitek .content { margin-bottom:40px; color:#474747; text-align:justify; line-height: 30px; }

/* ====== product ====== */
.area .name2 {color: #393939;font-size: 1.2em;}

/* ====== about ====== */
.about { background: url('./images/img_about.jpg') no-repeat center center; background-size:cover;  height:380px;  }

/* ====== service ====== */
.service .area { box-shadow: rgba(0,0,0,0.1) 0px 4px 12px; }
.service .name { font-size:1.25rem; color:#00507d; }
.service .bd { width:32px; border-bottom:1px solid #00507d; }
.service_more { color:#666; }
.service_more_btn { width:40px; height:40px; border:1px solid #666; }

.brandImg { width:20%; }

/* ====== news ====== */
.news .bnews { margin-bottom:40px; }
.news .bnews .new { display: flex; padding:10px 20px; text-align:left; }
.news .bnews .new .date { width:190px; }
.news .bnews .new .content { color:#093f9b; text-decoration: none; }
.news .bnews .new .content:hover { color:#54bdf2; }
.news .bnews .new.odd { background-color:#f1f1f1; }

/* ====== ytembed ====== */
.ytembed { background:url("./images/about-bg.jpg")no-repeat center top; background-color:#51a9e0; background-size: cover;}
.ytembed .bytembed { display:flex; }
.ytembed .bytembed .lyt { flex:2; max-width:640px; }
.ytembed .bytembed .ryt { flex:1; padding-left:45px; text-align:justify; color:#fff; }
.ytembed .bytembed .ryt .name {  font-size:2rem; padding-bottom:35px; }
.ytembed .bytembed .ryt .prod { margin:20px 0px; }

/* ====== bbnr ====== */
.bbnr { background: url("./images/bg_bbnr.png") no-repeat center center; background-size:cover; }

/* amination area init */
.kaitek, .service, .news { transform:translateY(100px); opacity: 0; }
.upslideAni { animation:upslide .8s; transform:translateY(0px); opacity: 1;background: url(./images/bg-body-0.png) repeat-y; }
/* animation */
@keyframes upslide {
    0% { transform:translateY(100px); opacity: 0; }
    100% { transform: translateY(0px); opacity: 1; }
}


/************************** 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%;
}

@media (min-width:1430px){
    .service .container { max-width: 1400px; }
}

@media (max-width:1198.98px){
    .mhtop { height:88px; }
}

@media (max-width:1199.98px) and (min-width:992px){
    /* .top .topbnr .bnr { height:60vh; } */
}

@media (min-width:992px){
    .kaitek .content { max-width:920px; }
}



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

    /* ====== service ====== */
    
    /* ====== ytembed ====== */
    /* .ytembed .bytembed .lyt { max-width:480px; height:240px; } */
    .ytembed .bytembed .ryt { padding-left:25px; }
}

@media (max-width:991.98px) and (orientation: landscape){
    .top .topbnr .bnr { height:100vh; }
}

@media (max-width:767.98px){

    .area .name2 {color: #393939;font-size: .95em;text-align: center;margin: 0 auto;}
    .service .name {font-size: .9rem; color: #015aaa; line-height: 1.25em; }
    .service .bd {width: 32px;border-bottom: 1px solid #015aaa;margin: 0 auto;}
    .mhtop { height:60px; }
    .title { font-size:1.6rem; }

    .top .topmenu .menu .mb1 { display:none; }

    /* ====== about ====== */
    .about { height:180px;  }

    /* ====== service ====== */
    .service .serbg { right:-10px; background-size:90%; }
    .service .items { display: block; }
    .service .items .item .name { font-size:1.5rem; }

    .brandImg { width:50%; }

    /* ====== news ====== */
    .news .bnews .new { display: block; padding:20px; }

    /* ====== ytembed ====== */
    .ytembed .bytembed { display: block; }
    .ytembed .bytembed .ryt { padding-left:0px; width:100%; }
    .ytembed .bytembed .ryt .name { padding:30px 0px;font-size: 1.6rem; }
    .ytembed .bytembed .ryt .prod { margin:20px 0px; }
    
    /* ====== bbnr ====== */
    .bbnr .bbnr1 { padding-bottom:20px; }
    
}