@charset "utf-8";
/* CSS Document */
/*default page set*/

.A11101d0{padding:40px 0;}
.A11101d0 .list section,.A11101d0 .list .more{text-align:center;}
.A11101d0 .list .frm{position:relative;}
.A11101d0 .list .frm img{transition:1s;}
.A11101d0 .list .frm:hover img{transform:scale(1.04,1.04);}
.A11101d0 .list section{position:absolute; bottom:0; left:0; background:linear-gradient(rgba(57,76,96,0),rgba(57,76,96,.8) 30%); z-index: 2; width:100%; color:#fff; padding: 20px 10px 20px 10px;}
.A11101d0 .list .frm:hover section{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8) 30%);}
.A11101d0 .list h3.subject span{font-size:15px; font-weight:300; display:block; line-height:130%; color:#ccc;}
.A11101d0 .list h3.subject{font-size:24px; letter-spacing: 2px; padding:0;}
.A11101d0 .list .more{margin-top:0px; font-size:15px;}
.A11101d0 .list .more span::before{content:"view more"; color:#fff; text-decoration:underline;}
.A11101d1 .more{text-align:center;}
.A11101d1 .more a{letter-spacing: 2px; display:inline-block; padding:10px 2em; background:#475a6d; color:#fff;}
.A11101d1 .more a:hover{background:#333;}
.A11101d1{background:url("../images/A10401_17.jpg"); background-size:cover; padding:30px 0 50px 0; position:relative;}
.A11101d1 .page{padding:0 30px;}
.A11101d1 h2.dtit{text-align:center; font-size:32px; letter-spacing: 2px; font-weight:300;}
.A11101d1 h2.dtit span{font-size:15px; font-weight:300; display:block; margin-bottom:10px;}
.A11101d1 h3.subject{text-align:center; color:#000; margin-bottom:0;}
.A11101d1 .innerhtml{padding:0; text-align: center;}
.A11101d1 figure{border:5px solid #fff; background:#fff;}
.A11101d1 figure img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.A11101d1 .list .frm:hover img{transform:translate(-50%,-50%);}
.A11101d2{background:linear-gradient(90deg,#191919 70%,#050505 70%); color:#fff; line-height:180%; font-size:15px; overflow: hidden;}
.A11101d2 td:first-of-type{padding:80px 0;}
.A11101d2 td:last-of-type{position:relative;}
.A11101d2 td:last-of-type img{position:absolute; top:50%; left:10%; transform:translateY(-50%); width:auto; height:120%;}
.A11101d2 h2{color:#f0cc80; font-size:42px; line-height:150%;}
.A11101d2 .more a{display:inline-block; padding:3px 1.5em; background:#fff; color:#000; border-radius:5px;}
.A11101d2 .more{margin-top:30px;}
.A11101d3{padding:50px 0;}
.A11101d3 .list .frm{background:#f7f8f8; padding:25px !important;}
.A11101d3 .list section, .A11101d3 .list figure{text-align:center;}
.A11101d3 .list figure img{max-width:100%; width:auto;}
.A11101d3 .list h3.subject{font-size:20px; font-weight:500; padding-bottom:0; margin-bottom:0;}
.A11101d3 .list h3.subject span{color:#374c61; font-size:200%; display:block; margin-bottom:20px;}
.A11101d3 .list .innerhtml{margin-top:0;}
@media screen and (max-width:1286px){/*desktop*/
.A11101d2{background:linear-gradient(90deg,#191919 80%,#050505 80%);}
.A11101d2 td:first-of-type{width:80%;}
.A11101d2 td:last-of-type img{width:150%; height:100%; left:0;}
}
@media screen and (max-width:960px){/*desktop-small pad*/
.A11101d1 .list{padding:5px !important;}
.A11101d3 .list h3.subject{font-size:16px;}
}
@media screen and (max-width:767px){/*phone*/
.A11101d0 .list h3.subject{font-size:16px;}
.A11101d0 .list h3.subject span,.A11101d0 .list .more span::before{font-size:13px;}
.A11101d0 .list section{padding:5px;}
.A11101d1{padding:20px 30px;}

.A11101d2 h2{font-size:30px;}
}
/*=====================default page set end=====================*/
.A0207_C .side{display:none;}
.A0207_C .main{width:100%;}
.A0207_C .main .list .frm{border:1px solid #efefef; background:#fff; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.A0207_C .main .list .frm:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
.A0207_C .main .list .frm section{text-align:center;}
.proli .list figure{width:50%; padding:1em;}
.proli .list section{width:50%; padding:1em;}
.proli .list.rr figure{float:right;}
/*pro class*/
.proclass .side{display:none;}
.proclass .main{width:100%;}
.proclass .list h3.subject{text-align: center;}
.proclass .list{padding:20px;}
/*prode*/
.prode .cnt{max-width:100%; height:600px; overflow: scroll;}
.prode .cnttit{display:block; border-bottom:1px solid #ccc; margin-bottom:20px; margin-top:20px; float:left; width:100%; color:#666; padding-bottom:10px; padding-top:10px;}
.prode .cnt table{border-collapse:collapse; border:1px solid rgba(57,76,96,1); font-size:13px;}
.prode .cnt table tr:first-of-type{background:rgba(57,76,96,1);}
.prode .cnt table tr:nth-of-type(even){background:#f5f5f5;}
.prode .cnt table tr:first-of-type td{text-align:center; color:#fff;}
.prode .cnt table a{color:#006699; text-decoration:underline;}
/*syisform*/

.syisform::before{content:"產品諮詢"; width:100%; text-align:center; font-size:24px; display:block; margin-bottom:30px;}
@media screen and (max-width:960px){/*phone*/
.proli .list figure{width:100%; padding:0;}
.proli .list section{width:100%; padding:0;}
}
.prode figure{width:50%;}
.prode .sum{width:50%; padding:0 20px;}
.prode h1{width:50%; float:right; padding:0 20px;}
.prode .cnt{padding-top:20px;}
.proclass .list{padding:10px 30px;}
@media screen and (max-width:767px){/*phone*/
.prode figure{width:100%;}
.prode .sum,.prode h1{width:100%; padding:20px 0;}
.proclass .list{width:50%; padding:5px;}
}
/*Contact4*/
.Contact4{padding-bottom:0;}
.Contact4 .gmap .page{max-width:100%; width:100%;}