body{width:100%; }
.all_wrap_ttle{margin:0 auto;max-width:640px; min-width:320px; width:100%; background:#fff url(../img/body_bg2.png) left top repeat; background-size:20%;}
.tbacknone{background-image:none !important;}
header{width:100%; background:#323a45; }
header h1{text-align:center;}
header h1 span{text-align:center; display:block; font-size:22px; color:#fff;}
header h1 a{display:block; padding-top:20px; padding-bottom:25px;}
header h1 a:hover,header h1 a:active{text-decoration:none;}
header h1 img{margin-top:4px; width:60%;}
header h1 strong{display:block;}

.index_top_section{background:#fffbf2 url(../img/main_left_img.png) left bottom no-repeat; height:180px; border-bottom:1px solid #c8c5bd; background-size:63%;}
.index_top_section p{margin-left:50%; width:45%; padding-top:7%;}
.index_top_section span{font-size:20px; color:#000;}
.index_top_section img{}

section.index_btn{padding-top:20px;text-align:center; width:85%; margin:0 auto;}
section.index_btn p{margin-bottom:10px; display:block;}

footer{display:block; margin:0 auto; text-align:center; padding-bottom:20px;}
footer p{font-size:11px; margin-top:30px;}
footer p span{font-size:12px; display:block;}
footer a{text-decoration:underline; color:#0a6dcf;}




/*sub common_frm*/
.common_box_ttle{display:block;}
.common_box_ttle h1.first_h1box{background:#0a6dcf; text-align:center; color:#fff;  padding:20px 0px 20px 0px; border:1px solid #0a60b6;}
.common_box_ttle h1.first_h1box span{background:url(../img/receive_icon01.png) no-repeat; padding-left:50px; background-size:20%; font-size:26px; font-weight:bold;}

.common_box_ttle h1.first_h2box{background:#e65056; text-align:center; color:#fff;  padding:20px 0px 20px 0px; border:1px solid #db2d34;}
.common_box_ttle h1.first_h2box span{background:url(../img/receive_icon04.png) no-repeat; padding-left:47px; background-size:20%; font-size:26px; font-weight:bold;}

.common_box_ttle h1.first_h3box{background:#66ae2d; text-align:center; color:#fff;  padding:20px 0px 20px 0px; border:1px solid #4b9510;}
.common_box_ttle h1.first_h3box span{background:url(../img/receive_icon06.png) no-repeat; padding-left:47px; background-size:20%; font-size:26px; font-weight:bold;}

.border_blue{border:1px solid #0a60b6;  -moz-box-shadow: 0 5px 0px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 5px 0px rgba(0, 0, 0, .1); box-shadow:0 5px 0px rgba(0, 0, 0, .1);}

.border_red{border:1px solid #db2d34;  -moz-box-shadow: 0 5px 0px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 5px 0px rgba(0, 0, 0, .1); box-shadow:0 5px 0px rgba(0, 0, 0, .1);}

.border_green{border:1px solid #4b9510;  -moz-box-shadow: 0 5px 0px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 5px 0px rgba(0, 0, 0, .1); box-shadow:0 5px 0px rgba(0, 0, 0, .1);}



.service_receive_table{display:block;padding:5% 5% 10% 5%; border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px;}




.ptitle01{display:block; padding-bottom:10px;}
.ptitle01 span{background:url(../img/receive_icon02.png) no-repeat; padding-left:20px; background-size:15px; font-size:23px; font-weight:bold;}
.ptitle01 span.span1{background-size:13px; font-size:20px; letter-spacing:-1px; font-weight:bold;}
.ptitle01 strong{background:url(../img/receive_icon02.png) no-repeat; padding-left:20px; background-size:15px; font-size:25px; font-weight:normal ;color:#0a6dcf; }

.ptitle02{display:block; padding-bottom:10px;}
.ptitle02 span{background:url(../img/receive_icon05.png) no-repeat; padding-left:20px; background-size:15px; font-size:23px; font-weight:bold;}
.ptitle02 span.span1{background-size:13px; font-size:18px; letter-spacing:-1px; font-weight:bold;}
.ptitle02 strong{background:url(../img/receive_icon05.png) no-repeat; padding-left:20px; background-size:15px; font-size:25px; font-weight:normal ; color:#db2d34;}

.ptitle03{display:block; padding-bottom:10px;}
.ptitle03 span{background:url(../img/receive_icon07.png) no-repeat; padding-left:20px; background-size:15px; font-size:23px; font-weight:bold;}
.ptitle03 span.span1{background-size:13px; font-size:20px; letter-spacing:-1px; font-weight:bold;}
.ptitle03 strong{background:url(../img/receive_icon07.png) no-repeat; padding-left:20px; background-size:15px; font-size:25px; font-weight:normal ;color:#4b9510; }


.gray_top1{margin-top:20px;border-bottom:1px solid #ccc; padding-bottom:10px;border-top:1px solid #ccc;}

dl.receive_table1{margin-top:20px;display:block; overflow:hidden;}
dl.receive_table1 dt{float:left; width:30%; font-size:20px; margin-bottom:10px;}
dl.receive_table1 dt label{padding-top:6px; display:inline-block; vertical-align:middle;}
dl.receive_table1 dd{float:left; width:70%;margin-bottom:10px;}
dl.receive_table1 dd input{width:90%; border:1px solid #000; }
dl.receive_table1 dt.t_dt1{color:#0a6dcf;}
dl.receive_table1 dt.t_dt2{color:#e65056;}
dl.receive_table1 dt.t_dt3{color:#3c763d; }
select.form-group-sm .form-control, .form-control-modify{height:30px;line-height:30px}

.form-control{height:30px;padding:5px 10px;font-size:15px; line-height:1.5;border-radius:3px}
.form-control-modify{border:1px solid #eb564b !important; height:30px;padding:5px 10px;font-size:15px; line-height:1.5;border-radius:3px}

.txtbox{height:30px;padding:5px 10px;font-size:20px; letter-spacing:4px; line-height:1.5;border-radius:3px; width:90%; border:1px solid #000;}


.ckbox1{height:30px; width:30px;  border:1px solid #fff;}
input[type=checkbox],input[type=radio]{margin-left:1px; margin-top:1px; border-radius:2px;-webkit-border-radius:2px;  -moz-border-radius:2px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0}
input[type=radio]{width:23px; height:23px; border-radius:2px;  border:1px solid #000 !important;}

.sample1_dl{padding:10px;background:#f4f4f4; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.sample1_dl dt{color:#da5032; font-size:15px;}
.sample1_dl dd{padding-top:3px;}
.sample1_dl dd span{color:#000;}


.sample1_dl1{ border:2px solid #d66367; }
.sample1_dl1 dt{background:#d66367;color:#fff; padding:10px; font-size:17px; margin-bottom:5px;}
.sample1_dl1 dd{padding:10px; padding-top:3px; font-size:16px;}
.sample1_dl1 dd span{color:#da5032;}



.sample1_ul{padding:10px;background:#f4f4f4; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.sample1_ul li{padding-top:3px;}
.sample1_ul li span{color:#db3e20;}

.gray_box1{padding:10px;background:#f4f4f4; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.last_confirm{display:block; margin-top:20px;text-align:center;}
.last_confirm span{font-size:20px; color:#d20d0d; background:url(../img/receive_icon03.png) no-repeat; background-size:25px; padding-left:27px;}


/*common*/
.ft01 {margin-top:20px;font-size:18px; color:#;  padding-bottom:10px; letter-spacing:-1px;}
.ft02 {font-size:16px; color:#6380d6; font-weight:bold; padding:17px 0 6px 0;} /* violet */
.ft03 {font-size:14px; color:#ff4817; padding-bottom:5px; font-weight:bold;} /* orange */
.ft04 {color:#222222;}
.ft05 {}

.color-r{color:#d20d0d;}
.color_red{color:#db3e20;}
.color-bk {color:#000000;}


.box01 {border:1px solid #dddddd; padding:10px; background:#f9f9f9; line-height:17px;}
.line01 {height:1px; background:#dddddd; margin-top:13px;}
.line02 {margin-top:13px;}
.line03 {margin-top:3px; margin-bottom:5px;}

.wcc_box0101{overflow:hidden; display:block; padding-bottom:20px;}


/*btn*/

.btn_c{display:block; margin-top:30px; text-align:center;}

.btn_default{ 
display:block;
padding:17px 20px 17px 20px ;
font-size:20px;
color:#fff;
font-weight:bold;
border-radius:7px; 
-webkit-border-radius:7px;
-moz-border-radius:7px;
}
.btn_default:hover{color:#fff; text-decoration:none}

.btn_default1{ 
display:inline-block;
padding:17px 20px 17px 20px ;
font-size:20px;
color:#fff;
font-weight:bold;
border-radius:7px; 
-webkit-border-radius:7px;
-moz-border-radius:7px;
}
.btn_default1:hover{color:#fff; text-decoration:none}

.btn_default2{ 
display:inline-block;
padding:17px 40px 17px 40px ;
font-size:20px;
color:#fff;
font-weight:bold;
border-radius:7px; 
-webkit-border-radius:7px;
-moz-border-radius:7px;
}
.btn_default2:hover{color:#fff; text-decoration:none}


.btn_color_b{
background:#e65056; border:1px solid #db2d34;
-moz-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
box-shadow: 0 3px 0px rgba(0, 0, 0, .2);

}
.btn_color_b:hover,
.btn_color_b:focus {
background: #e65056; border:1px solid #db2d34;

}

.btn_color_c{
background:#0a6dcf; border:1px solid #0553a1;
-moz-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
box-shadow: 0 3px 0px rgba(0, 0, 0, .2);

}
.btn_color_c:hover,
.btn_color_c:focus {
background: #0a6dcf; border:1px solid #0553a1;

}

.btn_color_o{
background:#dc5536; border:1px solid #b13418;
-moz-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
box-shadow: 0 3px 0px rgba(0, 0, 0, .2);

}
.btn_color_o:hover,
.btn_color_o:focus {
background: #dc5536; border:1px solid #b13418;

}

.btn_color_g{
background:#5a5b60; border:1px solid #46474b;
-moz-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
box-shadow: 0 3px 0px rgba(0, 0, 0, .2);

}
.btn_color_g:hover,
.btn_color_g:focus {
background: #5a5b60; border:1px solid #46474b;

}

.btn_color_rn{
background:#65a837; border:1px solid #387d1e;
-moz-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
box-shadow: 0 3px 0px rgba(0, 0, 0, .2);

}
.btn_color_rn:hover,
.btn_color_rn:focus {
background: #65a837; border:1px solid #387d1e;

}


dl.dl01{}
dl.dl01 dt{margin-top:20px; font-size:18px; padding-bottom:10px; letter-spacing:-1px;}
dl.dl01 dd.box{border:1px solid #ddd; padding:10px; background:#f9f9f9;}
dl.dl01 dd.box1{font-weight:17px; color:#e80000; border:1px solid #ddd; padding:10px; background:#f9f9f9;}
dl.dl01 dd{padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
dl.dl02{}
dl.dl02 dt{font-size:16px; color:#6380d6; font-weight:bold; padding:17px 0 6px; 	}
dl.dl02 dd{padding-bottom:10px; border-bottom:1px solid #ddd;}
dl.dl02 dd strong{color:#e80000;}

dl.dl03{}
dl.dl03 dt{font-weight:bold; font-size:17px;}
dl.dl03 dd{padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
dl.dl03 dd ul{}
dl.dl03 dd ul li{padding-bottom:5px;}



.index_btn1{width:80%; margin:0 auto;}

.new_menu1{ margin:20px 10px auto 10px; border:1px solid #cdcdcd; border-radius:30px; padding:30px; box-shadow: 2px 2px 10px #eee; background:#fff;}
.new_menu1 dt{font-size:20px; font-weight:bold; letter-spacing:-0.05em; margin-bottom:10px;}
.new_menu1 dt strong{color:#ec6c61;}
.new_menu1 dd a{display:inline-block; font-weight:700; text-align:center; font-size:18px; color:#fff;padding:15px 0 17px 0; width:100%; }
.new_menu1 dd a{background:#45464e; border-radius:5px;}
.new_menu1 dd a:hover{background:#222;}
.new_menu1 dd:last-child{margin-top:5px;}
.new_menu1 dd:last-child a{position:relative; background:#fff; color:#ec6c61; font-weight:400; padding:5px 5px 5px 20px; font-size:14px; text-align:left;}
.new_menu1 dd:last-child a:before{background:url(../img/ico_blt.gif) no-repeat; width:16px; height:16px; content:''; position:absolute; left:0; top:7px;}
.new_menu1 dd:last-child a:hover{text-decoration:underline;}

.new_menu2{ margin:10px 10px auto 10px; border:1px solid #cdcdcd; border-radius:30px; padding:30px; box-shadow: 2px 2px 10px #eee; background:#fff;}
.new_menu2 dt{font-size:20px; font-weight:bold; letter-spacing:-0.05em; margin-bottom:10px;}
.new_menu2 dt strong{color:#2fa4ae;}
.new_menu2 dd{margin-bottom:5px;}
.new_menu2 dd a{display:inline-block; font-weight:700; text-align:center; font-size:18px; color:#fff;padding:15px 0 17px 0; width:100%; border-radius:5px;}
.new_menu2 dd.m2 a{background:#0097a7;}
.new_menu2 dd.m2 a:hover{background:#00818f;}
.new_menu2 dd.m3 a{background:#db584c;}
.new_menu2 dd.m3 a:hover{background:#c1473c;}


.dl04{}
.dl04 dt{color:#e66000; font-weight:500; font-size:16px;}
.dl04 dd{position:relative; padding-left:10px; padding-bottom:5px;}
.dl04 dd:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#7b7b7b;}
.dl04 dd strong{color:#cf0000;}


.qr_frm{overflow:hidden; margin-top:10px;}
.qr_frm ul{float:left; width:50%;}
.qr_frm ul li{text-align:center;}
.qr_frm ul li:nth-child(2){font-size:13px; line-height:1.2em;}
.qr_frm ul li:last-child{margin-top:7px;}
.qr_frm ul li:last-child a{display:inline-block; font-weight:400; font-size:13px; text-align:center; color:#fff;padding:7px 0 10px 0; width:70%; border-radius:5px;}

@media all and (min-width:1200px) and (max-width:4000px) {
body{background:url(../img/body_bg.png) center bottom no-repeat !important;}


}


@media all and (min-width:641px) and (max-width:4000px) {
body{background:url(../img/body_bg3.png) top repeat-x;}
.main_bor{border:1px solid #ccc; border-bottom-left-radius:15px; -webkit-border-bottom-left-radius:15px; -moz-border-bottom-left-radius:15px; border-bottom-right-radius:15px; -webkit-border-bottom-right-radius:15px; -moz-border-bottom-right-radius:15px; -moz-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 3px 0px rgba(0, 0, 0, .2);
box-shadow: 0 3px 0px rgba(0, 0, 0, .2);}
.all_wrap_ttle{padding-bottom:70px;}
.all_wrap_ttle{width:640px;}


}

@media only screen and  (max-width:640px) {
.index_btn1{width:95%;} 
}


@media only screen and (min-width:601px) {
.index_top_section{background-size:42%; height:200px;}	
.index_top_section p{padding-top:5%;}
.index_top_section span{font-size:30px;}
section.index_btn{width:60%;}
footer p{font-size:13px;}
footer p span{display:inline; font-size:13px;}
header h1 span{font-size:28px;}
section.index_btn{padding-top:40px;}
.gray_top1{margin-top:40px;}
dl.receive_table1 dt{margin-bottom:15px;}
dl.receive_table1 dd{margin-bottom:15px;}
.ptitle01 strong{background-size:11%;}
.ptitle01 .span1{background-size:5%; font-size:23px;}

.ptitle02 strong{background-size:11%;}
.ptitle02 .span1{background-size:5%; font-size:23px;}

.ptitle03 strong{background-size:11%;}
.ptitle03 .span1{background-size:5%; font-size:23px;}
}




@media all and (min-width:551px) and (max-width:600px) {
header h1 span{font-size:27px;}
.index_top_section{background-size:46%; height:190px;}	
.index_top_section p{padding-top:5%;}
section.index_btn{width:60%;}
.index_top_section span{font-size:25px;}
footer p{font-size:13px;}
footer p span{display:inline; font-size:13px;}
section.index_btn{padding-top:40px;}

}




@media all and (min-width:501px) and (max-width:550px) {

.index_top_section{background-size:47%;}	
section.index_btn{width:70%;}
footer p{font-size:13px;}
footer p span{display:inline; font-size:13px;}
}



@media all and (min-width:451px) and (max-width:500px) {
header h1 a{padding-top:18px; padding-bottom:23px;}
.index_top_section{background-size:50%;}	
section.index_btn{width:75%;}
.btn_default1{padding:15px;font-size:17px;}
}





@media all and (min-width:385px) and (max-width:450px) {
header h1 a{padding-top:18px; padding-bottom:23px;}
header h1 span{font-size:22px;}
.index_top_section{height:150px; background-size:52%;}	
.btn_default1{padding:15px;font-size:17px;}


}




@media all and (min-width:321px) and (max-width:384px) {
header h1 a{padding-top:18px; padding-bottom:23px;}
header h1 span{font-size:22px;}
.index_top_section{height:150px; background-size:53%;}	
.index_top_section span{font-size:18px;}
.btn_default1{padding:15px;font-size:17px;}
.common_box_ttle h1.first_h1box{padding:17px 0px 17px 0px;}
.common_box_ttle h1.first_h2box{padding:17px 0px 17px 0px;}
.common_box_ttle h1.first_h3box{padding:17px 0px 17px 0px;}
.ptitle01 strong{background-size:15px;}
.ptitle02 strong{background-size:15px;}
.ptitle03 strong{background-size:15px;}
}




@media only screen and  (max-width:320px) {
header h1 a{padding-top:18px; padding-bottom:23px;}
header h1 span{font-size:20px;}
.index_top_section{height:150px;}	
.index_top_section span{font-size:18px;}
.btn_default1{padding:15px;font-size:17px;}
dl.receive_table1 dt{font-size:16px;}
dl.receive_table1 dt label{padding-top:10px;}
dl.receive_table1 dd input{width:85%;}
.form-control{font-size:13px;}
.txtbox{width:85%; }
.common_box_ttle h1.first_h1box{padding:15px 0px 15px 0px;}
.common_box_ttle h1.first_h2box{padding:15px 0px 15px 0px;}
.common_box_ttle h1.first_h3box{padding:15px 0px 15px 0px;}
.ptitle01 span{background-size:13px; }
.ptitle01 strong{background-position:left 2px; background-size:13px;}
.ptitle01 span.span1{background-size:14px; font-size:18px;}

.ptitle02 span{background-size:13px; }
.ptitle02 strong{background-position:left 2px;}
.ptitle02 span.span1{background-size:14px; font-size:18px;}

.ptitle03 span{background-size:13px; }
.ptitle03 strong{background-position:left 2px;}
.ptitle03 span.span1{background-size:14px; font-size:18px;}
}