@charset "utf-8"; 

body {background-color: #e8e8e8;}
.container {padding: 0;}

/* all */
header {position: fixed; z-index: 1001; top: 0; left: 0; width: 100%; height: 48px;  background-color: #fff; padding: 0; color: #7d6870; text-align: center; border-bottom: solid #e0b5c4 1px;}
.fot1 {position: fixed; z-index: 1001; bottom: 0; left: 0; width: 100%; height: 48px; background: #fff; padding: 0; border-top: 1px solid #c0c0c0;}
#wrapper {position: relative; margin-top: 48px;}
section {position: relative;}
.row {margin: 0;}
.col-md-4 {padding: 0;}
.web1, header>hgroup label {display: none;}

/* ad */
.web2, .pad2 {display: none;}
.mobile2 {display: block; width: 100%; padding-top: 3px; margin-top: 3px; text-align: center;}


/* fix */
.aicon {display: block; background: url(../img/aicon.png) 0 0 no-repeat; background-size: 142px 178px;}

header h1 {position: relative; margin: 0 auto; z-index: -1;}
header h1 img {position: absolute; top: 15px; left: 50%; margin-left: -45px; width: 90px;}
header h1 .ellipsis {display: block; font-size: 16px; color: #7d6870; line-height: 48px; margin-left: -12px;}

.left, .right {position: absolute; top: 0; padding: 14px 14px 12px; text-indent: -9999px; z-index: 6001;}
.left {left: 0;}
.right {right: 0;}
header .a1, header .a2, header .a12 {width: 21px; height: 19px;}
header .a1 {background-position: 0 0;}
header .a2 {background-position: -23px 0;}
.mobile1 {display: block;}

.fot1 ul {position: relative; width: 100%;}
.fot1 li {display: inline-block; width: 25%; text-align: center;}

.fot1 li .aicon {background-size: 96px 120px;}
.fot1 a {display: block; height: 47px; padding-top : 13px; text-indent: -9999px;}
.fot1 li span.a3, .fot1 li span.a4, .fot1 li span.a5, .fot1 li span.a6 {display: block; width: 24px; height: 20px; margin: 0 auto; -background:red;}
.fot1 li span.a3 {background-position: 0 -25px;}
.fot1 li span.a4 {background-position: -23px -25px;}
.fot1 li span.a5 {background-position: -46px -25px;}
.fot1 li span.a6 {background-position: -70px -25px;}
.fot1 li span.a3.on {background-position: 3px -98px;}
.fot1 li span.a4.on {background-position: -21px -98px; width: 26px;}
.fot1 li span.a5.on {background-position: -46px -98px;}
.fot1 li span.a6.on {background-position: -70px -98px;}

.fot2 {display: block; position: relative; width: 100%; background-color: #e8e8e8; border-top: 1px solid #cfcfcf; font-size: 12px; letter-spacing: -1px; padding: 10px 20px; margin: 15px 0 90px; color: #a2a2a2;}
.fot2 address {margin: 0;}
.fot2 address a {color: #a2a2a2;}


.ellipsis{white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow: hidden; -moz-binding: url('ellipsis.xml#ellipsis');} 

.topbtn {position: fixed; display: block; z-index: 6001; width: 40px; height: 42px; right: 20px; cursor:pointer; bottom: 56px; text-indent: -9999px; background-position: -102px -96px; opacity: 0.6;}
#toTop {-webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; padding: 5px;}

.modal-dialog {top: 10px;}
.modal-body {padding: 10px 0 0;}
.modal-body li {padding: 10px 20px; border-bottom: 1px solid #e5e5e5;}
.modal-body li:last-child {border-bottom: none;}
.modal-body a {display: block; color: #323232;}



/* main */
/*tab*/
nav {position: fixed; width: 100%; background-color: #fff; text-align: center; border-bottom: 1px solid #d9d9d9; z-index: 1001; -top: 48px;}
nav li {display: inline-block; width: 25%;}
.tab-link {display: block; height:36px; color: #666; font-weight: bold; font-size: 14px; line-height: 34px;}
.tab-link:hover {color: #f40057;}
.tab-link.active {background-color: #f40057; color: #fff;}


/*list*/
.page-content {padding: 10px 0 10px;}
.row {position: relative;}
.row>li {box-sizing: border-box; padding: 6px 10px; -background: red;}
.row .page {position: relative; box-sizing: border-box; border-radius: 5px; box-shadow: 0 1px 3px #ccc; background-color: #fff;}

.m_tit {position: relative; display: block; border-bottom: 1px solid #c0c0c0; text-align: left; padding: 2px 15px; height: 56px;}
.m_tit>a img {float: left; width: 27px; height: 20px;}
.m_tit>a h2 {padding: 5px 0 0; font-size: 15px; line-height: 24px; color: #323c3f;}
.m_tit>a p {float: left; font-weight: bold; padding-right: 10px; color: #ff5064; font-size: 13px; padding-top: 8px;}
.m_tit .tag {height: 18px;}
.m_tit .tag li {display: inline-block; color: #007bb4; font-size: 12px; line-height: 10px; padding-right: 6px; letter-spacing: -1px;}

.m_li_b {position: relative; padding: 8px 12px; font-size: 14px; line-height: 21px; letter-spacing: -1px;}
.m_li_b .m_li_b1 a {float: left; text-indent: -9999px;}
.m_li_b .m_li_b1 a .a7 {width: 40px; height: 30px; background-position: -48px 0; margin-right: 15px;}
.m_li_b .m_li_b2 a {position: relative; float: right; color: #323c3f; margin-top: 5px;}
.m_li_b .m_li_b2 a .a8 {position: absolute; width: 16px; height: 19px; top: 1px; left: -26px; background-position: -93px 0;}
.hit {float: left; padding: 4px 0 5px; font-size: 12px; color: #000; letter-spacing: 0;}
.m_li_b:after {content: ''; display: block; float: none; clear: both;}

aside {display: none;}
.ad {max-width: 640px; margin: 0 auto; padding-bottom: 20px; padding: 10px 0; -display: none;}


/* sub1 */
#s1_1, #s1_2, #s1_3 {position: relative; width: 100%;}

#s1_1 .row {padding: 0;}
#s1_1 .row li {padding: 0;}
#s1_1 li div {position: relative;}
#s1_1 li a {position: absolute; display: block; width: 100%; height: 100%; color: #fff; z-index: 1;}
#s1_1 li a span {position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -40px; font-size: 18px;}
#s1_1 li .opacity {position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.6;}

#s1_2 {margin-top: 10px; padding: 8px 0; text-align: center;}
#s1_2 .row, #s1_3 .row {padding: 0 5px;}
#s1_2 li a, #s1_3 li a {position: relative; display: block; padding: 7px 10px; padding-left: 46px; background-color: #fff; border-radius: 5px; box-shadow: 0 1px 3px #ccc; color: #000; text-align: left; line-height: 18px;}
#s1_2 .col-xs-4, #s1_2 .col-sm-3 {padding: 5px 4px;}

#s1_2 li .aicon {position: absolute; width: 21px; height: 20px; top: 6px; left: 12px;}
#s1_2 li .a9 {background-position: 0 -71px;}
#s1_2 li .a10 {background-position: -26px -71px;}
#s1_2 li .a11 {background-position: -52px -71px;}
#s1_2 li .a12 {background-position: -78px -71px;}
#s1_2 li .a13 {background-position: -104px -71px;}
#s1_2 li .a14 {background-position: 0 -96px;}
#s1_2 li .a15 {background-position: -26px -96px;}
#s1_2 li .a16 {background-position: -52px -96px;}
#s1_2 li .a17 {background-position: -78px -96px;}

#s1_3 {margin: 20px 0; border-top: solid 1px #d0d2d2;}
#s1_3 h3 {font-size: 16px; color: #13164c; padding: 15px 0;}
#s1_3 li a {text-align: center; padding-left: 10px;}

/* sub2 */
#s2_1 h2 {padding: 10px 15px; font-size: 15px; line-height: 24px; color: #323c3f;}

/* sub3 */
#s3_1 {position: relative; text-align: center; border-radius: 5px; box-shadow: 0 1px 3px #ccc; background-color: #fff; margin: 14px; padding: 12px 8px 22px;}
#s3_1 h3 {font-size: 15px; border-bottom: solid 1px #dee0e0; padding-bottom: 12px; color: #323c3f; margin-bottom: 10px;}
#s3_1 ul li {position: relative; display: inline-block; width: 38%;}
#s3_1 ul li:first-child {margin-right: 10px;}
#s3_1 ul li a {display: block; -background: red;}
#s3_1 ul li a>span {font-size: 16px; color: #f50057; font-weight: bold;}
#s3_1 .t, #s3_1 .a {display: block; width: 62px; height: 62px; background-color: #d8d8d8; margin: 10px auto 18px; border-radius: 30px; color: #fff; font-size: 50px; padding-top: 17px; line-height: 26px;}
#s3_1 .age {font-size: 13px; padding: 5px 15px; background-color: #e2e4e4; color: #000;}
#s3_1 .on {background-color: #e75653;}

#s3_2 {margin-top: 28px;}
#s3_2 li a {position: relative; display: block; width: 80%; margin: 0 auto; padding: 14px; text-align: center; border-radius: 5px; box-shadow: 0 1px 3px #ccc; background-color: #fff; margin-bottom: 18px; color: #323c3f;}

/* sub4 */
#s4 .col12 {-padding: 40px 0 10px;}

/* sub5 */
header .a18 {width: 10px; height: 18px; background-position: 0 -120px;}
#s5_1 label {position: relative; width: 100%; background-color: #f8f8f8; box-shadow: 0 1px 3px #ccc; padding: 5px 10px;}
#s5_1 .a19 {position: absolute; width: 18px; height: 18px; top: 16px; left: 22px; background-position: -43px -121px;}
#s5_1 input {border: none; width: 100%; height: 42px; padding-left: 42px; background-color: #f8f8f8; font-weight: normal;}
#s5_1 .tag {text-align: center; padding: 10px 10px 20px;}
#s5_1 .tag li {display: inline-block; font-size: 14px; line-height: 24px; padding-right: 20px; letter-spacing: -1px;}

#s5_2 h3 {background-color: #fff; color: #00216b; font-size: 16px; padding: 16px; text-align: center; font-weight: bold;}
#s5_2 .row {background-color: #fff;}
#s5_2 .col-xs-6, #s5_2 .col-sm-4 {padding: 0; padding: 1px;}

/* sub6 */
#s6 .a20 {width: 24px; height: 6px; background-position: -15px -120px; margin: 6px 0;}
#s6 header h1 {width: 70%;}

/* sub7, sub8 */
.not_h3 {position: relative; width: 100%; background-color: #92a6b0; color: #fff; font-size: 14px;}
.not_h3 button {padding: 15px 10px;}
.not_h3 button span {width: 18px; height: 18px; text-indent: -9999px; background-position: -65px -120px; margin-right: 15px;}

.notice {position: relative; background-color: #fff; border-radius: 5px; margin: 14px; padding: 8px 6px;}
.notice li, .notice h5 {border-bottom: solid 1px #e4e6e6;}
.notice li:last-child {border-bottom: none;}
.notice li a, .notice h5 {display: block; width: 98%; padding: 10px; color: #38474f;}
.num {display: inline-block; background-color: #f50057; border-radius: 30px; width: 22px; height: 22px; margin-right: 15px; color: #fff; font-size: 16px; text-align: center; padding-top: 3px;}

.notice h5, .notice p {padding: 10px 15px; line-height: 20px; font-weight: bold;}
.notice p {font-weight: normal;}

/* sub9 */
#s9 form fieldset {margin: 14px; border-radius: 5px; background-color: #fff; padding: 0 10px 8px;}
#s9 fieldset>.group1 {border-bottom: solid 1px #e4e6e6; padding-bottom: 12px; margin-bottom: -10px;}
#s9 input.control {width: 100%; height: 30px; border: 0; padding: 10px; margin-top: -5px;}
#s9 textarea {width: 100%; height: 250px; margin: 0 auto; padding: 5px 10px; border: 0; resize: none; line-height: 24px;}
#s9 .alignbtn {display: block; margin: 0 14px;}
#s9 .alignbtn button {background-color: #f50057; border: 0; padding: 8px 0; margin-bottom: 15px;}

/* intro */
#intro section>img {display: block; max-width: 640px; margin: 0 auto;}
#intro .container {padding:0;}
#intro #s3_1>span{display: block; border-top: solid 1px #dee0e0; padding-top: 10px; font-size: 12px; margin-top: 20px; margin-bottom: -8px;}

#intro .btns {position: relative; margin: 14px; text-align: center;}
#intro .btns button {display: block; width: 100%; background-color: #fff; border-radius: 5px; padding: 8px 0; font-weight: bold;}

.in_btn {position: relative; border-top: solid 2px #f73d7f; margin: 14px; text-align: center; padding-top: 10px;}
.in_btn button {display: inline-block; width: 49%; border-radius: 5px; background-color: #ff6262; padding: 6px 0; color: #fff; box-shadow: 0 1px 3px #bc0043; font-size: 12px;}