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

/****** 1. 公共样式 *****/
*,*:before,*:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box}
*{margin:0; padding:0; list-style:none;}
html {height:100%; -webkit-text-size-adjust: none;}
body {font-size:14px;line-height:1.5; background:#fff;color:#333;  -webkit-font-smoothing: antialiased; min-height: 100%; width:100%; position: relative; font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
a, a:hover, a:visited, a:active, a:link {cursor: pointer;text-decoration:none; -webkit-font-smoothing: antialiased; -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;text-shadow: rgba(0,0,0,.01) 0 0 1px;}
a:hover{text-decoration:underline; }
.form-control{color: #000;}
section{display: block;position: relative;box-sizing: border-box;}
.clear::before,.clear::after{content: "";display: table;}
.clear::after{clear: both;}
.clear{zoom: 1;}
.left{float: left;}
.right {float: right;}
table{border-collapse:collapse;}
iframe{width: 100%;height: 100%;border: none;overflow: auto;}
ol, ul{margin-bottom: 0;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#eee;}
::-webkit-scrollbar-thumb{background-color:#ccc; border-radius: 5px;}
button,input[type=button],input[type=submit]{cursor: pointer;}
/*****弹性布局*****/
.cent{display: flex;align-items: center;justify-content: center;}
.rows{display: flex;flex-direction: row;align-items: center;}
.column{display: flex;flex-direction: column;align-items: center;}
.between{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}

/****** 2. 页面样式 *****/
.container{width: 1100px;margin: 0  auto;}
header{background: #222;}
header .logo{display: inline-block; padding:10px 0; font-size: 24px;line-height: 40px; font-weight: bold; color: #fff;}
header .logo a{color: #fff;text-decoration:none;}
header .logo span{font-size: 16px;line-height: 40px;margin-left: 10px;}
footer{margin-top:50px; line-height: 30px; }
.t-cent{text-align: center;}

.left_box{width: 60%;}
.right_box{width: 30%;}
.tit{margin-bottom:10px;font-size: 24px;line-height: 40px;font-weight: bold;}
.tit_h4{font-size: 20px;line-height: 24px;font-weight: bold; margin-bottom: 10px;}
.form-cont{margin-top: 20px;}
.form_row{margin: 10px 0;overflow: hidden; font-size: 16px;line-height: 36px;}
.form_row>label{float: left;}
.form_row>label:first-child{width:100px; min-height: 36px;}
.form_row .radio{margin-right: 20px;}
.form_row .radio input{vertical-align: middle;}
.inpBox{float: left; width: 40%; height: 36px; border: 1px solid #ddd; background:#f5f5f5; border-radius: 5px; padding: 0 10px;font-size: 16px;line-height: 36px; margin-right: 20px}
.form_row .btn{width: 40%; height: 36px;border: 1px solid #ccc; background:linear-gradient(to bottom,#fff,#eee);font-size: 18px;line-height: 36px;border-radius: 5px; margin-top: 30px;}
.form_row .btn:hover{background: linear-gradient(to bottom,#ddd,#f5f5f5);}
.tab{position: relative;}
.tab li{overflow: hidden;font-size: 15px;line-height:30px;}
.tab li span{float: left; width: 50%; text-align: center;}
.tab li:first-child{font-weight: bold; background:#8ed7f8;}
.bg_gray01{background:#eee;}
.bg_gray02{background:#ddd;}
.bg_green{background:#66cc00;}
.bg_yellow{background:#ffff00;}
.bg_org1{background:#fecb00;}
.bg_org2{background:#fe9900;}
.bg_org3{background:#ff6600;}
.mg50{margin: 50px auto;}

.tit_h2{font-size:18px;line-height:26px; border-left:5px solid #78b0e8; padding: 0 10px; margin-bottom: 15px; color:#000;}
.text-cont{margin-bottom:30px;}
.text-cont p{font-size:16px;line-height:30px;color: #333;}
.result{background: #fefea8; font-size:16px;line-height:36px; border: 1px solid #ebecb1; padding:5px 15px;}
.ico-jiantou{background: url("../images/jiantou.png") no-repeat 0 0; background-size: 100%; width:26px; height: 26px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.red{color: red;}
.tab .ico-jiantou{position: absolute; left: -30px; top:30px; margin-top:5px;}
.tab2{width:30%; margin-right: 20px; }
.tab2 table{width: 100%;}
.tab2 th{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border: 1px solid #ccc; background: #cce1fe;font-size: 16px;line-height:22px; font-weight:bold;padding: 5px 10px;  text-align: left;}
.tab2 td{border: 1px solid #ccc;padding: 5px 10px;font-size:16px;line-height:22px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.tab2 td:first-child{background: #f5f5f5;}

@media only screen and (max-width: 1280px){
    .container{width:90%;}
}

/************1100px************/
@media only screen and (max-width: 1100px){
    header>.top{width:100%; padding: 0 20px;}
    .tab2{width:45%;}
}
/************880px************/
@media only screen and (max-width: 880px){
    .container{width:100%;padding: 0 20px;}
}
/************768px************/
@media only screen and (max-width: 768px){
    .container{padding: 0 15px;}
}
/************767px***********/
@media only screen and (max-width: 767px){
    .left,.right{float:none;}
    .left_box,.right_box{width:100%;}
    .form_row .btn{margin:20px 0;}
    .tab2{width: 100%; margin-top: 20px; margin-right: 0;}
}

/************480px************/
@media only screen and (max-width: 510px){
    .form_row>label:first-child{width:85px;}

}