@import url(https://fonts.googleapis.com/css?family=Carme);
/*  reset  */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
.order_table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
img{
	margin:0px;
	padding:0px;
}
a{ text-decoration:none;}
/*address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}*/
/*h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}*/
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
.ul{
	list-style:none;
}
.lileft li{
	float:left;
}
input,button{
	border:none;
	outline:none;
}
button,.cursor{
	cursor:pointer;
}
.user_edit ul,.user_edit ol{
	padding:0px 0px 0px 20px;
}
.inline_block{
	display: inline-block;
}
/*================================reset================================*/
body{
	font-size:14px;
	color:#333;
	font-family: 'Carme','微軟正黑體',sans-serif;
	line-height:22px;
	width:100%; height:100%;
}
button,select{ outline:none;	font-family: 'Carme','微軟正黑體',sans-serif;}
/*圖片垂直置中共用樣式*/
.img_box{
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	*position:relative;
}
.img_link{
	height:auto;
	z-index:1;
	display:inline-block;
	*display:inline;
	*zoom:1;
	*position:absolute;
	*top:50%;
}
.align_middle{
	*position:relative;
	*top:-50%;
	*left:-50%;
}
.align_img{
	vertical-align:middle;
}

.wrapper{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.clearfix:after { /* FF, IE8, O, S, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	zoom:1;
}
.clear{
	clear:both;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.inline_block{
	display: inline-block;
}

.head{ position:fixed; top:-136px; z-index:15; width:100%; background:#FFF;}
.footer_index{ background:#FFF; text-align:center; position:fixed; bottom:-40px; width:100%; height:40px; z-index:14;}
.footer_index h6{ display:inline-block; color:#917d7e; line-height:40px;}
.footer_index h6 a{display:inline-block; color:#917d7e; line-height:40px;}
.help_1,.help_2.help_1:hover,.help_2:hover,.linkyou a:hover,.linkyou a,.mess_btn,.mess_btn:hover,.process_box:hover,.process_box:hover,.like,.like:hover,.share21,.share21:hover,.phone35,.phone35:hover,.list77,.list77:hover,.pin71,.pin71:hover,.dr_s:hover,.dr_s,.star_sear button:hover,.star_sear button,.ringright:hover,.ringright,.gotop:hover,.gotop,.btn_play:hover,.btn_play,.arar .left_ar:hover,.arar .left_ar,.arar .right_ar:hover,.arar .right_ar,.more:hover,.more,.next_stp:hover,.next_stp,.ararea .right_ar:hover,.ararea .right_ar,.ararea .left_ar:hover,.ararea .left_ar,.dotdot:hover,.dotdot,.menu a:hover,.menu a,.cir:hover,.cir,.mem_btn:hover,.mem_btn,.search_area:hover,.search_area{
	-o-transition: background .30s linear;
	-webkit-transition: background .30s linear;
	-moz-transition: background .30s linear;
	transition:  background .30s linear;}
.pad_lf30{ padding:0px 30px; box-sizing:border-box;}
.box_1240{ width:1240px;margin:0 auto;}
.box_1240r{ position:relative; width:1240px;margin:0 auto;}
.nearls .page_now .article_search{ margin-bottom:10px;}

.main{ padding-top:75px; box-sizing:border-box;}
.banner_area{ height:370px; position:relative; width:100%; overflow:hidden;}
.banner_area ul{ list-style:none; position:relative; width:200%; left:0px;}
.banner_area li{ float:left; width:50%;}
.dot_area{ z-index:2; width:1240px; position:absolute; left:50%; margin-left:-620px; bottom:25px; text-align:center; height:13px;}
.dotdot{ cursor:pointer; width:11px; height:11px; margin:0px 2px; display:inline-block; border:2px solid #555; border-radius:50%;}
.dotdot:hover,.dotdot.now{ background:#555;}
.index_one h2{ letter-spacing:-1px; line-height:22px; display:inline-block; margin:0 auto; font-size:22px; font-weight:bold; color:#333;margin-bottom:25px;}
.index_one h2 img{ vertical-align:middle; margin:0px 5px;}
.index_one{ background:#FFF; text-align:center; padding:20px 0px; box-sizing:border-box;}
.ararea .left_ar{ z-index:2; cursor:pointer; position:absolute; left:0px; top:50%; margin-top:-51px; background:url(../../images/bnar.png); width:52px; height:102px;}
.ararea .left_ar:hover{background:url(../../images/bnars.png);}
.ararea .right_ar{z-index:2;cursor:pointer; position:absolute; right:0px; top:50%; margin-top:-51px; background:url(../../images/bnarr.png); width:52px; height:102px;}
.ararea .right_ar:hover{background:url(../../images/bnarrs.png);}
.ararea{ display:none;}
.banner_area:hover .ararea{ display:block;}
.select_moder li{ cursor:pointer; position: relative; float:left; margin-right:1.53%; list-style:none; width:9.67%;}
.select_moder li .picarea img{ width:100%;}
.select_moder .picarea{ margin-bottom:10px; position:relative; top:0px; left:0px; z-index:1;}
.select_moder .mask{ padding:4.5%; box-sizing:border-box; width:100%; display:none; position:absolute; top:0px; left:0px; z-index:2; background:url(../../images/maska.png); height:100%; background-size:100% 100%;}
.title_s{ display:none; top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -24px; color:#FFF; font-size:16px; position:absolute; z-index:3;}
.select_moder li.check_now .mask{ display:block;}
.select_moder li.check_now .title_s{ display:block;}
.title_b{ margin-bottom:8px;font-size:16px; box-sizing:border-box;}
.check_ar{ margin-bottom:25px; display:inline-block; background:url(../../images/select_cir.png) no-repeat; width:25px; height:25px;}
.select_moder li.check_now .check_ar{ background:url(../../images/check5.png) no-repeat;}
.circle_1{ position:relative;}
.lin_cr{ box-sizing:border-box; z-index:6; top:0px; left:0px; width:100%; height:100%; border:1px solid #FFF; border-radius:50%;}
.select_moder li:last-child{ margin-right:0px;}
.next_stp{ border-radius:20px;font-family: 'Carme','微軟正黑體',sans-serif; border:2px solid #5689bf; background:#FFF; font-size:18px; color:#5689bf; font-weight:bold; text-align:center; width:465px; margin:0 auto; height:40px;}
.next_stp:hover{ color:#FFF; background:#5689bf;}
.index_two{ background:#f3f3f3; padding:20px 0px;}
.index_two h2{ font-size:22px; line-height:30px; float:left;  background:url(../../images/liq2.png) left no-repeat; padding-left:30px;}
.more{ float:right; text-align:center;line-height:28px; border-radius:28px; display:block; font-size:14px; width:60px; height:28px; color:#888; border:2px solid #888;}
.more:hover{ background:#2da8cd; border:2px solid #2da8cd; color:#FFF;}
.box_805{ width:805px; float:left;}
.marb_15{ margin-bottom:15px;}
.index_news{ width:805px; height:440px; margin-bottom:40px; overflow:hidden; position:relative;}
.index_news ul{ width:200%;}
.index_news li{ margin-right:20px; float:left; position:relative; height:430px; box-shadow:1px 1px 3px #888; padding:10px; box-sizing:border-box; background:#FFF; list-style:none; background:#FFF; width:24.2%; float:left;}
.index_news li:nth-child(2n-2){ margin-right:0px;}
.pic img{ width:100%;}
.pic{ display:block; width:100%; height:213px; overflow:hidden; margin-bottom:15px;}
.index_news .catage{ margin-bottom:15px; float:left; box-sizing:border-box; width:130px; position:relative; padding-left:50px; font-size:14px; color:#555; display:block; line-height:40px;background-size:40px auto;}
.front .catage{ margin-bottom:15px; float:left; box-sizing:border-box; width:135px; position:relative; padding-left:50px; font-size:14px; color:#555; display:block; line-height:40px;background-size:40px auto;}
.catage span{ position:absolute; top:50%; margin-top:-1px; right:0px; display:block; width:10px; border-bottom:2px solid #CCC;}

.m1, .m01{ background:url(../../images/m1.png) no-repeat;}
.m1 span{border-bottom:2px solid #f45353;}
.m2, .m02{ background:url(../../images/m2.png) no-repeat;}
.m2 span{border-bottom:2px solid #7e25b7;}
.m3, .m03{ background:url(../../images/m3.png) no-repeat;}
.m3 span{border-bottom:2px solid #4fbc4d;}
.m4, .m04{ background:url(../../images/m4.png) no-repeat;}
.m4 span{border-bottom:2px solid #f46868;}
.m5, .m05{ background:url(../../images/m5.png) no-repeat;}
.m5 span{border-bottom:2px solid #1ea980;}
.m6, .m06{ background:url(../../images/m6.png) no-repeat;}
.m6 span{border-bottom:2px solid #f3d8ccf;}
.m7, .m07{ background:url(../../images/m7.png) no-repeat; }
.m7 span{border-bottom:2px solid #15acb9;}
.m8, .m08{ background:url(../../images/m8.png) no-repeat;}
.m8 span{border-bottom:2px solid #f4702f;}
.m9, .m09{ background:url(../../images/m9.png) no-repeat;}
.m9 span{border-bottom:2px solid #2e408f;}
.m10{ background:url(../../images/m10.png) no-repeat;}
.m10 span{border-bottom:2px solid #e46e92;}
.m11{ background:url(../../images/m11.png) no-repeat;}
.m11 span{border-bottom:2px solid #e46e92;}
.m12{ background:url(../../images/m12.png) no-repeat;}
.m12 span{border-bottom:2px solid #f5a11d;}
.m18, .m018{ background:url(../../images/m9.png) no-repeat;}
.m18 span{border-bottom:2px solid #2e408f;}
.date_news{ float:right; color:#888; line-height:40px;}
.news_title{
	font-weight:bold;
	color:#333;
	font-size:16px;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
	line-height:25px;
	margin-bottom:15px;
	display: block;
    height:46px;
}
.news_title:hover{ color:#2da8cd;}
.index_news p{
	color:#555;
	-webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
	height: 41px;
}
.wheref{ position:absolute; right:10px; bottom:6px; color:#888;}
.arar .left_ar{ z-index:5; cursor:pointer; position:absolute; top:50%; margin-top:-40px; left:0px; background:url(../../images/argl.png) no-repeat; width:42px; height:80px;}
.arar .left_ar:hover{ background:url(../../images/argls.png) no-repeat;}
.arar .right_ar{ z-index:5; cursor:pointer; position:absolute; top:50%; margin-top:-40px; right:0px; background:url(../../images/argr.png) no-repeat; width:42px; height:80px;}
.arar .right_ar:hover{ background:url(../../images/argrs.png);}
.arar .left_ar,.arar .right_ar{opacity: 0;
    display: none\9;
    /* filter: alpha(opacity=0); */
    -moz-opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    /* -ms-transition: opacity 1s; */}
.banner_area img{ width:100%;}
.box_805{ position:relative;}
.box_805:hover .left_ar,.box_805:hover .right_ar,.ararbox:hover .right_ar,.ararbox:hover .left_ar{opacity: 1;
    display: none\9;
    /* filter: alpha(opacity=0); */
    -moz-opacity: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    /* -ms-transition: opacity 1s; */}
.ararbox .right_ar{ right:0px;}
.box_370{ position:relative; float:right; }
.bg_mov{ overflow:hidden; z-index:1;width:370px; position:relative; box-sizing: border-box;} /*box-shadow:1px 1px 3px #888;}*/
.box_370 h2{ margin-bottom:20px;}
.bg_mov .pic_video{ width:200%; z-index:1; height:100%;}
.bg_mov .pic_video li{ list-style:none; width:50%; float:left; height:100%;}
.bgw{ top:0px; left:0px; position:absolute; z-index:2; width:100%; height:100%;}
.bgw img{ width:100%; } /* height:100%;}*/
/*SUPER*/
		#supersize{
			position:absolute;
	
		}
		#supersize img, #supersize a{
			width:100%;
			height:auto;
			position:absolute;
			z-index: 0;
		}
		#supersize .prevslide, #supersize .prevslide img{
			z-index: 1;
		}
		#supersize .activeslide, #supersize .activeslide img{
			z-index: 2;
		}
.index_two h2 img{ display:none;}
.video_item img {cursor:pointer;}
.btn_play{ cursor:pointer; z-index:3; background:url(../../images/play87.png); position:absolute; left:50%; top:50%; margin-top:-65px; margin-left:-65px; width:130px; height:130px;}
.btn_play:hover{ background:url(../../images/play87s.png);}
.bg_mov .arar .right_ar{ right:0px;}
.more_mobile{ display:none; text-align:center; color:#555; line-height:40px; box-sizing:border-box;  border-radius:20px; width:100%; font-size:16px; height:40px; border:2px solid #9c9c9c;}

.ararbox{ position:relative;}
.text_video{-webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis; text-align:center;
	line-height:25px; margin-bottom:15px; line-height:20px; position:absolute; font-weight:bold; z-index:4; font-size:16px; color:#555; width:70%; top:50%; margin-top:85px; left:50%; margin-left:-35%;}
.link_area ul{ width:200%; list-style:none;}
.link_area li{ width:50%; float:left;}
.link_area .warp a{ height:70px; float:left; width:20%;text-align:center; display:block;}
.link_area .warp a:nth-child(6){ display:none;}
.pic_box{width: 100%;
    padding-bottom: 28.2%;
    position: relative;
    overflow: hidden;}
.pic_show {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;}
.table_box {
    width: 100%;
    height: 100%;
    display: table;
}
.cell_item {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.link_area .warp a img{ max-width:100%; max-height:70px;}
.link_area h2{ margin-bottom:30px;}
.warp{ width:1240px; overflow:hidden;}
.link_area .box_1240r{ padding-bottom:50px;}
.link_area .dot_area{ bottom:10px;}
.link_area .arar{ display:none;}

.marb_23{ margin-bottom:23px;}
.page{ position:relative; /* z-index:1; */}
.ringright{ cursor:pointer; position:fixed; right:0px; z-index:10; top:50%; margin-top:-17px; background:url(../../images/clonear.png); background-size:99px auto; width:99px; height:150px;}
.ringright:hover{ background:url(../../images/clnear2.png); background-size:99px auto; width:99px; height:150px;}
.gotop{ cursor:pointer; position:fixed; right:20px; top:50%; margin-top:145px; width:50px; z-index:10;height:50px; background:url(../../images/top.png) no-repeat;}
.gotop:hover{background:url(../../images/tops.png) no-repeat;}
.mess_btn:hover{ background:#2da8cd; color:#FFF;}
.left_map.banner_top{ background:#d3ebaa;}
.mess.banner_top{ background:#abdfee;}
.marb_40{ margin-bottom:40px;}
.life_stepone{}
.life_stepone h2{ font-size:18px; font-weight:bold; color:#333; margin-bottom:30px;}
.box_600{ margin-bottom:45px; width:600px; padding-left:20px; box-sizing: border-box;}
.box_600 p{ float:left; line-height:50px; font-size:16px; margin-right:20px;}
.box_600 select{
	/*padding:0px 10px;*/
	box-sizing: border-box;
	float:left; width:510px;
	background:#FFF; 
	border:1px solid #888; 
	height:50px; 
	border-radius:3px;
	padding:0px 0px 0px 10px;
}
.select_what{ margin-bottom:45px; width:100%; padding:0px 20px; box-sizing:border-box;}
.select_what li{ cursor:pointer;  margin-right:1.7%;text-align:center;  float:left; width:100px;background-size:100px auto; list-style:none; position:relative;}
.select_what li:last-child{ margin-right:0px;}
.select_what li img{ margin-bottom:10px; position:relative; z-index:1; top:0px; left:0px; width:100%; box-shadow:1px 1px 3px #888; border-radius:50%;}
.select_what li img.se{ z-index:2; position:absolute; display:none; top:0; left:0px;box-shadow: none;}
.select_what li.now img.se { display:block;}

.star_sear{ padding:20px 0px 80px 0px; box-sizing:border-box; background:url(../../images/bgselect.png) no-repeat top; width:1240px; height:250px;}
.star_sear button{ margin-left:650px; border-radius:35px; box-shadow:1px 1px 3px #888; background:url(../../images/lifemap_one_03.jpg); width:510px; height:70px; color:#2da8cd; font-size:24px; font-weight:bold;}
.marb_60{ margin-bottom:60px;}
.star_sear button:hover{ background:#2da8cd; color:#FFF;}
.mapmapmap {
    position: relative;
    width: 100%;
    height: 800px;}
	
.left_list {
    position: absolute;
    z-index:10;
    top: 50px;
    left: 30px;
    background: #FFF;
    width: 310px;
    height: 700px;
    box-shadow: 1px 1px 3px #888;
}
.weather {
    padding: 20px;
    border-bottom: 1px solid #e5e5e5;
}
::-webkit-scrollbar-thumb {
    background-color: #2da8cd;
}
::-webkit-scrollbar {
    width: 10px;
}
.ar_list li {
    cursor: pointer;
    position: relative;
    list-style: none;
    padding: 15px 20px 0px 20px;
}
.w_now {
    float: right;
    padding-top: 45px;
    font-size: 35px;
}
.w_inf {
    float: left;
    margin-left: 20px;
    font-size: 14px;
    color: #888;
}
.ar_list {
    height: 580px;
    overflow: scroll;
}
.wicon {
    padding-top: 8px;
    float: left;
}
.ar_list h4 {
    font-size: 16px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    margin-bottom:10px;
	-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
}
.ar_list .from { text-align:right;float:right;
    display: block; width:100%;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
}
.ar_list li:hover{background:#f3f3f3;
	-o-transition: background .30s linear;
    -webkit-transition: background .30s linear;
    -moz-transition: background .30s linear;
    transition:  background .30s linear;
}
.ar_list li.warning_use{ background:#ffe7e7;}
.ar_list li.warning_use .from{ border-bottom:1px solid #ff7878;}
.ar_list li.warning_use:hover{ background:#fff0f0;}
.ar_list li.warning_use h4{ color:#3f0707;}
.article_card {
    position: absolute;
    left: 50%;
    margin-left: -265px;
    bottom: 50px;
    background: #FFF;
    box-shadow: 1px 1px 3px #888;
    padding: 10px;
    width: 530px;
    height: 210px;
    box-sizing: border-box;
}
.img_190 {
    width: 190px;
    height: 190px;
    overflow: hidden;
}
.img_190 img {
    max-width: 190px;
	max-height: 190px;

    text-align: center;
}
.right_box {
    width: 300px;
    margin-left: 15px;
    float: left;
}

.right_box h4:hover, .ab_info p a {
    color: #2da8cd;
}
.right_box h4 {
    color: #333;
    font-size: 16px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    margin-bottom: 15px; width:280px;
}
.right_box .loca p {
    border: none;
    font-weight: bold;
    font-size: 14px;
    color: #555;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.right_box span.from {
    font-weight: bold;
    font-size: 12px;
    color: #555;
}
.right_box p {
    color: #888;
    font-size: 14px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.lifmap_mtop{ padding:20px; height:90px; box-sizing:border-box; background:#f6f6f6;}
.lifmap_mtop .page_now{ width:400px; float:left; padding-top:17px;}
.lifmap_mtop .view_chose h2,.add_chose h2{ float:left; margin-bottom:0px; padding-top:16px;}
.view_chose{ float:left; margin-right:20px;}
.view_chose .blockview{ margin-left:10px; margin-top:2px; display:block; float:left; background:url(../../images/bb.png) no-repeat; width:45px; height:44px;}
.view_chose .mapview{margin-left:10px; margin-top:2px;display:block;float:left; background:url(../../images/mm.png) no-repeat; width:45px; height:44px;}
.view_chose .blockview:hover,.view_chose .blockview.now{ background:url(../../images/bbs.png) no-repeat;}
.view_chose .mapview:hover,.view_chose .mapview.now{background:url(../../images/mms.png) no-repeat;}
.add_chose{ float:left;}
.addre{ font-size:16px; padding:0px 10px; box-sizing:border-box; background:none; margin-left:15px; width:200px; height:50px; float:left; border:1px solid #888888; border-radius:5px;}
.article_search {
    background: url(../../images/message_list_05.png) top center no-repeat;
    width: 182px;
    height: 54px;
    line-height: 54px;
    padding-left: 60px;
    font-size: 18px;
}
.article_search:hover,.page_now .article_search:hover{ color:#FFF;background: url(../../images/message_list_06.png) top center no-repeat;}
.life_stepone .article_search{ padding-left:60px; box-sizing:border-box; margin-left:15px;}
.right_box .map_tool{ margin:0px; border:0px; padding-top:5px;}
.mob_s,.four_item,.m_weather{ display:none;}
.near_list h4{    float: left;
    width: 100%;
    /* width: 210px; */
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
}
.near_list .kmm {
    float: right;
    font-size: 14px;
    color: #888;
}
.near_card {
    box-sizing: border-box;
    padding: 25px 20px 20px 20px;
    background: url(../../images/near_card.png);
    width: 408px;
    height: 220px;
    position: absolute;
    left: 50%;
    top: 300px;
}
.near_card h4 {
    float: left;
    margin-left: 15px;
    font-size: 18px;
}
.bor_t {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px;
    margin-bottom: 10px;
}
.near_card .add{ font-size:13px; min-height:40px;    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
}
.kmgi{ margin-left:20px; padding-top:30px; float:left; background:url(../../images/pin56n.png) no-repeat left 32px; padding-left:20px;}
.kmgi strong{ font-size:25px; color:#30a9ce;}
.dr_s{ width:170px; float:right; background:#f6f6f6; height:85px;}
.dr_s span{ height:40px; display: inline-block; padding-left:50px; line-height:40px; box-sizing:border-box; background:url(../../images/pointer29b.png) no-repeat;}
.dr_s:hover{ background:#2da8cd; color:#FFF;}
.dr_s:hover span{ color:#FFF;background:url(../../images/pointer29bs.png) no-repeat;}

.banner_top.bookbn{ background:#dcd1cf;}
.message_list_style .nearmap_list .view{ height:270px;}

.near_box{ padding:20px; box-sizing:border-box; box-shadow:1px 1px 3px #888; width:100%; height:240px; background:#FFF;}
.near_box h3{ margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #eaeaea;}
.near_box .add{ min-height:50px;}
h3.icon_1{background:url(../../images/icon_baby.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
h3.icon_2{background:url(../../images/icon_bcar.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
h3.icon_3{background:url(../../images/icon_bike.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
h3.icon_4{background:url(../../images/icon_dispenser.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
h3.icon_5{background:url(../../images/icon_drug.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
h3.icon_6{background:url(../../images/icon_hospital.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
h3.icon_7{background:url(../../images/icon_lockers.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
h3.icon_8{background:url(../../images/icon_police.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
h3.icon_9{background:url(../../images/icon_wc.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
h3.icon_10{background:url(../../images/icon_wifi.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
h3.icon_11{background:url(../../images/icon_money.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
h3.icon_12{background:url(../../images/icon_catch.png) no-repeat top left; padding-left:25px; box-sizing:border-box;}
.near_box .icon_1{ background:}
.mear .about_h{ float:left; padding-top:16px;}
.mear .add_chose{ float:right;}
.box_600 select{ font-size:16px;}
/*================================================================*/
body{
	width: 100%;
}
a{
	color: #555;
}
img{
	width: auto;
}
input,select{
	outline: none;
}
.block{
	display: block;
}
.center{
	text-align: center;
}
.full_width{
	width: 100%;
}
.gray_bg{
	background: #f6f6f6;
}
.pc_40{
	padding: 0 40px;
}
.pc_15{
	padding:0 15px;
}
.bold{
	font-weight: bold;
}
.green{
	color: #4fbc4d;
}
.blue{
	color: #2da8cd;
}
.banner_top{
	width: 100%;
	position: relative;
	background: #abcfee;
	height: 268px;
	overflow:hidden; 
}
.bn_font{ position:absolute; left:50%; text-align:center;  width:980px; margin-left:-490px;}
.bn_font span{ display:inline-block; margin-top:100px; position:relative;text-shadow:2px 1px 2px #666; color:#FFF; font-size:50px; font-weight:bold;}
.bn_font p{ font-size:20px; color:#FFF; margin-top:30px;text-shadow:2px 1px 2px #666;font-weight:bold;}
.welfare.banner_top{
	background: #f4d9bc;
}
.banner_top img{
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -960px;
}
.page_now{
	padding-top: 35px;
	font-size: 14px;
	text-transform: uppercase;
}
.page_now .home_icon{
	background: url(../../images/home47.png)no-repeat;
	display: block;
	width: 23px;
	height: 19px;
	margin-right: 10px;
	float: left;
}
.page_box{
	margin-left: 30px;
}
.page_box a:hover{
	color:#189cc3;
	}
.separated_line{
	margin: 0 10px;
}
.about_content{
	color: #333;
	margin-top: 50px;
	letter-spacing: 1px;
}
.ab_info{
	padding-bottom: 55px;
}
.about_h:before{
	content: url(../../images/blue_arr.png);
	line-height: 30px;
	margin-right: 15px;
}
.about_h{
	font-size: 18px;
	color: #065a73;
	letter-spacing: 1px;
	margin-bottom: 30px;
	font-weight: normal;
}
.about_h span{
	font-size: 30px;
}
.ab_in_li{
	padding-left: 30px;
	margin: 40px 0;
	letter-spacing: 1px;
}
.blue_dot{
	display: block;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	line-height: 22px;
	background: #2da8cd;
	float: left;
	margin-top: 5px;
}
.ab_in_li p{
	color: #333;
	margin-left: 16px;
}
.ab_in_li .ab_txt{
	margin-top: 5px;
}
.ab_in_li ol {
	list-style-type:decimal;
}
.ab_in_li ol li {
	margin-bottom: 5px;
}
.ab_in_li ol li ol {
	list-style-type:upper-alpha;
	margin: 10px 0px 10px 25px;
}
.message_content{
	width: 100%;
	border: 1px solid #eee;
	background: #fff;
	padding: 40px;
	box-shadow: 0px 1px 2px rgba(4,0,0,0.3);
	margin-top: 33px;
	box-sizing:border-box;
}
.message_tilte{
	color: #333;
	line-height: 40px;
	padding-left: 23px;
	border-bottom: 1px solid #bbbbbb;
	padding-bottom: 20px;
    margin-bottom: 20px;
}
.message_tilte .front{
	float: left;
}
.message_tilte span{
	margin:0 10px;
}
.message_tilte .mess_h_01{
	font-size: 16px;
	color: #333;
}
.message_tilte .mess_h_02{
	font-size: 22px;
	font-weight: bold;
	margin-left: 0px;
}
.mess_h_01:before{
	/*content: url(../../images/home78.png);*/
	display: block;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-right: 15px; 
}
.welfare_h_01{
	display: block;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-right: 15px; 
}
.welfare_h_02{
	line-height: 35px;
	font-size: 22px;
	font-weight: bold;
	margin-left: 0px;
	clear: both;
}
.color_tag_01/*深藍*/{
	float:left; 
	display: block;
	background: #2e4392;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_02/*淺藍*/{
	float:left; 
	display: block;
	background: #4388d7;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_03/*粉紅*/{
	float:left; 
	display: block;
	background: #ed6d9a;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_04/*紅*/{
	float:left; 
	display: block;
	background: #e65454;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_05/*深橘*/{
	float:left; 
	display: block;
	background: #f86c35;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_06/*淺橘*/{
	float:left; 
	display: block;
	background: #fcaf2a;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_07/*淺綠*/{
	float:left; 
	display: block;
	background: #6daf3c;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_08/*深綠*/{
	float:left; 
	display: block;
	background: #15aa85;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_09/*紫色*/{
	float:left; 
	display: block;
	background: #9a62c1;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_10/*深綠*/{
	float:left; 
	display: block;
	background: #0b8811;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_11/*深紫*/{
	float:left; 
	display: block;
	background: #580e8c;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_12/*深藍綠*/{
	float:left; 
	display: block;
	background: #1597aa;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_13/*桃紅*/{
	float:left; 
	display: block;
	background: #ff4467;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_14/*深紅*/{
	float:left; 
	display: block;
	background: #be0202;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_15/*紫色*/{
	float:left; 
	display: block;
	background: #9070da;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_16/*咖啡*/{
	float:left; 
	display: block;
	background: #9d5f5f;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_17/*深咖啡*/{
	float:left; 
	display: block;
	background: #5e1919;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_18/*蘋果綠*/{
	float:left; 
	display: block;
	background: #ade03f;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_19/*深橘*/{
	float:left; 
	display: block;
	background: #ce3a00;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_20/*亮黃*/{
	float:left; 
	display: block;
	background: #ffd200;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_21/*淺灰藍*/{
	float:left; 
	display: block;
	background: #6bbcd6;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_22/*深灰色*/{
	float:left; 
	display: block;
	background: #333;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_23/*淺灰*/{
	float:left; 
	display: block;
	background: #888;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_24/*灰綠*/{
	float:left; 
	display: block;
	background: #51a66b;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_25/*亮桃紅*/{
	float:left; 
	display: block;
	background: #ea3273;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_26/*紫紅*/{
	float:left; 
	display: block;
	background: #ba45cb;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_27/*軍藍*/{
	float:left; 
	display: block;
	background: #1566aa;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_28/*寶藍*/{
	float:left; 
	display: block;
	background: #0025b1;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_29/*卡其*/{
	float:left; 
	display: block;
	background: #a0691c;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_30/*藍色*/{
	float:left; 
	display: block;
	background: #008ed8;
	border-radius: 5px;
	padding: 0 10px;
	line-height: 35px;
	color: #fff;
	font-size: 14px;
}
.color_tag_31/*靛藍*/{
 float:left; 
 display: block;
 background: #00046b;
 border-radius: 5px;
 padding: 0 10px;
 line-height: 35px;
 color: #fff;
 font-size: 14px;
}

.color_tag_32/*綠藍*/{
 float:left; 
 display: block;
 background: #017298;
 border-radius: 5px;
 padding: 0 10px;
 line-height: 35px;
 color: #fff;
 font-size: 14px;
}
.touch_box{
	border-top: 1px solid #eee;
	border-bottom:1px solid #eee;
	padding: 10px 0;
	color: #888;
	font-size: 12px; 
	margin: 15px 0;
}
.touch_link{
	position:relative;
	display: inline-block;
	margin-right: 10px;
}
.touch_link.now .arrow{
	display:block;
	}
.touch_link .arrow{
	display:none;
	width:11px;
	height:11px;
	background: url(../../images/trt.png) 50% 50% no-repeat;
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-5px;
	}
.touch_link:last-child{
	margin-right: 0;
}
.touch_link span{
	display: inline-block;
}
.welfare_contact span{ display:block;}
.like{cursor:pointer;
	background: url(../../images/like.png)no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
	background-position: 0px 5px;
}
.touch_link.now .like,.like:hover,.like.now{
	cursor:pointer;
	background: url(../../images/likes.png)no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
	background-position: 0px 5px;
}
.share21{cursor:pointer;
	background: url(../../images/shareb.png)no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.touch_link.now .share21,.share21:hover{
	cursor:pointer;
	background: url(../../images/shares.png)no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}

@media screen and (max-width: 996px) {
	.touch_link.now .like,.like:hover, .touch_link.now .share21,.share21:hover { 
		background-size: 35px auto;
	    width: 35px;
	    height: 35px;
	}
}

.phone35{cursor:pointer;
	background: url(../../images/phone35.png)no-repeat;
	background-size: 49px auto;
	width: 50px;
	height: 50px;
}
.touch_link.now .phone35,.phone35:hover{
	cursor:pointer;
	background: url(../../images/phones.png)no-repeat;
	background-size: 49px auto;
	width: 50px;
	height: 50px;
}

.pin71{cursor:pointer;
	background: url(../../images/pin71.png)no-repeat;
	background-size: 49px auto;
	width: 50px;
	height: 50px;
}
.touch_link.now .pin71,.pin71:hover{
	cursor:pointer;
	background: url(../../images/pin71s.png)no-repeat;
	background-size: 49px auto;
}
.list77{ cursor:pointer;
	background: url(../../images/list77.png)no-repeat;
	background-size: 49px auto;
	width: 50px;
	height: 50px;
}
.touch_link.now .list77,.list77:hover{
	background: url(../../images/list77_s.png)no-repeat;
	background-size: 49px auto;
	width: 50px;
	height: 50px;
}
.dete_1{ text-align:right;
	width:500px;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 22px;
	float: right;
	margin-top: 15px;
}
.dete_1 span{ display:block;}
.dete_2{
	display: none;
}

.mess_txt p{
	margin-bottom: 40px;
}
.mess_btn{
	width: 127px;
	height: 45px;
	font-size: 15px;
	border-radius: 50px;
	background: none;
	border: 1px solid #ccc;
	letter-spacing: 1px;
	float: right;
}
.page_btn{
	padding: 30px 0 50px 0;
}
.pag_mess_btn{
	width: 32%;
	height: 60px;
	margin-right: 1.6%;
	font-size: 15px;
	border-radius: 3px;
	background: none;
	border: 1px solid #ccc;
	letter-spacing: 1px;
	padding:0px 5px;
}
.pag_mess_btn:hover{
	background: #eee;
}
.pag_mess_btn:last-child{
	margin-right: 0;
}
.process{
	width: 100%;
}
.process_box{
	width: 100%;
	background-color: #fff;
	border:1px solid #2da8cd;
	border-radius: 5px;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	box-sizing:border-box;
	margin: 10px 0 15px 0;
	cursor:pointer;
}
.process_box.now,.process_box:hover{
	background-color: #2da8cd;
}
.process_title{
	font-size: 18px;
	color: #2da8cd;
	font-weight: bold;
}
.process_box.now .process_title,.process_box:hover .process_title{
	color: #fff;
	font-weight: normal;
}

.process_arrow_1{
	float: right;
	background: url(../../images/flaticon_1_s.png)no-repeat;
	width: 18px;
	height: 10px;
	margin-top: 20px;
}
.process_box.now .process_arrow_1,.process_box:hover .process_arrow_1{
	float: right;
	background: url(../../images/flaticon_2.png)no-repeat;
	width: 18px;
	height: 10px;
	margin-top: 20px;
	
	}
.process_arrow_2{
	float: right;
	background: url(../../images/flaticon_2.png)no-repeat;
	width: 18px;
	height: 10px;
	margin-top: 20px;
}
.process_arrow_s_1{
	float: right;
	background: url(../../images/flaticon_1_s.png)no-repeat;
	width: 18px;
	height: 10px;
	margin-top: 20px;
}
.process_arrow_s_2{
	float: right;
	background: url(../../images/flaticon_2_s.png)no-repeat;
	width: 18px;
	height: 10px;
	margin-top: 20px;
}
.down_info{
	padding-top: 20px;
	/*border-top: 1px solid #ccc;*/
	margin-top: 15px;
}
.number_box{
	line-height: 25px;
	position: relative;
	width: 32%;
	min-height: 110px;
	border: 1px solid #ccc;
	float: left;
	box-sizing:border-box;
	margin: 20px 0 40px 0;
	margin-right: 1.8%;
}
.number_box .flow{	box-sizing:border-box;
	padding: 35px 20px 20px 20px;
 overflow-y:auto; height:150px;}
.number_box:nth-child(3n-3){
	margin-right: 0; 
}
.number_box:nth-child(3n-2){clear:both;}

.number_circle{
	width: 38px;
	height: 38px;
	border-radius: 50px;
	background: #79af20;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 38px;
	position: absolute;
	top: -19px;
	left: 20px;
}
.welfare_content,
.welfare_content_2{
	padding: 0 15px;
}
.welfare_content .item{
	border-bottom: 1px solid #ccc;
}
.welfare_content_2{
	padding-top: 33px;
	padding-bottom: 50px;
	border-bottom: none;
	word-wrap:break-word;
}
.welfare_contact{
	font-size:15px;
	color:#2da8cd;
	line-height:30px;
	}
.welfare_share li{
	margin-right:20px;
	}
.welfare_share li.fb a{
	display:block;
	width:66px;
	height:91px;
	background:url(../../images/share_fb.png)50% 50% no-repeat;
	}
.welfare_share li.fb a:hover{
	background:url(../../images/share_fb_.png)50% 50% no-repeat;
	}
.welfare_share li.google a{
	display:block;
	width:66px;
	height:91px;
	background:url(../../images/share_google.png)50% 50% no-repeat;
	}
.welfare_share li.google a:hover{
	background:url(../../images/share_google_.png)50% 50% no-repeat;
	}
.wel_sele_box{
	padding: 0 40px 40px 40px;
	box-sizing:border-box;
	margin-top: 40px;
}
.txt_h{
	font-size: 18px;
	color: #333;
	line-height: 40px;
	margin-right: 20px;
	font-weight: bold;
}
.txt_h:before{
	content: url(../../images/blue_arr.png);
	height: 18px;
	line-height: 40px;
	margin-right: 10px;
}

.qa_icon{
	font-size: 14px;
	color: #99c155;
	background: url(../../images/question30.png)no-repeat;
	background-size: auto 40px;
	height: 40px;
	padding-left: 50px;
	float: left;
	line-height: 40px;
	margin-right: 10px;
}
.select_box{
	width: 1200px;
	margin: 20px 0 0px 0;
}
.select_bg{
	padding: 20px;
    box-sizing: border-box;
	width: 194px;
	height: 74px;
	font-size: 16px;
	line-height: 35px;
	background: url(../../images/select_bg.png)no-repeat;
	margin-right: 10px;
	margin-top: 10px;
	cursor: pointer;
}
.select_bg.now/* ,
.select_bg:hover */{
	color: #fff;
	font-size: 16px;
	background: url(../../images/blue_select_bg.png)no-repeat;
}
.select_bg:nth-child(5n){
	margin-right: 0;
}
.select_bg:nth-child(2n){
	margin-right:10px;
}
.check_box{
	display: block;
	background: url(../../images/check_box.png)no-repeat;
	background-size: 35px auto; 
	width: 35px;
	height: 35px;
	margin-right: 10px;
}
.check_box.now/* ,
.select_bg:hover .check_box */{
	display: block;
	background: url(../../images/checkbox_s.png)no-repeat;
	background-size: 35px auto; 
	width: 35px;
	height: 35px;
}
.wel_sele_box_2{
	background: #eee;
	padding: 40px;
	box-sizing:border-box;
}
.sele_inbox{
	min-height: 190px;
	padding:0 55px;
	float: left;
	border-right:1px solid #ccc; 
}
.sele_inbox:first-child{
	padding-left:0px;
}
.sele_inbox:last-child{
	padding-right:0px;
	border: none;
}
.older_box{
	margin-top:36px;
	float: none;
}
.older_select{
	border-radius: 5px;
	border: 1px solid #ccc;
	width: 60px;
	height: 50px;
	background: none;
	margin-right: 10px;
	padding-left: 10px;
}
.older_select:last-child{
	margin-right: 0;
}

.gender_box{
	margin-top: 20px;
}
.gender_box .gender{
	position: relative;
	width: 84px;
	height: 84px;
	color: #555;
	font-size: 16px;
	background: url(../../images/white_icon_bg.png)no-repeat;
    box-sizing: border-box;
    margin-right: 10px;
    cursor: pointer;
}
.gender_box .gender_2{
	padding: 10px 12px;
}
.gender_box .gender:last-child{
	margin-right: 0;
}
.gender.now {
	color: #060606;
	background: url(../../images/blue_icon_bg.png)no-repeat;
}
.gender.now:after{
	content: url(../../images/check6_red.png);
	width: 45px;
	height: 39px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -22.5px;
}
.boy,
.gril{
	display: block;
	padding-top:50px;
	width:100%;
	height:100%;
	text-align:center;
}
.boy{
	background: url(../../images/male208_b.png) 50% 15px no-repeat;
}
.gril{
	background: url(../../images/male208_g.png) 50% 15px no-repeat;
}
.gender.now .boy,
.gender:hover .boy{
	background: url(../../images/male208_bs.png) 50% 15px no-repeat;
}
.gender.now .gril,
.gender:hover .gril{
	background: url(../../images/male208_gs.png) 50% 15px no-repeat;
}
.place_font{
	color: #555;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	display: block;
	height:100%;
	line-height:84px;
}
.gender.now .place_font {
	color: #fff;
}
.place_select select{
	width: 100%;
	background: none;
	border: 1px solid #ccc;
	height: 42px;
	border-radius: 5px;
	margin-top: 8px;
}
.profession{
	margin-right: 10px;
	text-align: center;
	font-size: 16px;
}
.profession p{
	margin-top: 5px;
	width: 75px;
	position: absolute;
	left: 50%;
	margin-left:-37px;
}
.profession .gender,
.profession .gender.now{
	margin-right: 0;
}
.briefcase_2{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/briefcase_2.png) 50% 50% no-repeat;
}
.gender.now .briefcase_2{
	background: url(../../images/briefcase_2s.png) 50% 50% no-repeat;
}
.time{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/time.png)50% 50% no-repeat;
}
.gender.now .time {
	background: url(../../images/times.png) 50% 50% no-repeat;
}
.open_book{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/open_book.png) 50% 50% no-repeat;
}
.gender.now .open_book {
	background: url(../../images/open_books.png) 50% 50% no-repeat;
}
.manager_avatar_512{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/manager_avatar_512.png) 50% 50% no-repeat;
}
.gender.now .manager_avatar_512 {
	background: url(../../images/manager_avatar_512s.png) 50% 50% no-repeat;
}
.tea{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/tea.png) 50% 50% no-repeat;
}
.gender.now .tea {
	background: url(../../images/teas.png) 50% 50% no-repeat;
}

.job_search3{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/job_search3.png) 50% 50% no-repeat;
}
.gender.now .job_search3 {
	background: url(../../images/job_search3s.png) 50% 50% no-repeat;
}

.men{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/men.png) 50% 50% no-repeat;
}
.gender.now .men {
	background: url(../../images/mens.png) 50% 50% no-repeat;
}

.xx{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/xx.png) 50% 50% no-repeat;
}
.gender.now .xx {
	background: url(../../images/xx_s.png) 50% 50% no-repeat;
}


.bride{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/bride.png) 50% 50% no-repeat;
}
.gender.now .bride {
	background: url(../../images/brides.png) 50% 50% no-repeat;
}

.heartbreak{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/heartbreak.png) 50% 50% no-repeat;
}
.gender.now .heartbreak {
	background: url(../../images/heartbreaks.png) 50% 50% no-repeat;
}

.men_more{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/men_more.png) 50% 50% no-repeat;
}
.gender.now .men_more {
	background: url(../../images/men_mores.png) 50% 50% no-repeat;
}

.men_lock{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/men_lock.png) 50% 50% no-repeat;
}
.gender.now .men_lock {
	background: url(../../images/men_locks.png) 50% 50% no-repeat;
}

.x0_pic{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/x0_pic.png) 50% 50% no-repeat;
}
.gender.now .x0_pic {
	background: url(../../images/x0_pics.png) 50% 50% no-repeat;
}

.baby138{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/baby138.png) 50% 50% no-repeat;
}
.gender.now .baby138 {
	background: url(../../images/baby138s.png) 50% 50% no-repeat;
}

.baby{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/baby.png) 50% 50% no-repeat;
}
.gender.now .baby {
	background: url(../../images/babys.png) 50% 50% no-repeat;
}

.baby_01{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/baby_01.png) 50% 50% no-repeat;
}
.gender.now .baby_01 {
	background: url(../../images/baby_01s.png) 50% 50% no-repeat;
}

.father17{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/father17.png) 50% 50% no-repeat;
}
.gender.now .father17 {
	background: url(../../images/father17s.png) 50% 50% no-repeat;
}

.boy21{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/boy21.png) 50% 50% no-repeat;
}
.gender.now .boy21 {
	background: url(../../images/boy21s.png) 50% 50% no-repeat;
}

.chn{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/chn.png) 50% 50% no-repeat;
}
.gender.now .chn {
	background: url(../../images/chns.png) 50% 50% no-repeat;
}

.graduate{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/graduate.png) 50% 50% no-repeat;
}
.gender.now .graduate {
	background: url(../../images/graduates.png) 50% 50% no-repeat;
}


.bed_512{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/bed_512.png) 50% 50% no-repeat;
}
.gender.now .bed_512 {
	background: url(../../images/bed_512s.png) 50% 50% no-repeat;
}

.silhouette_512{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/silhouette_512.png) 50% 50% no-repeat;
}
.gender.now .silhouette_512 {
	background: url(../../images/silhouette_512s.png) 50% 50% no-repeat;
}
.pil{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/pil.png) 50% 50% no-repeat;
}
.gender.now .pil {
	background: url(../../images/pils.png) 50% 50% no-repeat;
}
.prohibition{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/prohibition.png) 50% 50% no-repeat;
}
.gender.now .prohibition {
	background: url(../../images/prohibitions.png) 50% 50% no-repeat;
}
.beer{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/beer.png) 50% 50% no-repeat;
}
.gender.now .beer {
	background: url(../../images/beers.png) 50% 50% no-repeat;
}
.fat{
	display: block;
	width:100%;
	height:100%;
	background: url(../../images/fat.png) 50% 50% no-repeat;
}
.gender.now .fat {
	background: url(../../images/fats.png) 50% 50% no-repeat;
}
.fin{
	`display: block;
	width:100%;
	height:100%;
	background: url(../../images/fin.png) 50% 50% no-repeat;
}
.gender.now .fin {
	background: url(../../images/fins.png) 50% 50% no-repeat;
}
.wel_sele_box.down{
	color: #189cc3;
	font-size: 16px;
	margin-top: 30px;
	font-weight: bold;
}
.result_btn{
	background: url(../../images/welfare_select_1_03.png)no-repeat;
	width:304px;
	height:54px;
	color: #189cc3;
	font-size: 16px;
	margin:30px 20px 0px 0px;
}
.result_btn:hover{
	background: url(../../images/welfare_select_1_03_s.png)no-repeat;
	color:#FFF;
}
.result_btn .next_btn{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-right:27px;
	background: url(../../images/flaticon_35812.png) right 50% no-repeat;
	}
.result_btn:hover .next_btn{
	background: url(../../images/flaticon_3581.png) right 50% no-repeat;
	}
.color_box{
	/*display: none;*/
	position: fixed;
	z-index: 5;
	padding-top: 137px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.9);
}
.qa_info_box{
	width: 640px;
	border:1px solid #fff;
	border-radius: 15px;
	position: relative;
	left: 50%;
	margin-left: -320px;
	padding: 25px 40px;
	box-sizing:border-box;
	color: #fff;
	line-height: 34px;
}
.qa_info_box_in{
	height: 500px;
	padding-right: 20px;
	box-sizing:border-box;
	overflow-y: scroll;
	padding-top: 25px;
}
.clock_toy{
	position: absolute;
	top: -37.5px;
	left: 50%;
	margin-left: -58px;
	display: block;
	width: 116px;
	height: 75px;
	background: url(../../images/clock_toy.png)no-repeat;
}
.qa_info_box h1,
.message_box h2{
	font-size: 30px;
	text-align: center;
	color: #fff;
	margin-top: 30px;
}
.sh1{
	font-size: 18px;
}
.table_info{
	margin-top: 25px;
}
.table_info table{
	border: 3px solid #6ac5ce;
	text-align: center;
	margin-top: 15px;
}
.table_info table td{
	height: 45px;
}
.table_info table td:nth-child(-n+1){
	border-right:1px solid #6ac5ce;
}
.table_info table td:nth-child(3n){
	text-align: left;
}
.table_info table tr:nth-child(even){
	background: rgba(106,197,206,.1);
}
.table_info table tr:nth-child(1),
.table_info table tr:nth-child(2){
	background: rgba(106,197,206,.3);
}
.table_info table tr:nth-child(1) td,
.table_info table tr:nth-child(2) td{
	font-weight: bold;
	border-bottom:1px solid #6ac5ce;
}
.nono{
	display: block;
	background: url(../../images/close33.png)no-repeat;
	width:40px;
	height: 40px;
	position: absolute;
	right: 27px;
	top: 40px;
}
.colorbox_in{
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}
.colorbox .message_box{
	width: 900px;
	position: relative;
	left: 50%; 
/* 	margin-left: -450px;
 */	padding-top: 75px;
 
    margin-left: -490px;
}
.select_tool{
	float: right;
    margin-top: -40px;
}
.select_tool .item{
	width: 138px;
	height: 50px;
	border-radius: 50px;
	background: #fff;
	line-height: 35px;
	font-size: 20px;
	padding: 8px 11px;
    box-sizing: border-box;
    margin-right: 20px;
    cursor: pointer;
}
.select_tool .item:last-child{
	margin-right: 0;
}
.select_tool .item .b_check_box{
	display: block;
	width: 35px;
	height: 35px;
	background: url(../../images/b_check_box.png)no-repeat;
	background-size: 35px auto;
	margin-right: 10px;

}
.select_tool .item.now .b_check_box,
.item:hover .b_check_box{
	display: block;
	width: 35px;
	height: 35px;
	background: url(../../images/b_checkbox_s.png)no-repeat;
	background-size: 35px auto;
}
.message_box .close_btn.close_btn_2{
	top: 90px;
}
.message_box h2{
	background: url(../../images/message_select_03.png)no-repeat top center;
	padding-top: 110px;
}
.colorbox .explanation{
	width:980px;
	height:635px;
	}
.message_box.explanation .close_btn.close_btn_2{
	top:20px;
	right:20px;
	}
.explanation .wrapper{
	border:1px solid #ddd;
	border-radius:10px;
	overflow:visible;
	color:#fff;
	padding:0px 40px 40px 40px;
	line-height:30px;
	}
.explanation .view{
	padding-right:20px;
	overflow-y:auto;
	margin-bottom:30px;
	height:380px;
	}
.explanation .wrapper .view p a {
	color:#fff000; 
}
.explanation .wrapper .view ol {
	padding:10px 0px 10px 30px;
	
}
.explanation .view ol li{

}
.explanation h2.icon{
	background:url(../../images/clock_toy.png)no-repeat top center;
	padding-top:100px;
	margin:-40px 0px 40px 0px;
	}
.table_style{
	border:3px solid #6ac5ce;
	font-size:16px;
	text-align:center;
	}
.table_style td{
	padding:10px;
	}
.table_style .table_title td{
	font-size:20px;
	font-weight:bold;
	border-right:1px solid #6ac5ce;
	border-bottom:1px solid #6ac5ce;
	background:url(../../images/table_bg.png) repeat top center;
	}
.table_style .table_title td:last-child{
	border-right:none;
	}
.table_style tr:nth-child(n+3):nth-child(2n+2){
	background:url(../../images/td_bg.png) repeat top center;
	}
.ul_box{
	margin-top: 45px;
	padding: 0;
}
.m_w{
	border:1px solid #fff;
	background: rgba(255,255,255,.1);
	width: 215px;
	height: 100px;
	border-radius: 10px;
	color: #fff;
	padding:25px 17px;
	float: left;
	margin:0 13px 13px 0;
	box-sizing:border-box;
}
.m_w:nth-child(4n){
	margin-right: 0;
}
.m_w.mw1.now,
.m_w.mw2.now,
.m_w.mw3.now,
.m_w.mw4.now,
.m_w.mw5.now,
.m_w.mw6.now,
.m_w.mw7.now,
.m_w.mw8.now,
.m_w.mw9.now,
.m_w.mw10.now,
.m_w.mw11.now,
.m_w.mw12.now{
	background: #fff;
}
.m_w.mw1.now{
	color: #f45353;
}
.m_w.mw2.now{
	color: #7e25b7;
}
.m_w.mw3.now{
	color: #4fbc4d;
}
.m_w.mw4.now{
	color: #1ea980;
}
.m_w.mw5.now{
	color: #f46868;
}
.m_w.mw6.now{
	color: #3d8ccf;
}
.m_w.mw7.now{
	color: #15acb9;
}
.m_w.mw8.now{
	color: #f4702f;
}
.m_w.mw9.now{
	color: #2e408f;
}
.m_w.mw10.now{
	color: #e46e92;
}
.m_w.mw11.now{
	color: #6d4ad3;
}
.m_w.mw12.now{
	color: #f5a11d;
}
.m_w p{
	display: inline-block;
    font-size: 16px;
    line-height: 23px;
    margin-left: 8px;
    font-weight: bold;
    width: 65px;
    padding-top: 14px;
}
.m_w button{
	background: url(../../images/message_select_3.png)no-repeat;
	width: 45px;
	height: 35px;
	margin: 6px 0 0 10px;
}
.m_w .sapn_m1{ 
	display: block;
	width: 50px;
	height: 50px;
	background:url(../../images/m1.png) no-repeat;
	background-size: 50px auto;
}
.m_w.mw1.now button{
	background: url(../../images/message_select_12.png)no-repeat;
	width: 45px;
	height: 35px;
	margin: 6px 0 0 10px;
}
.m_w .sapn_m2{ 
	display: block;
	background:url(../../images/m2.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.mw2.now  button{
	background: url(../../images/message_select_15.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .sapn_m3{ 
	display: block;
	background:url(../../images/m3.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.mw3.now  button{
	background: url(../../images/message_select_10.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .sapn_m4{ 
	display: block;
	background:url(../../images/m4.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.mw4.now  button{
	background: url(../../images/message_select_21.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .sapn_m5{ 
	display: block;
	background:url(../../images/m5.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.mw5.now  button{
	background: url(../../images/message_select_07.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .sapn_m6{ 
	display: block;
	background:url(../../images/m6.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.mw6.now  button{
	background: url(../../images/message_select_23.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .sapn_m7{ 
	display: block;
	background:url(../../images/m7.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.mw7.now  button{
	background: url(../../images/message_select_26.png)no-repeat;
	width: 45px;
	height: 35px;
}

.m_w .sapn_m8{ 
	display: block;
	background:url(../../images/m8.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.mw8.now  button{
	background: url(../../images/message_select_29.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .sapn_m9{ 
	display: block;
	background:url(../../images/m9.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.mw9.now  button{
	background: url(../../images/message_select_35.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .sapn_m10{ 
	display: block;
	background:url(../../images/m10.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.mw10.now  button{
	background: url(../../images/message_select_37.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .sapn_m11{ 
	display: block;
	background:url(../../images/m11.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.mw11.now  button{
	background: url(../../images/message_select_39.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .sapn_m12{ 
	display: block;
	background:url(../../images/m12.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.mw12.now  button{
	background: url(../../images/message_select_40.png)no-repeat;
	width: 45px;
	height: 35px;
}
.message_box .check_btn{
	margin-top: 30px;
	padding-bottom: 50px;

}
.no_btnbtn07{
	background: url(../../images/no_btnbtn07.png)no-repeat;
	width: 182px;
	height: 54px;
	font-size: 20px;
	color: #333;
	margin-right: 10px;
}
.ok_btnbtn07{
	background: url(../../images/ok_btnbtn07.png)no-repeat;
	width: 182px;
	height: 54px;
	font-size: 20px;
	color: #fff;
}
.message_box h2.lamp{
	background: url(../../images/lamp.png)no-repeat top center;
	padding-top: 110px;
}
.message_box h2.non{
	background:none !important;
	padding: 30px 0px;
	line-height: 40px;
}


.m_w.place1.now,
.m_w.place2.now,
.m_w.place3.now,
.m_w.place4.now,
.m_w.place5.now,
.m_w.place6.now,
.m_w.place7.now,
.m_w.place8.now,
.m_w.place9.now,
.m_w.place10.now,
.m_w.place11.now,
.m_w.place12.now{
	background: #fff;
}
.m_w.place1.now{
	color: #24b0ea;
}
.m_w.place2.now{
	color: #ff7800;
}
.m_w.place3.now{
	color: #e84343;
}
.m_w.place4.now{
	color: #70c741;
}
.m_w.place5.now{
	color: #763db0;
}
.m_w.place6.now{
	color: #1bc2a1;
}
.m_w.place7.now{
	color: #ffae00;
}
.m_w.place8.now{
	color: #2650a6;
}
.m_w.place9.now{
	color: #cb8b38;
}
.m_w.place10.now{
	color: #f394be;
}
.m_w.place11.now{
	color: #b973ea;
}
.m_w.place12.now{
	color: #0079ff;
}

.m_w .span_place1{ 
	display: block;
	background:url(../../images/wifi33.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place1.now button{
	background: url(../../images/message_select_300.png)no-repeat;
	width: 45px;
	height: 35px;
	margin: 6px 0 0 10px;
}
.m_w .span_place2{ 
	display: block;
	background:url(../../images/dispenser.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place2.now  button{
	background: url(../../images/message_select_29.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .span_place3{ 
	display: block;
	background:url(../../images/medical107.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place3.now  button{
	background: url(../../images/message_select_07.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .span_place4{ 
	display: block;
	background:url(../../images/electric42.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place4.now  button{
	background: url(../../images/message_select_10.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .span_place5{ 
	display: block;
	background:url(../../images/lockers.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place5.now  button{
	background: url(../../images/message_select_15.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .span_place6{ 
	display: block;
	background:url(../../images/medical44.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place6.now  button{
	background: url(../../images/message_select_21.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .span_place7{ 
	display: block;
	background:url(../../images/money132.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place7.now  button{
	background: url(../../images/message_select_40.png)no-repeat;
	width: 45px;
	height: 35px;
}

.m_w .span_place8{ 
	display: block;
	background:url(../../images/police18.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place8.now  button{
	background: url(../../images/message_select_35.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .span_place9{ 
	display: block;
	background:url(../../images/bike15.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place9.now  button{
	background: url(../../images/message_select_390.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .span_place10{ 
	display: block;
	background:url(../../images/baby128.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place10.now  button{
	background: url(../../images/message_select_37.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .span_place11{ 
	display: block;
	background:url(../../images/wc.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place11.now  button{
	background: url(../../images/message_select_310.png)no-repeat;
	width: 45px;
	height: 35px;
}
.m_w .span_place12{ 
	display: block;
	background:url(../../images/article_list_2_near_51.png) no-repeat;
	background-size: 50px auto;
	width: 50px;
	height: 50px;
}
.m_w.place12.now  button{
	background: url(../../images/message_select_320.png)no-repeat;
	width: 45px;
	height: 35px;
}

/*================================================================*/
.block,.block a,.block span{
	display:block;
	}
button{
	font-size:15px;
	}
button,.cursor{
	cursor:pointer;
	}
button,input,select{
	border:none;
	outline:none;
	}
.strong{
	font-weight:bold;
	}
/*對齊 共用樣式*/
.center{
	text-align:center;
	}
.align_right{
	text-align:right;
	}
.align_img{
	vertical-align:middle;
	}
/*漸變樣式*/
.pagination a,.page_number ul li.hover_item,.page_number ul li.hover_item:hover a,.message_list_style .lifemap_style ul li button,.message_list_style .lifemap_style ul li:hover button,.search_tab .item,.search_tab .item:hover,.search_box .item,.search_box .item:hover,.welfare_share li.fb a,.welfare_share li.fb a:hover,.welfare_share li.google a,.welfare_share li.google a:hover{
	transition:background 0.5s;
	-webkit-transition:background 0.5s;
	-o-transition:background 0.5s;
	-moz-transition:background 0.5s;
	-ms-transition:background 0.5s;
	}
*{box-sizing:border-box;}
.r_left{
	float:left;
	}
.r_right{
	float:right;
	}
/****************************************************************************************/
.marb_30{margin-bottom:30px;}
.padb_60{padding-bottom:60px;}
.page_now .article_search{background:url(../../images/message_list_05.png) top center no-repeat;width:182px;height:54px; line-height:54px; padding-left:60px; font-size:18px;}
.page_now .article_select,.map_top .right_part select{border:1px solid #888; padding:0px 10px; box-sizing:border-box; font-size:16px; width:200px; height:50px; line-height:50px; border-radius:2px; background:none; margin-left:20px;}
.page_now .clear_select{background:url(../../images/clear.png) top center no-repeat;width:182px;height:54px;line-height:54px; padding-left:60px; font-size:18px;}
.page_now .clear_select:hover{background:url(../../images/clear_s.png) top center no-repeat; color:#fff;}
.message_list_style .page_now{line-height:50px;}
.message_list_style .page_now .home_icon{height:50px; background-position:0px 50%;}
.message_list_style .page_box{margin-right:422px;}
/*.message_list_style .index_news{padding-bottom:50px;}*/
.message_list_style .index_news,.message_list_style .index_news ul{width:100%; height:auto;}
.message_list_style .index_news >ul>li{width:33.23%; margin:0px; padding:0px 0px 30px 0px; background:none; box-shadow:none; height:auto;}
.message_list_style .index_news >ul>li:nth-child(3n+1){padding-right:13px;}
.message_list_style .index_news >ul>li:nth-child(3n+3){padding-left:13px;}
.message_list_style .index_news >ul>li:nth-child(3n+2){padding-left:7px;padding-right:7px;}
.message_list_style .index_news >ul>li>.view{background:#FFF;box-shadow:1px 1px 3px #888;padding:10px;height:430px;}
.message_list_style .index_news >ul>li:nth-child(3n+1) .wheref{bottom:36px;right:23px;}
.message_list_style .index_news >ul>li:nth-child(3n+3) .wheref{bottom:36px;right:10px;}
.message_list_style .index_news >ul>li:nth-child(3n+2) .wheref{bottom:36px;right:17px;}
/*頁碼*/
.page_number ul li{width:45px; height:45px;border-radius:28px; border:2px solid #2ba8cd; background:#fff; line-height:41px; text-align:center; font-size:16px; margin:0px 5px; cursor:pointer;}
.page_number ul li.now,.page_number ul li:hover, .search_box .pagination a:hover {background:#2ba8cd;}
.page_number ul li.now span,.page_number ul li:hover a,.page_number ul li.prev:hover a,.page_number ul li.next:hover a, .search_box .pagination a:hover{color:#fff;}
.page_number ul li a,.page_number ul li span{display:block; width:100%; height:100%; color:#2ba8cd;}
.page_number ul li.span{width:35px; height:35px;border:none; background:none; font-weight:bold;color:#2ba8cd;}
.page_number ul li.prev,.page_number ul li.next{width:auto;}
.page_number ul li.prev{padding-left:15px;}
.page_number ul li.next{padding-right:15px;}
.page_number ul li.prev a,.page_number ul li.next a{padding:0px 15px; color:#555;}
.page_number ul li.prev a{background:url(../../images/page_left.png) left 50% no-repeat;}
.page_number ul li.next a{background:url(../../images/page_right.png) right 50% no-repeat;}
.page_number ul li.prev:hover a{background:url(../../images/page_left_s.png) left 50% no-repeat;}
.page_number ul li.next:hover a{background:url(../../images/page_right_s.png) right 50% no-repeat;}
/*福利自己查*/
.welfare_date{line-height:35px;margin-bottom:15px;}
.welfare_date span{margin-right:10px;}
/*生活地圖*/
.message_list_style .index_news .lifemap li .news_title{margin-bottom:30px;height:50px; overflow:hidden;}
.message_list_style .index_news .source{color:#888;}
.map_tool{margin-top:20px;position:relative; border-top:1px solid #ccc;padding-top:15px;}
.message_list_style .map_tool li{width:36px; height:auto; background:none; box-shadow:none;margin-right:15px;padding:0px;}
.map_tool li>button{padding:36px 0px 0px 0px;width:100%;}
.map_tool li.tool_1>button{ background:url(../../images/lifemap_list_13.png) 0 0 no-repeat;}
.map_tool li.tool_2>button{ background:url(../../images/lifemap_list_15.png) 0 0 no-repeat;}
.map_tool li.tool_3>button{ background:url(../../images/lifemap_list_17.png) 0 0 no-repeat;}
.map_tool li.tool_4>button{ background:url(../../images/lifemap_list_19.png) 0 0 no-repeat;}
.map_tool li.tool_1:hover>button{ background:url(../../images/lifemap_list_21.png) 0 0 no-repeat;}
.map_tool li.tool_1.active>button{ background:url(../../images/lifemap_list_21.png) 0 0 no-repeat;}
.map_tool li.tool_2:hover>button{ background:url(../../images/lifemap_list_23.png) 0 0 no-repeat;}
.map_tool li.tool_3:hover>button{ background:url(../../images/lifemap_list_25.png) 0 0 no-repeat;}
.map_tool li.tool_4:hover>button{ background:url(../../images/lifemap_list_27.png) 0 0 no-repeat;}
.map_tool li.tool_4, .map_tool li.tool_2{position:static;}
.map_tool li:hover .layer_2,.map_tool li:hover .arrow{display:block;}
.map_tool li .layer_2{display:none;height:auto;position:absolute; width:100%; bottom:50px; left:50%;margin-left:-50%;padding-bottom:20px;}
.map_tool li .layer_2 .view{background:#fff; border:1px solid #ccc; padding:20px 20px 50px 20px; color:#333; position:relative;z-index:1;}
.map_tool li .layer_2 .view .xx{}
.map_tool li .arrow{width:100%;position:relative;z-index:2; display:none;}
.map_tool li .arrow span{width:14px; height:10px;background:url(../../images/arrow.png) 0 0 no-repeat; position:absolute; bottom:2px; left:50%; margin-left:-7px;/*top:-14px;*/ -ms-background-position-y:-1px;}
.map_tool li .layer_2 button{padding:0px 30px; border:2px solid #555; line-height:31px; background:none; border-radius:20px; position:absolute; bottom:20px;right:20px;}
.map_tool li .layer_2 button:hover{ color:#FFF; background:#555;}
.map_tool li .layer_2 a.fb{width:40px; height:40px;background:url(../../images/article_list_1s_03.jpg) 0 0 no-repeat;margin-right:20px;}
.map_tool li .layer_2 a.google{width:40px; height:40px;background:url(../../images/article_list_1s_05.jpg) 0 0 no-repeat;}
.map_tool li.tool_2 .layer_2 .view{padding:20px;}
.colorbox{background:url(../../images/mistake_27.png) 0 0 repeat; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:1000;}
.colorbox.lifemap .main{width:980px; margin:5% auto 0 auto; color:#fff;padding-top:0; position:relative;}
.colorbox.lifemap .form{margin-bottom:40px;}
.colorbox.lifemap h2{background:url(../../images/mistake_03.png) 50% 0 no-repeat;padding-top:90px; font-size:36px; text-align:center; margin-bottom:40px;}
.colorbox.lifemap .input_item{margin-bottom:20px;}
.colorbox.lifemap .input_item:last-child{margin-bottom:0px;}
.colorbox.lifemap input,.colorbox.lifemap select{height:50px;color:#E1E1E1;}
.colorbox.lifemap input{padding:12px 10px; line-height:26px;}
.colorbox.lifemap select,.colorbox.lifemap input,.colorbox.lifemap textarea, .message_box select{ font-size:15px;border:1px solid #fff; border-radius:2px; background:none;}
.colorbox.lifemap .title_style{font-size:18px; font-weight:bold; line-height:50px;}
.colorbox.lifemap.mail .title_style{width: 87%;font-size:18px; font-weight:bold; line-height:25px; margin-bottom:20px;}
@media screen and (max-width: 980px) {
	.colorbox.lifemap.mail .title_style {line-height:50px;width:auto;}
}

.colorbox.lifemap .input_item .right_part{margin-left:92px;}
.colorbox.lifemap .input_item .item{width:50%;padding-right:10px;}
.colorbox.lifemap .input_item .item:last-child{padding:0px 0px 0px 10px;}
.colorbox.lifemap .input_item textarea{height:100px; resize:vertical;}
.colorbox.lifemap .input_item .upload_box{position:relative;width:200px;height:50px;background:url(../../images/mistake_11.png) 0 0 no-repeat; overflow:hidden;margin-right:10px;}
.colorbox.lifemap .input_item .upload_box p{line-height:50px; position:relative; z-index:1; font-size:18px; text-align:center; font-weight:bold;}
.colorbox.lifemap .input_item .upload_box input{ position:absolute; top:0px; left:0px; z-index:2; opacity:0;}
.colorbox.lifemap .input_item .right_part_1{margin-left:210px; font-size:16px; color:#fff000;}
.colorbox.lifemap .input_item .data_list .item{padding:20px; font-size:16px;width:100%;border-bottom:1px solid #4f4e4d;}
.colorbox.lifemap .input_item .data_list .item p{ line-height:29px; margin-right:88px;}
.colorbox.lifemap .input_item .data_list .item .btn_1{width:24px; height:29px;background:url(../../images/mistake_15.png) 50% 50% no-repeat;margin-left:20px;}
.colorbox.lifemap .input_item .data_list .item .btn_2{width:24px; height:29px;background:url(../../images/mistake_18.png) 50% 50% no-repeat;}
.colorbox.lifemap .input_item .code_img{width:160px; height:50px; overflow:hidden;padding-top:5px;}
@media screen and (max-width:339px) {
	.colorbox.lifemap .input_item .code_img {margin-left: -90px;}
}
.colorbox.lifemap .input_item .code_img img{max-width:195px; max-height:40px;}
.colorbox.lifemap .input_item .code button{width:50px; height:50px; background:url(../../images/mistake_23.png) 50% 50% no-repeat;}
.w_200{width:200px;}
.w_full{width:100%;}
.btn_tool button{margin:0px 10px;}
.white_btn{background:url(../../images/mistake_30.png) 50% 50% no-repeat; width:178px; height:50px; font-size:20px;}
.blue_btn{background:url(../../images/mistake_32.png) 50% 50% no-repeat; width:178px; height:50px; font-size:20px; color:#fff;}
.close_btn{background:url(../../images/mistake_3.png) 50% 50% no-repeat;width:40px; height:40px; position:absolute; right:0px; top:0;}
.search_tab{margin-bottom:50px;}
.search_tab .item{padding:0px 30px; border:2px solid #2ba8cd; height:50px; line-height:46px; border-radius:25px; font-size:18px; color:#0c708e; margin-right:20px; cursor:pointer;}
.search_tab .item:hover, .search_tab .item_active{background:#2ba8cd; color:#fff;}
.search_box{margin-bottom:50px;}
.search_box .item{display:block;border-bottom:dashed 1px #bbbbbb; font-size:16px;padding:15px 20px;}
.search_box .item>p{ padding:0px 15px; height:35px; line-height:35px; background:#2ba8cd; color:#fff; border-radius:5px; margin-right:15px;}
.search_box .item .right_part{line-height:35px; font-size:16px; color:#333;}
.search_box .item:hover{ background:#fff;}
.search_box .item:hover .right_part{background:url(../../images/page_right.png) right 50% no-repeat;}
.search_box .item .subtit110, .search_box .item .subtit140{font-size:12px; color:#999; line-height:20px;}
.search_box .item .subtit110 {margin:20px 0px 20px 110px}
.search_box .item .subtit140 {margin:20px 0px 20px 140px}
.news_list .item .right_part{ margin:0px 10px 0px 133px;}
.map_top{margin-bottom:20px;}
.map_top .left_part{margin-right:220px; line-height:50px; font-size:18px; font-weight:bold; color:#333;}
.map_top .left_part ul li:first-child{background:url(../../images/blue_arr.png) 0px 50% no-repeat;padding-left:22px;}
.map_top .left_part ul li .grid_btn{width:45px; height:44px; background:url(../../images/bb.png) 0px 50% no-repeat;margin-left:10px;}
.map_top .left_part ul li .map_btn{width:45px; height:44px; background:url(../../images/mm.png) 0px 50% no-repeat;margin-left:10px;}
.map_top .left_part ul li.now .grid_btn,.map_top .left_part ul li .grid_btn:hover{background:url(../../images/bbs.png) 0px 50% no-repeat;}
.map_top .left_part ul li.now .map_btn,.map_top .left_part ul li .map_btn:hover{background:url(../../images/mms.png) 0px 50% no-repeat;}
.search_banner{ background:#858585;}
.news_banner{ background:#feffde;}
.pr_title{background:#eeeeee; margin-bottom:30px;}
.boxgb{ height:70px; float:left;padding:0px 20px; box-sizing:border-box;background:#2da8cd;}
.w_arr{ float:left; font-size: 18px;
    font-weight: bold;
    color:#FFF;line-height: 70px; 
    letter-spacing:1px; }
.w_arr:before{content: url(../../images/wter.png);
    line-height: 70px;
    margin-right: 15px;}
.titi{  float:left; color:#333; font-size:18px; font-weight:bold; line-height:70px; padding:0px 20px; box-sizing:border-box;}	
.ssone h2.about_h,.sstwo h2{ color:#333;font-weight:bold;}
.ssone{ margin-bottom:30px;  padding:0px 20px; box-sizing:border-box;}
.sstwo{ padding:0px 20px; box-sizing:border-box;}
.pr_in{ background:#ffe6e6;}
.left_day select{
	font-size:16px;
	background:none;
	/*padding:0px 5px;*/
	box-sizing:border-box; 
	border-radius:3px; 
	width:60px; 
	height:50px; 
	border:1px solid #888888; 
	margin:5px 10px;
	padding:0px 0px 0px 5px;
}
.left_day select option {
	text-align: right !important;
}
.left_day{ float:left;font-size:16px; color:#333; border-right: 1px solid #ccc; /*width:400px; */height:180px;}
.prindex .sele_inbox{ float:left;}
.ssco{ margin-left:15px; float:left; color:#189cc3; font-size:16px;}
.prindex .select_what{ margin-bottom:20px;}
.green_pren{ text-align:center; color:#FFF; line-height:70px; position:relative; background:#89b83a; border-radius:35px; width:590px; height:70px;}
.green_pren select{ font-size:16px; background:#FFF; padding:0px 5px; box-sizing:border-box; border-radius:3px; /*width:60px;*/ height:45px; border:none; margin:0px 10px;}
.al_center{ display:inline-block;}
.green_tg{ top:-13px; left:182px; position:absolute;background:url(../../images/grtr.png); width:13px; height:13px;}
.prindex .sures{
	border-radius: 25px; font-weight:bold; color:#333;
    box-shadow: 1px 1px 3px #888;
    background: url(../../images/lifemap_one_03.jpg); font-size:18px;
    width: 300px;
    height: 50px; background-size:auto 50px; margin:30px 0px 40px 0px;
}
.prindex .sures:hover{ background:#189cc3;color:#FFF;}
.al_center p{ display:inline-block;}
.timeline_select{ margin-bottom:50px;}
.timeline_select .about_h{ color:#333; font-weight:bold;}
.box_time{ position:relative; border-radius:50px; background:#e6f0f3; width:1240px; padding:20px 40px; box-sizing:border-box; height:220px;}
.hint{ margin-bottom:20px; text-align:center; color:#147b99; font-size:16px; font-weight:bold;}
.timeli li{ margin-right:3px;  float:left; text-align:center; color:#555; font-size:16px; padding-top:75px; box-sizing:border-box; list-style:none; width:190px; height:150px;}
.timeli li:nth-child(1){background: url(../../images/prlist_1_03.png) no-repeat top center;}
.timetext{ margin:0 auto; margin-right:40px; border-radius:20px; width:135px; height:40px; line-height:40px; background:#e6f0f3;}
.timeli li:nth-child(2){background: url(../../images/prlist_1_03-02.png) no-repeat top center;}
.timeli li:nth-child(3){background: url(../../images/prlist_1_03-03.png) no-repeat top center;}
.timeli li:nth-child(4){background: url(../../images/prlist_1_03-04.png) no-repeat top center;}
.timeli li:nth-child(5){background: url(../../images/prlist_1_03-05.png) no-repeat top center;}
.timeli li:nth-child(6){background: url(../../images/prlist_1_03-06.png) no-repeat top center;}
.timeli li:nth-child(1).selected,.timeli li:nth-child(1).current{background: url(../../images/prlist_1_03-07.png) no-repeat top center;}
.timeli li:nth-child(2).selected,.timeli li:nth-child(2).current{background: url(../../images/prlist_1_03-08.png) no-repeat top center;}
.timeli li:nth-child(3).selected,.timeli li:nth-child(3).current{background: url(../../images/prlist_1_03-09.png) no-repeat top center;}
.timeli li:nth-child(4).selected,.timeli li:nth-child(4).current{background: url(../../images/prlist_1_03-10.png) no-repeat top center;}
.timeli li:nth-child(5).selected,.timeli li:nth-child(5).current{background: url(../../images/prlist_1_03-11.png) no-repeat top center;}
.timeli li:nth-child(6).selected,.timeli li:nth-child(6).current{background: url(../../images/prlist_1_03-12.png) no-repeat top center;}
.timeli li.selected .timetext,.timeli li.current .timetext{ background:#FFF;}
.timeli li.current { font-weight:bold; color:#189cc3;}
.slitr{ position:absolute; cursor:pointer; bottom:0px; left:110px; width:25px; height:22px;background: url(../../images/timet.png) no-repeat top center;}
.message_list_style .prlist{ width:950px;}
.printitle .about_h{ height:50px; line-height:50px; color:#333; font-weight:bold; float:left;}
.prlist .about_h{ color:#333; font-weight:bold; float:left;}
.printitle select{ border-radius:3px; padding:0px 10px; box-sizing:border-box; font-size:16px; float:right; border:1px solid #888; width:200px; height:50px; background:none;}
.prlist .pic{ height:161px; margin-bottom:10px;}
.message_list_style .prlist >ul>li>.view{ height:380px;}
.prlist .welfare_date{ margin-bottom:10px;}
.prlist{ float:left;}
.prlist .page_number ul li{ box-shadow:none; padding:0px;}
.prlist .page_number ul li.next{padding-right: 15px;} 
.prlist .page_number ul li.prev{ padding-left:15px;}
.message_list_style .prlist ul{ width:auto;}
.linkyou{ padding:20px 40px 40px 40px; box-sizing:border-box; width:950px; min-height:220px; border-radius:50px;background: #e6f0f3;}
.linkyou a{ font-weight:bold; display:block; font-size:16px; border-bottom:1px solid #8bcde0; padding:20px 20px;}
.linkyou a:hover{ background:#f6f9fa; color:#2ba8cd;}
.piming{}

.top_title{ position:relative; font-weight:bold; line-height:25px; text-align:center; padding:10px 0px; font-size:20px; color:#2da8cd; border:5px solid #2da8cd;border-top-left-radius:5px;border-top-right-radius:5px;}
.risite{ float: right; width:250px;}
.piamin{ margin-bottom:40px;font-size:16px;font-weight:bold;   box-sizing:border-box; background:#FFF; border:2px solid #2da8cd; border-top:0px;}
.piamin a{ display:block; padding:0px 10px; }
.border_b{border-bottom:1px solid #dcf0f7; padding:20px 0px; height:auto;}
.piamin a:hover{ background:#eaf6fa;}
.piamin a span{ background:# margin-left:5px; border-radius:50%; display:block; float:left; text-align:center; width:30px; height:30px; line-height:30px; border:2px solid #2da8cd; color:#2da8cd; font-weight:bold;}
.piamin a p{ float:right; min-height:44px; width:180px;-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;}
.helpbtn_2 h2{ height:44px; font-weight:bold; line-height:44px; margin-bottom:20px; padding-left:55px; font-size:16px; background:url(../../images/ll.png) left no-repeat;}	
.help_1{ margin-bottom:10px; cursor:pointer; padding-left:60px; box-sizing:border-box; font-size:18px;font-weight:bold; border-radius:30px; width:230px; height:60px; line-height:60px;background:url(../../images/ib.png) 15px 10px no-repeat; background-color:#FFF; border:3px solid #2da8cd;}
.help_2{ cursor:pointer;padding-left:60px; box-sizing:border-box; font-size:18px;font-weight:bold; border-radius:30px; width:230px; height:60px; line-height:60px;background:url(../../images/mb.png) 19px 15px no-repeat; background-color:#FFF; border:3px solid #2da8cd;}
.help_1:hover{ color:#FFF;background:url(../../images/iw.png) 15px 10px no-repeat; background-color:#2da8cd;}
.help_2:hover{color:#FFF;background:url(../../images/mw.png) 19px 17px no-repeat; background-color:#2da8cd;}
.top_title img{ position:absolute; right:0px; bottom:0px;}
.mbselect{ display:none;}
.prdetial .message_content{ margin-top:0px;}
.pr_content{ /*text-align:center;*/ padding:20px 20px; box-sizing:border-box;}
.pr_content p{/*text-align:left;*/ margin-bottom:20px;}
.pr_content img{ margin:0 auto; margin-bottom:20px; max-width:100%; text-align:center;}
/*.prtable_style tr:first-child td{  box-sizing:border-box;text-align:center; background:#209ec4; color:#FFF; font-size:16px;}
.prtable_style td{ box-sizing:border-box; border-right:1px solid #2da8cd;padding:15px 10px;}
.prtable_style{ margin-bottom:20px; border-left:1px solid #2da8cd;border-bottom:1px solid #2da8cd;}
.prtable_style tr:nth-child(2n-1){ background:#e0f2f8;}
.prtable_style tr td:first-child{ background:#0f7695; color:#FFF; font-size:16px;}*/
.pr_content table tr:first-child td{  box-sizing:border-box;text-align:center; background:#209ec4; color:#FFF; font-size:16px;}
.pr_content table td{ box-sizing:border-box; border-right:1px solid #2da8cd;padding:15px 10px;}
.pr_content table{ margin-bottom:20px; border-left:1px solid #2da8cd;border-bottom:1px solid #2da8cd;}
.pr_content table tr:nth-child(2n-1){ background:#e0f2f8;}
.pr_content table tr td:first-child{ background:#0f7695; color:#FFF; font-size:16px;}
.pr_content ul,.pr_content ol{padding:0px 0px 0px 20px; text-align:left;}
.linkyou{ margin-bottom:50px;}
.prpr .pag_mess_btn p{-webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;}
.colorbox.help h2{background: url(../../images/inhlep.png) 50% 0 no-repeat;
    padding-top: 90px;
    font-size: 36px;
    text-align: center;
    margin-bottom: 40px;}
.colorbox.help .main,.colorbox.mail .main{ width:660px;}
.colorbox.mail h2{background: url(../../images/mail.png) 50% 0 no-repeat;}
.help span{ display:block; padding-left:50px; margin-bottom:20px;}
.numbercir{ border-radius:50%; font-size:18px; font-weight:bold; float:left; width:40px; margin-right:10px; text-align:center; color:#FFF; height:40px; border:2px solid #79af20; line-height:40px;} 
.colorbox.help .input_item .right_part{ margin-left:145px;}
.colorbox.help .input_item textarea, .colorbox.lifemap select, .colorbox.lifemap input, .colorbox.lifemap textarea, .message_box .w_200{ outline:none; color:#E1E1E1; padding:10px; box-sizing:border-box;}
@media (max-width:386px) {
	.green_pren select#b_years, .green_pren select#b_months, .green_pren select#b_days {padding:0px}
}
.help .radio{ cursor:pointer; margin-right:10px; border-radius:50%; float:left; border:2px solid #FFF; width:16px; height:16px;}
.help .radio.now,.help .radio:hover{ background:#2da8cd;}
.sex1{ float:left; line-height:16px; margin-right:10px;}
.colorbox.help .input_item .item:last-child{ height:50px; padding-top:15px; box-sizing:border-box;}
.email_box{ margin-left:50px; width:610px;}
.btn_tool .btnli{ font-size:16px; font-weight:bold; width:180px; height:50px; background:#FFF; border-radius:25px;}
.btn_tool .btnli:hover{ color:#FFF; background:#27a2c7;}
.shortsa{ text-align:center; margin-bottom:20px; display:block;}
.select_boxx li{ float:left; margin-right:10px; cursor:pointer;  color:#333; padding:18px; box-sizing:border-box; list-style:none; background:#FFF; border-radius:35px; width:190px; height:70px;}
.select_boxx{ margin-bottom:20px; padding-left:50px; box-sizing:border-box;}
.select_boxx li:last-child{ margin-right:0px;}
.select_boxx li p{font-size:16px; line-height:35px;}
.select_boxx li.now{ color:#FFF; background:#189cc3;}
.select_boxx li.now .check_box{display: block;
    background: url(../../images/checkbox_s.png)no-repeat;
    background-size: 35px auto;
    width: 35px;
    height: 35px;}
.colorbox_p{ margin-left:50px; margin-bottom:20px;}
.colorbox_p .green_tg{ left:50%; margin-left:-6px;}
.colorbox.mail .input_item .right_part {
    margin-left: 110px;
    position: absolute;
}
.colorbox.mail .input_item .right_part input.w_full {
	margin-left: -20px;
}
.colorbox.mail .colorbox_p select{ color:#333; background:#FFF;}
.prcode{ margin-left:50px;}
.colorbox.lifemap .input_item .item{ width:45%}
.older_box p{ line-height:50px; margin-right:5px;}

@media screen and (max-width: 1240px) {

    .message_content img{
	    width: 80%;
    }
    .box_1240,.box_1240r,.index_two{
    	width:1240px;
     	box-sizing:border-box;
    }
    .select_box{
	    width: 100%;
    }
    .select_bg:nth-child(5n){
	    margin-right:10px;
    }
    .select_bg:nth-child(2n){
	    margin-right:10px;
    }
    .m_w:nth-child(4n) {
        margin-right: 13px;
    }
    .ul_box {
        margin-top: 45px;
        padding: 0 108px;
    }
    .banner_area,.banner_top,.gray_bg,.lifmap_mtop,.mapmapmap{ width:1240px;}
    .lifmap_mtop .page_now{ width:300px;}
    .lifmap_mtop  .clear{ display:none;}
}
.vcode_style{
 	/* position:relative; left:50px; */
}

@media screen and (max-width:980px)  {
	.prcode{ margin-left:0px;}
	.select_boxx li{ padding:8px 0px 8px 5px; height:auto; margin-right:2%; border-radius:20px; font-size:12px; width:32%; }
	.select_boxx .check_box{ margin-right:3px;}
	.select_boxx li p{ line-height:26px; font-size:12px;}
	/* .select_boxx li:hover .check_box, */.select_boxx li.now .check_box{display: block;
	    background: url(../../images/checkbox_s.png)no-repeat;
	    background-size: 25px auto;
	    width: 25px;
	    height: 25px;
	}
	.select_boxx { width:100%;padding-left:0px;}
	.btn_tool button{ margin:0px 2%;}
    .btn_tool .btnli{ float:left; width:46%; height:40px; border-radius:20px;}
    .btn_tool .btnli{ float:left;width:46%;}
    .colorbox.help .input_item .right_part{ width:100%; margin-left:0px; clear:both;}
    .help span{ padding:0px; font-size:16px;}
    .help .w_200{ width:100%;}
    .title_style span{ font-size:16px; line-height:22px;}
    .email_box{ width:100%; margin-left:0px;}
    .numbercir{ width:30px; height:30px; line-height:30px; background:#79af20; font-size:16px; margin-top:10px;}
    .prtable_style td{ padding:5px; box-sizing:border-box;}
    .pr_content{ padding:0px;}
    .mbitem .butt{ float:left; width:29%; position:relative;}
    .butt p{ position:absolute; bottom:10px; font-size:14px; width:100%; text-align:center;}
    .butt.now p{ color:#2da8cd;}
    .eselect{ box-shadow:1px 1px 1px #888;}
    .arrard{ width:100%; height:30px; position:relative;text-align: right;
    right: 15px;}
	.arrard img{ width:3.5%; position:absolute;    right: 0px;}
	.mbselect h2{ margin-bottom:20px; font-size:14px; color:#147b99;}
	.mbitem .butt img{ width:100%;}
	.now .nowselect{ display:block;}
	.eselect .fronselelct{ display:block;}
	.fronselelct{ display:none; position:absolute; top:0; left:0px;}
	.nowselect{display:none; position:absolute; top:0; left:0px;}
	.arrar img{ width:100%;}
	.arrar{ width:3%; margin:14.5% 1.5%; float:left;}
	.timeline_select .about_h{ margin-bottom:10px;}
	.timeline_select{ margin-bottom:20px;}
	.box_time{ display:none;}
	.mbselect{ display:block;}
	.help_1{ padding-left:55px; font-size:16px; width:49%; float:left;background-size:30px auto;}
	.help_2{padding-left:55px; font-size:16px; width:49%; float:right; background-size:30px auto;}
	.prlist .about_h{  margin-bottom:20px;}
	.prlist .more{ display:block;}
	.printitle select{ float:none;width:100%; margin-bottom:20px;}
	.piamin a p{ width:85%; margin-left:10px; float:left; line-height:30px; min-height: inherit;}
	.linkyou{ min-height:auto; padding:10px 20px 35px 20px;border-radius: 50px;}
	.linkyou a{ padding:10px;}
	.prlist .pic{ height:auto;}
	.prindexlist .message_list_style .page_now{ padding-bottom:0px;}
	.boxgb{ height:50px; width:100%; text-align:center;}
	.titi{ font-size:16px; line-height:28px; padding:10px 20px;}
	.ssone,.sstwo{ padding:0px;}
	.ssco{ margin-bottom:15px; margin-left:0px; font-size:16px;}
	.al_center p{ display:block; text-align:left; margin-bottom:10px;}
	.prindex .select_what{ margin-bottom:10px;}
	.prindex .sures{ width:100%; color:#189cc3; font-size:20px;height: 55px;background-size: auto 55px;}
	.w_arr{ line-height:50px;}
	.green_pren{ line-height:25px; padding:15px; box-sizing:border-box;}
	.prindex .select_what{ padding:0px;}
	.green_pren{ width:100%; border-radius:3px; height:auto;}
	.green_tg{ display:none;}
	.ssone h2.about_h, .sstwo h2{ margin-bottom:15px;}
	.left_day{ font-size:14px; border:0px; height:auto; margin-bottom:20px;}
	.color_tag_01,.color_tag_02,.color_tag_03,.color_tag_04,.color_tag_05,.color_tag_06,.color_tag_07,.color_tag_08,.color_tag_09{ font-size:12px;}
	.news_title{ min-height:44px;}
	.box_1240 .about_content{ margin-top:20px;}.banner_area,.index_two,.footer,.banner_top,.gray_bg,.mapmapmap,.lifmap_mtop{ width:100%;}
	.lifmap_mtop  .clear{ display:block;}
	.about_content.pc_40{ padding:0px 20px;}
	.box_1240 .ab_info:last-child{ padding-bottom:10px;}
	.message_list_style.nearls .index_news{ padding-bottom:0px;}
.message_list_style.nearls .padb_60{ padding:0px;}
.main .padb_60{ padding-bottom:0px;}
.near_box h3{ margin-bottom:10px; padding-bottom:10px;}
.near_box .kmgi{ width:100%; margin-bottom:10px;}
.near_box .dr_s{ width:100%;}
.near_box{ height:auto; padding:10px;}
.nearmap_list{ padding-top:20px;}
.message_list_style.nearls .page_now{ padding-bottom:20px;}
.near_card{padding:10px; background:#FFF; width:92%; box-shadow:1px 1px 3px #888; margin-left:-46%; height:auto; top:inherit;  bottom:0px;}
.four_item{ display:block; }
.dr_s{ width:50%; height:40px; font-size:14px;}
.dr_s span{ height:23px; display: inline-block; padding-left:30px; line-height:23px; box-sizing:border-box; background:url(../../images/pointer29b.png) no-repeat; background-size:23px auto;}
.near_box .add{ min-height:90px;}
.dr_s:hover span{ background-size:23px auto;}
.kmgi {
    margin-left: 10px;
    padding-top: 12px;
    background: url(../../images/pin56n.png) no-repeat left 15px;
}
.kmgi strong{ font-size:18px;}
.m_weather{ font-size:13px; padding:10px; position:relative; box-sizing:border-box; box-shadow:1px 1px 3px #888; position:absolute; top:0px; display:block; width:50%;  background:#FFF;}
.m_weather .wicon img{ width:30px;}.m_weather p{ font-size:13px; line-height:20px;}
.m_weather .w_now{ position:absolute; right:10px; bottom:10px; font-size:22px; padding-top:0px; position:absolute;}
.four_item .message_list_style{ display:block;}
.arrard img{ width:3.9%; position:absolute; right:14%;}
.mbselect h2{ margin-bottom:20px; font-size:14px; color:#147b99;}
.mbitem .butt img{ width:100%;}
.now .nowselect{ display:block;}
.eselect .fronselelct{ display:block;}
.fronselelct{ display:none; position:absolute; top:0; left:0px;}
.nowselect{display:none; position:absolute; top:0; left:0px;}
.arrar img{ width:100%;}
.arrar{ width:3%; margin:14.5% 1.5%; float:left;}
.timeline_select .about_h{ margin-bottom:10px;}
.timeline_select{ margin-bottom:20px;}
.box_time{ display:none;}
.mbselect{ display:block;}
.help_1{ padding-left:55px; font-size:16px; width:49%; float:left;background-size:30px auto;}
.help_2{padding-left:55px; font-size:16px; width:49%; float:right; background-size:30px auto;}
.prlist .about_h{  margin-bottom:20px;}
.prlist .more{ display:block;}
.printitle select{ float:none;width:100%; margin-bottom:20px;}
.message_list_style .prlist,.linkyou,.risite{ width:100%;}
.piamin a p{ width:85%; margin-left:10px; float:left; line-height:30px; min-height: inherit;}
.linkyou{ min-height:auto; padding:10px 20px 35px 20px;border-radius: 50px;}
.linkyou a{ padding:10px;}
.prlist .pic{ height:auto;}
.prindexlist .message_list_style .page_now{ padding-bottom:0px;}
.boxgb{ height:50px; width:100%; text-align:center;}
.titi{ font-size:16px; line-height:28px; padding:10px 20px;}
.ssone,.sstwo{ padding:0px;}
.ssco{ margin-bottom:15px; margin-left:0px; font-size:16px;}
.al_center p{ display:block; text-align:left; margin-bottom:10px;}
.prindex .select_what{ margin-bottom:10px;}
.prindex .sures{ width:100%; color:#189cc3; font-size:20px;height: 55px;
    background-size: auto 55px;}
.w_arr{ line-height:50px;}
.green_pren{ line-height:25px; padding:15px; box-sizing:border-box;}
.prindex .select_what{ padding:0px;}
.green_pren{ width:100%; border-radius:3px; height:auto;}
.green_tg{ display:none;}
.ssone h2.about_h, .sstwo h2{ margin-bottom:15px;}
.left_day{ font-size:14px; border:0px; height:auto; margin-bottom:20px;}
.color_tag_01,.color_tag_02,.color_tag_03,.color_tag_04,.color_tag_05,.color_tag_06,.color_tag_07,.color_tag_08,.color_tag_09{ font-size:12px;}
.news_title{ min-height:44px;}
.box_1240 .about_content{ margin-top:20px;}
.banner_area,.index_two,.footer,.banner_top,.gray_bg,.mapmapmap,.lifmap_mtop{ width:100%;}
.lifmap_mtop  .clear{ display:block;}
.about_content.pc_40{ padding:0px 20px;}
.box_1240 .ab_info:last-child{ padding-bottom:10px;}
.message_list_style.nearls .index_news{ padding-bottom:0px;}
.message_list_style.nearls .padb_60{ padding:0px;}
.main .padb_60{ padding-bottom:0px;}
.near_box h3{ margin-bottom:10px; padding-bottom:10px;}
.near_box .kmgi{ width:100%; margin-bottom:10px;}
.near_box .dr_s{ width:100%;margin-top:10px;}
.near_box{ height:auto; padding:10px;}
.nearmap_list{ padding-top:20px;}
.message_list_style.nearls .page_now{ padding-bottom:20px;}
.near_card{padding:10px; background:#FFF; width:92%; box-shadow:1px 1px 3px #888; margin-left:-46%; height:auto; top:inherit;  bottom:0px;}
.four_item{ display:block; }
.dr_s{ width:50%; height:40px; font-size:14px;}
.dr_s span{ height:23px; display: inline-block; padding-left:30px; line-height:23px; box-sizing:border-box; background:url(../../images/pointer29b.png) no-repeat; background-size:23px auto;}
.near_box .add{ min-height:90px;}
.dr_s:hover span{ background-size:23px auto;}
.kmgi {
    margin-left: 10px;
    padding-top: 12px;
    background: url(../../images/pin56n.png) no-repeat left 15px;
}
.kmgi strong{ font-size:18px;}
.m_weather{ font-size:13px; padding:10px; position:relative; box-sizing:border-box; box-shadow:1px 1px 3px #888; position:absolute; top:0px; display:block; width:50%;  background:#FFF;}
.m_weather .wicon img{ width:30px;}.m_weather p{ font-size:13px; line-height:20px;}
.m_weather .w_now{ position:absolute; right:10px; bottom:10px; font-size:22px; padding-top:0px; position:absolute;}
.four_item .message_list_style{ display:block;}
.four_item .message_list_style .map_tool li{ width:25px; font-size:12px;}
.four_item .map_tool li.tool_1>button{ font-size:12px; background:url(../../images/likeb.png) no-repeat; background-size:25px auto; }
.four_item .map_tool li.tool_1>button:hover,.four_item .map_tool li.tool_2>button:hover,.four_item .map_tool li.tool_3>button:hover,.four_item .map_tool li.tool_4>button:hover{ background-size:25px auto;}
.four_item .map_tool li>button{ padding-top:24px;}
.four_item .map_tool li.tool_2>button{font-size: 12px;background:url(../../images/shareb.png) no-repeat;background-size:25px auto;}
.four_item .map_tool li.tool_3>button{font-size: 12px; background:url(../../images/pointerb.png) no-repeat;background-size:25px auto;}
.four_item .map_tool li.tool_4>button{font-size: 12px; background:url(../../images/informationb.png) no-repeat;background-size:25px auto;}
.four_item .map_tool li.tool_1:hover>button{ background:url(../../images/lifemap_list_21.png) 0 0 no-repeat;background-size:25px auto;}
.four_item .map_tool li.tool_2:hover>button{ background:url(../../images/lifemap_list_23.png) 0 0 no-repeat;background-size:25px auto;}
.four_item .map_tool li.tool_3:hover>button{ background:url(../../images/lifemap_list_25.png) 0 0 no-repeat;background-size:25px auto;}
.four_item .map_tool li.tool_4:hover>button{ background:url(../../images/lifemap_list_27.png) 0 0 no-repeat;background-size:25px auto;}
.four_item .map_tool{ margin-top:5px; padding-top:10px;}
.t1{ background:url(../../images/likebf.png) no-repeat top center; height:21px;}
.t1{ background:url(../../images/likebf.png) no-repeat top center; height:21px;}
.right_box p{ display:none;}
.right_box h4{ width:76%;}
.colorbox_p{ margin-left:0px; padding:10px;}

.right_box .map_tool{ display:none;}
.img_190{ width:60px; height:60px;}
.right_box{ width:73%;}
.img_190 img{ max-height:60px; max-width:60px;}
.left_list{ display:none;}
.lifmap_mtop{ padding:15px;}
.list_selectarea{ margin-bottom:0px; box-shadow:1px 1px 3px #888;cursor:pointer; padding:0px 25px 0px 15px; box-sizing:border-box; background:url(../../images/trblack.png) right 12px top 22px no-repeat; background-size: auto 7px; background-color:#FFF; height:50px; font-size:14px; line-height:50px;}
.mob_s{ display: block;}
.article_card{ height:auto; width:92%; margin-left:-46%; bottom:50px;}
.lifmap_mtop .page_now{ width:50%;}
.life_stepone .article_search{ background-size:auto 40px; width:143px; padding-left:50px; line-height:40px; font-size:14px; height:40px; position:absolute; top:10px; right:0px;}
.view_chose,.add_chose{ width:100%;}
.addre{ width:100%; margin-left:0px;}
.mapmapmap{ background:#f6f6f6; padding:0px 15px 50px 15px; height:850px; box-sizing:border-box;}
.main .lifmap_mtop{ height:auto; position:relative;}
.lifmap_mtop .page_now{ padding:0px 0px 10px 0px;}
.ringright,.ringright:hover{ background:url(../../images/right_mring.png) no-repeat; background-size:50px auto; width:50px; height:99px;}
.gotop,.gotop:hover{margin-top: 105px; right:10px; background:url(../../images/top_mo.png); width:30px; height:30px; background-size:30px auto;}
.mob_s.gray_bg{ padding-bottom:15px;}
.main{ padding-top:49px;}
.box_1240r{ width:100%;padding:0px 15px; box-sizing:border-box;}
.select_moder li{ width:29.85%; margin-right:4.3%;}
.select_moder li:nth-child(3n-3){ margin-right:0px;}
.select_moder{ width:100%;  box-sizing:border-box;}
.index_one h2{  font-size:16px; }
.index_one h2 img,.index_two h2 img{ width:16px;}
.next_stp,.bg_mov,.warp{ width:100%;}
.box_805,.index_news{ width:100%;}
.box_805{ float:none; padding:0px 15px; box-sizing:border-box;}
.index_two .box_1240r{ padding:0px;}
.index_news li{ margin-right:0px; width:50%; padding-bottom:40px; /*height:auto;*/}
.pic{ height:auto;}
.box_805 .left_ar,.box_805 .right_ar,.ararbox .right_ar,.ararbox .left_ar,.warp .right_ar,.warp .left_ar{
	opacity: 1;
    display: none\9;
    /* filter: alpha(opacity=0); */
    -moz-opacity: 1;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    /* -ms-transition: opacity 1s; */}
.arar .left_ar{ left:0px;}
.arar .right_ar{ right:0px;}

.index_news ul{ width:200%; }
.index_news{ height:auto; margin-bottom:30px;}
.index_news ul{margin-bottom:30px;}
.index_two h2 img{ margin:0px 5px; display: inline-block;}
.index_two h2{ background:none; padding:0px; float:none;  line-height:22px; display:inline-block; margin:0 auto; font-size:16px; font-weight:bold; color:#333;margin-bottom:0px;}
.more_mobile{ display:block; margin-top:20px;}
.more_mobile:hover{ background:#2da8cd; color:#FFF; border:2px solid #2da8cd;}
.box_805 .marb_15{ text-align:center;}
.box_370 {
    float: none;
    padding: 0px 15px; width:100%;
    box-sizing: border-box; text-align: center; margin-bottom:30px;
}
.box_370 h2,.link_area h2{ margin-bottom:20px;}
ul.pic_video img{ height:100%; width:100%;}
.ararbox .arar .left_ar{ /*left:-15px;*/}
.ararbox .arar .right_ar{/*right:-15px;*/}
.link_area{ text-align:center;
}
.link_area .dot_area{ display:none;}
.link_area .box_1240r{ box-sizing:border-box; padding:0px 15px;}
.link_area .warp a{ width:50%; margin-bottom:15px; height:auto;}
.pic_box{ padding-bottom:30.4%;}
.link_area .warp a img{ max-width:95%; max-height:45px;}
.link_area .warp a:nth-child(6){ display:block;}
.arar .right_ar{ background:url(../../images/armr.png) no-repeat; width:35px; height:70px; background-size: auto 70px;}
.arar .right_ar:hover{background:url(../../images/armr.png) no-repeat; width:35px; height:70px; background-size: auto 70px}
.arar .left_ar{ background:url(../../images/arml.png) no-repeat; width:35px; height:70px; background-size: auto 70px;}
.arar .left_ar:hover{background:url(../../images/arml.png) no-repeat; width:35px; height:70px; background-size: auto 70px}
.header,.more{ display:none;}

.pad_1240 .box_1240{ padding:0px 15px; box-sizing:border-box;}
.box_600 select{ width:82%;}
.box_600{ width:100%; margin-bottom:20px;}
.life_stepone h2{ margin-bottom:15px;}
.select_what li{ margin-bottom:15px; width:25%; margin-right:12.5%;}
.select_what li:nth-child(3n-3){ margin-right:0px;}
.select_what li img{ margin-bottom:0px;}
.select_what{ margin-bottom:10px;}
.star_sear{ padding-left:50%;  box-sizing:border-box; width:100%; background:url(../../images/mmbglf.png) 0px 20px no-repeat; height:75px; background-size: auto 75px;}
.star_sear button{ width:100%; font-size:16px; margin-left:0px; height:40px;}
.gray_bg{ padding-bottom:40px;}
.pad_1240 .marb_40{ margin-bottom:30px;}
.page_now{ padding-top:30px;}


/*================================================================*/
.box_1240{
	width: 100%;
	padding: 0;
}
.mobile_10{
	padding:0 10px;
}
.banner_top{
	width: 100%;
	position: relative;
	height: 134px;
	overflow:hidden; 
}

.banner_top img{
	position: absolute;
	top:0;
	left: 50%;
	height: 100%;
	margin-left: -480px;
}
.mess_title{
	margin-left: 200px;
	float: left;
}
.message_content{
	padding: 15px;
	box-sizing:border-box;
}
.message_content img{
	width: 100%;
}
.message_tilte {
    color: #333;
    line-height: 25px;
    padding-left: 0px;
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 13px;
}
.mess_h_01:before{
	/* content: url(../../images/m_home78.png); */
	display: block;
	height: 25px;
	line-height: 40px;
	float: left;
	margin-right: 8px; 
}
.message_tilte .mess_h_01 {
    font-size: 14px;
}
.message_tilte .mess_h_02 {
    font-size: 15px;
    margin-left:110px;
    line-height: 25px;
}

.welfare_h_01{
	font-size: 15px;
	display: block;
	height: 40px;
	line-height: 40px;
	float: left;
	margin-right: 14px; 
}
.welfare_h_02{
	margin-left: 100px;
	line-height: 25px;
	font-size: 16px;
	font-weight: bold;
	clear:both;
	margin-left:0px;
	padding-top: 10px;
}
.message_tilte span{
	margin: 0 8px;
}
.touch_link .arrow{
	bottom:-8px;
}
.like{
	background: url(../../images/likeb.png)no-repeat;
	background-size: 34px auto;
	width: 35px;
	height: 35px;
	background-position: 0px 4px;
}
.touch_link.now .like, .like:hover, .like.now {
	background: url(../../images/likebf.png)no-repeat;
	background-size: 34px auto;
	width: 35px;
	height: 35px;
	background-position: 0px 4px;
}
.share21{
	background: url(../../images/share21.png)no-repeat;
	background-size: 34px auto;
	width: 35px;
	height: 35px;
}
.share21:hover{
	background: url(../../images/shares.png)no-repeat;
	background-size: 34px auto;
	width: 35px;
	height: 35px;
}

.phone35{
	background: url(../../images/phone35.png)no-repeat;
	background-size: 34px auto;
	width: 35px;
	height: 35px;
}
.phone35:hover {
	background-size: 34px auto;
	width: 35px;
	height: 35px;
}
.pin71{
	background: url(../../images/pin71.png)no-repeat;
	background-size: 34px auto;
	width: 35px;
	height: 35px;
}
.pin71:hover {
	background-size: 34px auto;
	width: 35px;
	height: 35px;
}
.list77{
	background: url(../../images/list77.png)no-repeat;
	background-size: 34px auto;
	width: 35px;
	height: 35px;
}
.list77:hover {
	background-size: 34px auto;
	width: 35px;
	height: 35px;
}

.touch_link.now .list77{
	width: 35px;
	height: 35px;
	background: url(../../images/list77_s.png)no-repeat;
	background-size: 34px auto;
}
.touch_box{
	text-align: center;
	padding: 8px 0;
}
.dete_1{
	display: none;
}
.dete_2{
	display: block;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 22px;
	float: right;
	width: auto;
	float: right;
	margin-bottom: 15px;
}
.mess_txt p{
	margin-bottom: 30px;
}
.mess_btn{
	width: 100%;
	height: 45px;
	font-size: 14px;
	border-radius: 50px;
	float: none;
	margin: 20px 0;
}
.page_btn{
	padding: 20px 0 40px 0;
	text-align:center;
}
.pag_mess_btn{
	width: 30%;
	height: 35px;
	margin-right: 1%;
	font-size: 15px;
	border-radius: 3px;
	background: none;
	border: 1px solid #ccc;
	letter-spacing: 1px;
}
.number_box{
	line-height: 25px;
	position: relative;
	width: 100%;
	min-height: auto;
	border: 1px solid #ccc;
	float: left;
	box-sizing:border-box;
	margin: 10px 0 20px 0;
}
.number_box .flow{	padding:20px 10px 10px 10px; height:auto; overflow:auto;}
.qa_icon{
	font-size: 14px;
	color: #99c155;
	background: url(../../images/question30.png)no-repeat;
	background-size: auto 30px;
	height: 30px;
	padding-left: 40px;
	float: left;
	line-height: 40px;
	margin-right: 10px;
}
.wel_sele_box {
    margin-top: 20px;
}
.txt_h{
	font-size: 16px;
	margin-right: 15px;
}
.select_box{
	width: 300px;
	margin: 0px 0 20px 0;
}
.select_bg:nth-child(5n){
	margin-right:10px;
}
.select_bg:nth-child(2n){
	margin-right:0px;
}

.select_bg{
	padding: 15px 10px;
	box-sizing:border-box;
	width: 145px;
	height: 52.5px;
	background: url(../../images/select_bg.png)no-repeat;
	background-size: 145px 52.5px; 
	line-height: 25px;
	font-size: 14px;
	margin-right: 8px;
}
.select_bg.now/* ,
.select_bg:hover */{
	background: url(../../images/blue_select_bg.png)no-repeat;
	background-size: 145px 52.5px; 
	width: 145px;
	height: 52.5px;
	color: #fff;
	font-size: 14px;
}
.check_box{
	display: block;
	background: url(../../images/check_box.png)no-repeat;
	background-size: 25px auto; 
	width: 25px;
	height: 25px;
	margin-right: 10px;
}
.check_box.now/* ,
.select_bg:hover .check_box */{
	background: url(../../images/checkbox_s.png)no-repeat;
	background-size: 25px auto; 
	width: 25px;
	height: 25px;
}
.sele_inbox{
	min-height: 50px;
	padding:0px;
	float: none;
	border-right:none;
	margin-top: 10px;
}
.older_box{
	margin-top: 0;
	float: left;
}

.txt_h{
	font-size: 16px;
	color: #333;
	line-height: 40px;
	margin-right: 20px;
	font-weight: bold;
	float: left;
}
.older_select {
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 65px;
    height: 40px;
    background: none;
    margin-right: 10px;
    padding-left: 10px;
}
.gender_box{
	margin-top: 20px;
}
.gender_box .gender{
	/*position: relative;*/
	width: 55px;
	/*height: 55px;*/
	color: #555;
	font-size: 14px;
	background: url(../../images/white_icon_bg.png)no-repeat;
	background-size: 55px auto;
	padding: 7px;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 0px;
    cursor: pointer;
}
.gender_box.gender_box_2 .gender{
	padding: 0px 12px;
}
.gender_box .gender:last-child{
	margin-right: 0;
}
.gender.now {
	/*color: #fff;*/
	background: url(../../images/blue_icon_bg.png)no-repeat;
	background-size: 55px auto;
	width: 55px;
	/* height: 55px; */
	height: 84px;
}
.gender.now:after,
.gender.gender_top.now:after{
	content: url(../../images/check6_reds.png);
	width: 45px;
	height: 39px;
	position: absolute;
	top: 14px;
	left: 50%;
	margin-left: -21.5px;
}
.gender.gender_top.now:after{
	margin-left: -14px;
}
.boy,
.gril{
	font-size: 14px;
	text-align: center;
	display: block;
	padding-top: 20px;
}

.boy{
	background: url(../../images/male208_b.png)no-repeat top center;
	background-size: 16px auto;
}
.gril{
	background: url(../../images/male208_g.png)no-repeat top center;
	background-size: 15px auto;
}
.gender.now .boy,
.gender:hover .boy{
	background: url(../../images/male208_bs.png)no-repeat top center;
	background-size: 16px auto;
}
.gender.now .gril,
.gender:hover .gril{
	background: url(../../images/male208_gs.png)no-repeat top center;
	background-size: 15px auto;
}

.place_font{
	color: #555;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: block;
	line-height:41px;
}
.gender.now .place_font, .gender:hover .place_font {
	color: #fff;
}

    .gender:hover .place_font {
  	    color: #555;
    }

.gender_box.mart_15{
	margin-top: 0;
}
.place_select select{
	width: 100%;
	background: none;
	border: 1px solid #ccc;
	height: 42px;
	border-radius: 5px;
	margin-top: 8px;
}
.txt_h.nofloat{
	float: none;
}
.wel_sele_box{
	padding: 0 10px;
	box-sizing: border-box;
}
.wel_sele_box_2 {
    background: #eee;
    padding: 10px;
    box-sizing: border-box;
}
.briefcase_2{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/briefcase_2.png)no-repeat center;
	background-size: 30px 25px;
}
.gender.now .briefcase_2 {
	width: 30px;
	height: 55px;
	background: url(../../images/briefcase_2s.png)no-repeat center;
	background-size: 30px auto;
}
.time{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/time.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .time {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/times.png)no-repeat center;
	background-size: 30px auto;
}
.open_book{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/open_book.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .open_book {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/open_books.png)no-repeat center;
	background-size: 30px auto;
}
.manager_avatar_512{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/manager_avatar_512.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .manager_avatar_512 {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/manager_avatar_512s.png)no-repeat center;
	background-size: 30px auto;
}
.tea{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/tea.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .tea {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/teas.png)no-repeat center;
	background-size: 30px auto;
}

.job_search3{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/job_search3.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .job_search3 {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/job_search3s.png)no-repeat center;
	background-size: 30px auto;
}

.xx{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/xx.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .xx {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/xx_s.png)no-repeat center;
	background-size: 30px auto;
}

.men{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/men.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .men {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/mens.png)no-repeat center;
	background-size: 30px auto;
}

.bride{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/bride.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .bride {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/brides.png)no-repeat center;
	background-size: 30px auto;
}

.heartbreak{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/heartbreak.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .heartbreak {
	display: block;
	/*width: 30px;*/
	background: url(../../images/heartbreaks.png)no-repeat center;
	background-size: 30px auto;
}

.men_more{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/men_more.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .men_more {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/men_mores.png)no-repeat center;
	background-size: 30px auto;
}

.men_lock{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/men_lock.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .men_lock {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/men_locks.png)no-repeat center;
	background-size: 30px auto;
}

.x0_pic{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/x0_pic.png)no-repeat center;
	background-size: 20px auto;
}
.gender.now .x0_pic {
	display: block;
	width: 30px;
	height: 55px;/*width: 30px;*/
	background: url(../../images/x0_pics.png)no-repeat center;
	background-size: 20px auto;
}
.baby138{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/baby138.png)no-repeat center;
	background-size: 18px auto;
}
.gender.now .baby138 {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/baby138s.png)no-repeat center;
	background-size: 18px auto;
}

.baby{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/baby.png)no-repeat center;
	background-size: 25px auto;
}
.gender.now .baby {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/babys.png)no-repeat center;
	background-size: 25px auto;
}
.baby_01{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/baby_01.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .baby_01 {
	display: block;
	/*width: 30px;*/
	background: url(../../images/baby_01s.png)no-repeat center;
	background-size: 30px auto;
}
.father17{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/father17.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .father17{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/father17s.png)no-repeat center;
	background-size: 30px auto;
}
.boy21{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/boy21.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .boy21{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/boy21s.png)no-repeat center;
	background-size: 30px auto;
}
.chn{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/chn.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .chn {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/chns.png)no-repeat center;
	background-size: 30px auto;
}
.graduate{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/graduate.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .graduate {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/graduates.png)no-repeat center;
	background-size: 30px auto;
}

.bed_512{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/bed_512.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .bed_512 {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/bed_512s.png)no-repeat center;
	background-size: 30px auto;
}
.silhouette_512{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/silhouette_512.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .silhouette_512 {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/silhouette_512s.png)no-repeat center;
	background-size: 30px auto;
}

.pil{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/pil.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .pil {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/pils.png)no-repeat center;
	background-size: 30px auto;
}

.prohibition{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/prohibition.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .prohibition{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/prohibitions.png)no-repeat center;
	background-size: 30px auto;
}

.beer{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/beer.png)no-repeat center;
	background-size: 30px auto;
}
.gender.now .beer {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/beers.png)no-repeat center;
	background-size: 30px auto;
}

.fat{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/fat.png)no-repeat center;
	background-size: 20px auto;
}
.gender.now .fat {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/fats.png)no-repeat center;
	background-size: 20px auto;
}
.fin{
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/fin.png)no-repeat center;
	background-size: 13px auto;
}
.gender.now .fin {
	display: block;
	width: 30px;
	height: 55px;
	background: url(../../images/fins.png)no-repeat center;
	background-size: 13px auto;
}

.profession {
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
}
.wel_sele_box.down{
	color: #189cc3;
	font-size: 14px;
	margin-top: 20px;
	font-weight: bold;
}
.result_btn{
	background: url(../../images/welfare_select_1_03.png)no-repeat;
	background-size: 347px 50px;
	width: 347px;
	height: 50px;
	color: #189cc3;
	font-size: 16px;
	margin-top: 20px;
}
.result_btn:hover{	
    background-size: 347px 50px;
	width: 347px;
	height: 50px;
	font-size: 16px;
	margin-top: 20px;
}
.qa_info_box{
	width: 100%;
	border:1px solid #fff;
	border-radius: 15px;
	position: relative;
	left: 50%;
	margin-left: -50%;
	padding: 25px 40px;
	box-sizing:border-box;
	color: #fff;
	line-height: 34px;
}
.colorbox .message_box{
	width: 100%;
	position: relative;
	left: 50%;
	height: 100%;
	overflow-y:scroll; 
	margin-left:-50%;
	padding-top: 15%;
}
.colorbox .message_box p img {
	width:100%;
	height: auto;
}
.select_tool{
	float: none;
	text-align: center;
	margin-top:30px;
}
.select_tool .item{
	width: 138px;
	height: 50px;
	border-radius: 50px;
	background: #fff;
	line-height: 35px;
	font-size: 20px;
	padding: 8px 11px;
    box-sizing: border-box;
    margin-right: 20px;
    cursor: pointer;
}
.m_w:nth-child(4n) {
    margin-right: 13px;
}
.m_w:nth-child(2n) {
    margin-right: 0px;
}
.ul_box {
	width: 300px;
	margin: 0 auto;
    margin-top: 45px;
    padding: 0px;
}
.m_w{
	border: 1px solid #fff;
    background: rgba(255,255,255,.1);
    width: 140px;
    height: 60px;
    border-radius: 10px;
    color: #fff;
    padding: 15px 5px;
    float: left;
    margin: 0 13px 13px 0;
    box-sizing: border-box;
}
.m_w:nth-child(4n){
	margin-right: 0;
}
.m_w.mw1.now,
.m_w.mw2.now,
.m_w.mw3.now,
.m_w.mw4.now,
.m_w.mw5.now,
.m_w.mw6.now,
.m_w.mw7.now,
.m_w.mw8.now,
.m_w.mw9.now,
.m_w.mw10.now,
.m_w.mw11.now,
.m_w.mw12.now{
	background: #fff;
}
.m_w.mw1.now{
	color: #f45353;
}
.m_w.mw2.now{
	color: #7e25b7;
}
.m_w.mw3.now{
	color: #4fbc4d;
}
.m_w.mw4.now{
	color: #1ea980;
}
.m_w.mw5.now{
	color: #f46868;
}
.m_w.mw6.now{
	color: #3d8ccf;
}
.m_w.mw7.now{
	color: #15acb9;
}
.m_w.mw8.now{
	color: #f4702f;
}
.m_w.mw9.now{
	color: #2e408f;
}
.m_w.mw10.now{
	color: #e46e92;
}
.m_w.mw11.now{
	color: #6d4ad3;
}
.m_w.mw12.now{
	color: #f5a11d;
}
.m_w p{
	display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin-left: 5px;
    width: 56px;
    font-weight: bold;
    padding-top: 5px;
}
.m_w button{
	background: url(../../images/message_select_3.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
	margin: 2px 0 0 6px;
}
.m_w .sapn_m1{ 
	display: block;
    background: url(../../images/m1.png) no-repeat;
    background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.mw1.now button{
	background: url(../../images/message_select_12.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
	margin: 2px 0 0 6px;
}
.m_w .sapn_m2{ 
	display: block;
	background:url(../../images/m2.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.mw2.now  button{
	background: url(../../images/message_select_15.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .sapn_m3{ 
	display: block;
	background:url(../../images/m3.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.mw3.now  button {
	background: url(../../images/message_select_10.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .sapn_m4{ 
	display: block;
	background:url(../../images/m4.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.mw4.now  button{
	background: url(../../images/message_select_21.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .sapn_m5{ 
	display: block;
	background:url(../../images/m5.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.mw5.now  button,
.mw5:hover button{
	background: url(../../images/message_select_07.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .sapn_m6{ 
	display: block;
	background:url(../../images/m6.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.mw6.now  button{
	background: url(../../images/message_select_23.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .sapn_m7{ 
	display: block;
	background:url(../../images/m7.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.mw7.now  button{
	background: url(../../images/message_select_26.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}

.m_w .sapn_m8{ 
	display: block;
	background:url(../../images/m8.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.mw8.now  button{
	background: url(../../images/message_select_29.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .sapn_m9{ 
	display: block;
	background:url(../../images/m9.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;;
}
.m_w.mw9.now  button{
	background: url(../../images/message_select_35.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .sapn_m10{ 
	display: block;
	background:url(../../images/m10.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.mw10.now  button{
	background: url(../../images/message_select_37.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .sapn_m11{ 
	display: block;
	background:url(../../images/m11.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.mw11.now  button{
	background: url(../../images/message_select_39.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .sapn_m12{ 
	display: block;
	background:url(../../images/m12.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.mw12.now  button{
	background: url(../../images/message_select_40.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.message_box .check_btn{
	margin-top: 30px;
	padding-bottom: 30px;

}
.no_btnbtn07{
	background: url(../../images/no_btnbtn07.png)no-repeat;
	background-size: 140px auto;
	width: 140px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #333;
	margin-right: 10px;
	margin-bottom: 10px;
}
.ok_btnbtn07{
	background: url(../../images/ok_btnbtn07.png)no-repeat;
	background-size: 140px auto;
	width: 140px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #fff;
}
.message_box .close_btn.close_btn_2{
	top: 10px;
	right: 10px;
}



.m_w .span_place1{ 
	display: block;
	background:url(../../images/wifi33.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place1.now button{
	background: url(../../images/message_select_300.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
	margin: 2px 0 0 6px;
}
.m_w .span_place2{ 
	display: block;
	background:url(../../images/dispenser.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place2.now  button{
	background: url(../../images/message_select_29.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .span_place3{ 
	display: block;
	background:url(../../images/medical107.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place3.now  button{
	background: url(../../images/message_select_07.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .span_place4{ 
	display: block;
	background:url(../../images/electric42.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place4.now  button{
	background: url(../../images/message_select_10.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .span_place5{ 
	display: block;
	background:url(../../images/lockers.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place5.now  button{
	background: url(../../images/message_select_15.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .span_place6{ 
	display: block;
	background:url(../../images/medical44.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place6.now  button{
	background: url(../../images/message_select_21.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .span_place7{ 
	display: block;
	background:url(../../images/money132.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place7.now  button{
	background: url(../../images/message_select_40.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}

.m_w .span_place8{ 
	display: block;
	background:url(../../images/police18.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place8.now  button{
	background: url(../../images/message_select_35.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .span_place9{ 
	display: block;
	background:url(../../images/bike15.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place9.now  button{
	background: url(../../images/message_select_390.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .span_place10{ 
	display: block;
	background:url(../../images/baby128.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place10.now  button{
	background: url(../../images/message_select_37.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .span_place11{ 
	display: block;
	background:url(../../images/wc.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place11.now  button{
	background: url(../../images/message_select_310.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}
.m_w .span_place12{ 
	display: block;
	background:url(../../images/article_list_2_near_51.png) no-repeat;
	background-size: 30px auto;
    width: 30px;
    height: 30px;
}
.m_w.place12.now  button{
	background: url(../../images/message_select_320.png)no-repeat;
	background-size: 30px auto;
	width: 30px;
	height: 25px;
}


/*================================================================*/
	.r_left,.r_right{float:none;}
	.lifemap_style .message_list_style .page_now{padding-bottom:0px;}
	.lifemap_style .message_list_style .page_now.marb_30{margin-bottom:10px;}
	.message_list_style .page_now{position:relative; padding-bottom:70px;}
	.message_list_style .page_now .article_search{width:143px; height:40px; line-height:40px; font-size:14px; padding-left:47px; background-size: auto 40px;}
	.message_list_style .page_now .article_select{width:100%; position:absolute; bottom:0px; left:0px; margin:0px;}
	.message_list_style .page_box{margin-right:163px;}
	.message_list_style .index_news>ul>li{width:49.5%;padding-bottom:30px;}
	.message_list_style .index_news>ul>li:nth-child(3n+1),.message_list_style .index_news>ul>li:nth-child(3n+2),.message_list_style .index_news>ul>li:nth-child(3n+3){padding:0px;}
	.message_list_style .index_news>ul>li:nth-child(2n+1){padding:0px 10px 20px 0px;}
	.message_list_style .index_news>ul>li:nth-child(2n+2){padding:0px 0px 20px 10px;}
	.message_list_style .index_news>ul>li>.view{padding-bottom:35px; height:auto;}
	.message_list_style .index_news .catage{width:100%; float:none; line-height:20px; background-size:auto 20px; padding-left:30px; margin-bottom:10px;}
	.message_list_style .catage span{right:30px;}
	.message_list_style .date_news{float:none;width:100%;text-align:left; font-size:12px; line-height:12px;}
	.message_list_style .news_title{margin:5px 0px 0px 0px; font-size:14px; line-height:22px;}
	.message_list_style .index_news p{display:none;}
	.message_list_style .index_news li .wheref{font-size:12px;}
	.message_list_style .index_news li:nth-child(3n+1) .wheref,.message_list_style .index_news li:nth-child(3n+2) .wheref,.message_list_style .index_news li:nth-child(3n+3) .wheref{bottom:0px;right:0px;height: 21px;left: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.message_list_style .index_news li:nth-child(2n+1) .wheref{right:20px;bottom:30px;}
	.message_list_style .index_news li:nth-child(2n+2) .wheref{right:10px;bottom:30px;}
	.page_number ul li{font-size:12px;width:35px;height:35px;line-height:31px;margin:3px 3px;}
	.page_number ul li.prev{padding-left:10px;}
	.page_number ul li.next{padding-right:10px;}
	.page_number ul li.prev a,.page_number ul li.next a{padding:0px 10px;}
	.page_number ul li.span{width:10px;}
	.message_list_style .index_news .welfare_date span{margin:0px 4px 0px 0px;padding:0px 8px;}
	.message_list_style .index_news .welfare_date p{display:block; font-size:12px;}
	.message_list_style .index_news>ul.lifemap_style>li{width:99.5%;padding:0px 0px 20px 0px;}
	.message_list_style .index_news>ul.lifemap_style>li>.view{padding-bottom:10px;}
	.colorbox.lifemap .main{width:100%; padding:20px 15px 20px 15px; margin:0px; overflow-y:auto; height:100%;}
	.colorbox.lifemap .title_style{ font-size:18px; }
	.colorbox.lifemap h2{background:url(../../images/inhlep.png) 50% 0 no-repeat; background-size:auto 40px; padding-top:50px; font-size:20px; margin-bottom:20px;}
	.close_btn{background:url(../../images/mistake_3.png) 50% 50% no-repeat;background-size:auto 30px;width:30px; height:30px; right:15px;}
	.colorbox.lifemap .input_item .upload_box{ float:none; width:100%;background:url(../../images/upload_btn.png) 50% 50% no-repeat;background-size:265px auto; font-size:13px;}
	.colorbox.lifemap .input_item .right_part_1{ margin:0px; font-size:12px;}
	.colorbox.lifemap .input_item .data_list .item{padding:10px 0px; font-size:12px; line-height:20px;}
	.colorbox.lifemap .input_item .data_list .item .btn_2{width:12px; height:20px; background:url(../../images/bold6.png) 50% 50% no-repeat;background-size:12px auto; }
	.colorbox.lifemap .input_item .data_list .item .btn_1{margin-left:10px;width:12px; height:20px; background:url(../../images/mistake_15.png) 50% 50% no-repeat;background-size:12px auto; }
	.colorbox.lifemap .input_item .item{ float:none; width:100%; padding:0px;}
	.colorbox.lifemap .input_item .item:last-child{ padding:0px;margin-top:20px;}
	.colorbox.lifemap .input_item .item input{width:100%; font-size:15px; font-family:'Carme','微軟正黑體',sans-serif;}
	.colorbox.lifemap .input_item .code{margin-left:92px; width:auto;}
	.colorbox.lifemap .input_item .code button{width:25px;background:url(../../images/actualize.png) 50% 50% no-repeat;background-size:25px auto; margin-left:10px;}
	.colorbox.lifemap .white_btn,.colorbox.lifemap .blue_btn{width:141px; height:41px; font-size:16px;}
	.colorbox.lifemap .white_btn{background:url(../../images/btn_white.png) 50% 50% no-repeat;background-size:auto 41px;margin-bottom:10px;}
	.colorbox.lifemap .blue_btn{background:url(../../images/btn_blue.png) 50% 50% no-repeat;background-size:auto 41px;}
	.search_tab{margin-bottom:10px;}
	.search_tab .item{font-size:14px; height:40px; padding:0px 10px; line-height:36px;margin:0px 10px 10px 0px;}
	.search_box .item>p{ float:none; display:inline-block;}
	.search_box .item{ padding:10px;}
	.news_list .item .right_part{margin:0px;}
	.map_top{ position:relative;padding-bottom:40px;}
	.map_top .right_part{ position:absolute; bottom:0px;width:100%;}
	.map_top .right_part{bottom: -20px;}
	.map_top{margin-bottom:30px;}
	
	.map_top .right_part select{margin-left:0px; width:100%;}
	.map_top .left_part{ margin:0px 0px 16px 0px; font-size:16px;}
    .colorbox.lifemap .input_item .item.sex{ padding-left:0px; height:auto; margin-bottom:0px;}
    .message_list_style .index_news .welfare_date span:last-child{ margin-right:0px;}
    .linkyou{ margin-bottom:0px;}
    .message_list_style .index_news >ul>li>.view{ padding:5px 5px 35px 5px;}
    .message_list_style .index_news>ul>li:nth-child(2n+1){padding: 0px 5px 20px 0px; clear:both;}
    .message_list_style .index_news>ul>li:nth-child(2n+2){padding: 0px 0px 20px 5px;}
    .message_list_style .index_news >ul>li:nth-child(3n+1) .wheref {
        bottom: 30px;
        right: 5px;
        height: 21px;
        left: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .message_list_style .index_news >ul>li:nth-child(3n+2) .wheref {
        bottom: 30px;
        right: 10px;
        height: 21px;
        left: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .message_list_style .index_news >ul>li:nth-child(3n+3) .wheref {
        bottom: 30px;
        right: 10px;
        height: 21px;
        left: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .shortsa{ font-size:16px;}
}


@media screen and (max-width: 320px) {
	.result_btn{
		background: url(../../images/welfare_select_1_03.png)no-repeat;
		background-size: 300px 45px;
		width: 300px;
		height: 45px;
		color: #189cc3;
		font-size: 16px;
		margin-top: 20px
		}
    .result_btn:hover{	
        background-size: 300px 45px;
    	width: 300px;
	    height: 45px;
	    font-size: 16px;
	    margin-top: 20px;
    }
    .message_list_style .index_news >ul>li>.view{ padding:5px 5px 35px 5px;}
    .message_list_style .index_news>ul>li:nth-child(2n+1){padding: 0px 2px 20px 0px;}
    .message_list_style .index_news>ul>li:nth-child(2n+2){padding: 0px 0px 20px 2px;}
    .prlist .welfare_date{ margin-bottom:5px;}
    .message_list_style .index_news >ul>li:nth-child(3n+1) .wheref {
        bottom: 30px;
        right: 10px;
    }
    .message_list_style .index_news >ul>li:nth-child(3n+2) .wheref {
        bottom: 30px;
        right: 10px;
    }
    .message_list_style .index_news >ul>li:nth-child(3n+3) .wheref {
        bottom: 30px;
        right: 10px;
    }
    .mobile_10 {padding: 0 8px;}
    .left_day select{ width:auto;margin: 5px 5px;}
    .gender_box .gender{ margin-right:3px;}
    .green_pren select{ margin:0px 3px;}
	.message_list_style .index_news .welfare_date span{margin:0px 4px 0px 0px;padding:0px 3px;}

}

.pageL, .dr_sL {
	width: 100% !important;
}

#dropbox {
    height: 15px;
    opacity: 0;
}
.hidden {
	display:none;
}
#dropbox p {
    width: 16.4%;
    float: left;
    border-right: 1px solid #ccc;
    text-align: center;
    line-height: 30px;
}
.hot_word a {
	cursor: pointer;
}
.sex1 .radio, .sex1 span {
	display: -webkit-inline-box;
	display: inline-block;
}
.sex1 .radio{
	float:none;
}
.sex1 span {
	padding-left: 0px;
	padding-right: 10px;
    margin-bottom: 0px; 
    position: relative;
    top:-3px;
}
#subsidyForm .code {
	padding-top:0px !important;
}
#orderEpaper span {
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
}
#orderEpaper input[name="vcode"] {
	position: relative;
	top:-49px;
}

/* text block for firefox */
@-moz-document url-prefix() {
	.sex1 span {
	    top:0;
	    float: left;
	}
	.sex1 .radio {
	    float: left;
	}
    .index_news p {
	  overflow: hidden;
	  position: relative;
	  line-height: 1.5;
	  max-height: 3.3em;
	  text-align: justify;
	  padding-right: 1em;
	}
	.index_news p:before {
	  content: '⋯';
	  position: absolute;
	  right: 0;
	  bottom: 0;
	}
	.index_news p:after {
	  content: '';
	  position: absolute;
	  right: 0;
	  width: 1em;
	  height: 1em;
	  margin-top: 0.2em;
	  background: white;
	  
	}
}
/* hover 效果 for PC版 */

@media (min-width: 769px) and (max-resolution: 200dpi) and (device-aspect-ratio: 4/3) and (max-device-aspect-ratio: 16/9) {
	.place1:hover{
	color: #24b0ea;
	}
	.place2:hover{
		color: #ff7800;
	}
	.place3:hover{
		color: #e84343;
	}
	.place4:hover{
		color: #70c741;
	}
	.place5:hover{
		color: #763db0;
	}
	.place6:hover{
		color: #1bc2a1;
	}
	.place7:hover{
		color: #ffae00;
	}
	.place8:hover{
		color: #2650a6;
	}
	.place9:hover{
		color: #cb8b38;
	}
	.place10:hover{
		color: #f394be;
	}
	.place11:hover{
		color: #b973ea;
	}
	.place12:hover{
		color: #0079ff;
	}
	.touch_link:hover .arrow {
		display:block;
	}
    .select_what li:hover img.se {
        display: block;
    }
    .select_what li:hover {
        /*font-size: 16px;*/
    }
    .gender:hover {
        color: #555;
        background: url(../../images/blue_icon_bg.png)no-repeat;
        background-size: 55px auto;
    }
    .select_moder li:hover .mask {
        display: block;
    }
    .select_moder li:hover .title_s {
        display: block;
    }
    .select_moder li:hover .check_ar {
        background: url(../../images/check5.png) no-repeat;
    }
    .m_w:hover {
        background: #fff;
    }
    .mw1:hover {
        color: #f45353;
    }
    .mw2:hover {
        color: #7e25b7;
    }
    .mw3:hover {
        color: #4fbc4d;
    }
    .mw4:hover {
        color: #1ea980;
    }
    .mw5:hover {
        color: #f46868;
    }
    .mw6:hover {
        color: #3d8ccf;
    }
    .mw7:hover {
        color: #15acb9;
    }
    .mw8:hover {
        color: #f4702f;
    }
    .mw9:hover {
        color: #2e408f;
    }
    .mw10:hover {
        color: #e46e92;
    }
    .mw11:hover {
        color: #6d4ad3;
    }
    .mw12:hover {
        color: #f5a11d;
    }
	.select_boxx li:hover {
        color: #FFF;
        background: #189cc3;
    }
    .select_boxx li:hover .check_box {
        display: block;
        background: url(../../images/checkbox_s.png)no-repeat;
        background-size: 25px auto;
        width: 25px;
        height: 25px;
    }
}

@media (min-width: 981px) and (max-resolution: 200dpi) and (min-device-aspect-ratio: 4/3) and (max-device-aspect-ratio: 16/9) {
    .select_boxx li:hover {
        color: #FFF;
        background: #189cc3;
    }
    .select_boxx li:hover .check_box {
        display: block;
        background: url(../../images/checkbox_s.png)no-repeat;
        background-size: 35px auto;
        width: 35px;
        height: 35px;
    }
    .select_bg:hover {
        background: url(../../images/blue_select_bg.png)no-repeat;
        /*background-size: 145px 52.5px;*/
        width: 194px;
        height: 74px;
        color: #fff;
    }
    .select_bg:hover .check_box {
        background: url(../../images/checkbox_s.png)no-repeat;
        background-size: 35px auto;
        width: 35px;
        height: 35px;
        display: block;
    }
}


@media screen and (min-width: 769px) and (max-width: 980px) and (max-resolution: 200dpi) and (min-device-aspect-ratio: 4/3) and (max-device-aspect-ratio: 16/9) {
	.place1:hover button{
		background: url(../../images/message_select_300.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
		margin: 2px 0 0 6px;
	}
	.place2:hover button{
		background: url(../../images/message_select_29.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
	}
	.place3:hover button{
		background: url(../../images/message_select_07.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
	}
	.place4:hover button{
		background: url(../../images/message_select_10.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
	}
	.place5:hover button{
		background: url(../../images/message_select_15.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
	}
	.place6:hover button{
		background: url(../../images/message_select_21.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
	}
	.place7:hover button{
		background: url(../../images/message_select_40.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
	}
	.place8:hover button{
		background: url(../../images/message_select_35.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
	}
	.place9:hover button{
		background: url(../../images/message_select_390.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
	}
	.place10:hover button{
		background: url(../../images/message_select_37.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
	}
	.place11:hover button{
		background: url(../../images/message_select_310.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
	}
	.place12:hover button{
		background: url(../../images/message_select_320.png)no-repeat;
		background-size: 30px auto;
		width: 30px;
		height: 25px;
	}
    .select_bg:hover .check_box {
        background: url(../../images/checkbox_s.png)no-repeat;
        background-size: 25px auto;
        width: 25px;
        height: 25px;
        display: block;
    }
    .select_bg:hover {
        color: #fff;
        font-size: 14px;
        background: url(../../images/blue_select_bg.png)no-repeat;
        background-size: 145px 52.5px;
        width: 145px;
        height: 52.5px;
    }
    .gender:hover {
        /*color: #fff;*/
        background: url(../../images/blue_icon_bg.png)no-repeat;
        background-size: 55px auto;
        width: 55px;
        height: 55px;
    }
    .gender:hover .father17 {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/father17s.png)no-repeat center;
        background-size: 30px auto;
    }
	.gender:hover . briefcase_2 {
		display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/briefcase_2s.png)no-repeat center;
        background-size: 30px auto;
	}
	.gender:hover .time{
		display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/times.png)no-repeat center;
        background-size: 30px auto;
	}
    .gender:hover .open_book {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/open_books.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .men_more {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/men_mores.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .heartbreak {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/heartbreaks.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .bride {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/brides.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .xx {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/xx_s.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .men {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/mens.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .job_search3 {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/job_search3s.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .tea {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/teas.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .manager_avatar_512 {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/manager_avatar_512s.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .silhouette_512 {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/silhouette_512s.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .pil {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/pils.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .prohibition {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/prohibitions.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .beer {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/beers.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .fin {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/fins.png)no-repeat center;
        background-size: 13px auto;
    }
    .gender:hover .fat {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/fats.png)no-repeat center;
        background-size: 20px auto;
    }
    .gender:hover .bed_512 {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/bed_512s.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .men_lock {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/men_locks.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .x0_pic {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/x0_pics.png)no-repeat center;
        background-size: 20px auto;
    }
    .gender:hover .baby138 {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/baby138s.png)no-repeat center;
        background-size: 18px auto;
    }
    .gender:hover .baby {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/babys.png)no-repeat center;
        background-size: 25px auto;
    }
    .gender:hover .baby_01 {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/baby_01s.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .boy21 {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/boy21s.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .chn {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/chns.png)no-repeat center;
        background-size: 30px auto;
    }
    .gender:hover .graduate {
        display: block;
        width: 30px;
        height: 55px;
        background: url(../../images/graduates.png)no-repeat center;
        background-size: 30px auto;
    }
    .mw1:hover button {
        background: url(../../images/message_select_12.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
        margin: 2px 0 0 6px;
    }
    .mw2:hover button {
        background: url(../../images/message_select_15.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
    }
    .mw3:hover button {
        background: url(../../images/message_select_10.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
    }
    .mw4:hover button {
        background: url(../../images/message_select_21.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
    }
    .mw5:hover button {
        background: url(../../images/message_select_07.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
    }
    .mw6:hover button {
        background: url(../../images/message_select_23.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
    }
    .mw7:hover button {
        background: url(../../images/message_select_26.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
    }
    .mw8:hover button {
        background: url(../../images/message_select_29.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
    }
    .mw9:hover button {
        background: url(../../images/message_select_35.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
    }
    .mw10:hover button {
        background: url(../../images/message_select_37.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
    }
    .mw11:hover button {
        background: url(../../images/message_select_39.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
    }
    .mw12:hover button {
        background: url(../../images/message_select_40.png)no-repeat;
        background-size: 30px auto;
        width: 30px;
        height: 25px;
    }
}
@media (min-width:981px) and (max-resolution: 150dpi) and (min-device-aspect-ratio: 4/3) and (max-device-aspect-ratio: 16/9) {
	.place1:hover button{
		background: url(../../images/message_select_300.png)no-repeat;
		width: 45px;
		height: 35px;
		margin: 6px 0 0 10px;
	}
	.place2:hover button{
		background: url(../../images/message_select_29.png)no-repeat;
		width: 45px;
		height: 35px;
	}
	.place3:hover button{
		background: url(../../images/message_select_07.png)no-repeat;
		width: 45px;
		height: 35px;
	}
	.place4:hover button{
		background: url(../../images/message_select_10.png)no-repeat;
		width: 45px;
		height: 35px;
	}
	.place5:hover button{
		background: url(../../images/message_select_15.png)no-repeat;
		width: 45px;
		height: 35px;
	}
	.place6:hover button{
		background: url(../../images/message_select_21.png)no-repeat;
		width: 45px;
		height: 35px;
	}
	.place7:hover button{
		background: url(../../images/message_select_40.png)no-repeat;
		width: 45px;
		height: 35px;
	}
	
	.place8:hover button{
		background: url(../../images/message_select_35.png)no-repeat;
		width: 45px;
		height: 35px;
	}
	.place9:hover button{
		background: url(../../images/message_select_390.png)no-repeat;
		width: 45px;
		height: 35px;
	}
	.place10:hover button{
		background: url(../../images/message_select_37.png)no-repeat;
		width: 45px;
		height: 35px;
	}
	.place11:hover button{
		background: url(../../images/message_select_310.png)no-repeat;
		width: 45px;
		height: 35px;
	}
	.place12:hover button{
		background: url(../../images/message_select_320.png)no-repeat;
		width: 45px;
		height: 35px;
	}
    .mw1:hover button {
        background: url(../../images/message_select_12.png)no-repeat;
        width: 45px;
        height: 35px;
        margin: 6px 0 0 10px;
    }
    .mw2:hover button {
        background: url(../../images/message_select_15.png)no-repeat;
        width: 45px;
        height: 35px;
    }
    .mw3:hover button {
        background: url(../../images/message_select_10.png)no-repeat;
        width: 45px;
        height: 35px;
    }
    .mw4:hover button {
        background: url(../../images/message_select_21.png)no-repeat;
        width: 45px;
        height: 35px;
    }
    .mw5:hover button {
        background: url(../../images/message_select_07.png)no-repeat;
        width: 45px;
        height: 35px;
    }
    .mw6:hover button {
        background: url(../../images/message_select_23.png)no-repeat;
        width: 45px;
        height: 35px;
    }
    .mw7:hover button {
        background: url(../../images/message_select_26.png)no-repeat;
        width: 45px;
        height: 35px;
    }
    .mw8:hover button {
        background: url(../../images/message_select_29.png)no-repeat;
        width: 45px;
        height: 35px;
    }
    .mw9:hover button {
        background: url(../../images/message_select_35.png)no-repeat;
        width: 45px;
        height: 35px;
    }
    .mw10:hover button {
        background: url(../../images/message_select_37.png)no-repeat;
        width: 45px;
        height: 35px;
    }
    .mw11:hover button {
        background: url(../../images/message_select_39.png)no-repeat;
        width: 45px;
        height: 35px;
    }
    .mw12:hover button {
        background: url(../../images/message_select_40.png)no-repeat;
        width: 45px;
        height: 35px;
    }
    .gender:hover {
        color: #060606;
        background: url(../../images/blue_icon_bg.png)no-repeat;
    }
    .gender:hover .place_font {
        color: #fff;
    }
    .gender:hover .job_search3 {
        background: url(../../images/job_search3s.png) 50% 50% no-repeat;
    }
    .gender:hover .x0_pic {
        background: url(../../images/x0_pics.png) 50% 50% no-repeat;
    }
    .gender:hover .open_book {
        background: url(../../images/open_books.png) 50% 50% no-repeat;
    }
    .gender:hover .boy {
        background: url(../../images/male208_bs.png) 50% 15px no-repeat;
        color: #fff;
    }
    .gender:hover .gril {
        background: url(../../images/male208_gs.png) 50% 15px no-repeat;
        color: #fff;
    }
    .gender:hover .fat {
        background: url(../../images/fats.png) 50% 50% no-repeat;
    }
    .gender:hover .beer {
        background: url(../../images/beers.png) 50% 50% no-repeat;
    }
    .gender:hover .prohibition {
        background: url(../../images/prohibitions.png) 50% 50% no-repeat;
    }
    .gender:hover .pil {
        background: url(../../images/pils.png) 50% 50% no-repeat;
    }
    .gender:hover .silhouette_512 {
        background: url(../../images/silhouette_512s.png) 50% 50% no-repeat;
    }
    .gender:hover .bed_512 {
        background: url(../../images/bed_512s.png) 50% 50% no-repeat;
    }
    .gender:hover .graduate {
        background: url(../../images/graduates.png) 50% 50% no-repeat;
    }
    .gender:hover .chn {
        background: url(../../images/chns.png) 50% 50% no-repeat;
    }
    .gender:hover .boy21 {
        background: url(../../images/boy21s.png) 50% 50% no-repeat;
    }
    .gender:hover .father17 {
        background: url(../../images/father17s.png) 50% 50% no-repeat;
    }
    .gender:hover .baby_01 {
        background: url(../../images/baby_01s.png) 50% 50% no-repeat;
    }
    .gender:hover .baby {
        background: url(../../images/babys.png) 50% 50% no-repeat;
    }
    .gender:hover .baby138 {
        background: url(../../images/baby138s.png) 50% 50% no-repeat;
    }
    .gender:hover .x0_pic {
        background: url(../../images/x0_pics.png) 50% 50% no-repeat;
    }
    .gender:hover .men_lock {
        background: url(../../images/men_locks.png) 50% 50% no-repeat;
    }
    .gender:hover .men_more {
        background: url(../../images/men_mores.png) 50% 50% no-repeat;
    }
    .gender:hover .heartbreak {
        background: url(../../images/heartbreaks.png) 50% 50% no-repeat;
    }
    .gender:hover .bride {
        background: url(../../images/brides.png) 50% 50% no-repeat;
    }
    .gender:hover .xx {
        background: url(../../images/xx_s.png) 50% 50% no-repeat;
    }
    .gender:hover .men {
        background: url(../../images/mens.png) 50% 50% no-repeat;
    }
    .gender:hover .job_search3 {
        background: url(../../images/job_search3s.png) 50% 50% no-repeat;
    }
    .gender:hover .tea {
        background: url(../../images/teas.png) 50% 50% no-repeat;
    }
    .gender:hover .manager_avatar_512 {
        background: url(../../images/manager_avatar_512s.png) 50% 50% no-repeat;
    }
    .gender:hover .briefcase_2 {
        background: url(../../images/briefcase_2s.png) 50% 50% no-repeat;
    }
    .gender:hover .time {
        background: url(../../images/times.png) 50% 50% no-repeat;
    }
    .gender:hover .fin {
        background: url(../../images/fins.png) 50% 50% no-repeat;
    }
}

/***** Hover END *****/

@media (max-width:395px) {
	.select_boxx li p {width:80px}	
}


.vcodeBlue .blue { margin-bottom:-50px;}

@media (max-width: 768px){
	.message_list_style .page_box {
    	margin-right: 0px;
	}
	.vcodeBlue .blue {
		position: absolute;
	    top: 70px;
	} 
}
 @media (min-width: 425px) and (max-width: 768px) {
	.message_tilte .mess_h_02 {
	    font-size: 15px;
	    margin-left: 110px;
	    line-height: 40px;
	    min-height: 40px;
	}
}
.icon_area.fleft {
    margin-right: 10px;
}