@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, button, p, blockquote, pre, hr, th, td, em{margin:0; padding:0;}
body{font: 12px/1.5  '微软雅黑','Microsoft YaHei',Arial,sans-serif; color:#6a6a6a; -webkit-text-size-adjust:none; background:#fff;}
h1, h2, h3, h4, h5, h6, button, input, select, textarea{font-size:100%; font-weight:normal; font-family:"Microsoft YaHei";}
fieldset, img{border:0}
address, caption, cite, code, em, i, strong, th, var{font-style:normal}
ol, ul{list-style:none}
table{border-collapse:collapse; border-spacing:0;}
label{cursor:default}
input,textarea{ outline:none}
/* 去除iPhone中默认的input样式 */
input,select,textarea,button{appearance:none; -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; resize: none; border-radius:0; outline: none; border:none; background-color:transparent; font-family:inherit; font-size:inherit; color:inherit; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; vertical-align:middle;}

a{text-decoration:none; cursor:pointer;}
a{color:inherit;}
a:link{text-decoration:none;}
.fleft, .uleft li{float:left; display:inline}
.fright{float:right; display:inline}
.clear{clear:both;}
.clearfix:before, .clearfix:after { content: ""; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
.layout{ width:1200px;margin:0 auto;}
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("SourceHanSansCN-Regular.woff2") format("woff2"),
       url("SourceHanSansCN-Regular.woff") format("woff"),
       url("SourceHanSansCN-Regular.ttf") format("truetype"),
       url("SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width:1199px){
.layout{ width: 94%; }
}
body{font-family: 'Noto Sans CJK SC', 'Noto Sans CJK', 'Source Han Sans', source-han-sans-simplified-c, "SourceHanSansCN-Regular" ,PingFang SC Medium,'微软雅黑',Microsoft Yahei,Arial,Hiragino Sans GB,STHeiti,'华文细黑',sans-serif;-webkit-font-smoothing:antialiased;}


/*boxsizing*/
*,
:hover,
:before,
:after{box-sizing:border-box;word-wrap:break-word;}

a > img{transition-duration:0.3s;transition-property:opacity;}
a:hover > img{opacity:0.7;}
.inner{width:1080px;margin:0 auto;}
@media screen and (max-width:1080px){
.inner{ width:100%; }
}
/*reset*/




.skinBgWrap{margin:0 auto;padding:0 10px 40px;width:1100px;}
.skinIndex .skinBgWrap{padding-top:500px;}
@media screen and (max-width:1100px){
.skinBgWrap{ width:auto;padding:0;}
.skinIndex .skinBgWrap{padding-top:0px;}
}
@media screen and (max-width:1080px){
.skinIndex .skinBgWrap{padding-top:0px;}
.skinBgWrap{width:auto;}
}


/* ===========================================================
 header
=========================================================== */
header{margin:0;padding:0;}
header.skinHeader{position:absolute;top:0;left:0;right:0;width:100%;}
header.skinHeader > div{position:relative;width:100%;}
header.skinHeader .headBgDark{height:455px;background-color:rgba(0,0,0,0.4);}
header.skinHeader .headBgDark:after{content:'';display:block;position:absolute;bottom:-45px;left:0;right:0;margin:auto;width:100%;height:45px;background-color:rgba(0,0,0,0.2); }
@media screen and (max-width:1100px){
header.skinHeader{position: static;}
header.skinHeader .headBgDark{height: auto;}
header.skinHeader .headBgDark:after{width:0;}
}


/*========================================================
 headTop
 ========================================================*/
header.skinHeader .headTop{position:absolute;top:0;z-index:3;margin:0;width:100%;background-color: rgba(0,0,0,0.5);}
header.skinHeader .headTop .inner{display:flex;justify-content:space-between;flex-wrap: wrap;}
header.skinHeader .headTop .inner > .left{width:170px;}
header.skinHeader .headTop .inner > .right{padding: 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
/* logo */
.logo{margin:0;padding:0;}
.logo a{display:block;padding: 0;margin: 26px 0 0 30px;text-align:center;}
.logo a img{margin:0 auto;display:block;width:100%;}
.logo a img.spArea{display:none;}
/*headerLink*/
.headerLink{ width:155px;}
.headerLinkBox{display:flex;padding:10px 20px 10px 0;justify-content:space-between;align-items:center;}
.headerLinkBox ul{list-style:none;margin:0;padding:0;}
.headerLinkBox ul li{margin:0;padding:0;}
.headerLinkBox ul li a{ display:inline-block; padding-right:23PX;background:url(../images/top-ss.png) no-repeat right center; }
.headerLinkBox ul li a img{ display:block;}
.headerLinkBox ul li a img.black{ display:none;}
/*headerShare*/
.headerShare{ width:95px;}
.headerShare{display:flex;padding:10px 20px 10px 0;justify-content:space-between;align-items:center;}
.headerShare a{ display:inline-block;margin-right:4px;}
.headerShare a .li-weixin img{display:none;width: 100px;height: 100px;margin-left: -35px;margin-top: 0px;position:absolute;z-index:1;}
.headerShare a:hover .li-weixin img{display:block;}






.head{ display:none;}
@media screen and (max-width:1080px){
header.skinHeader .headTop{ display:none;}
body {position: relative;background: #fff; overflow-x:hidden;}
.fl {float: left}
.fr {float: right}
.head .head_content,.head {top: 0;width: 100%;background-color: #000;left: 0;z-index: 999; display:block;}
.bd,.ft,.hd {display: inline-block;vertical-align: middle}
.head {position: fixed;height: 60px;}
.head .head_content {position: absolute;border-bottom: 1px solid #444; height:60px;}
.f_menu .f_menu_box>li>a,.footer .f_menu,.head .nav_box .sub_menu>li {border-bottom: 2px solid #444}
.head .hd img {height: 40px;margin: 10px 0 0px 25px;}
.head .menu a {display:block;width: 30px;height: 30px;margin: 0;position: relative;margin:15px 25px 0px 0;}
.head .menu span {display: block;width: 30px;height: 2px;background: url(../images/menu-line.png) no-repeat;background-size: cover;transition: -webkit-transform .5s ease;transition: transform .5s ease;}
.head .nav_box .menu_box>li,.head nav {width: 100%}
.head .menu .menu_top {position: absolute;top: 2px;right: 0}
.head .menu .menu_mid {position: absolute;top: 12px;right: 0;opacity: 1;width: 25px;}
.head .menu .menu_bot {position: absolute;top: 22px;right: 0;}
.head .menu .menu_top.active {-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);-webkit-transform-origin: center;transform-origin: center;top:12px;}
.head .menu .menu_mid.active {opacity: 0}
.head .menu .menu_bot.active {-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);-webkit-transform-origin: center;transform-origin: center;top:12px;}
.head nav {position: absolute;top: 0;left: 0;background-color: #2c2c2c;display: none;height: 100vh;overflow: auto}
.head .nav_box .menu_box {padding: 60px 3%;}
.head .nav_box .menu_box>li>a {display: block;width: 100%;height: 50px;line-height: 50px;border-bottom: 2px solid #444;color: #fff;font-size: 18px;position: relative;}
.head .nav_box .menu_box>li>a>span.sub_menu_active {background: url(../images/menu-reduce.png) center no-repeat;background-size: contain}
.head .nav_box .menu_box>li>a>span{display:block;position:absolute;top:0;right:10px;bottom:0;width:25px;height:25px;margin:auto;border-radius:3px;background-color:#7a331e;}
.head .nav_box .menu_box>li>a>span::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:15px;height:3px;margin:auto;background-color:#fff;}
.head .nav_box .menu_box>li>a>span::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:3px;height:15px;margin:auto;background-color:#fff;}
.head .nav_box .menu_box>li>a.cur>span.sub_menu_active{background-color:#666;}
.head .nav_box .menu_box>li>a.cur>span.sub_menu_active::after{display:none;}
/*sj二级*/
.menu_show,.menu_show body {overflow: hidden}
.menu_show body {position: relative;height: 100%}
.head .nav_box .sub_menu {margin: 0;display: none}
.head .nav_box .sub_menu>li {height: 50px;line-height: 50px;}
.head .nav_box .sub_menu>li span {display: inline-block;width: 10px;height: 15px;margin-top: 0px;margin-right: 10px;margin-left: 10px;background: url(../images/menu-arrow.png) no-repeat;background-size: cover;}
.f_menu .f_menu_box>li,.footer {width: 100%}
.head .nav_box .sub_menu>li a {display: block;height: 100%;color: #888;font-size: 16px;}
}








/*========================================================
 index BANNER
 ========================================================*/
 .headMiddle{overflow:hidden;}
.headMiddle .inner{position:relative;}
/*slickslider img*/
.headMiddle .slickslider .slider > div:not(:first-child) img{display:none;}
.headMiddle .slickslider .slider.slick-slider > div img{display:block;}
/*Loader*/
.skinIndex .slicksliderArea .divLoader{padding-top:230px;text-align: center; display:none;}
/*TopPane */
.headMiddle .slicksliderArea{z-index:1;margin:0 auto;}
.headMiddle .slick-slide > p{position:absolute;right:0;bottom:0;left:0;width:100%;min-height:45px;margin:auto;padding:15px 15px 15px  35px;box-sizing:border-box;background-color:rgba(0,0,0,0.2);color:#fff;line-height:15px;transition-duration:0.5s;transition-property:all; font-size:12px;}
.headMiddle .slick-slide > p span{ display:block;font-size:12px;color:#fff; line-height:15px; font-weight:normal;}
.headMiddle .slick-slide > p span:before{content:"";display:block;position:absolute;top:0;bottom:0;left:23px;width:2px;height:15px;margin:auto;background-color:#7a331e;}
.headMiddle .slick-slide > p:before{content:"";display:block;position:absolute;top:0;left:0; right:0;width:100%;height:1px;margin:auto;background-color:#fff;opacity:0.6;}
/*slick-arrow */
.headMiddle button.slick-arrow.slick-prev{left:-50px;background-image:url(../images/index-left.png);}
.headMiddle button.slick-arrow.slick-next{right:-50px;background-image:url(../images/index-right.png);}
.headMiddle .slick-slider button.slick-arrow{overflow:hidden;position:absolute;top:auto;bottom:37%;z-index:10;width:36px;height:65px;margin:auto;padding:0;border:none;outline:none;background-color:transparent;background-repeat:no-repeat;background-position:0 0;font-size:0;white-space:nowrap;text-indent:100%;}
.headMiddle .slick-slider button.slick-arrow:hover{opacity:0.7;cursor:pointer;}
.headMiddle .slick-slider button.slick-arrow.slick-prev:before,
.headMiddle .slick-slider button.slick-arrow.slick-next:before{display:none;}
@media screen and (max-width:1080px){
.headMiddle{padding-top:60px; overflow:hidden;}
}






/*------- topMiddleBnr -------*/
.topMiddleBnr{max-width:240px;}
.topMiddleBnr ul{list-style:none;margin:0;padding:0;}
.topMiddleBnr ul li{margin:10px 0 0;padding:0;}
.topMiddleBnr ul li:first-child{margin:0;}
.topMiddleBnr a{display:block;}
.topMiddleBnr a img{display:block;width:100%;}


.topBottomBanner{ text-align:center;}
.topBottomBanner a{display:inline-block;}
.topBottomBanner a::before,
.topBottomBanner a::after{display:none;}

/*------- topicsImportant -------*/
.topicsImportant{margin:0 auto 20px;padding:20px 15px;border:1px solid #bbb;border-radius:6px;}
.topicsImportant p{margin:0;padding:0;}

@media screen and (max-width:1080px){
.topBottomBanner a{display:block;margin:0 10px;}
.topBottomBanner a img{ width:100%;display:block;}
}
@media screen and (max-width:640px){
.topBottomBanner a{margin:0 2px;}	
}


/* ===========================================================
 gNav
=========================================================== */
#gNav{margin:0 auto;padding:0;}

.tokenMenu{padding:7px 0 10px;}
.tokenMenu ul{margin:0;padding:0;list-style-type:none;}
.tokenMenu li{display:none;margin:0;padding:0;}

.tokenMenu > ul > li.Tab101,
.tokenMenu > ul > li.Tab127{display: block;}
.tokenMenu > ul > li > a{display:none;}

.tokenMenu > ul > li > ul{display:flex;flex-wrap:wrap;justify-content:flex-start;border-radius:6px;overflow:hidden;box-shadow:0px 1px 5px 0px rgba(0,0,0,0.45);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.45);-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.45);}
.tokenMenu > ul > li > ul > li{width:180px;}
.tokenMenu > ul > li > ul > li > a{display:block;height:40px;white-space:nowrap; color:#fff; text-align:center; line-height:40px; font-size:14px;}
.tokenMenu > ul > li > ul > li.currentItem > a,
.tokenMenu > ul > li > ul > li.parentItem > a{opacity:0.7;}

.tokenMenu > ul > li.Tab127 > ul > li{ position:relative; display:block;background-color:#a5a5a5;}
.tokenMenu > ul > li.Tab127 > ul > li:before{ content:""; position:absolute;left:0;bottom:0; height:50%; width:100%;display:block;transition-property:opacity;transition-duration:0.3s;background-color:#8c8c8c;}
.tokenMenu > ul > li.Tab127 > ul > li:after{ content:"";  position:absolute;right:0;bottom:0; height:100%; width:3px;background-image:url(../images/line2.png); display:block;transition-property:opacity;transition-duration:0.3s;}
.tokenMenu > ul > li.Tab127 > ul > li > a{position:relative; z-index:1;}
.tokenMenu > ul > li.Tab127 > ul > li:before{opacity:0.5;}
.tokenMenu > ul > li > ul > li:hover{opacity:0.5;}

.tokenMenu ul ul ul{display:none;}
@media screen and (max-width:1080px){
#gNav{display:none;}

}





/*========================================================
 breadcrumb
 ========================================================*/
.breadcrumbWrap{margin:0 auto 10px;padding:2px;border:1px solid #e5e5e5;border-radius:6px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);box-shadow:0 0 5px 0 rgba(0,0,0,0.1);}
.breadcrumbWrap > span a,
.breadcrumbWrap > span span{display:inline-block;margin-right:10px;line-height:13px;vertical-align:middle;}
.breadcrumbWrap > span{display:block;position:relative;padding:5px 10px 5px 10px;border:1px solid #ddd;border-radius:4px;}
.breadcrumbWrap > span > a{color:#464646;text-decoration:underline; font-size:12px; text-decoration:none;margin-right:0;}
.breadcrumbWrap > span > a[href="/"],
.breadcrumbWrap > span > a[href="/"] + span.breadArrow{/*display:none;*/}

.breadcrumbWrap > span > a:nth-child(1),
.breadcrumbWrap > span > span:nth-child(1){display:inline-block;overflow:hidden;width:18px;height:18px;background:url(../images/menu-icon.png) 0 0 no-repeat transparent;background-size:cover;color:transparent;white-space:nowrap;text-indent:200%;}
.breadcrumbWrap > span > .breadArrow{display:inline-block;overflow:hidden;width:9px;height:12px;background:url(/Portals/0/images/common/ico_bread_arrow.png) 0 0 no-repeat transparent;background-size:9px 12px;color:transparent;white-space:nowrap;text-indent:200%;}
@media screen and (max-width:1080px){
.HeadMiddlePane,
.breadcrumbWrap{display:none;}
}





/*========================================================
 footer
 ========================================================*/
/*------- footBanner -------*/
.footBannerWrap{padding:6px;border:none;border-radius:6px;margin:25px auto 0;}
.footBannerWrap .bg{display:flex;list-style:none;margin:0;padding:0;border-radius:6px;justify-content:space-between;background-color:#888;}
.footBannerWrap > ul.bg > li{width:352px;margin:0;padding:12px 15px;border-left:1px solid #fff;}
.footBannerWrap > ul.bg > li:first-child{border-left:none;}
.footBannerWrap > ul.bg > li a{color:#fff;text-decoration:none;}
.footBannerWrap > ul.bg > li a:hover{text-decoration:underline;}
.footBannerWrap > ul.bg > li .bnrTitle{margin-bottom:10px;padding:0;color:#fff;font-weight:bold;font-size:14px;line-height: normal;}
.footBannerWrap > ul.bg > li > ul{list-style-type:none;min-height:55px;margin:0;padding:5px 0 0 80px;background-repeat:no-repeat;background-position:0 0;}
.footBannerWrap > ul.bg > li > ul > li{margin:0;padding:0;}
.footBannerWrap > ul.bg > li > ul > li > a{display:inline-block;position:relative;padding:0 0 0 12px;font-size:13px;line-height:20px;}
.footBannerWrap > ul.bg > li > ul > li > a::before{content:"";display:block;position:absolute;top:6px;left:0;width:0;height:0;margin:auto;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #ff9e16;border-style:solid;}

.footBannerWrap > ul.bg > li.inquiry > ul{background-image:url(../images/bottom-tel.png); background-size:54px;}
.footBannerWrap > ul.bg > li.data > ul{background-image:url(../images/bottom-wj.png); background-size:54px;}
.footBannerWrap > ul.bg > li.company > ul{background-image:url(../images/bottom-code.png); background-size:54px;}
.footBannerWrap > ul.bg > li.company > ul > li > a{font-size:12px;}

/*------- footerLink -------*/
.footerLink{display:flex;list-style:none;margin:0;padding:0;justify-content:flex-end; margin-top:8px;}
.footerLink li{margin:0;padding:0 10px;}
.footerLink li a{display:block;margin:0;padding:0 10px 0 0;background:url(../images/bottom-s.png) right center no-repeat transparent;color:#5d6371;font-size:12px;line-height:12px;}
.footerLink li.facebookLink{margin:-9px 0;padding:0 0 0 10px;}
.footerLink li.facebookLink a{padding:0;background:none;}
.footerLink li.facebookLink .li-weixin img{display:none;width: 100px;height: 100px;margin-left: -60px;margin-top: -140px;position:absolute;z-index:1;}
.footerLink li.facebookLink:hover .li-weixin img{display:block;}
@media screen and (max-width:1080px){
.footBannerWrap .bg{display:block;}
.footBannerWrap > ul.bg > li{width:auto;margin:10px auto 0;border-left:none;border-top:1px solid #fff;}
.footBannerWrap > ul.bg > li:first-child{margin-top:0;border-top:none;}
.footBannerWrap > ul.bg > li .bnrTitle{}
.footBannerWrap > ul.bg > li > ul > li > a{}
.footBannerWrap > ul.bg > li > ul > li{ line-height:normal;}
}

footer{margin:0;padding:0;}
.footTop{margin:25px auto 0;}
.footBottom{margin:10px auto 0;padding:0;}
.footBottom .footBottomInner{display: block;justify-content:space-between;align-items:center;position:relative;padding:14px 15px 14px 25px;border:none;border-radius:4px;}
.footBottom .footBottomInner > .CopyrightEnPane{width:50%; float:left}
.footBottom .footBottomInner > .FootEnPane{width:50%;float:right}
.copyright{padding:0 0 0 110px;background:url(../images/bottom-logo.png) 0 center no-repeat transparent;line-height:30px; font-size:12px; color:#5d6371;}
@media screen and (max-width:1080px){
.footBottom .footBottomInner{display: block;}
.footBottom .footBottomInner > .CopyrightEnPane{width:100%; text-align:center;margin-top:30px;}
.footBottom .footBottomInner > .FootEnPane{width:100%;}
.copyright{ display:inline-block;padding:0 0 0 100px;}
.copyright .txtCopyright{ text-align:left; line-height:20px; display:inline-block;}
.footerLink{ width:400px;margin:0 auto;}
}
@media screen and (max-width:400px){
.footerLink{ width:auto;margin:0 auto;}
}




.pagetop{position:fixed;bottom: 40px;right: 0;left: 0;width: 100%;min-width: 1180px;height:46px;margin: auto;z-index: -1;}
.pagetop > a{display:block;margin-left: auto;width:80px;height:46px;background:url(../images/btn_pagetop.png) center center no-repeat rgba(3,0,0,0.13);-webkit-background-size:38px 11px;background-size:38px 11px;border-radius:4px;text-indent:200%;white-space:nowrap;overflow:hidden;color:transparent;transition-property:background-color;transition-duration:0.3s;}
.pagetop > a:hover{background-color:rgba(3,0,0,0.33);}
@media screen and (max-width:1080px){
.pagetop{right:0;bottom:0;left:auto;z-index:auto;width:60px;min-width:0;height:48px;transition-duration:0.3s;transition-property:width;}
.pagetop > a{width:100%;height:48px;transition-duration:0.3s;transition-property:width;}
}







/* ===========================================================
 content
=========================================================== */
.skin2Columns header.skinHeader,
.skin1Column header.skinHeader{position:static;}
.skin2Columns header.skinHeader .headTop,
.skin1Column header.skinHeader .headTop{position:static;background-color:#fff;}
.skin2Columns header.skinHeader .headTop .inner,
.skin1Column header.skinHeader .headTop .inner{background-color:transparent;}

.skinIndex .contents{display:flex;justify-content:space-between;align-items:flex-start;}
.skinIndex .contents img{max-width:100%;}
.skinIndex .contents > .left{width:274px;border-radius:6px;padding:15px;}
.skinIndex .contents > .right{width:786px;}

/*.skinIndex .ContentPane{margin-bottom:20px;}*/
.skinIndex .contents > .right .contentInner{display:flex;justify-content:space-between;}
.skinIndex .contents > .right .contentInner .ContentLeftPane,
.skinIndex .contents > .right .contentInner .ContentRightPane{width:384px;}
@media screen and (max-width:1080px){
.skinIndex .contents{display: block;justify-content:space-between;align-items:flex-start;}
.skinIndex .contents > .left{width:100%;border-radius:6px;padding:15px;}
.skinIndex .contents > .right{width:100%;}

.skinIndex .ContentPane{margin-bottom:20px;}
.skinIndex .contents > .right .contentInner{display: block;justify-content:space-between;}
.skinIndex .contents > .right .contentInner .ContentLeftPane,
.skinIndex .contents > .right .contentInner .ContentRightPane{width:100%;}
.skinIndex .contents > .right .contentInner .ContentRightPane{width:auto;margin:20px auto 0;}


.skinIndex .contents{display:block;padding:0 5px;}
}


/*------- contentBorder -------*/
.contentBorder{padding:15px 18px;border:1px solid #bbb;border-radius:6px;}

/*------- sideBtn -------*/
.sideBtn .btnArrowGray li{margin:10px 0 0;}
.sideBtn .btnArrowGray li:first-child{margin-top:0;}

/*------- sideBnr -------*/
.sideBnr ul{list-style:none;margin:0;padding:0;}
.sideBnr ul li{margin:10px 0 0;padding:0; display:block; text-align:center;}
.sideBnr ul li:first-child{margin:0;}
.sideBnr ul li a{display:inline-block;}
.sideBnr ul li a img{display:block;max-width:100%;}


@media screen and (max-width:1080px){
.sideBnr ul li{ margin-top:0px; margin-bottom:10px;padding:0; display:block; text-align:center; width:33.3333%; float:left;}
.sideBnr ul li a{ display:block;margin:0 10px;}
.sideBnr ul li img{ width:100%; display:block;}
}
@media screen and (max-width:790px){
.sideBnr ul li{width:50%;}
}
@media screen and (max-width:640px){
.sideBnr ul li a{margin:0 2px;}	
}



/*------- Search -------*/
.SearchEnPane{margin-bottom:14px;}
.header-input {position: relative;}
.header-input .text {overflow: hidden;width:100%;line-height:22px;border-radius:5px;padding: 0px;box-sizing: border-box;border: 0px;transition: width .6s linear;-webkit-transition: width .6s linear; background: #fff; color:#a0a0a0; font-size:12px; color:#a0a0a0;}
.header-input .text.on {width:160px;padding:0 10px;border:1px solid #bfbfbf;display:flex;}
.header-input .icon {background-image: url('../images/search-icon.png');width: 78px;height: 24px; line-height:24px;background-position: 10px center;display: inline-block; background-repeat:no-repeat;background-size:10px;background-color:#7a331e;display:block; color:#fff; font-size:12px;}
.header-input .icon-sub,.header-input .icon-sub1{border: 0px;position: absolute;top:0;right: 0;cursor: pointer; z-index:2;}

/* placeholder */
.sideSearch > .placeholder{display:block;position:absolute;position:absolute;top:0;left:0;z-index:1;width:160px;height:24px;margin:0;padding:1px 3px;color:#bbb;line-height:24px;cursor:text;}

@media screen and (max-width:1080px){
.header-input .text { line-height:30px;}
.header-input .icon {height: 32px; line-height:32px;}
.header-input .text.on {width:calc(100% - 90px);}
}







.paddingSpacing{padding:15px;}



/*========================================================
 newsListIndex
 ========================================================*/
.newsListIndex.contentBorder{margin:0;padding:2px 10px 10px;}
.newsListIndex.contentBorder h2{position:relative;margin:0 -8px;padding:12px 12px 12px 18px;border:1px solid #e2e2e2;border-radius:4px;background:#f5f5f5;background:-moz-linear-gradient(top, #f5f5f5 0%, #e4e4e4 100%);background:-webkit-linear-gradient(top, #f5f5f5 0%,#e4e4e4 100%);background:-ms-linear-gradient(to bottom, #f5f5f5 0%,#e4e4e4 100%);background:linear-gradient(to bottom, #f5f5f5 0%,#e4e4e4 100%);font-size:14px;line-height:1; font-weight:600;}
.newsListIndex.contentBorder h2 em{ text-transform:uppercase; color:#7a331e;margin-left:5px;font-weight:300;}
.newsListIndex.contentBorder h2 img{margin-right:5px;}

.titleBtn{position:absolute;top:0;right:10px;bottom:0;height:18px;margin:auto;}
.titleBtn > a{display:inline-block;position:relative;margin:0 0 0 10px;padding:3px 4px;color:#7a331e; font-size:12px;}
.titleBtn > a:hover{opacity:0.7;text-decoration:none;}
.titleBtn > a.rss{padding-right:16px;}
.titleBtn > a.rss:before{content:"";display:block;position:absolute;top:0;right:4px;bottom:0;width:10px;height:10px;margin:auto;background:url(/Portals/0/images/common/ico_rss.png) 0 0 no-repeat;-webkit-background-size:10px;background-size:10px;}

.newsListIndex.contentBorder > ul{list-style:none;margin:0;padding:0;}
.newsListIndex.contentBorder > ul > li{min-height: 68px;margin:10px 0 0;padding:10px 0 0 0;border-top:1px dashed #c9c9c9;}
.newsListIndex.contentBorder > ul > li:first-child{margin-top: 3px;border-top:none;}

.dateIcon{height:22px;margin-bottom:10px;vertical-align:top;}
.dateIcon > span{margin-right:9px;line-height:18px;}
.dateIcon .date{font-weight:bold; padding-left:15px;background-image: url('../images/news-datted.png'); background-position: left center; background-repeat:no-repeat; color:#333333; font-size:14px;line-height:22px;display:inline-block; float:left;}
.dateIcon .icon,
.dateIcon .newImage{display:inline-block;vertical-align:middle; width:44px; background:#7a331e; font-size:12px;line-height:22px; text-align:center; color:#fff;border-radius:5px;float: left;}
.dateIcon .icon img,
.dateIcon .newImage img{width:auto;height:18px;}

.newsListIndex.contentBorder > ul > li > h3{margin:0 0 0 -22px;padding:0 0 0 22px;background-color:transparent;}
.newsListIndex.contentBorder > ul > li > h3 > a{text-decoration:none;}
.newsListIndex.contentBorder > ul > li > h3 > a:hover{text-decoration:underline;}
.newsListIndex.contentBorder > ul > li > h3,
.newsListIndex.contentBorder > ul > li > h3 > a{font-weight:normal;font-size:100%;word-wrap:break-word; text-decoration:none; font-size:14px; color:#464646;}
@media screen and (max-width:1080px){
.dateIcon .icon img,
.dateIcon .newImage img{height:20px!important;}
.skinBgWrap .newsListIndex.contentBorder > ul > li{margin:15px 0 0;}
.skinBgWrap .newsListIndex.contentBorder > ul > li:nth-child(n + 4){display:none;}
}







/*========================================================
 productListIndex
 ========================================================*/
.productListIndex.contentBorder{margin:0;padding:2px 10px 10px;}
.productListIndex.contentBorder h2{position:relative;margin:0 -8px 15px;padding:12px 12px 12px 18px;border:1px solid #e2e2e2; color:#464646;border-radius:4px;background:#f5f5f5;background:-moz-linear-gradient(top, #f5f5f5 0%, #e4e4e4 100%);background:-webkit-linear-gradient(top, #f5f5f5 0%,#e4e4e4 100%);background:-ms-linear-gradient(to bottom, #f5f5f5 0%,#e4e4e4 100%);background:linear-gradient(to bottom, #f5f5f5 0%,#e4e4e4 100%);font-size:14px;line-height:1; font-weight:600;}
.productListIndex.contentBorder h2 em{ text-transform:uppercase; color:#7a331e;margin-left:5px; font-weight:normal;}
.productListIndex.contentBorder h2 img{margin-right:5px;}

.productListIndex.contentBorder > ul{list-style:none;margin:0;padding:0;}
.productListIndex.contentBorder > ul > li{margin:10px 0 0;padding:10px 0 0;border-top:1px dashed #bbb;display:flex;justify-content:space-between;flex-wrap:wrap;min-height:70px;}
.productListIndex.contentBorder > ul > li:first-child{margin-top:0;padding-top:0;border-top:none;}
.productListIndex.contentBorder > ul > li .image{width:100px;}
.productListIndex.contentBorder > ul > li .image a{display:block;}
.productListIndex.contentBorder > ul > li .image img{display:block;width:100%;}
.productListIndex.contentBorder > ul > li .detail{width:250px;padding-top:15px; line-height:20px;}
.productListIndex.contentBorder > ul > li .detail h3{background-color:transparent;padding:0 0 5px;margin:0;font-weight:bold;color:#464646; font-weight:normal; font-size:14px;}
.productListIndex.contentBorder > ul > li .detail p{padding:0;margin:0; font-size:14px;color:#464646;}

@media screen and (max-width:1080px){
.productListIndex.contentBorder > ul > li .detail{width: calc(100% - 110px);}
.productListIndex.contentBorder > ul > li:nth-child(n + 4){display:none;}

}




/*========================================================
 PAGE
 ========================================================*/
.skinBgWrap2{margin:0 auto;padding:0 10px 40px;width:1100px;}
.skinIndex .skinBgWrap2{padding-top:103px;}
.skinIndex .skinBgWrap2 .headMiddle{ display:none!important;}
@media screen and (max-width:1100px){
.skinBgWrap2{ width:auto;padding:0;}
.skinIndex .skinBgWrap2{padding-top:80px;}
}



/*pageH*/
header.skinHeader.pageH .headTop{background-color:#fff;}
header.skinHeader.pageH .logo a img.spArea{display:block;}
header.skinHeader.pageH .logo a img.pcArea{display:none;}
header.skinHeader.pageH .headerLinkBox ul li a img.white{ display:none;}
header.skinHeader.pageH .headerLinkBox ul li a img.black{ display:block;}
header.skinHeader.pageH .headerLinkBox ul li a{background:url(../images/top-ss-b.png) no-repeat right center; }


.PageTitlePane h1{ display:block;position:relative;margin:0 auto 15px;padding:15px;border:1px double #ddd;border-radius:4px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);box-shadow:0 0 5px 0 rgba(0,0,0,0.1);background:-moz-linear-gradient(left, #fff 0%, #eee 100%);color:#464646;font-size:15px; font-weight:bold;}


.proTitlePane{ width:100%!important;}
.proTitlePane h1{ display:block;position:relative;margin:0 auto 15px;padding:15px;border:3px double #e5e5e5;border-radius:4px;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.1);box-shadow:0 0 5px 0 rgba(0,0,0,0.1);background:-moz-linear-gradient(left, #fff 0%, #eee 100%);color:#464646;font-size:15px; font-weight:bold;}




/*========================================================
 113 - 会社概要
========================================================*/

.ui-tabs-nav{display:flex;list-style:none;margin:0 auto;padding:0;border-bottom:none;align-items:stretch;justify-content:space-between;padding:0 4px; font-size:0; line-height:normal;}
.ui-tabs-nav li{position:relative;width:33.333333%;margin:0;padding:0;display:block;}
.ui-tabs-nav li a{display:block;position:relative;height:100%;margin:0;padding:10px 10px 8px 20px;border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-radius:5px 5px 0 0;background-color:#f9f9f9;color:#464646;font-size:15px;cursor:pointer;margin-left:-1px; font-weight:normal;}
.ui-tabs-nav li a::before{content:"";display:block;position:absolute;top:0;bottom:0;left:8px;width:3px;height:80%;margin:auto;background-color:#464646;}
.ui-tabs-nav li.stop a,
.ui-tabs-nav li a:hover{background-color:#fff;text-decoration:none;}
.ui-tabs-nav li.stop a::before,
.ui-tabs-nav li a:hover::before{background-color:#7a331e;}





.tabModuleList div.ViewTabs .ui-tabs-panel{padding:0;border:none;}
.tabModuleList div.ViewTabs .ui-tabs-panel .borderContent{border-top:none;border-radius:0 0 6px 6px;}






.companyList{list-style:none;margin:0;padding:0;}
.companyList > li{display:flex;margin:0;padding:0;justify-content:space-between;}
.companyList > li:first-child{background-color:#f7f7f7;}

.companyList .left{width:30%;padding:13px;}
.companyList .right{width:70%;padding:13px;}
.companyList .center{width:100%;padding:0;}
.companyList h3{margin:0;padding:6px 0 6px 10px;background-color:transparent;color:#464646;font-weight:300;line-height:1; position:relative; font-size:14px;}
.companyList h3::before{content:"";display:block;position:absolute;top:20%;left:0;width:2px;height:60%;background-color:#7a331e;}

.companyList li .right > .companyListInner{padding-left:18px;border-left:1px solid #c4c4c4; font-size:13px; line-height:24px; color:#616161;}
.companyList li .right > .companyListInner > .detail{padding-top:13px;border-top:1px solid #c4c4c4;}
.companyList li .right > .companyListInner:first-child > .detail{padding-top:0;border:none;}
.companyList li .right > .companyListInner > .detail a{ color:#7a331e;}


.imglist { width:100%; text-align:center; padding:13px;}
.imglist img{ display:inline-block;margin:0 11px;}
.imglist img:hover{-webkit-animation: icon-bounce 0.5s  alternate ; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate;}
/*css3*/
@keyframes icon-bounce {
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } }
@-moz-keyframes icon-bounce {
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
@-o-keyframes icon-bounce {
  0%, 100% {-moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 
  25% {-moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } 
  50% {-moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 
  75% {-moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -webkit-transform: rotate(5deg); transform: rotate(5deg); } 
  85% {-moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
}
.companyList .center img:hover{opacity:0.9; cursor:pointer;}


/*========================================================
 page(contents)
========================================================*/

.borderContent{padding:24px 20px;border:1px solid #d2d2d2;border-radius:0 0 6px 6px ; font-size:14px; line-height:24px; color:#464646;}
.borderContent img{max-width:100%;}
.contentBorder{padding:15px 11px;border:1px solid #e5e5e5;border-radius:6px;}


/*page-tab*/
.page-tab{margin:0 auto;padding:20px 0 0 0;text-align: center; }
.page-tab ul { margin:0 auto;padding: 0;list-style: none; text-align:center;height: 38px;line-height: 38px;font-size: 0;}
.page-tab ul li{margin: 0;padding: 0;display: inline-block;position: relative;height: 36px;line-height: 36px;}
.page-tab ul li a{display: inline-block;text-align: center;font-size: 12px;color: #5e5e5e;padding: 0 18px;height: 36px;line-height: 36px;border: 1px solid #dcdcdc;background: transparent;}
.page-tab ul li a:hover,.page-tab ul li.on a{ border-color: #7a331e;color:#7a331e;}
.page-tab ul li.next-page, .page-tab ul li.prev-page{ margin:0 20px;}
.page-tab ul li.next-page a, .page-tab ul li.prev-page a{padding: 0 28px;}







/*page-tit*/
.page-tit{position:relative;margin:0;padding:0;display:block;margin-bottom:5px;margin-top:15px;}
.page-tit a{display:block;position:relative;height:100%;margin:0;padding:1px 10px 1px 17px;border-radius:5px 5px 0 0;color:#464646;font-size:16px;cursor:pointer;font-weight:600;}
.page-tit a span{display:inline-block;color:#464646;font-size:16px;font-weight:300; text-transform:uppercase;font-family:PingFang SC Medium,'微软雅黑',Microsoft Yahei,Arial,Hiragino Sans GB,STHeiti,'华文细黑',sans-serif;margin-left:10px;}
.page-tit::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:2px;height:80%;margin:auto;background-color:#7a331e;}




/*CaseList*/
.CaseList ul{margin:0 -7px;}
.CaseList ul li{width:33.3333%; float:left; margin-top:13px;}
.CaseList ul li a{ display:block;margin:0 7px;border:1px solid #e5e5e5;padding:8px;border-radius:6px;}
.CaseList ul li .pic{width:100%;position:relative; z-index:1; overflow:hidden;}
.CaseList ul li .pic img{width:100%; max-height:100%; display:block;margin:auto;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.CaseList ul li:hover .pic img{transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);-webkit-transform:scale(1.03);}
.CaseList ul li .pic:after{opacity:0;content:""; display:block; position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background-color:#000;-moz-transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.CaseList ul li:hover .pic:after{opacity:0.3;}
.CaseList ul li .pic:before { content: "";display: block;position: absolute;width: 50px;height: 50px;opacity: 0;top: 50%;left: 50%;margin-left: -25px;margin-top: 25px;background: url(../images/icon.png) center center no-repeat; background-size:50px;transition: all 1s ease;z-index: 10;transform: rotateY(360deg);}
.CaseList ul li:hover .pic:before {opacity: 1;margin-top: -25px;transition-delay: .2s;transform: rotateY(0deg);}
@media screen and (max-width:790px){
	.CaseList ul{margin:0 -5px;}
	.CaseList ul li{width:50%;}
	.CaseList ul li a{margin:0 5px;}
}




/*page-tit2*/
.page-tit2{position:relative;margin:0;padding:0;display:block;margin-bottom:5px;margin-top:28px;}
.page-tit2 a{display:block;position:relative;height:100%;margin:0;padding:0 10px 0 0;border-radius:5px 5px 0 0;color:#464646;font-size:16px;cursor:pointer;font-weight:600;}
.page-tit2 a span.cn{display:inline-block;padding:0 10px 0 17px; position:relative;z-index:1; background:#fff;}
.page-tit2 a span.en{display:inline-block;color:#464646;font-size:16px;font-weight:300; text-transform:uppercase;font-family:PingFang SC Medium,'微软雅黑',Microsoft Yahei,Arial,Hiragino Sans GB,STHeiti,'华文细黑',sans-serif;position:relative;z-index:1; background:#fff;padding:0 10px 0 0;}
.page-tit2 a span.cn::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:2px;height:80%;margin:auto;background-color:#7a331e;}
.page-tit2::after{content:"";display:block;position:absolute;top:50%;bottom:0;right:0;width:100%;height:11px;margin:auto;background-color:#fcd475;margin-top:-5px;}
.ContentPane .proList:nth-child(2n) .page-tit2::after{background-color:#ef924c;}



/*proList*/
.proList ul{padding:0 15px;}
.proList ul li{width:33.3333%; float:left; margin-top:12px;}
.proList ul li a{ display:block;margin:0 6px;border-radius:6px;}
.proList ul li .pic{width:100%;position:relative; z-index:1; overflow:hidden;}
.proList ul li .pic img{width:100%; max-height:100%; display:block;margin:auto;}
.proList ul li:hover .pic img{opacity:0.7; }
@media screen and (max-width:790px){
	.proList ul{padding:0;}
	.proList ul li{width:50%;}
	.proList ul li a{margin:0 5px;}
}





/*product-detail*/
.product-detail {padding-top:0;width:100%!important;}
.product-detail-inner .product-left {float: left;background-color:rgb(220,220,220);width: 403px;height: 403px;text-align: center;box-sizing: border-box;position:relative;margin-bottom:15px;}
.product-detail-inner .product-left .pic{border:1px solid #eeeeee;}
.product-detail-inner .product-left img {height:auto;width:100%; display:block;}
.product-right {position:relative;float: left;width:672px; min-height:400px; background:#f9f9f9;font-size: 13px;color:#616161; line-height:24px; font-weight:300;margin-bottom:15px;margin-left:5px;}
.product-right .product-rightBox{padding:55px 30px 0 30px;} 
.product-right h2 {font-size: 18px;font-weight: 300;color: #616161;margin-bottom: 30px;}
.proInfo .proxgTit{ background:#0074c5; height:42px; line-height:42px;font-size:16px;color: #fff; text-align:center;}
.proInfo .proInfoBox{ padding:15px 0 0 0;background:#fff;line-height:28px; color:#757575; font-size:14px;}
.proInfo .proInfoBox img{max-width:100%;}
.product-detail th{text-align:center;}
@media screen and (max-width: 1080px) {
.product-detail-inner {padding:0 10px;}
.product-detail-inner .product-left {width:50%;height: auto;margin-right:0;}
.product-right {width:49%;margin-left:1%;}
.proInfo .proInfoBox{ padding:3% 0 0 0;}
}
@media screen and (max-width: 790px) {
.product-detail-inner .product-left{ float:none; width:100%;}
.product-right {width:100%; float:none;margin-left:0;}
.product-detail td{text-align:center;}
}


/*iconArea*/
.iconArea{display:block;letter-spacing:-0.4em;}
.iconArea div{display:inline-block;letter-spacing:normal;}
.iconArea img{width:40px;margin-right:5px; cursor:pointer;}

/*--------------------------------------
	table
--------------------------------------*/
table.tableBasic{max-width:100%;margin:0 0 2em;}
table.tableBasic{border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
table.tableBasic th,
table.tableBasic td{padding:1em 0.5em;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
table.tableBasic th{background-color:#f8f8f8;}
table.tableBasic.full{width:100%;}
table.tableBasic.shrink th,
table.tableBasic.shrink td{padding:1em 0.25em;}
table.tableBasic.bulge th,
th.fixed,
td.fixed{width:8em;}
th.colored{background-color:#f6f6f6;}
td.colored{background-color:rgba(0,0,0,0.05);}
th.emptyCell,
td.emptyCell{border:none !important;background:none !important;}
th.nowrap,
td.nowrap{white-space:nowrap;}
table.tableBasic.bulge td{padding:1em 1.5em;}
/*table*/
table{border:none;border-spacing:0;border-collapse:collapse;}
td,
th{text-align:left;}

/*priceBox*/
.priceBox,.imageBox{width: 49%;float: left;margin-right: 2%;margin-bottom: 1rem;}
.priceBox table.tableBasic{margin:0 0 0.5em;}
.priceBox table.tableBasic th,
.priceBox table.tableBasic td{padding:1em 1.5em; line-height:20px; font-size:14px; color:#464646;}
.priceBox table.tableBasic th{width:25%; font-weight:300;}
.priceBox table.tableBasic .colorValue table{width:100%;border:none;}
.priceBox table.tableBasic .colorValue table td{padding:4px;border:none;}
.imageBox{margin-right: 0;}
@media screen and (max-width:1024px) {
.priceBox,.imageBox{width: 100%;float:none;margin-right:0;}	
}
@media screen and (max-width:790px) {
table.tableBasic th,
table.tableBasic td{padding:1em !important;display: block;width: 100% !important;}
}




/*========================================================
 inquiryform
========================================================*/
.questionnaire-form table.tableBasic{width:100%;margin:0 0 1em;padding:0;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
.questionnaire-form table.tableBasic > tbody > tr > th{width:25%; padding: 2em 1.5em;}
.questionnaire-form table.tableBasic > tbody > tr > td{padding: 1em 1.5em;}
.questionnaire-form table.tableBasic > tbody > tr > th label{position: relative;padding: 0 0.2em 0 1em; font-size:14px; color:#464646;}
.questionnaire-form table.tableBasic > tbody > tr > th label::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:3px;height:80%;margin:auto;background-color:#7a331e;}
.questionnaire-form table.tableBasic table,
.questionnaire-form table.tableBasic table td{padding:0;border:none;}
.questionnaire-form table.tableBasic table td{display:inline-block;margin-right:1em;}
.questionnaire-form table p{margin:0.5em 0 0;font-size:90%;}

.questionnaire-form input[type="text"],
.questionnaire-form textarea{width:100%;padding:8px 8px;}
.questionnaire-form input.short[type="text"]{width:300px;}
.questionnaire-form input.veryshort[type="text"]{width:200px;}
.questionnaire-form input[type="text"],
.questionnaire-form textarea,
.questionnaire-form select{margin:0;border:1px solid #e5e5e5;border-radius:0;outline:none;}
.questionnaire-form textarea{display:inline-block;min-width:80%;max-width:100%;min-height:4em;vertical-align:bottom;}
.questionnaire-form input.getcode{ width:50%; float:left;}
.questionnaire-form select{padding-top:3px;padding-bottom:3px;padding-left:3px;cursor:pointer;}
.questionnaire-form input[type="text"]:focus,
.questionnaire-form textarea:focus,
.questionnaire-form select:focus{box-shadow:rgba(204,204,204,0.5) 0 0 8px 0;}
.questionnaire-form table.tableBasic table.checkbox{width:100%;}
.questionnaire-form table.tableBasic table.checkbox td{padding:0.5em;font-weight:bold;font-size:107.1%;}
.questionnaire-form table.checkbox td > *{cursor:pointer;}
.questionnaire-form .kk{ line-height:35px; font-size:12px; color:#909090;}
.questionnaire-form .kk img{ display:inline-block;line-height:35px; float:left;padding-left:10px;}
@media screen and (max-width:790px) {
.questionnaire-form input.getcode{ width:100%; float:none;margin-bottom:15px;}
.questionnaire-form table.tableBasic > tbody > tr > th{width:25%; padding: 2em 0.5em;}
.questionnaire-form table.tableBasic > tbody > tr > td{padding: 1em 0.5em;}
}
@media screen and (max-width:350px) {
.questionnaire-form table.tableBasic > tbody > tr > th label{padding: 0 0;}
.questionnaire-form table.tableBasic > tbody > tr > th label::before{display:none;}
}
.questionnaire-form .submitArea{padding:15px 0 50px;}
.questionnaire-form .submitArea input[type="submit"]{margin-right:10px;border-radius:5px;cursor:pointer;}
.questionnaire-form .submitArea input[id*="btnInputConfirm"]{border:1px solid #7a331e;background:#7a331e;color:#fff;}
.questionnaire-form .submitArea input[id*="btnInputClear"]{border:1px solid #e3e3e3;border-radius:3px;outline:none;border:none;background:#e3e3e3;color:#333;letter-spacing:normal;transition-duration:0.3s;transition-property:opacity;appearance:none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;}
/* 必須 */
span.icoReq{display:inline-block;margin-left:0.5em;padding:2px 4px;border-radius:2px;background-color:#ff9e16;color:#fff;font-size:10px;vertical-align:middle;letter-spacing:1px;}
.colorRed{color:#c00;}
.alignCenter{text-align:center;}


/*submitArea*/
.submitArea{letter-spacing:-0.5em;}
.submitArea *{letter-spacing:normal;}
.submitArea input[type="submit"],.submitArea input[type="reset"]{display:inline-block;margin:0 10px 0 0; width:109px; line-height:34px;letter-spacing:normal;}
.submitArea input[type="submit"]:hover,.submitArea input[type="reset"]:hover{opacity:0.75;background-color:#888;}
.submitArea input:last-child{margin-right:0;}





.ContentPane h2{margin:2em auto 1em;padding:0.5em 1em 0.5em 16px;border-left:2px solid #7a331e;font-weight:600;font-size:18px; color:#464646;}
.ContentPane h2:first-of-type{margin-top:0;}

table.tableInquiryInfo th,
table.tableInquiryInfo td{padding:1.25em 1.5em;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5; font-size:14px; color:#464646; line-height:28px;}
table.tableInquiryInfo th{padding:0.8em 1.5em;}
table.tableInquiryInfo th label{ position:relative;padding: 0 0.2em 0 1em; font-size:14px; color:#464646;}
table.tableInquiryInfo th label::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:3px;height:80%;margin:auto;background-color:#7a331e;}



/*--- box ---*/
.boxBordered{margin:0 0 1.5em;padding:1.5em 15px;border:1px solid #e5e5e5; font-size:14px; line-height:24px; color:#909090;}


.detail_wz{ overflow:hidden;}