﻿@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(0,58,123,0),rgba(29,53,91,.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),rgb(208,145,35) 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:#1f365f; color:#fff;}
.A11101d1 .more a:hover{background:#333;}
.A11101d1{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;}
.A11101d2{background:url("../images/A11102d1-bg.jpg"); background-size:cover; 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%) scale(1.6,1.6); transform-origin: left; width:100%; height:auto;}
.A11101d2 h2{color:#fff; font-size:28px; 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:#003a7b; font-size:200%; display:block; margin-bottom:20px;}
.A11101d3 .list .innerhtml{margin-top:0;}
@media screen and (max-width:1286px){/*desktop*/
.A11101d2 td:first-of-type{padding:40px 0;}
.A11101d2 h2{color:#fff; font-size:22px; line-height:150%;}
}
@media screen and (max-width:960px){/*desktop-small pad*/
.A11101d2 .page{padding:0px;}
.A11101d2 td:first-of-type{padding:40px;}
.A11101d2 td{width:100% !important; display:block !important; clear:both;}
.A11101d2 td:last-of-type{padding:0; line-height:0;}
.A11101d2 td:last-of-type img{position:relative; transform:translateY(0%) scale(1,1); left:0;}
.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:23px;}
}
/*=====================default page set end=====================*/
/*A0503*/
.A0503 .main .list{padding:0;}
.A0503 .main .list h3.subject{border-bottom:1px solid #ccc;}
.A0503 .main .list .innerhtml{padding-left:30px;}
/*Contact4*/
.Contact4{padding-bottom:0;}
.Contact4 .gmap .page{max-width:100%; width:100%;}
