/* Minification failed. Returning unminified contents.
(510,183): run-time error CSS1034: 
(510,183): run-time error CSS1042: Expected function, found ','
(510,188): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "utf-8";
/* CSS Document */
.forM{ display: none;}

.route{ position:relative; width:1000px; padding:5px 0 35px; /*height: 230px; */display: block;margin:0 auto ; /*background:url(../images/in_bg.jpg) center no-repeat;margin:10px auto 40px; background-size: auto 100%; box-sizing: border-box;*/ }
.route ul{ /*position:absolute; left: 0; bottom: 0;*/  }
.route ul li{ float: left; display:block; padding: 10px 15px 10px 0;  font-size: 14px;background-color:rgba(0,135,205,0.8);}
.route ul li a{ color: #fff; padding: 0 20px 0 0; background:url(../images/ico_ar.png) right no-repeat; background-size: 7px 13px;}
.route ul li a:hover{ text-decoration: underline;}
.route ul li:first-child a{ color: #fff; padding: 10px 15px 10px ;}
.route ul li:last-child a{ color: #fff; padding: 0 ; background:none;}
.route ul li.last a{ color: #fff; padding: 0 ; background:none;}
.route::after { content: ""; display: block; clear: both; }

.main{position: relative; width: 1000px; padding: 40px 30px 30px; margin:0 auto 30px; background-color: #fff;  border: 1px solid #e6e6e6; box-sizing: border-box; font-size: 14px;}
.main h2{position:absolute; top:-25px; left: 0; padding: 0 0 0 50px; line-height: 50px; font-size: 20px; color: #323e57;}
.main h2.login{background:url(../images/tFace_login.png)  no-repeat;  }
.main h2.forget{background:url(../images/tFace_forget.png)  no-repeat;  }
.main h2.alter{background:url(../images/tFace_alter.png)  no-repeat;  }
.main h2.research{background:url(../images/tFace_research.png)  no-repeat; }
.main h2.query{background:url(../images/tFace_query.png)  no-repeat; }
.main h2.sign{background:url(../images/tFace_sign.png)  no-repeat; }
.main h2.subscribe{background:url(../images/tFace_subscribe.png)  no-repeat; }
.main h2.contract{background:url(../images/tFace_contract.png)  no-repeat; }
.main h2.about{background:url(../images/tFace_about.png)  no-repeat; }
.main h2.contact{background:url(../images/tFace_contact.png)  no-repeat; }
.main h2.private{background:url(../images/tFace_private.png)  no-repeat; }
.main h2.finance{background:url(../images/tFace_finance.png)  no-repeat; }
.main h2.map{background:url(../images/tFace_map.png)  no-repeat; }
.main h2.error{background:url(../images/tFace_error.png)  no-repeat; }
.main h2.faq{background:url(../images/tFace_faq.png)  no-repeat; }
.main h2.share{background:url(../images/tFace_share.png)  no-repeat; }
.main h2.member{background:url(../images/tFace_member.png)  no-repeat; }
.main h2.login, .main h2.forget, .main h2.alter, .main h2.research, .main h2.query, .main h2.sign, .main h2.subscribe, .main h2.contract, .main h2.about, .main h2.contact, .main h2.private, .main h2.finance, .main h2.map, .main h2.error, .main h2.faq, .main h2.share, .main h2.member{background-size:50px 50px;}
.main h2 span{background:url(../images/cover_dot.jpg) center repeat-x; padding: 0 7px;}

.main h3{ position: relative; width:auto; height: 100%; display: flex; justify-content: center;  font-size:26px;  line-height:1; color:#32589e;  text-align: center;  margin: 0 auto 30px; }
.main h3 span:nth-child(2){ padding: 0 15px;}
.main h3 span:nth-child(1), .main h3 span:nth-child(3){ width: 3px; height: 26px; display: inline-block; background-color:#cccccc; }
.main h3 > a{ position: absolute;  top: 0; right: 0;}
.main h3.closer{ letter-spacing: -2px;}
.main h3.closer02 span:nth-child(1), .main h3.closer02 span:nth-child(3){ width: 3px; height: 48px; display: inline-block; background-color:#cccccc; }
.main h4{color:#0873b9;}

ul.tag{margin: 0 auto 30px;}
ul.tag li{ display: inline-block; margin:5px 5px 5px 0 ; text-align: center; font-size: 16px;  line-height: 40px;}
ul.tag li a{ width: 160px; height: 40px; display: block; border-radius: 40px; background-color: #f7f7f7; color: #aaaaaa;}
ul.tag li a:hover, ul.tag li.on a{ background-color: #92c15f; color: #fff;}

ul.ar{margin: 0 auto 30px;}
ul.ar li{ padding:0 0 0 13px;margin: 10px 0; background: url("../images/ico_arGry.png") 0 5px no-repeat ; background-size:7px 8px;}
ul.ar li a{ color:#59aef0; text-decoration:underline;}
select{
	vertical-align:middle;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
	 height:30px; font-size: 14px; color:#777777; border:1px solid #dae7ed; 
	 background: url("../images/ico_select.png") no-repeat scroll right 10px center #fff;
	 background-size:14px 14px;
	 padding:0 24px 0 5px;}
select::-ms-expand { display: none; }
select.half{width:calc((100% - 8px)/2);}

input{vertical-align: middle; box-sizing: border-box;}
input[type="button"]{width:150px; height:45px; display: inline-block; border-radius: 3px; background-color: #c3c3c3; color: #fff; text-align: center; border: none; font-size: 20px; margin: 10px; cursor: pointer;}
input[type="button"]:hover, input[type="button"].on, input[type="button"].g-recaptcha{background-color: #e96233; }
input[type="button"].adv{  background-color: #59aef0;}
input[type="button"].adv:hover{  background-color: #59aef0;}
input[type="button"].checkMail{ font-size: 14px;  width: 130px; height: 30px; padding: 0 5px 0 20px; background:#32589e url("../images/ico_check.png") 10px 0 no-repeat; background-size:15px 30px;}
input[type="button"].subscribe{ font-size: 14px;  width: 90px; height: 30px; padding: 0 5px; margin:0 5px; background-color:#32589e ; }
/*checkbox*/
input[type="checkbox"]{ display:none;}
input[type="checkbox"]+ label{ height:20px; line-height:20px; display:inline-block; background:url(../images/check_normal.png) 0 center no-repeat; cursor:pointer; padding: 0px 0px 0px 24px; margin:0 0 5px 0;background-size:20px 20px;}
input[type="checkbox"]:checked + label{ display:inline-block; background:url(../images/check_checked.png) 0 center no-repeat;background-size:20px 20px;}
/*checkbox - rd*/
input[type="checkbox"]+ input + label{ height:20px; line-height:20px; display:inline-block; background:url(../images/check_normal.png) 0 center no-repeat; cursor:pointer; padding: 0px 0px 0px 24px; margin:0 0 5px 0;background-size:20px 20px;}
input[type="checkbox"]:checked + input + label{ display:inline-block; background:url(../images/check_checked.png) 0 center no-repeat;background-size:20px 20px;}
/*radio*/
input[type="radio"]{ display:none;}
input[type="radio"] + label{ display:inline-block; background:url(../images/radio_normal.png) 0 center no-repeat; cursor:pointer; padding: 0 10px 0 24px;background-size:20px 20px;}
input[type="radio"]:checked + label{ background:url(../images/radio_check.png) 0 center no-repeat;background-size:20px 20px;}
/*radio - rd*/
input[type="radio"] + input + label{ display:inline-block; background:url(../images/radio_normal.png) 0 center no-repeat; cursor:pointer; padding: 0 10px 0 20px;background-size:20px 20px;}
input[type="radio"]:checked + input + label{ background:url(../images/radio_check.png) 0 center no-repeat;background-size:20px 20px;}

a.refresh{  background:url(../images/ico_refresh.png)  no-repeat;}
a.quest{  background:url(../images/ico_quest.png)  no-repeat;}
/*a.more{  background:url(../images/ico_more.png)  no-repeat;}*/
a.refresh, a.quest{width: 30px; height:30px; display: inline-block; margin: 0 5px;  background-size:cover;vertical-align: middle; }
a.more{position:absolute; top:50%; right:0; padding:3px 4px ; line-height:1; font-size:12px; color: #fff; background-color: #e96233;}
.note{ text-align: center; margin: 0 auto 30px; color:#777777;}
.remind{ margin: 0 auto 30px; color:#cc0000;}
.btnSet{ margin: 0 auto 30px; text-align:center;}
.bl{ color:#008ccd;}
.red{ color:#cc0000;}
.mD{ margin:0 auto 30px;}
.box{ margin: 0 auto 30px;}
.info{ margin: 0 auto 30px;}
.info ul{ margin: 0 0 30px 30px;}
.info ul.ar li{ list-style: none;}
.info ul.ar li ul li{ list-style: decimal; padding: 0; background: none;}
.info ul li, .info_gry ul li{ list-style: decimal;}
.info_gry{ padding:20px; margin: 0 auto 30px; background-color: #f7f7f7;}
.info_gry p{ margin: 0 auto 30px;}
.info_gry ul{ margin: 0 0 30px 55px;}
.info h4, .info_gry h4{ font-weight: normal; font-size: 18px; color:#32589e;}
.info_gry h5{ font-weight: bold; font-size: 14px; color:#000;}
.info ul.ar li p{ margin: 0 0 30px;}
.info a{ color:#59aef0; text-decoration: underline;}
.info a.mail{color:#e96233;}
.info img{ width: 100%; height: auto;}

ul.dot{margin:0 0 0 15px; vertical-align: top;}
ul.dot li{ width:100%;list-style:disc; padding: 0; margin: 0 auto 10px; background: none; color:#999999;}

.main .btnSet.forAlt{position:absolute; top:-24px; right:0; width:320px; padding: 0;  margin: 0 auto 20px; background:url(../images/cover_dot.jpg) center repeat-x; }
.main .btnSet.forAlt input[type="button"]{ margin: 0 0 0 10px; padding: 0; float: left;}
.main .btnSet.forAlt input[type="button"]:hover, .main .btnSet.forAlt input[type="button"].on{background-color: #40b038; }

.main .comunityShare{position:absolute; top:-24px; right:0; width:110px; padding: 0;  margin: 0 auto 20px; display: flex; justify-content: flex-end; }
.main .comunityShare li{ margin: 0 0 0 5px;}
.main .comunityShare li a{ width:50px; height: 50px; display: block; }
.main .comunityShare li:first-child a{background:url(../images/icon_fb.png) no-repeat;background-size:cover;}
.main .comunityShare li:last-child a{background:url(../images/icon_line.png) no-repeat;background-size:cover;}


table{ width:100%; margin: 10px auto 30px; line-height: 1.3; border-left:1px solid #dae7ed; border-top:1px solid #dae7ed; border-right:1px solid #dae7ed;}
table th{ color: #5d7480;  background-color: #f0f6f9; }
table td{ background-color: #fff; }
table th, td{ font-size:16px; font-weight: normal;  padding:10px;  border-bottom:1px solid #dae7ed;}
table th.type01{ background-color:#6bafce ; font-size:18px; color:#fff;font-weight: bold;   }
table td.noL{border-bottom:1px solid #fff;}
table td.type01{ padding: 10px 10px 10px 45px; background-color:#fbfbfb ; border-bottom:1px solid #fff;}
table td.type02{ padding: 10px 10px 10px 80px;background-color:#f7f7f7 ;  }
table input[type="text"], table.sp input[type="password"]{ width: 100%; height:30px; border: 1px solid #dae7ed; background-color: #fff; box-sizing: padding-box; padding: 0 10px;}
table input.size01{ width: 100px;}
table input.size02{ width: 250px;}
table input.size03{ width: 60px;}
table a{ color:#59aef0; text-decoration: underline;}
table a:hover{  text-decoration: underline;}
table th a{ color:#59aef0; text-decoration: none;}
table th a:hover{  text-decoration: none;}
table a.date{ width: 30px; height: 30px; display: inline-block; background:url(../images/ico_date.png) center no-repeat; background-size:24px 24px; vertical-align: middle;}
table a.minus{ width: 30px; height: 30px; display: inline-block; background:url(../images/ico_minus.png) center no-repeat; background-size:24px 24px; vertical-align: middle;}
table a.plus{ width: 30px; height: 30px; display: inline-block; background:url(../images/ico_plus.png) center no-repeat; background-size:24px 24px; vertical-align: middle;}
table ul li{ margin: 5px 0;}
table td ul.set li{ display: inline-block;margin: 5px 5px 5px 0;}

table.sp{ width: auto; margin: 0 auto;line-height: 1.5; border: none;}
table.sp th{ font-size:18px;}
table.sp th, table.sp td{ padding: 5px; background-color: #fff;border: none;}
table.sp input[type="text"], table.sp input[type="password"]{ height: 45px; border: 1px solid #ededed; background-color: #fafafa; box-sizing: padding-box; padding: 0 10px;font-size:18px;}
table.sp input.size01{ width: 250px;}
table.sp input.size02{ width: 130px;}
table.sp ul li{ list-style: disc;}
table.sp img{/*width:110px; height:45px;*/ display: inline-block;vertical-align: middle; margin: 0 0 0 5px;}
table.sp span{ color:#0873b9;}

table.shareLi th, table.shareLi td{ font-size:14px;}
table.shareLi th{ text-align: center;}
table.shareLi th.tL{ text-align: left;}
table.shareLi input[type="checkbox"] + label{ margin: 0;}
table td.pic img{ width: 170px; height:auto;}
table .tagType{ /*color:#fff; background-color: #910a00; padding: 5px;*/}
.shareM{ display:none}

.step01{ background:url(../images/step01.png) center no-repeat;}
.step02{ background:url(../images/step02.png) center no-repeat;}
.step03{ background:url(../images/step03.png) center no-repeat;}
.step04{ background:url(../images/step04.png) center no-repeat;}
.step01, .step02, .step03, .step04{  width: 628px; height: 154px; display: block; margin: 0 auto 30px; background-size:cover;}

.service .pic01{ float:left; width: 566px; height: 396px; display: block; background:url(../images/pic01.png) center no-repeat;background-size:446px 329px;}
.service ul{ float:right;width:370px; height: 396px; padding: 30px 20px; display:block; box-sizing: border-box; }
.service ul li{ width:250px; height:54px;  padding: 0 0 0 40px; margin: 0 0 5px; font-size:20px;  color: #666666; background:url(../images/serviceCheck.png)  no-repeat; background-size:cover;box-sizing: border-box; }

.service .pic02{ width: 100%; height:436px; display: block;  margin: 0 auto 30px; background:url(../images/pic02.png) center no-repeat; }

/*shareIn*/
.shareIn{position: relative; border-bottom:1px solid #f1f1f1; padding: 0 0 30px; margin: 0 0 30px; }
.shareIn ul.tag{ position: absolute;bottom:-18px; right: 0; margin: 0; padding: 0 0 0 10px; background-color: #fff; }
.shareIn ul.tag li{ height: 25px; line-height: 25px;  display: inline-block; font-size: 14px; border-top: 1px solid #93c15f;border-bottom: 1px solid #93c15f;border-right: 1px solid #93c15f;border-left: 6px solid #93c15f; border-radius: 2px; color:#93c15f; background-color: #fff; padding: 0 5px;}
.shareIn .btn{ position: absolute; bottom: -20px; left: 50%; margin: 0 -110px;}
.shareIn .btn a{ width: 220px; padding: 6px 0; display:block; border-radius: 3px; background-color: #e96233; color: #fff; text-align: center; border: none; font-size: 20px; cursor: pointer; }
.shareIn .pic{ width: 100%; max-width: 600px; margin: 0 auto 30px;}
.shareIn .pic img{width: 100%; height: auto;}
.shareIn h4{ font-size:20px;}
.shareIn ul.info{}
.shareIn ul.info li{ display: inline-block; line-height: 1; padding: 0 10px; border-right: 2px solid #dddddd;}
.shareIn ul.info li:nth-child(1){ color:#339fd7; padding:0 10px 0 0; }
.shareIn ul.info li:nth-child(2){ color:#fc7d3e;}
.shareIn ul.info li:nth-child(3){ border-right:none;}
.shareIn .grey{ position: relative; padding: 25px 20px; margin:0 0 20px; color:#a41111; background-color:#f9f9f9; font-style: italic; font-weight: bold; }
.shareIn .grey ul{ position: absolute; top:-12px; right: 0;}
.shareIn .grey ul li{width: 25px; height: 25px; display: inline-block;}
.shareIn .grey ul li img{width: 25px; height: 25px;}
.shareIn .grey ul li a.like{ width: 25px; height: 25px; display: block; background:url(../images/btn_like_off.png) no-repeat; background-size: 25px 25px;}
.shareIn .grey ul li a.like:hover, .shareIn .grey ul li a.like.on{background:url(../images/btn_like_on.png) no-repeat; background-size: 25px 25px;}

.topBar{ display: flex; justify-content: space-between;margin: 0 auto 10px;}
.topBar a{width: auto; padding: 0 5px;height: 30px; display:inline-block;background: #32589e;color:#fff; line-height: 30px; margin: 0 0 0 5px; box-sizing: border-box; border-radius: 3px;}
.topBar a.delete{ width: 95px;  background: #32589e url(../images/ico_trash.png) 5px  no-repeat;  padding: 0 0 0 30px;}
/*shareLi*/
.shareLi{ margin: 0 auto 30px;}
.shareLi li{ position: relative;border-bottom: 1px solid #dae7ed;border-left: 1px solid #dae7ed;border-right: 1px solid #dae7ed; box-sizing: border-box; display: flex; justify-content: space-between; align-items: top; padding: 15px;}
.shareLi li:first-child{border-top: 1px solid #dae7ed;}
.shareLi li .pic{ width:170px; height: 89px; display: flex; justify-content: center; align-items: center; overflow: hidden; background-color: #ececec;}
.shareLi li .pic img{}
.shareLi li h4{ font-size: 16px; color:#676767;}
.shareLi li h4 span{ font-size: 14px; color:#fff; background: #e96233; padding: 4px; margin: 0 5px 0 0;}
.shareLi li .info{ width:calc(100% - 180px); margin: 0;}
.shareLi li .info p span:first-child{ color:#32589e; }
.shareLi li .info p span:last-child::before{ content: ' / '; }
.shareLi li a{ position: absolute; width: 100%; height: 100%; display: block;  top:0; left:0;}
/*article01*/
.article01{ position: relative; width:100%;  overflow: hidden;box-sizing: border-box; margin: 0 auto 30px; }
.article01 .article01_in{ position: relative;width:calc(100% - 100px); margin: 0 auto;  overflow: hidden;box-sizing: border-box;}
.article01 .swiper-wrapper{}
.article01 .swiper-slide{position: relative;}
.article01 .swiper-slide img{ /*width: 100%; height: auto;*/}
.article01 ul{  display: flex; justify-content: space-between;  box-sizing: border-box;}
.article01 ul li{ position: relative;width:160px; text-align: center; line-height: 1.2; color:#676767;}
.article01 ul li .pic{width:160px; height: 84px; display: flex; justify-content: center; align-items: center;  background-color: #ebebeb; margin: 0 0 20px;}
.article01 ul li img{ /*width:100%; height: auto;*/}
.article01 ul li a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.article01 ul li h3{ font-size: 14px; font-weight: bold; color: #000; margin: 0;}
.article01 .btn_prev{ position: absolute; left: 0; top: 50%; margin: -15px 0; width: 30px; height: 30px; display: block;background:url(../images/ar_prev.png) no-repeat;background-size:cover; z-index: 1;}
.article01 .btn_next{position: absolute; right: 0; top: 50%; margin: -15px 0; width: 30px; height: 30px; display: block;background:url(../images/ar_next.png) no-repeat;background-size:cover; z-index: 1;}
/*article02*/
.article02{ position: relative; width:100%;overflow: hidden;box-sizing: border-box; margin: 0 auto 30px; }
.article02 .article02_in{ position: relative;width:calc(100% - 100px); margin: 0 auto;  overflow: hidden;box-sizing: border-box;}
.article02 .swiper-wrapper{}
.article02 .swiper-slide{position: relative;}
.article02 .swiper-slide img{ /*width: 100%; height: auto;*/}
.article02 ul{  display: flex; justify-content:flex-start;  box-sizing: border-box;}
.article02 ul li{ position: relative;width:160px; text-align: center; line-height: 1.2; color:#676767;}
.article02 ul li .pic{width:160px; height: 84px; display: flex; justify-content: center; align-items: center;  background-color: #ebebeb; margin: 0 0 20px; margin: 0 0 20px;}
.article02 ul li img{/* width:100%; height: auto;*/}
.article02 ul li a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.article02 ul li h3{ font-size: 14px; font-weight: bold; color: #000; margin: 0;}
.article02 .btn_prev02{ position: absolute; left: 0; top: 50%; margin: -15px 0; width: 30px; height: 30px; display: block;background:url(../images/ar_prev.png) no-repeat;background-size:cover; z-index: 1;}
.article02 .btn_next02{position: absolute; right: 0; top: 50%; margin: -15px 0; width: 30px; height: 30px; display: block;background:url(../images/ar_next.png) no-repeat;background-size:cover; z-index: 1;}
/*article03*/
.article03{ position: relative; width:100%;overflow: hidden;box-sizing: border-box; margin: 0 auto 30px; }
.article03 .article03_in{ position: relative;width:calc(100% - 100px); margin: 0 auto;  overflow: hidden;box-sizing: border-box;}
.article03 .swiper-wrapper{}
.article03 .swiper-slide{position: relative;}
.article03 .swiper-slide img{ /*width: 100%; height: auto;*/}
.article03 ul{  display: flex; justify-content:flex-start;  box-sizing: border-box;}
.article03 ul li{ position: relative;width:160px; text-align: center; line-height: 1.2; color:#676767;}
.article03 ul li .pic{width:160px; height: 84px; display: flex; justify-content: center; align-items: center;  background-color: #ebebeb; margin: 0 0 20px; margin: 0 0 20px;}
.article03 ul li img{/* width:100%; height: auto;*/}
.article03 ul li a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.article03 ul li h3{ font-size: 14px; font-weight: bold; color: #000; margin: 0;}
.article03 .btn_prev03{ position: absolute; left: 0; top: 50%; margin: -15px 0; width: 30px; height: 30px; display: block;background:url(../images/ar_prev.png) no-repeat;background-size:cover; z-index: 1;}
.article03 .btn_next03{position: absolute; right: 0; top: 50%; margin: -15px 0; width: 30px; height: 30px; display: block;background:url(../images/ar_next.png) no-repeat;background-size:cover; z-index: 1;}
.swiper-button-disabled{ opacity:0.5;}
/*error page*/
.error .main{ margin: 50px auto 30px;}
.error header{ background:#fff url(../images/head_bg_error.jpg) repeat-x;}

/*page*/
.page{ position: relative;line-height: 24px; text-align: center; margin: 0 auto 30px;}
.page ul li{ display: inline-block; margin: 0 5px;}
.page ul li a{display:block; color: #e96233; background-color: #fff; text-decoration: underline;}
.page ul li a.on, .page ul li a:hover{ color: #fff; background-color: #e96233;}
.page ul li.circle a{ width: 24px; height: 24px;  text-decoration:none; border: 1px solid #e96233; border-radius: 24px;}
.page .quick{ position: absolute; top:0; right: 0;}
/*pop*/
.popOverlay{ position: fixed; top:0; left:0; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.6); z-index:111; }
.pop{ position:absolute; top:100px; left:50%; width:700px;padding:0 30px 30px ;  box-sizing: border-box;  margin:0 -350px; background-color:#fff;  border-radius: 5px;  z-index:112; }
.pop h2{ font-size: 26px;font-weight: normal; padding: 15px 10px 5px; text-align: center;border-bottom: 1px solid #ededed; margin: 0 auto 30px;}
.pop .in{  width:100%; text-align: center; display: table;margin: 30px auto ;}
.pop .in p{ width:100%;font-size: 18px;}

/*btn_float_R*/
.btn_float_R{ display: none;}

/* loading */
.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  background-color: #eee;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3c4f7a;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s; 
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}


/*pad*/
@media screen and (max-width: 999px){
	.route{ width:calc(100% - 20px);}
	.main{width:calc(100% - 20px);}
	.service .pic01{  width:430px; background-size:430px auto;}
	.service ul{ width:218px; padding: 30px 0 0 0;}
	.service ul li{ width:100%;}
	.service .pic02{ width: 100%; height:400px; background-size:100% auto;}
	
	table td.pic img{ width: 120px; margin: 0 auto 5px; }
	.article01 ul li, .article02 ul li, .article03 ul li{ width:113px; }
	.article01 ul li .pic, .article02 ul li .pic, .article03 ul li .pic{width:113px; height: 60px; }
}
/*mobile*/
@media screen and (max-width: 767px){
	.forM{ display:inline-table;}
	a.forM{ display:block; line-height:1.5;}
	span.blc{ display: block; margin: 5px 0; text-align: center;}
	
	.route{ width:100%; min-height:40px;}
	.route ul{ padding: 10px 0 35px;}
	.main{width:calc(100% - 30px); padding: 35px 10px 30px;font-size: 16px; }
	.main h3 span:nth-child(2){ padding: 0 10px;}
	.main h3.closer02{ font-size: 20px; letter-spacing: -2px; line-height: 1.3;}
	.main h3.closer02 span:nth-child(2){ padding: 0 5px;}
	.error header{ background-image: none;
		height:50px;background: #003083; /* Old browsers */
	  background: -moz-linear-gradient(left,  #003083 0%, #16a7ea 100%); /* FF3.6-15 */
	  background: -webkit-linear-gradient(left,  #003083 50%,#16a7ea 100%); /* Chrome10-25,Safari5.1-6 */
	  background: linear-gradient(to right,  #003083 50%,#16a7ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003083', endColorstr='#16a7ea',GradientType=1 ); /* IE6-9 */}
	ul.tag{ width:268px;}
	ul.tag li{ margin:5px 0 ; line-height:40px; }
	ul.tag li a{ width: 130px; height:40px;  border-radius: 40px;}
	
	ul.ar{padding:0 10px; margin: 0 0 30px 15px;}
	
	.main table, .main table tbody, .main table th, .main table td, .main table tr { width:100%;  display: block; clear:both; box-sizing:border-box;}
	table th{ text-align: center;}
	table th.type01{display:none;}
	table th, table td{ padding: 5px 10px;}
	table input.size01{ width:calc(100% - 40px );}
	table input.size02{ width:100%; margin:2px 0 ;}
	table input.size03{ width:100%;margin:2px 0 ;}
	table select{ width:100%;margin:2px 0 ;}
	table ul li{padding: 10px 5px;}
	table ul li:nth-child(odd){ background-color: #f8f8f8;}
	table ul.set li{background:none; padding: 0;}
	table ul.dot li{background:none; padding: 0;}
	table.cover th, table.cover td{ display: none;}
	table.cover th:first-child, table.cover td:first-child{ display: block;}
	
	table.sp ul{ margin: 0 0 0 15px;}
	table.sp input.size01, table.sp input.size02{ width:100%; margin: 0;}
	table.sp img{ width:100%; height: auto;margin: 10px 0 0;}
	table.sp a.refresh{ display: block; margin: 10px auto 0;}
	table.sp a.quest{ margin: 10px auto 0;}
	
	table td.pic{text-align: center;}
	table td.pic img{ width: 100px; margin: 0 auto 5px; }
	.shareM{display:block; box-sizing: border-box; text-align: left; margin: 10px 0 0;}
	.shareM .pic{text-align: center;}
	.shareM .pic img{ width: 100%; margin: 10px auto ; }
	.topBar{ flex-wrap: wrap; justify-content: center;margin: 0 0 10px;}
	.topBar div{ width: 100%; display: flex; justify-content: center; align-items: center;}
	.topBar .quick{ margin: 0 0 10px;}
	.topBar a.delete{ width: 100px;}
	
	/*shareLi*/
	.shareLi li{flex-wrap: wrap;}
	.shareLi li .pic{ width: 100%; margin: 0 0 10px;}
	.shareLi li .info{ width: 100%;}
	
	table input[type="text"], table.sp input[type="password"], select{height: 40px;}
	input[type="button"], input.subscribe[type="button"]{width:100%;height: 40px; display:block; margin: 10px auto;font-size: 16px; }
	
	input[type="button"].checkMail{  width: 150px; height: 40px; padding: 0 5px 0 20px; background:#32589e url("../images/ico_check.png") 10px 5px no-repeat; background-size:15px 30px;}
	/*checkbox*/
    input[type="checkbox"]{ display:none;}
    input[type="checkbox"]+ label{ height:30px; line-height:30px; display:inline-block; background:url(../images/check_normal.png) 0 center no-repeat; cursor:pointer; padding: 0px 0px 0px 30px; margin:5px 0;}
    input[type="checkbox"]:checked + label{ display:inline-block; background:url(../images/check_checked.png) 0 center no-repeat;}
	/*checkbox - rd*/
    input[type="checkbox"]+ input + label{ height:30px; line-height:30px; display:inline-block; background:url(../images/check_normal.png) 0 center no-repeat; cursor:pointer; padding: 0px 0px 0px 30px; margin:5px 0;}
    input[type="checkbox"]:checked + input + label{ display:inline-block; background:url(../images/check_checked.png) 0 center no-repeat;}
	/*radio*/
	input[type="radio"]{ display:none;}
    input[type="radio"] + label{height:30px; line-height:30px; display:inline-block; background:url(../images/radio_normal.png) 0 center no-repeat; cursor:pointer; padding: 0 0 0 30px;margin:5px 0;}
    input[type="radio"]:checked + label{ background:url(../images/radio_check.png) 0 center no-repeat;}
	/*radio - rd*/
    input[type="radio"] + input + label{height:30px; line-height:30px; display:inline-block; background:url(../images/radio_normal.png) 0 center no-repeat; cursor:pointer; padding: 0 0 0 30px;margin:5px 0;}
    input[type="radio"]:checked + input + label{ background:url(../images/radio_check.png) 0 center no-repeat;}
	
	td.dot { padding-left: 20px; position: relative; }
	td.dot::before { position: absolute; top: 16px; left: 8px; content: ""; width: 5px; height: 5px; background-color: #32589e; border-radius: 50%; } 
	.main table th.mNone { display: none; }

	.info{ margin: 0 auto 10px;}
	.info_gry h5{ font-size: 16px;}
	
	.main .btnSet.forAlt{position: static;  width:268px; padding: 0; display: flex; justify-content: space-between;}
	.main .btnSet.forAlt input[type="button"]{width:125px;margin: 0 auto;}
	.step01{ background:url(../images/step01_m.png) center no-repeat;}
	.step02{ background:url(../images/step02_m.png) center no-repeat;}
	.step03{ background:url(../images/step03_m.png) center no-repeat;}
	.step04{ background:url(../images/step04_m.png) center no-repeat;}
	.step01, .step02, .step03, .step04{ width:220px; height:80px;background-size:cover;}
	
	
	.service .pic01{ float:none; width:100%; height:199px;background-size:268px 199px;}
	.service ul{ float:none; width:190px; height: auto; padding: 30px 0 0 0; margin: 0 auto;display:block; box-sizing: border-box; }
	.service ul li{ width:100%; height:40px; line-height: 40px; display: block; padding: 0 0 0 40px; margin: 0 0 5px; font-size:18px; font-weight: bold; vertical-align: text-top;}
	.service .pic02{width:264px; height:310px; display:block;  background:url(../images/pic02_m.png) center no-repeat; background-size: 100% auto;}
	
	/*shareIn*/
	.shareIn .pic{ margin: 0 0 15px;}
	.shareIn h4{ text-align: center;margin: 0 0 5px;}
	.shareIn ul.info{ display: flex; justify-content:center; flex-wrap: wrap;}
	.shareIn ul.info li{margin: 0 0 10px;}
	.shareIn ul.info li{text-align: center; box-sizing: border-box;}
	.shareIn ul.info li:nth-child(1){ padding: 0 10px; width: calc((100% - 2px)/2);}
	.shareIn ul.info li:nth-child(2){ padding: 0 10px; width: calc((100% - 2px)/2); border: none;}
	.shareIn ul.info li:nth-child(3){ padding: 0; width:100%;}
	.shareIn ul.tag{ width:auto;}
	/*article01*/
	.article01 ul li .pic, .article02 ul li .pic, .article03 ul li .pic{width:160px; height: 84px; }
	/*page*/
	.page{ position: relative;line-height: 40px; text-align: center;}
	.page ul li{ display:block; margin: 2px ;}
	.page ul li.circle{ display: inline-block;}
	.page ul li a{display:block; color: #e96233; background-color: #fff; text-decoration: underline;}
	.page ul li a.on, .page ul li a:hover{ color: #fff; background-color: #e96233;}
	.page ul li.circle a{ width: 40px; height: 40px;  text-decoration:none; border: 1px solid #e96233; border-radius: 40px;}
	.page .quick{ position:static; margin: 10px auto 0; }
	.page .quick select{ margin: 0 5px;}
	
	/*pop*/
	.pop{ width:280px; margin: 0 -140px; }

	/*btn_float_R*/
	.btn_float_R{ display: block; width: 50px; height: 50px; text-align: center; background: url(../images/ico_select.png) center bottom 5px no-repeat; background-color: rgb(50, 88, 158, 0.9); background-size: 15px auto; border-radius: 99em;  line-height: 40px; color: #fff; display: block; position: fixed; right: 10px; bottom: 50px; z-index: 10;}
	.btn_float_R a{ color: #fff; width: 100%; height: 100%; display: block;}
}