@charset "utf-8";
/* CSS Document */
header{position:relative;}
#map-container { height: 300px }
.google-maps {position: relative;padding-bottom: 90%;// (450 ÷ 500 = 0.9 = 90%) height: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#captchaDiv{position:relative}
#captchaImg{position:absolute;top:0;right:0;z-index:10;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px}
#about{background-image:url(../images/bg/aboutBg.jpg);background-repeat:repeat}
#services{background-image:url(../images/bg/servicesBg.jpg);background-attachment:scroll;background-position:center center;background-repeat:none;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}
#portfolio-section{background-image:url(../images/bg/proBg.jpg);background-repeat:repeat}
#blog{background-image:url(../images/bg/blogBg.jpg);background-repeat:repeat}
#contact{background-image:url(../images/bg/contactBg.jpg);background-repeat:repeat}
.imgBorderR{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #999}
.wordShadow{text-shadow:2px 4px 3px rgba(0,0,0,0.3)}
.proTypeWord{font-size:1.2em}
.wordCont{text-align:justify;text-justify:inter-ideograph;padding-bottom:50px;font-size:1.2em;color:#666;line-height:30px;letter-spacing:.2em}
.wordCont2{text-align:justify;text-justify:inter-ideograph;font-size:1.2em;padding:10px 50px 50px}
.obtn{background:#333;border-color:#333;font-size:1.5em;font-weight:200}
.indexTitle{font-size:1.8em;font-weight:400}
.dropWord{font-size:1.3em;padding-top:0.8em;padding-bottom:0.8em;}
.webname{font-weight:bold;}
.webname:hover, webname:focus, webname:active { color:#777 }
@media(min-width:769px) {
.indexImg1{padding-top:700px;}
.indexTitle{font-size:5em;font-weight:400}
.proTypeList li{font-size:1.5em}
.proTypeList li:hover{color:#124a33}
.changeWord{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:solid 1px #575757;color:#575757;background:none;display:block;width:45px;height:45px;text-align:center;line-height:45px;margin-top:-15px}
.changeWord:hover{border:solid 1px #124a33;color:#124a33;text-decoration:none}
.changeWordPhone{display:none}
.proImgChang{height:auto;max-height:600px;}
.menuE2{word-wrap: break-word;word-break: break-all;width:180px; text-align:center;height:60px;font-size:0.5em;margin-top:-5px;}
.caseWordTitle{width:auto;max-width:230px;word-wrap: break-word;word-break: break-word;}
}
@media(max-width:768px) {
header{padding-top:50px}
.indexImg1{padding-top:300px;}
.proTypeList{display:none}
.changeWord{display:none}
.changeWordPhone{width:44px;height:33px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:9px;right:65px;z-index:100;border:solid 1px #575757;color:#575757;background:none;line-height:33px;font-size:1.2em;text-align:center}
.changeWordPhone:hover{border:solid 2px #124a33;color:#124a33;text-decoration:none}
.caseWordTitle{width:100%;word-wrap: break-word;word-break: break-word;}
}