@charset "utf-8";

.fblue{color:#0070c0}
.forange{color:#ff6600}
.fred{color:#ed3314}
.fgreen{color:#09a65a}
.fyellow{color:#fff856}

.f16{font-size:16px;}

/*Form style*/

/*checkbox*/
.chkbx {position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.chkbx input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.chkbx .checkmark { position: absolute; top: 0; left: 0; height: 16px; width: 16px; background-color: #fff;border-radius:3px;border:1px solid #c9d4dd}
.chkbx:hover input ~ .checkmark { border:1px solid #3163ee}
.chkbx input:checked ~ .checkmark { background-color: #4d7cfe;border:1px solid #3163ee} 
.chkbx .checkmark:after {  content: "";  position: absolute;  display: none;}
.chkbx input:checked ~ .checkmark:after {  display: block;}
.chkbx .checkmark:after { left: 4px;  top: 0px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 2px 2px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}
.chkr{padding-left: 0px;padding-right:25px}
.chkr .checkmark{left:initial;right:0}


/*radio*/
.radiobx {position: relative; padding-left: 25px; cursor: pointer; -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;line-height:18px!important}
.radiobx input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.radiobx .checkradio { position: absolute; top: 2px; left: 2px; height: 16px; width: 16px; background-color: #fff; border-radius: 50%;border:1px solid #c9d4dd}
.radiobx:hover input ~ .checkradio { border:1px solid #3163ee}
.radiobx input:checked ~ .checkradio { background-color: #4d7cfe;border:1px solid #3163ee}
.radiobx .checkradio:after { content: ""; position: absolute; display: none;}
.radiobx input:checked ~ .checkradio:after { display: block;}
.radiobx .checkradio:after { top: 4px;left: 4px; width: 8px; height: 8px; border-radius: 50%; background: white;}

select {color:#666;padding-right:30px;padding-left:8px; line-height:32px;border-radius:3px; height:32px; border:1px solid #bec9cf;-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;background:#fff url(../read/images/bg_selectArrow.png) right center no-repeat}
select::-ms-expand{ display: none;}
input[type=text],
input[type=tel],
input[type=date],
input[type=password],
input[type=email]{color:#666; line-height:28px; height:28px; border:1px solid #bec9cf;background:#fff;border-radius:3px;text-indent:5px;}
input[type=file]{color:#666; line-height:28px; height:28px;padding-left:5px;}
.date{background:#fff url(../read/images/ic_calendar.png) right center no-repeat!important;line-height:28px; height:28px;}
textarea{border:1px solid #c9d4dd;border-radius:3px;padding-left:5px;}

input[type=checkbox]{border : 1px solid #c8d0da; }
input[type=number] {color:#666; line-height:28px; height:20px; border:1px solid #bec9cf;background:#fff;border-radius:3px; position: relative; padding: 5px;padding-right: 25px;width:50px}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {opacity: 1;}
input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {width: 30px;position: absolute;top: 0;right: 0;height: 100%;}


/* layout */
body.mainbg{background-color:#cfdef9}
body.mainbg > #wrap{background: url(../read/images/bg_m_view.jpg) no-repeat center center; background-size:cover }

body.subbg{background-color:#cfdef9}
body.subbg > #wrap{background: url(../read/images/bg_s_view.jpg) no-repeat center center; background-size:cover }


#wrap {height:100%;min-height:850px;width:100%;min-width:1600px;}
#container {width:100%; min-height:100%; position:relative;min-width:1600px;overflow:hidden;}
#footer{position:absolute;font-size:0.75rem;line-height:1;bottom:0;left:0;right:0}

/*footer*/
.footerIn{margin:15px 5%;}
.footerIn:after{content:""; clear:both; display:block; }
.txt_copyright{float:left;color:#3f5671;line-height:1.5;}
.footerIn select {margin-right:3px;color:#3f5671;padding-right:30px;padding-left:8px; line-height:32px;border-radius:3px; height:32px; border:1px solid #a8b2bd;-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;background:#e7effc url(../read/images/bg_selectArrow1.png) right center no-repeat}
.footerIn select::-ms-expand{ display: none;}
.footerIn button{border-radius:3px;background-color:#1a4a97;color:#fff;vertical-align:middle;padding:5px 15px 5px 15px;border:1px solid #243850 }
.footerIn button:hover{background-color:#143f85}

/*main*/
.menubtn{width:1020px;margin:35px auto 0}
.menubtn li{width:310px; height:160px; background:#fff;border-radius:10px;margin:10px 15px;float:left;}
.menubtn li span{display:none}
.menubtn li a{display:block;height:160px;background-position:0 0 ;background-repeat:no-repeat}
.menubtn li a:hover{background-position:0 -160px}
.menubtn li:nth-child(1) a{background-image:url(../read/images/mv_mainbtn1.png)}
.menubtn li:nth-child(2) a{background-image:url(../read/images/mv_mainbtn2.png)}
.menubtn li:nth-child(3) a{background-image:url(../read/images/mv_mainbtn3.png)}
.menubtn li:nth-child(4) a{background-image:url(../read/images/mv_mainbtn4.png)}
.menubtn li:nth-child(5) a{background-image:url(../read/images/mv_mainbtn5.png)}
.menubtn li:nth-child(6) a{background-image:url(../read/images/mv_mainbtn6.png)}

/*sub*/
.sub_view{width:1562px;margin:30px auto 0;position:relative}
.sub_view li{width:130px; height:110px; background:#8cb5f8;border-radius:10px;margin:6px;float:left;text-align:center;overflow:hidden}
.sub_view li a{font-size:3.25rem;color:#fff;display:block;line-height:1;height:110px;font-weight:400;}
.sub_view li a:hover{background:#71a4f8}
.sub_view li a span{font-size:1.125rem;color:#d6e3fc;display:block;text-align:center;line-height:1;padding:15px 0 10px}

.sub_view li:nth-child(15), .sub_view li:nth-child(23), .sub_view li:nth-child(31){margin-right:432px}
.sub_view li:nth-child(43), .sub_view li:nth-child(44){width:272px;}
.sub_view li:nth-child(43) a, .sub_view li:nth-child(44) a{background:#1355c1}
.sub_view li:nth-child(43) a:hover, .sub_view li:nth-child(44) a:hover{background:#0f449a}

.sub_view .search{background:#fff;border-radius:10px;width:414px;height:354px; position:absolute;top:128px;left:574px;text-align:center}
.sub_view .search h3{font-size:1.875rem;font-weight:500;margin:55px 0 10px}
.sub_view .search p{color:#1d53a5;font-size:1.125rem;}

.sub_view .search .ip_schbx{display:block;margin:20px auto;width:80%}
.sub_view .search .ip_schbx:after{content:""; clear:both; display:block;}
.sub_view .search .ip_schbx input{height:42px!important;border:none;width:calc(100% - 60px);border:1px solid #b9c7d1;border-radius:6px 0 0 6px;float:left}
.sub_view .search .ip_schbx button{background-color:#7e8a93;border-radius:0px;border:1px solid #b9c7d1;border-left:none;border-radius:0 6px 6px 0;width:46px;background-image:url(../read/images/btn_mvsch.png);background-repeat: no-repeat;background-position:center center;min-height:46px;float:left}
.sub_view .search .ip_schbx button:hover{background-color:#636b71}

.sub_view .search .btn_filedown{text-indent:40px; border-radius:6px;background-color:#f98c43;color:#fff;vertical-align:middle;padding:0 15px 0 15px;border:1px solid #d36a24;line-height:50px ;font-size:1.5rem;width:240px;background-image:url(../read/images/btn_mvdown.png);background-repeat: no-repeat;background-position:25px center;}
.sub_view .search .btn_filedown:hover{background-color:#f97d2a}

button > span{display:none}

/* popup*/
.mvpopup{ background:#fff;position:absolute;border-radius:15px;box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0 ;left:10px;top:10px;z-index:999;overflow:hidden}
.mvpopup .mvtop {min-height:40px;margin:10px 10px 0;padding-right:40px}
.mvpopup .mvtop:after{content:""; clear:both; display:block;}
.mvpopup .mvtop .btnpClose{position:absolute;top:13px;right:15px;bottom:0;width:24px;text-align:center;text-indent:0;line-height:1}
.mvpopup .mv_cont {margin:0 10px;position:relative;height:calc(100% - 60px)}
.mvpopup .mv_cont:after{content:""; clear:both; display:block;}

.selmap {border:1px solid #c8d0da;background:#fff;float:left}
.selmap:after{content:""; clear:both; display:block;}
.selmap li {border-right:1px solid #c8d0da;float:left}
.selmap li:last-child{border-right:none}
.selmap li:hover, .selmap li.on{background:#71a4f8;color:#fff}
.selmap li > a {color:#555555;display:block;text-align:center;line-height:30px;padding:0 15px}
.selmap li:hover a, .selmap li.on > a{color:#fff}

.selmap2 {border:1px solid #c8d0da;background:#fff;float:left}
.selmap2:after{content:""; clear:both; display:block;}
.selmap2 li {border-right:1px solid #c8d0da;float:left}
.selmap2 li:last-child{border-right:none}
.selmap2 li:hover, .selmap li.on{background:#71a4f8;color:#fff}
.selmap2 li > a {color:#555555;display:block;text-align:center;line-height:30px;padding:0 15px}
.selmap2 li:hover a, .selmap li.on > a{color:#fff}
.selmap2 li.on {background:#71a4f8;}
.selmap2 li.on a {color:#fff}

.toggle{border:1px solid #b3bdcc;background:#b3bdcc;color:#fff!important;text-align:center;line-height:30px;padding:0 15px;margin-left:5px;float:left;display:block}
.toggle:hover, .toggle.on{border:1px solid #4d7cfe;background:#4d7cfe}
.mapschbx{float:left}
.mapschbx .ip_schbx{border:1px solid #c8d0da;display:inline-block;border-radius:3px;height:30px;line-height:1;background-color:#fff;}
.mapschbx .ip_schbx:after{content:""; clear:both; display:block;}
.mapschbx .ip_schbx input{height:26px!important;border:none;width:242px}
.mapschbx .ip_schbx button{background-color:#fff;border:none;border-radius:0px;border-left:1px solid #c9d4dd;width:32px;background-image:url(../read/images/ic_schbtn.png);background-repeat: no-repeat;background-position:0 0;min-height:30px;}
.mapschbx .ip_schbx button:hover{background-position:0 -28px}

.mvresult_lst{border:1px solid #c9d4dd;border-radius:5px;position:absolute;top:0;bottom:0;width:280px}
.mvresult_lst li{text-indent:16px;position:relative;line-height:32px;border-bottom:1px solid #eef2f7}
.mvresult_lst li:before { position: absolute;top:13px; left: 8px; width: 3px; height: 3px; background-color: #1355c1; border-radius: 0px;-webkit-box-flex: 0; -ms-flex: 0 0 auto;  flex: 0 0 auto; content: '';}
.mvresult_lst li a{display:block;line-height:32px;}
.mvresult_lst li a:hover{background-color:#e6eefd;color:#1355c1}
.mvpopup .mv_cont .mapbx{border:1px solid #c9d4dd;border-radius:5px;position:absolute;top:0;bottom:0;right:0; width:calc(100% - 290px)}


.loginpopup{ background:#fff;position:absolute;border-radius:15px;left:10px;top:10px;z-index:999;overflow:hidden;}
.loginpopup .btnpClose{position:absolute;top:13px;right:15px;bottom:0;width:24px;text-align:center;text-indent:0;line-height:1}
.loginpopup .login{margin:0 20px;position:relative;padding-top:120px;background:url(../read/images/bg_login.png) center 10px no-repeat}
.loginpopup .login li{margin-bottom:5px;}
.login li:nth-child(1) input{background-image:url(../read/images/ic_id.png);background-repeat:no-repeat;background-position:15px center}
.login li:nth-child(2) input{background-image:url(../read/images/ic_pw.png);background-repeat:no-repeat;background-position:15px center}

.ilogin{border:1px solid #d2d6db;color:#333; padding:0 3px 0 48px; line-height:40px!important; height:40px!important;width:200px;background:#fff}
.loginbtn{position:absolute!important;right:0px;top:120px;padding-right:0!important}
.loginbtn a{background-color:#0064b0;display:block;color:#fff;border-radius:3px;width:100px;text-align:center;height:88px;font-size:1.125rem;line-height:85px;}
.loginbtn a:hover{text-decoration:none;color:#fff42c;background-color:#063761}
.logintxt{text-align:center;border-top:1px solid #c9d4dd;margin:5px 20px 0;padding-top:5px;}