@media only screen and (max-width: 768px) {
	#float_bt1, #float_bt2, #float_bt3 { display:none;
		}
	#menu { display:none;
	}
    #menu_2 { display:block;
	}
	#header_top li.ico10 em {
    background: url(../image/menu/h_10.png) no-repeat center 0px;
    }
    .affair_1 #savemarriage_service01 { display:none;
    }
    .content_img {display:none;
    }	
    .f_foot { display:none;
    }
	.leftlx { display:none;
	}
	.wzxx_l1 b img { display:none;
	}
	.right { width: 100%;
	}
	.right_main { width: 90%; padding: 30px 20px;
	}
    .wzxx_l_t { text-align: center;
	}
	.about h2 img { width: 250px;
	}
	.diy_tit { width: 90%;text-align: center;margin: 0 auto;
    }
	.diy_txt {text-align: left;
    }
	.g-ft { display: block;
    }
	
	
	
		body { overflow-x:hidden;font-size: 85%;
    }
	.logo { width:100%;
	}
	.logo h1 { background:none;float:none;width: 200px; margin: 5px auto;
	}
	.logo h2 { display:none;
	}
	.logo h3 { width: 250px;height: 170px;text-align: center;margin: 20px auto;float:none; overflow:visible;
	}
    .logo h3 span { font: 1.6em 微軟正黑體; background: url(../image/header/h_tel.jpg) no-repeat 2px 10px;line-height: 40px;
	}
    .logo a { font-size: 1.2em;
	}
	.logo img { float:none;
	}
 	.banner { width: 150%;margin-left: -200px;height: auto;overflow-x: hidden;
    }
	.xibao { display:none;
	}
	.course dl { width: 45%;
	}
	.service1 { height:1500px;
	}
	.service1 dl { position:static;
	}
	.service2 li  { width: 300px;
	}
	.service1 .sdl1, .service1 .sdl2, .service1 .sdl3 { width: 80%;margin: 10px auto;left:0;
    }
    .service2 { height: 850px;
	}
	.index_process { display:none;
	}
	.index_process2 {background: url(../image/process/loveprocess_2.png); margin: -10px auto 0;width: 316px; height: 440px;
    }
    .case { height: 635px;background:url(../image/process/case_bj2.jpg) no-repeat 50% 0%;
	}

	.course { height: 880px;
	}

    .g-ft .f-p01 { height: 1.17em;padding-top: 1.58em;
    }
    .g-ft .f-p01 a { display:block; width:45%; height:2.88em; line-height:2.88em; background:#ff2f7c; border-radius:0.3em; float:left; display:block; color:#fff; margin-left:1em;}
    .g-ft .f-p01 a img { display:block; float:left; width:1.92em; padding:0.54rem 0.21em 0 1.58em;}
    .g-ft .f-p02 { font-size:1em; color:#555; line-height:2em; clear:both; margin-left:10px; margin-top:40px;}
    .g-ft .g-kefu { width:100%; position:fixed; bottom:0; min-width:320px; z-index:9999; background:#ff2f7c; height:4.79em; line-height:4.79em;}
    .g-ft .g-kefu a { display:block; float:left; position:relative;}
    .g-ft .g-kefu a em { display:block; float:left; color:#fff; font-size:1.25em; padding-right:1em; font-style: normal;}
    .g-ft .g-kefu a img { display:block; float:left; width:2.92em; padding:1.08em 0.2em 0 1.42em;}
    .g-ft .g-kefu a:nth-child(2):before{ position:absolute; content:""; width:1px; height:100%; background:#980162; top:0; right:0;}
    .g-ft .g-kefu a:nth-child(2):after{ position:absolute; content:""; width:1px; height:100%; background:#cf2a94; top:0; right:1px;}
    .g-ft .g-kefu a:nth-child(3) em { padding-right:0}
    .g-ft .g-kefu a:nth-child(1) { width:5.17em;}
    .g-ft .g-kefu a i img { width:5.17em; height:4.79em; padding:0;}
    .tel { background:#FFF;text-align: center;}
    .tel h1 {  border-top: #ec0505 7px solid;
            margin-top: -50px;
            padding-top: 50px;
			color: #f08c3f;
     }
    .tel h2, .lineid h2, .chat h2 {
        font-size: 18px;
	    font-weight: 100;
		text-align: center;
		padding:10px;
     }
    .tel h3 {
    background: #FFECEC;
    border-radius: 5px;
    padding: 10px 0;
    margin: 5px 10px;
	display: block;
    float: left;
    width: 97%;
	color: #B20000;
	
    }
    .tel span {
    background: #8C008C;
    float: left;
    display: block;
    margin: 5px 6px 5px 10px;
	border-radius: 5px;
	width: 47%;
    height: 30px;
    padding-top: 10px;
	
   }
    .tel p {
    text-align: left;
    color: #ff2f7c;
    padding: 10px;
   }
    .lineid {
    display: block;
    float: left;
    background: #eee;
	width: 100%;
    margin-top: 20px;
	margin-bottom: 60px;

   }
   .lineid img { margin-left: 10px;
              margin-bottom: 5px;
			  width:31%;
   }
   .chat img { width: 98%; margin-bottom:5px;
   }
    .footer_about {color: #F9F9F9;text-align: center;
   }
    .chat { width: 100%;
   }
    .tel a { color: #ff2f7c; 
   }
   .tel_list a { color: #fff;
   }
   #dhzx { width: 40%;
   }

   #menu_2 { text-align: center;margin: 0 auto;
   }
   #header_top ul li { margin-right: 10px;
   }
   #header_top ul {  display: inline-block; 
   }
   .guide { background:none;height: 1400px;
   }
   .guide .content { width:100%
   }

   .gu_tit span { display: block;line-height: 30px;font: 20px "微軟正黑體"; width:100%;
   }
   .gui_pho p { width:300px;
   }
   .gui_img { height: 1060px;
   }
   .gui_img dl,.gui_img dt { width: 100%;
   }
   .gui_img dd { right: 215px;
   }
   .gui_pho p em { padding-left: 10px;
   }
   .solut .content { width: 100%;
   }
   .solut { height: 960px;
   }
   .so_txt { height: 850px;width: 510px; margin: 0 auto;
   }

   .evidence_process .gu_tit { text-align: center; margin: 0 auto;
   }
    .evidence_process li { text-align: center;overflow: hidden; margin: 0 auto 8px; 
	background: url(../image/sevice3/process_tbj1-2.html) no-repeat center center;padding-top: 10px;width: 85%;
   }
    .evidence_process li i { font: 18px "Microsoft YaHei";
   }

   #savemarriage_service01 .content { width: 100%;
   }
   #savemarriage_service01 h2 img { width: 100%;
   }
   .affair dt { background: url(../image/affair/affair_bg.png) no-repeat center;
   }
   .cri_txt dt { width: 100%;
   }
   .cri_txt dl { width: 100%;
   }
   .cri_txt { margin: 0 auto; height: 1780px;
   }
   .evidence_process { margin: 20px auto 70px;
   }
   .cri_txt dd { margin: 10px auto 0;
   }
   .left , .l_cate  { width: 100%;
   }
   .l_cate { background: none;
   }
    .l_cate h2 {  background: url(../image/dating/left-cat-bg.jpg) repeat 0 0;
   }
   .main, .main:hover,.main3, .main3:hover,.main2, .main2:hover { background-color: #f0f0f0; background-image:none;
   }
   .l_cate .nr ul li a { text-align: center; padding-left:0px;
   }
   .hh3 b { text-align: center;
   }
   .wzxx_l { width: 100%;font-size: 10px;
   }
   .wzxx_l1 p img{ width:100%!important;
   }
   .wzxx_l1 p { text-indent: 0  !important; font-size: 1.6em; width:90%;margin: 0 auto;
   }
   .hm { width: 100%;
   }
   .hm1 ul { width: 91%; margin: 320px auto;left: 0; position: relative;
   }
   .hm1 li {background: url(../image/develop/hm_h2.gif) no-repeat 0px 9px; height: 30px; line-height: 25px;
   }
   .hm1 li p { height: 58px; color:#555;
   }
   .hm img { width: 100%;
   }
   .hm1 h3 a { width: 100%;
   }
   .hm2 ul { margin-top: 400px !important;
   }
   .hm2 li { background: url(../image/develop/hm_h2.gif) no-repeat left 8px !important;
   }
   .hm1 { height: 995px;overflow: hidden;background: url(../image/develop/hm_bg - 1.jpg) no-repeat -410px 0px;
   }
   .hm2 { height: 700px;overflow: hidden;background: url(../image/develop/hm_bg - 2.jpg) no-repeat -1100px 0px;
   }
   .hm3 { display:none;
   }
   #develop_service01 { height: 620px;
   }
   #develop_service01 dl { width: 160px;margin-right: 0;
   }
   #develop_service01 .content { max-width: 320px;
   }
   .gui_pho { height: 140px;
   }
   #restorelove_service01 , .f_pr { display:none;
   }
   #restorelove_service03 { background: url(../image/restorelove/fwbg.jpg) -230px 100px no-repeat;
                            height: 1140px;
   }
   #restorelove_service04 { display:none;
   }
   .g_fw { background: url(../image/restorelove/fwbg.jpg) -880px 560px no-repeat;height: 1100px;
                            
   }
   .restorelove .gui_pho , .restorelove .back { display:none;
   }
   .process { height:auto;
   }
   .process li { width: 100%;
   }
   .process span { width: 90%;line-height: 40px;padding: 20px;
   }
   .process ins { line-height: 40px;width: 90%;margin: 0 auto;
   }
   .about { background: url(../image/savemarriage/gui_bj.jpg) no-repeat center 110px;
   }
   .about_txt p { width: 90% !important;
   }
   .about_txt { height: 350px;
   }
   .diy_txt img { margin-left: 170px;
   }
	
	
}

@media only screen and (max-width: 480px) {
	body { overflow-x:hidden;font-size: 85%;
    }
	.logo { width:100%;
	}
	.logo h1 { background:none;float:none;width: 200px; margin: 5px auto;
	}
	.logo h2 { display:none;
	}
	.logo h3 { width: 250px;height: 170px;text-align: center;margin: 20px auto;float:none; overflow:visible;
	}
    .logo h3 span { font: 1.6em 微軟正黑體; background: url(../image/header/h_tel.jpg) no-repeat 2px 10px;line-height: 40px;
	}
    .logo a { font-size: 1.2em;
	}
	.logo img { float:none;
	}
 	.banner { width: 150%;margin-left: -100px;height: auto;overflow-x: hidden;
    }
	.xibao { display:none;
	}

	.service1 { height:1500px;
	}
	.service1 dl { position:static;
	}
	.service1 h3 img, .service2 h3 img,.course h3 img, .service2 li,.course dl  { width: 100%;
	}
	.service1 .sdl1, .service1 .sdl2, .service1 .sdl3 { width: 80%;margin: 10px auto;left:0;
    }
    .service2 { height: 1550px;
	}
	.index_process { display:none;
	}
	.index_process2 {background: url(../image/process/loveprocess_2.png); margin: -10px auto 0;width: 316px; height: 440px;
    }
    .case { height: 635px;background:url(../image/process/case_bj2.jpg) no-repeat 50% 0%;
	}

	.course { height: 1625px;
	}

    .g-ft .f-p01 { height: 1.17em;padding-top: 1.58em;
    }
    .g-ft .f-p01 a { display:block; width:45%; height:2.88em; line-height:2.88em; background:#ff2f7c; border-radius:0.3em; float:left; display:block; color:#fff; margin-left:1em;}
    .g-ft .f-p01 a img { display:block; float:left; width:1.92em; padding:0.54rem 0.21em 0 1.58em;}
    .g-ft .f-p02 { font-size:1em; color:#555; line-height:2em; clear:both; margin-left:10px; margin-top:40px;}
    .g-ft .g-kefu { width:100%; position:fixed; bottom:0; min-width:320px; z-index:9999; background:#ff2f7c; height:4.79em; line-height:4.79em;}
    .g-ft .g-kefu a { display:block; float:left; position:relative;}
    .g-ft .g-kefu a em { display:block; float:left; color:#fff; font-size:1.25em; padding-right:1em; font-style: normal;}
    .g-ft .g-kefu a img { display:block; float:left; width:2.92em; padding:1.08em 0.2em 0 1.42em;}
    .g-ft .g-kefu a:nth-child(2):before{ position:absolute; content:""; width:1px; height:100%; background:#980162; top:0; right:0;}
    .g-ft .g-kefu a:nth-child(2):after{ position:absolute; content:""; width:1px; height:100%; background:#cf2a94; top:0; right:1px;}
    .g-ft .g-kefu a:nth-child(3) em { padding-right:0}
    .g-ft .g-kefu a:nth-child(1) { width:5.17em;}
    .g-ft .g-kefu a i img { width:5.17em; height:4.79em; padding:0;}
    .tel { background:#FFF;text-align: center;}
    .tel h1 {  border-top: #ec0505 7px solid;
            margin-top: -50px;
            padding-top: 50px;
			color: #f08c3f;
     }
    .tel h2, .lineid h2, .chat h2 {
        font-size: 18px;
	    font-weight: 100;
		text-align: center;
		padding:10px;
     }
    .tel h3 {
    background: #FFECEC;
    border-radius: 5px;
    padding: 10px 0;
    margin: 5px 10px;
	display: block;
    float: left;
    width: 95%;
	color: #B20000;
	
    }
    .tel span {
    background: #8C008C;
    float: left;
    display: block;
    margin: 5px 6px 5px 10px;
	border-radius: 5px;
	width: 45%;
    height: 30px;
    padding-top: 10px;
	
   }
    .tel p {
    text-align: left;
    color: #ff2f7c;
    padding: 10px;
   }
    .lineid {
    display: block;
    float: left;
    background: #eee;
	width: 100%;
    margin-top: 20px;
	

   }
   .lineid img { margin-left: 10px;
              margin-bottom: 5px;
			  width:45%;
   }
   .chat img { width: 98%; margin-bottom:5px;
   }
    .footer_about {color: #F9F9F9;text-align: center;
   }
    .chat { width: 100%;
   }
    .tel a { color: #ff2f7c; 
   }
   .tel_list a { color: #fff;
   }
   #dhzx { width: 40%;
   }

   #menu_2 { text-align: center; max-width: 410px;margin: 0 auto;
   }
   #header_top ul li { margin-right: 10px;
   }
   #header_top ul { width: 300px; display: inline-block; height:120px;
   }
   .guide { background:none;height: 1400px;
   }
   .guide .content { width:100%
   }
   .gu_tit img {  width: 100%;
   }
   .gu_tit span { display: block;line-height: 30px;font: 20px "微軟正黑體"; width:100%;
   }
   .gui_pho p { width:300px;
   }
   .gui_img { height: 1060px;
   }
   .gui_img dl,.gui_img dt { width: 100%;
   }
   .gui_img dd { right: 65px;
   }
   .gui_pho p em { padding-left: 10px;
   }
   .solut .content, .so_tit img { width: 100%;
   }
   .solut { height: 1600px;
   }
   .so_txt { height: 1450px; width:100%;
   }
   .so_txt li { float:none; width:100%;
   }
   .evidence_process .gu_tit { text-align: center; margin: 0 auto;
   }
    .evidence_process li { text-align: center;overflow: hidden; margin: 0 auto 8px; 
	background: url(../image/sevice3/process_tbj1-2.html) no-repeat center center;padding-top: 10px;width: 85%;
   }
    .evidence_process li i { font: 18px "Microsoft YaHei";
   }

   #savemarriage_service01 .content { width: 100%;
   }
   #savemarriage_service01 h2 img { width: 100%;
   }
   .affair dt { background: url(../image/affair/affair_bg.png) no-repeat center;
   }
   .cri_txt dt, .cri_txt dl { width: 100%;
   }
   .cri_txt { margin: 0 auto; height: 1780px;
   }
   .evidence_process { margin: 20px auto 70px;
   }
   .cri_txt dd { margin: 10px auto 0;
   }
   .left , .l_cate  { width: 100%;
   }
   .l_cate { background: none;
   }
    .l_cate h2 {  background: url(../image/dating/left-cat-bg.jpg) repeat 0 0;
   }
   .main, .main:hover,.main3, .main3:hover,.main2, .main2:hover { background-color: #f0f0f0; background-image:none;
   }
   .l_cate .nr ul li a { text-align: center; padding-left:0px;
   }
   .hh3 b { text-align: center;
   }
   .wzxx_l { width: 100%;font-size: 10px;
   }
   .wzxx_l1 p img{ width:100%!important;
   }
   .wzxx_l1 p { text-indent: 0  !important; font-size: 1.6em; width:90%;margin: 0 auto;
   }
   .hm { width: 100%;
   }
   .hm1 ul { width: 91%; margin: 320px auto;left: 0; position: relative;
   }
   .hm1 li {background: url(../image/develop/hm_h2.gif) no-repeat 0px 9px; height: 30px; line-height: 25px;
   }
   .hm1 li p { height: 58px; color:#555;
   }
   .hm img { width: 100%;
   }
   .hm1 h3 a { width: 100%;
   }
   .hm2 ul { margin-top: 400px !important;
   }
   .hm2 li { background: url(../image/develop/hm_h2.gif) no-repeat left 8px !important;
   }
   .hm1 { height: 995px;overflow: hidden;background: url(../image/develop/hm_bg - 1.jpg) no-repeat -410px 0px;
   }
   .hm2 { height: 700px;overflow: hidden;background: url(../image/develop/hm_bg - 2.jpg) no-repeat -1100px 0px;
   }
   .hm3 { display:none;
   }
   #develop_service01 { height: 620px;
   }
   #develop_service01 dl { width: 160px;margin-right: 0;
   }
   #develop_service01 .content { max-width: 320px;
   }
   .gui_pho { height: 140px;
   }
   #restorelove_service01 , .f_pr { display:none;
   }
   #restorelove_service03 { background: url(../image/restorelove/fwbg.jpg) -310px 100px no-repeat;
                            background-size: 1500px;height: 880px;
   }
   #restorelove_service04 { display:none;
   }
   .g_fw { background: url(../image/restorelove/fwbg.jpg) -790px 410px no-repeat;height: 900px;
                            background-size: 1500px;
   }
   .restorelove .gui_pho , .restorelove .back { display:none;
   }
   .process { height:auto;
   }
   .process li { width: 100%;
   }
   .process span { width: 90%;line-height: 40px;padding: 20px;
   }
   .process ins { line-height: 40px;width: 90%;margin: 0 auto;
   }
   .about { background: url(../image/savemarriage/gui_bj.jpg) no-repeat center 110px;
   }
   .about_txt p { width: 90% !important;
   }
   .about_txt { height: 350px;
   }
   .diy_txt img { margin-left: 60px;
   }
   	.about h2 img { width:60% !important;
	}
}
	
@media only screen and (max-width: 360px) {
	body { font-size: 73%;
	}

}