@charset "utf-8";
/*-----初始化-----*/
html, body { height:100%; overflow-x:hidden;}
body{ margin:0; padding:0; color:#1b1b1b; font:normal 16px/140% "微軟正黑體", Arial, Helvetica ; background:url(../images/bg_main.jpg) repeat-y 0 0; background-size:100% auto;}
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img { margin:0; padding:0; border:none;}
ul, ol{ list-style: none;}
a{ display:block; text-decoration:none;}
img { display:block; border: none;}


/*共用*/
.box{ width:1024px; margin:0 auto; padding:30px; box-sizing:border-box;}

/*banner*/
.banner img{ width:100%; height:auto;}
.banner .banner_mobile{ display:none;}

/*content*/
.content{ background:#6059af;}
.content .tit_main{ margin:0 0 20px 0; color:#fff; text-align:center; line-height:55px; font-weight:bold; font-size:40px; background:url(../images/bg_tit.jpg) repeat-x 0 50%; background-size:2px;}
.content .tit_main .tit_con{ width:240px; margin:0 auto; padding:0 30px; background:#6059af;}
.content h2{ margin:0 0 20px 0; line-height:30px; text-align:center; color:#fff;}
.content .steps{ overflow:hidden;}
.content .steps .steps_cell{ float:left; width:30.6%; margin:0 4% 0 0;}
.content .steps .steps_cell:last-child, .content .steps .steps_cell .steps_box ul li:last-child{ margin:0;}
.content .steps .steps_cell h3{ width:120px; height:40px; margin:0 auto; line-height:40px; text-align:center; color:#fff; background:#23e892; border-radius:40px;}
.content .steps .steps_cell .steps_box{ min-height:440px; margin:-20px 0 0 0; padding:35px 30px 30px 30px; border-radius:15px; border:1px solid #23e892;}
.content .steps .steps_cell .steps_box p{ margin:0 0 20px 0; color:#fff; text-align:center; font-size:18px;}
.content .steps .steps_cell .steps_box ul li{ position:relative; margin:0 0 20px 0; text-align:center;}
.content .steps .steps_cell .steps_box ul li img{ margin:0 auto;}
.content .steps .steps_cell .steps_box ul.steps_link li span{ display:block; width:95px; height:25px; margin:0 auto; text-align:center; color:#fff; font-size:14px; font-weight:bold; background:#362e2b; border-radius:25px;}
.content .steps .steps_cell .steps_box  a.steps_btn{ display:block; width:180px; height:50px; margin:60px auto; line-height:50px; color:#fff; font-size:20px; font-weight:bold; background:#23e892; border-radius:10px; box-shadow:0px 6px rgba(20%,20%,40%,0.5);}

/*notice*/
.notice{ background:#4f4c6e;}
.notice h3{ margin:0 0 10px 0; color:#23e892;}
.notice ul li{ margin:0 0 5px 0; padding:0 0 0 10px; color:#fff; text-align:justify; text-indent:-17px;}





@media screen and (max-width: 767px) {
/*共用*/
.box{ width:100%; padding:20px;}

/*banner*/
.banner .banner_web{ display:none;}
.banner .banner_mobile{ display:block;}
	
/*content*/
.content .tit_main{ margin:0 0 10px 0; font-size:26px; line-height:36px;}
.content .tit_main .tit_con{ width:170px; padding:0 10px;}
	.content .steps .steps_cell{ float:none; width:100%; margin:0 0 4% 0;}
}