@charset 'utf-8';
/*reset------------------------------------------------*/
html{}
*{margin:0;padding:0;border:none;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,b,th{font-size:1em;font-weight:normal;font-style:normal;}
ul,ol{list-style:none;}
fieldset,img{border:none;}
caption,th{text-align:left;}
table{border-collapse:collapse;border-spacing:0;}
body{margin:0;padding:0;font-size:12px;line-height:20px;color: #333;}
ul,li{margin:0;padding:0;list-style:none;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{position: relative; min-height: 1px; padding-right:0px; padding-left: 0px;}

/*common------------------------------------------------*/
html {height:100%; background:#fff;}
body { margin: 0; padding: 0; color: #333; font-size : 14px; height:100% ;font-family: "Sawarabi Mincho"; }
.fontGoth{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.fontTimes{font-family:"Times New Roman", Times, serif;}
img.w100{width:100%;}
img.w96{width:96%;}
img.w90{width:90%;}
img.w80{width:80%;}
img.w70{width:70%;}
img.w60{width:60%;}
img.w50{width:50%;}
img.w40{width:40%;}
img.w30{width:30%;}
img.w20{width:20%;}
img.w20-40{width:30%;}
img.w30-60{width:30%;}
img.index_t{width:70%; max-width:620px;}
img.category_t{width:70%; max-width:400px;}
img.btn_data01{ width:33.33333%; max-width:270px;}


.colFFF{color:#fff;}

.bgSand{ background:#f3edd3;}
.bgLightBeige{ background:#eae5d9;}
.bgMiddleBeige{ background:#aba084;}
.boderMiddleBeige{ background:#aba084;}
.bgLightGray{ background:#dadada;}
.bgLandBeige{ background:#eee8da;}
.barLightPurple{background:#6b5a64; padding-top:10px; padding-bottom:10px;}
.barDeepPurple{background:#2d132c; padding-top:10px; padding-bottom:10px;}
.barDeepPurpleS{background:#2d132c; padding-top:3px; padding-bottom:3px;}

.boderMiddleBeige{ border-left:#aba084 1px solid; border-right:#aba084 1px solid;}
.boderFff{ border-left:#fff 1px solid; border-right:#fff 1px solid;}
@media (max-width: 768px) {
.boderFff{border-left:#aba084 1px solid; border-right:#aba084 1px solid;}
}
.fontThin{font-weight:200;}
a img{border:none;}
a img:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;-ms-filter:"alpha(opacity=80)";}
a.colFFF{color:#fff;}
.letterWide{letter-spacing:10px;}
.letterSemiWide{letter-spacing:3px;}
.line21{line-height:210%;}
.line18{line-height:180%;}

#topcontrol{z-index:9999;}

.br768{ display: inline;}
.pcOnly{display:block;}
.smpOnly{display:none;}
@media (max-width: 768px) {
img.w20-40{width:40%;}
img.w30-60{width:60%;}
img.btn_data01{ width:55%;}
.br768{ display:block;}
.pcOnly{display:none;}
.smpOnly{display:block;}
}
.br540{ display: inline;}
@media (max-width: 768px) {.br540{ display: block;}}

.articleBody{ background:#fff;}
.articleBody #headerContainer .container{ width:100%; max-width:1260px; margin:0 auto; padding:0;}
.articleBody #contentContainer .container{ width:100%; max-width:1500px; margin:0 auto; padding:0;}
.articleBody #contentContainer .container960{ width:100%; max-width:960px; margin:0 auto; padding:10px;}
.articleBody #contentContainer .container640{ width:100%; max-width:640px; margin:0 auto; padding:5px;}
.articleBody #contentContainer .container-fluid{margin:0 auto; padding:0;}
.articleBody #contentContainer .container-fluidBg{margin:0 auto; padding:0; background:#efe9db;}
.articleBody #contentContainer{padding:150px 0 0 0;}/*固定メニュー回避用*/
@media (max-width: 1200px) {
.articleBody #contentContainer{padding:70px 0 0 0;}/*固定メニュー回避用*/
}
@media (max-width: 1002px) {
.articleBody #contentContainer{padding:50px 0 0 0;}/*固定メニュー回避用*/
}
@media (max-width: 768px) {
.articleBody #contentContainer{padding:50px 0 0 0;}/*固定メニュー回避用*/
}


/*マークアップ*/
h2{ font-size:32px; margin:40px auto 40px; line-height:160%; color:#2d132c; letter-spacing:1px;}
h3{ font-size:24px; margin:20px auto 20px; line-height:160%; color:#2d132c;}
h4{ font-size:21px; margin:20px auto 20px; line-height:140%; color:#2d132c;}
h5{ font-size:16px; margin:20px auto 20px; line-height:140%; color:#2d132c;}
h5.conceBar{ background:#2d132c; padding:2px; color:#fff; margin:10px auto;}
p.size18{ font-size:18px; margin:20px auto 20px; line-height:180%; color:#333;}
@media (max-width: 1002px) {
h2{ font-size:28px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
p.size18{ font-size:16px;} 
}
@media (max-width: 768px) {
h2{ font-size:24px; margin:20px auto;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
p.size18{ font-size:14px; line-height:140%;} 
}

/*indexPage------------------------------------------------*/
#indexPage{ text-align:center;}
#indexSlide{/* height:100vh;  */position:relative; margin:0 0 20px 0; padding:0;}
#indexSlideSmp{ display:none;}

p.index3P{margin:10px; min-height:80px;}
a p.index3P{ text-decoration:none; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}

@media (max-width: 768px) {
#indexSlide{ display:none;}
#indexSlideSmp{ display: block;position:relative; margin:0 0 25px 0; padding:0;}
}


/*conceptPage　conceptとlandscape兼用------------------------------------------------*/
#conceptPage{ text-align:center;}

.bgCon{ background:#eee7cd; padding-top:40px; padding-bottom:40px;}


#conceptPage ul.col2{width:100%;}
#conceptPage ul.col2 li{width:50%; margin:0; padding:0; float:left;}
#conceptPage ul.col2 li.w46{ width:46%; margin:0 2%; padding:0; float:left;}

@media (max-width: 768px) {
#conceptPage #contentContainer p.expTxt{line-height:210%; margin:20px 0; color:#052331; font-size:14px;}
#conceptPage ul.col2{width:100%; float:none;}
#conceptPage ul.col2 li.w46{ width:96%; float:none;}
}
#conceptPage ul.col3{width:100%;}
#conceptPage ul.col3 li{width:33.333333%; margin:0; padding:0; float:left;}
@media (max-width: 540px) {
#conceptPage ul.col3 li{width:100%; margin:0; padding:0; float:none;}
}
#sampleHouse{position:relative;}
#sampleHouse #sampleBtn{ position:absolute; top:210px; width:100%;left:0; right:0; display:block;}
#sampleHouse #pano001{ position:absolute; top:20%; width:10%;left:18%; display:block;}
#sampleHouse #pano002{ position:absolute; top:41.5%; width:10%;left:18.5%; display:block;}
@media (max-width: 768px) {
#sampleHouse #sampleBtn{top:95%;}
}

/*plan*/
#conceptPage .planBarLeft{ background:#6f5e6d; text-align:right; padding:0;}
@media (max-width: 768px) {
#conceptPage .planBarLeft{text-align:left;}
}
#conceptPage .planBarRight{ background:#9f9fa0; text-align:left; padding:0;}
#conceptPage .planBarImg{width:100%; max-width:480px;}
#conceptPage  h3.h3Plan{ background:#2c132b; padding:10px; color:#fff; width:80%; margin:60px auto; max-width:360px;}

/*locPage------------------------------------------------*/
#locPage{ text-align:center;}

#locPage #contentContainer ul.col2{width:100%;}
#locPage #contentContainer ul.col2 li{ width:calc(50% - 10px); float:left; padding:10px 5px;}
#locPage #contentContainer ul.col2 li#ajist{ width:calc(100% - 10px); float:none; padding:5px;}
#locPage #contentContainer ul.col2 li h4{margin:5px 0; font-size:14px; font-weight:500; text-align:left; border-bottom:#ccc 1px solid; font-size:24px;}
#locPage #contentContainer ul.col2 li p{font-size:12px; text-align:left;}
#locPage #contentContainer ul.col2 li ul.inn2p{ width:100%;}
#locPage #contentContainer ul.col2 li ul.inn2p li{width:calc(50% - 10px); float:left; padding:0 5px;}

#locPage #contentContainer ul.col2 li ul.infoUL {width:100%; margin:0;}
#locPage #contentContainer ul.col2 li ul.infoUL li.iofoLi{ width:100% !important; overflow:hidden; display:block;background: url(../img/location/dot02.png) repeat-x left center; font-size:12px;list-style:none; margin:0; padding:5px 0;}
#locPage #contentContainer ul.col2 li ul.infoUL li.iofoLi span{background:#fff; padding:0px;float:left;}
#locPage #contentContainer ul.col2 li ul.infoUL li.iofoLi span.distance{float:right;}
#locPage #contentContainer ul.col2 li ul.infoUL li.iofoLi span.distance2{float:right;line-height:1.8rem;line-height:18px;}

#locPage #contentContainer ul.col3{width:100%;}
#locPage #contentContainer ul.col3 li{ width:33.3333%; float:left; padding:0 20px; text-align:left;}

#locPage #contentContainer ul.col2S{width:100%;}
#locPage #contentContainer ul.col2S li{ width:50%; float:left; padding:0 20px; text-align:left;}

#locPage #contentContainer ul.col4{width:100%;}
#locPage #contentContainer ul.col4 li{ width:25%; float:left; padding:10px 15px; text-align:left;}

#user_gmap{width:100%; height:600px; margin:40px 0 70px;}
#user_gmap .popupTxt{color:#000; font-size:12px; margin:0 15px 0 0; padding:0; text-align: center !important;font-family: "Sawarabi Mincho" ;}
#user_gmap .popupTxt div.vigrous{font-size:14px; line-height:120%; padding:10px 0;}
#user_gmap .popupTxt div.vigrous p{font-size:16px; font-weight:500; }
#user_gmap .popupTxt .bold{font-weight:bold;}
#user_gmap .popupTxt img{ width:100%; max-width:360px;}

#locPage #contentContainer .mapsMaps{border:#ccc 1ps solid; padding:10px 10px 20px 10px;background:#eee8da;}
#locPage #contentContainer .mapsMaps .mapInput{ margin:0 auto; text-align:center; font-size:24px; color:#F00;}
#locPage #contentContainer .mapsMaps .mapInput span.mapFrom{border:#ccc; background:#fff; padding:3px 10px; color:#000; font-size:24px;}
#locPage #contentContainer .mapsMaps .mapInput span.mapVector{ font-size:24px; color:#F00; margin:0 5px;}
#locPage #contentContainer .mapsMaps input[type="submit"] { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; margin:30px auto 0; width:200px; padding:15px; background:#2d132c; color:#fff; font-weight:bold;}
#locPage #contentContainer .mapsMaps input[type="submit"]:hover{background:#6b5a64;}
#locPage #contentContainer .mapsMaps input[type="text"]{font-size:24px; width:40%; border:#ccc 1px solid; padding:7px; color:#000;}
@media (max-width: 540px) {
#locPage #contentContainer .mapsMaps .mapInput span.mapFrom{ display:none;}
#locPage #contentContainer .mapsMaps .mapInput span.mapVector{ display:none;}
#locPage #contentContainer .mapsMaps input[type="text"]{width:80%;}
}











@media (max-width: 768px) {
#locPage #contentContainer ul.col2 li{ width:100%; float:none;}
#locPage #contentContainer ul.col2 li ul.inn2p li{width:50%; }
#locPage #contentContainer ul.col3 li{ width:100%; float:left; padding:10px 5px;}
#locPage #contentContainer ul.col2S li{ width:100%; float:left; padding:10px 5px;}
#locPage #contentContainer ul.col4 li{ width:50%; padding:10px; }
}


/*outlinePage------------------------------------------------*/
#outlinePage{ text-align:center;}
#outlinePage .bgBro{background:#ebe6da; padding:40px 0; margin:40px 0;}
#outlinePage .bgFff{background:#fff; width:96%; max-width:980px; margin:20px auto; padding:10px;}
#outlinePage ul.outTable{ clear:both; border-bottom:#cecece 1px dashed; margin:10px 1%; width:98%; }
#outlinePage ul.outTable li.ouTitle{width:14%; float:left; text-align:left;}
#outlinePage ul.outTable li.ouTitle p{padding:10px; font-weight:bolder;}
#outlinePage ul.outTable li.outCont{width:84%; float:right; text-align:left;}
#outlinePage ul.outTable li.outCont p{padding:10px;}
#outlinePage h3{ font-size:24px; text-align:left; margin:10px;}

#outlinePage ul.navi4{width:100%; margin-bottom:80px;}
#outlinePage ul.navi4 li{ width:21%; float:left; padding:5px; text-align:center; margin:0 2%;}
#outlinePage ul.navi4 li.bgDred{ background:#50080d; color:#fff;}
#outlinePage ul.navi4 li.lightG{ background:#cccccc; color:#fff;}
#outlinePage ul.navi4 li a{text-decoration:none; color:#fff;}

#outlinePage h3#koigakubo001 , h3#koigakubo002{ margin-top:-180px;padding-top:180px;}

@media (max-width: 990px) {
}
@media (max-width: 768px) {
#outlinePage h2{ font-size:24px;}
#outlinePage h3{ font-size:18px;}
#outlinePage ul.outTable li.ouTitle{width:100%; float:none;}
#outlinePage ul.outTable li.ouTitle p{padding:10px 10px 0 10px;}
#outlinePage ul.outTable li.outCont{width:100%; float:none;}
#outlinePage ul.outTable li.outCont p{padding:0 10px 0px 10px;}
#outlinePage ul.navi4 li{ width:48%; float:left; padding:5px; text-align:center; margin:5px 1%;}
#outlinePage h3#koigakubo001 , h3#koigakubo002{ margin-top:-100px;padding-top:100px;}
}

#outlinePage table{width:100%; margin:40px auto 0; border-top:1px solid #eee; border-left:1px solid #eee; border-collapse:collapse;  border-spacing:0; font-family:"Sawarabi Mincho";}
#outlinePage table th{ width:100px; border-right:1px solid #eee; border-bottom:1px solid #eee; background:#f9f9f9; padding:10px; text-align:center; font-weight:bold;}
#outlinePage table td{ border-right:1px solid #eee; border-bottom:1px solid #eee;padding:10px;}
#outlinePage p.expTxt{ text-align:left; font-size:10px; margin:10px auto; width:96%; max-width:960px;}

/*requestPage------------------------------------------------*/
#requestPage{ text-align:center;}
#requestPage .endDiv{ margin-bottom:80px;}
#requestPage ul.inQ{ width:100%; float:left; clear:both;}
#requestPage ul.inQ li.inQtitle{width:30%; float:left; text-align:right;}
#requestPage ul.inQ li.inQtitle p{padding:10px;}
#requestPage ul.inQ li.inQcont{width:70%; float:left; text-align:left;}
#requestPage ul.inQ li.inQcont p{padding:10px;}

#requestPage ul.inQ li.inQcont p select{border:#ccc 1px solid; padding:3px; margin:0 0 5px 0;}
#formBody{ margin:0 auto 60px; text-align:left; width:100%; max-width:960px; background:#f5f5f5;}
#formBody div#formExp{ width:90%;  float:left; margin:20px 5% 0; text-align:center;}
#formBody dl{ width:90%;  float:left;  background:#fff; margin:20px 5% 0;}
#formBody dl dt{text-align:right; float:left; width:28%; padding:25px 1%; font-weight:bold; font-size:120%;}
#formBody dl dt a{ display:block; font-size:12px; font-weight:lighter; margin-top:8px; text-decoration:underline;}
#formBody dl dt a:hover{ text-decoration:none;}
#formBody dl dt span{font-weight:lighter; margin:0 0 0 5px; color:#cc0000; font-size:80%;}
#formBody dl dd{text-align:left; float:left; width:68%; padding:18px 1%;}
#formBody dl dd input{border:#999 1px solid; padding:5px;}
#formBody dl dd input[type="text"]{font-size:18px;font-weight:bold; width:80%; margin-bottom:20px;}
#formBody dl dd input[type="text"].w40{font-size:18px;font-weight:bold; width:40%;}
#formBody dl dd input[type="email"]{font-size:18px;font-weight:bold; width:80%;}
#formBody dl dd input[type="tel"]{font-size:18px;font-weight:bold; width:80%;}
#formBody dl dd  .wpcf7-not-valid-tip{display:block;  color:#cc0000; margin:5px 0 0 0;}
#formBody dl dd input[type="checkbox"] { -webkit-transform: scale(1.2); transform: scale(1.2); margin:5px;}
#formBody dl dd label{ margin-right:10px;}
#formBody dl dd.blockLabel label{ display:block; margin:5px 0;}
#formBody dl dd #radioBox input[type="radio"] { -webkit-transform: scale(1.5); transform: scale(1.5); margin:5px;}
#formBody dl dd #radioBox label{display:block;}
#formBody dl dd select{ padding: 3px;border: #999999 solid 1px;font-size:130%;font-weight:normal; margin:2px 0 10px;}
#formBody dl dd textarea{font-size:110%; width:80%; border:#999 1px solid; padding:5px;}
#formBody .btnArea{ text-align:center; background:#f5f5f5; width:98%; margin:5px 1%; padding:20px 0;}
#formBody .btnArea .submitBtn{ background:#472100; margin:10px; padding:3px 0; text-align:center; width:160px;border-style: none; font-size:18px; color:#fff; font-family: "Sawarabi Mincho","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing:2px;}
#formBody .btnArea input[type="submit"] { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; margin:0 auto; width:200px; padding:15px; border:#fff 2px solid; background:#2d132c; color:#fff; font-weight:bold;}
#formBody .btnArea input[type="submit"]:hover{background:#6b5a64;}
#formBody .sslTxt{padding:10px; text-align:left;}
@media only screen and (max-width: 760px) {
#formBody dl dt{text-align:left; float:none; width:90%; padding:5px 5%;}
#formBody dl dd{text-align:left; float:none; width:90%; padding:5px 5%;}
#formBody dl dd input[type="text"]{font-size:130%;font-weight:bold; width:90%;}
#formBody dl dd input[type="email"]{font-size:130%;font-weight:bold; width:90%;}
#formBody dl dd input[type="tel"]{font-size:130%;font-weight:bold; width:90%;}
#formBody dl dd textarea{font-size:110%; width:94%; margin:0 auto;}
}

.wpcf7-validation-errors{text-align:center; margin:10px 0; padding:10px 0; color:#fff; font-size:24px; background:#cc0000; line-height:140%;}
.screen-reader-response{display:none;}
.screen-reader-response ul li{display:none;}
.wpcf7-mail-sent-ok{ font-size:24px; padding:10px; display:block; font-weight:bold; margin:10px auto; color:#fff; text-align:center; background:#336699; line-height:140%;}

.m10{margin:10px !important;}
.m00{margin:0px !important;}
.mb0{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb60{margin-bottom:60px !important;}
.mb80{margin-bottom:80px !important;}

.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt80{margin-top:80px !important;}
.mt100{margin-top:100px !important;}



/*Gnavi------------------------------------------------*/
#headerContainer {box-shadow:none ;border: none !important;}
.articleBody #headerContainer{ background: url(../img/navibg_w.jpg); background-size:contain; padding-top:60px; height:160px}
.articleBody .navbar-brand{padding:10px 0px;}
.articleBody .navbar-nav > li > a{padding:2px 15px; font-size:12px; border-left:#e5e5e5 1px solid; margin-top:33px; letter-spacing:2px;}
.articleBody .navbar-nav > li > a:hover{ background:#512c4e;}
.articleBody .navbar-nav > li > a span{ font-size:18px; display:block; font-family:"Times New Roman", Times, serif; margin-bottom:3px;}
.navbar-brand{ height:126px; line-height:126px; margin-top:-30px;}
.navbar-brand img{height:96px;}
.navbar-header{}
.navbar-inverse .navbar-nav > li > a {color:#e5e5e5 !important;}
@media (max-width: 1200px) {
.articleBody #headerContainer{ background-image:none; background: linear-gradient(#2c132b, #2c132b); padding-top:0px; height:70px;}
.articleBody .navbar-nav > li > a{padding:0 5px; border:none; margin-top:40px;}
.articleBody .navbar-nav > li > a:hover{ background:none
;}
.navbar-brand{height:70px; padding:10px 20px; margin-top:0;}
.navbar-brand img{height:50px; margin-left:15px;}
.articleBody .navbar-nav > li > a{ font-size:14px}
.articleBody .navbar-nav > li > a span{display:none;}
}
@media (max-width: 768px) {
.navbar-inverse{background:#2c132b;}
.articleBody #headerContainer{ padding-top:0px;}
.articleBody .navbar-brand{padding:10px 0px 10px 10px;height:70px; margin-top:0;}
.articleBody.navbar-brand img{height:50px; margin-left:15px;}
.navbar-nav {float: none;}
/* .navbar-nav {float: none;} */
.navbar-nav li a{text-align:center;}
.navbar-brand img{height:40px; margin-left:0;}
.navbar-header{height:50px;}
.navbar-collapse{ width : calc(100% + 30px) ;!important;}
.navbar-toggle{margin-top:20px; background:#430408;}
.navbar-toggle:hover{background:#430408;}
.articleBody .navbar-nav > li > a{ margin-top:30px; margin-bottom:30px; font-size:18px;}
}

/*fLink------------------------------------------------*/
.fLink{ width:100%; padding:40px 0; max-width:960px; margin:0 auto;}
.fLink .leftLink{ float:left; width:50%;}
.fLink .leftLink img{width:100%;}
.fLink .rightLink{float:left; width:50%; text-align:right;}
.fLink .rightLink img{width:100%;}

footer{background:#665464;}

@media (max-width: 768px) {
.fLink .leftLink{ float:none; width:96%; margin:0 auto;}
.fLink .rightLink{float:none; width:96%; margin:0 auto;}
}

/*tabHead-------------------------------------------------*/
.tabHead {list-style: none; margin:0 10px; overflow: hidden; padding: 0;}
.tabHead li {display: inline-block; width:150px; margin: 0; padding:10px 10px; color:#3b5c63;text-align: center; background:#fff; border:#ccc 1px solid; border-bottom:none; font-weight:bold;}
.tabHead li:hover{cursor:pointer;}
.tabHead li.current {background: #3b5c63; color:#fff; border-bottom: none;}
.tabContent {margin: 0 10px; border:#ccc 1px solid; padding:5px 10px 0 ; position:relative; background:#fff;}

.tabBody{ margin:0 auto; padding:0; width:100%; max-width:1500px; position:relative;}
.tabBody #leftA{ position:absolute; top:50%; height:100px; width:20px; left:20px; z-index:9999; margin-top:-50px;}
.tabBody #rightA{ position:absolute; top:50%; height:100px; width:20px; right:20px; z-index:9999; margin-top:-50px;}
.tabBody .tabContent {display: none;}
.tabBody .tabContent iframe{height:600px !important;}
@media (max-width: 768px) {
.tabBody .tabContent iframe{height:420px !important;}
}
.tabBody .tabContent:nth-child(1) {display: block;}