@import url("bootstrap.css");


 body{background:#ccc;}



.footer { width:100%; text-shadow:1px 1px 2px rgba(0,0,0,.3); border-top:solid 1px #a3e4ff; border-bottom:solid 1px #0d61a2;  
background: rgb(32,165,221);
background: -moz-linear-gradient(top,  rgba(32,165,221,1) 0%, rgba(27,185,251,1) 100%);
background: -webkit-linear-gradient(top,  rgba(32,165,221,1) 0%,rgba(27,185,251,1) 100%);
background: linear-gradient(to bottom,  rgba(32,165,221,1) 0%,rgba(27,185,251,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20a5dd', endColorstr='#1bb9fb',GradientType=0 );
color:white; padding:5px 0 0 0; position:fixed; bottom:0;}



.qrw_wrap{ height:auto; background:#f8f8f8; padding:10px; margin:0 auto; box-sizing:border-box;}




.qrw_header_bar{ background:url(../images/bkere.jpg) center center; background-size:cover; padding:0; margin:0;}
.qrw_header_box{ /*max-width:1024px;*/ height:200px; padding:0; margin:0 auto; position:relative;}

.qrw_header_logo{ width:200px; position:absolute; top:20px; right:20px;}
.qrw_header_logo img{ width:100%; height:auto;}

.qrw_header_tit{ position:absolute; bottom:20px; left:20px;}
.qrw_header_tit h1{ font-size:6em; text-shadow:1px 1px 5px rgba(0,0,0,.5); font-weight:bold; color:#fff; padding:0; margin:0;}
.qrw_header_tit h2{ font-size:1.9em; text-shadow:1px 1px 5px rgba(0,0,0,.5); color:#fff; padding:0; margin:0 0 0 10px;}






.qrw_maina_bar{ border:solid 2px #c3c3c3; border-radius:10px; background:#fff; padding:0; margin:0 0 10px 0; transition:all .3s linear;}
.qrw_maina_bar:hover{ border:solid 2px #3255a9; border-radius:10px; box-shadow:inset 1px 1px 10px rgba(50,100,250,.2)} 

.qrw_maina_box{ /*max-width:1024px;*/ height:auto; padding:0; margin:0 auto;}

.qmaina_title{ padding:0; position:relative;}
.qmaina_title h2{ display:inline-block; line-height:20px; font-size:1.8em; font-weight:bold; color:#000; text-decoration:none; 
padding:25px 0 25px 15px; margin:0; transition:all .2s linear;}
.qrw_maina_bar:hover .qmaina_title h2{ text-decoration:none; color:#366bf7;}

.qmaina_title img{ display:inline-block; width:60px; height:60px; padding:0; margin:10px 0 10px 0;}

.qmaina_title span{ width:30px; height:30px; background:url(../images/bar_r_g.png) center center; 
position:absolute; top:26px; right:0; transition:all .1s linear;}
.qrw_maina_bar:hover .qmaina_title span{ background:url(../images/bar_r_c.png); transform:rotate(90deg);}

.qmaina_data_box{ height:auto; border-bottom:dashed 1px #ccc; padding:10px 0 10px 0; margin:0 auto; box-sizing:border-box;}
.qmaina_data_box:first-child{ border-top:solid 1px #ececec; margin:10px 0 0 0;}
.qmaina_data_box:last-child{ border-bottom:none;}

.qmlas_c{ width:91.5%}
.qmlas_c:nth-child(odd){ border-radius:10px; background:#f0f0f0;}









 
.qmaina_data_do ul{ padding:0; margin:0; box-sizing:border-box;}
.qmaina_data_do ul li{ width:100%; line-height:20px; list-style:none; padding:15px 40px 15px 45px; margin:0; box-sizing:border-box;}
.qmaina_data_do ul li:nth-child(even){ background-color:#eeeeee;}

.qmaina_data_do ul li input{ width:20px; height:20px; border:solid 2px #ccc; border-radius:5px; vertical-align:middle; }
.qmaina_data_do ul li p{ line-height:23px; font-size:1em; color:#666; padding:0 0 0 25px; margin:6px 0 0 0; transition:all .4s linear;}
.qmaina_data_do ul li span{ font-size:1.2em; font-weight:bold; color:#5a5a5a;  padding:0; margin:0 0 0 5px; vertical-align:bottom; }

.qmaina_data_do img{ width:90%; height:auto;}



.qmaina_data_do{  vertical-align: top; display:inline-block; width:95%; padding:0 0 0 6em; margin:0; box-sizing:border-box;}
.qmaina_data_do ul:nth-child(even){ border-radius:10px; background:#f0f0f0;}












.pointer{ cursor:pointer} 
.pointer:hover{}





.qmd_do{ width:100%; padding:0; margin:0; box-sizing:border-box;}
.qmd_do:nth-child(even){ border-radius:10px; background:#ecf7fe;}


.qmd_do .qmd_do_inp{ height:28px; line-height:35px; border-radius:8px; border:solid 2px rgba(0,0,0,.3); 
padding:5px 10px; margin:0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.2); vertical-align:bottom;}

 


.qmaina_data_up{ display:block; width:100%; padding:0 0 0 85px; margin:0; position:relative; transition:all .4s linear;}
.qmaina_data_up:hover{ background:#f8f8f8;}

.qmaina_data_up a{ display:inline-table; line-height:25px; font-size:1.2em; font-weight:bold; 
padding:0 0 5px 0; margin:0; transition:all .4s linear;}
.qmaina_data_up a:hover{ text-decoration:none; color:#945f2e;}

.qmaina_data_up img{display:inline-table;}
.qmaina_data_up p{display:inline-table; font-size:1.3em; font-weight:bold; color:#666; transition:all .4s linear;}

.qmaina_data_up:hover .qsela{ color:#00aeff; }
.qmaina_data_up:hover{ color:#00aeff;}


.qmainb_data_up{ display:block; width:100%; padding:0 0 0 45px; margin:0; position:relative; transition:all .4s linear;}


.qselb{ width:20px; height:20px; background:url(../images/bar_r_g.png) center center; background-size:100%; 
position:absolute; top:10px; right:45px; transition:all .1s linear;}
.qmaina_data_up:hover .qselb{ background:url(../images/bar_r_c.png); background-size:100%;  transform:rotate(90deg);}



.secdo_cbbt{ width:100%; height:auto; border-top:solid 1px #71a1bf; padding:20px 0 45px 50px; margin:10px 0 0 0;}
.secdo_cbbt a{ text-decoration:none; font-size:1.2em; border-radius:8px; border:solid 2px #c3c3c3; color:#000;
padding:8px 20px; margin:0; transition:all .3s linear;}
.secdo_cbbt a:hover{  text-decoration:none; color:#fff; background:#3255a9; box-shadow:inset 1px 1px 5px rgba(0,0,0,.5);}




.qmaina_data_pix{ display:inline-table; width:350px; height:auto; border:solid 5px #ccc; border-radius:20px; padding:0; margin:0; overflow:hidden;}

.qmaina_data_pix img{ width:100%; height:auto;}



.qmaina_data_do .qmaina_in_ulli{ padding:0 0 0 45px; margin:0; box-sizing:border-box;}
.qmaina_data_do .qmaina_in_ulli li{ list-style-type:circle; padding:3px 0; margin:0;}
.qmaina_data_do .qmaina_in_ulli li:nth-child(even){ background:none;}






.qrw_mainb_bar{ background:#f08d33; padding:0; margin:0;}
.qrw_mainb_box{ /*max-width:1024px;*/ height:auto; line-height:80px; padding:0; margin:0 auto;}

.qmainb_title{ border-bottom:solid 1px #fff; padding:0;}
.qmainb_title a{ display:block; line-height:20px; font-size:1.8em; font-weight:bold; color:#fff; text-decoration:none; padding:25px 0 25px 20px; margin:0 0 0 10px; transition:all .2s linear;}
/*background:url(../images/poin_b_op.png) no-repeat center left; padding:25px 0 25px 40px; margin:0 0 0 10px; transition:all .2s linear;}*/
.qmainb_title a:hover{ text-decoration:none; color:#fffc00;}
.qmainb_title img{width:60px; height:60px;}


.qmaina_datb_up{ width:100%; padding:0 0 0 15px; margin:0;}
.qmaina_datb_up a{ display:block; line-height:25px; font-size:1.2em; font-weight:bold; text-shadow:1px 1px 0 #ffc13d; color:#00695e; 
padding:0 0 5px 0; margin:0; transition:all .4s linear;}
.qmaina_datb_up a:hover{ text-decoration:none; text-shadow:1px 1px 0 #db7029; color:#fffca3;}


.qmainb_data_do{ width:100%; padding:0; margin:0; box-sizing:border-box;}
.qmainb_data_do ul{ padding:0; margin:0; box-sizing:border-box;}
.qmainb_data_do ul li{ width:100%; line-height:20px; list-style:none; padding:15px 40px 15px 30px; margin:0; box-sizing:border-box;}
.qmainb_data_do ul li:nth-child(even){ background:#f0b433;}

.qmainb_data_do ul li input{ width:20px; height:20px; border:solid 2px #ccc; border-radius:5px; vertical-align:middle; }
.qmainb_data_do ul li p{ line-height:23px; font-size:1em; color:#666; padding:0 0 0 25px; margin:6px 0 0 0;}
.qmainb_data_do ul li span{ font-size:1.2em; font-weight:bold; color:#fff;  padding:0; margin:0 0 0 5px; vertical-align:bottom;}

.qmainb_data_box{ /*max-width:1024px;*/ height:auto; border-bottom:dashed 1px #fff;
padding:10px 0 25px 0; margin:0 auto; box-sizing:border-box;}

				
.qmainb_data_do .qmainb_do_inpp{ padding:0; margin:8px 0 0 25px;}
.qmainb_data_do .qmainb_do_inpp span{ text-shadow:1px 1px 0 rgba(255,255,255,.5); color:#734900; vertical-align:middle;}
.qmainb_data_do .qmainb_do_inpp input{ width:20%; height:18px; line-height:22px; border-radius:8px; border:solid 2px rgba(0,0,0,.5); 
padding:5px 10px; margin:0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.2);  vertical-align:bottom;}
.qmainb_do_inpp input{ height:30px; border-radius:8px; border:solid 2px rgba(0,0,0,.3); padding:0 15px; box-shadow:inset 1px 1px 5px rgba(0,0,0,.2); } 


.qmainb_data_do .qmainb_in_ulli{ padding:0 0 0 45px; margin:0; box-sizing:border-box;}
.qmainb_data_do .qmainb_in_ulli li{ list-style-type:circle; color:#fff; padding:3px 0; margin:0;}
.qmainb_data_do .qmainb_in_ulli li:nth-child(even){ background:none;}



.qmainb_data_do .qmainb_do_nobtxt{ font-size:1em; font-weight:normal; color:#fff; margin:15px 0 15px 30px;}
.qmainb_data_do .qmainb_do_nobtxt span{ font-weight:normal; color:#fffc00;}


.qmainb_data_box .qmainb_data_do p{ color:#fff;}
.qmainb_indo_pix{ padding:0; margin:10px 0 0 30px;}


.qmaina_in_txt{ display:block; width:100%; line-height:23px; font-size:1.2em; font-weight:bold; border-radius:10px; border:solid 1px #ccc; color:#999; 
padding:15px 0 15px 20px; margin:0 0 10px 0; }









/*... pop_windows ...*/
.qrw_pop_windows{ display:block; width:380px; height:auto; border:solid 6px #1dafec; border-radius:20px; 
background:#f5f5f5; padding:0 0 20px 0; margin:0 auto; box-sizing:border-box; box-shadow:inset 1px 1px 5px rgba(255,255,255,1), 1px 1px 8px rgba(0,0,0,.3);  
position:fixed; top:10%; left:calc(50% - 190px);  z-index:555;}

.qrw_pop_box{ width:100%; height:auto; text-align:center; padding:0; margin:0;}

.qrw_pop_title{ width:100%; height:auto; padding:10px 0 0 0; margin:0;}

.qrw_pop_title h2{ font-size:2em; font-weight:bold; text-decoration:underline; text-shadow:1px 1px 0px #fff; color:#00648e;}

.qrw_pop_title h4{ line-height:16px; font-size:1.2em; font-weight:normal; text-shadow:1px 1px 0px #fff; color:#00b4ff;}

.qrw_pop_do_inp{ width:100%; padding:0; margin:0 0 10px 0;}

.qrw_pop_do_inp label{ width:30%; text-align:right; font-size:1.2em; font-weight:normal; text-shadow:1px 1px 0 #fff; color:#00648e; 
padding:0 5px 0 0; margin:0;}

.qrw_pop_do_inp input{ width:65%; border:solid 2px #008dc8; border-radius:10px; padding:8px 15px; 
color:#498ba6; box-shadow:inset 1px 1px 5px rgba(0,0,0,.2);}

.qrw_pop_do_inpb{ width:100%; border-top:solid 1px #00648e; padding:10px 0 0 0; margin:0 0 10px 0;}

.qrw_pop_do_inpb label{ width:30%; text-align:right; font-size:1.2em; font-weight:normal; text-shadow:1px 1px 0 #fff; color:#00648e; 
padding:0 5px 0 0; margin:0;}

.qrw_pop_do_inpb input{ width:65%; font-size:1.2em; font-weight:bold; border:solid 3px #008dc8; border-radius:10px; color:#fff; 
background:#00b4ff; padding:6px 15px; 
box-shadow:inset 1px 1px 5px rgba(255,255,255,.3); transition:all .4s linear;}

.qrw_pop_do_inpb input:hover{ text-shadow:1px 1px 1px #004c6c; border:solid 3px #00deff; color:#00deff; background:#00648e; box-shadow:inset 1px 1px 5px rgba(0,0,0,.3);}



















@media (max-width: 1024px) {
}


@media (max-width: 768px) {
}

@media (max-width: 414px) {
}


@media (max-width: 375px) {
.qmaina_data_pix{ width:315px; height:175px; border:solid 5px #ccc; border-radius:20px; padding:0; margin:0; overflow:hidden;}
}


@media (max-width: 320px) {
}