/* main */
/* main > content */
#container.main{background:#f9f9f9}
.main_banner{position:relative;max-width:640px;margin:0 auto;overflow:hidden;opacity:0}
.main_banner .bx-controls{position:absolute;top:10px;right:0;display:block;width:100%;text-align:center;height:9px;overflow:hidden;z-index:50}
.bx-controls .bx-pager-item{display:inline-block;width:9px;height:9px;margin:0 4px}
.bx-controls .bx-pager-item a{display:block;width:9px;height:9px;overflow:hidden;color:rgba(0,0,0,0);font-size:0;text-indent:-9999px;
	background:url(../images/common/pagnation.png) left bottom no-repeat;
	-webkit-background-size:9px auto;
	-moz-background-size:9px auto;
	-o-background-size:9px auto;
	background-size:9px auto;
	border:none;
}
.bx-controls .bx-pager-item a.active{background-position:left top}
a.bx-prev,a.bx-next{display:none}

#header.main h1 img{margin-top:16px}
.main_notice{padding:13px 10px;background:#67beb8;border-top:1px solid #5ba8a2;border-bottom:1px solid #5ba8a2}
.main_notice a{
	display:block;
	font-size:14px;
	color:#fff;
	white-space:nowrap;
	overflow:hidden;
	padding-right:18px;
	text-overflow:ellipsis;
	background:url(../images/content/btn_main_notice.png) right top no-repeat;
	-webkit-background-size:8px auto;
	-moz-background-size:8px auto;
	-o-background-size:8px auto;
	background-size:8px auto;
}

.main_con{padding:0 15px;border-bottom:1px solid #d9d9d7}
.main_con ul{overflow:hidden;margin:15px 0 20px 0}
.main_con li{float:left;width:33.33%}
.main_con li a{display:block;text-align:center;margin:9.481481% 13.26530612245% 9.481481% 13.26530612245%}
.main_con li a img{}

.main_footer{position:relative;padding:0 15px;height:43px;overflow:hidden}
.main_footer p{overflow:hidden}
.main_footer p a{display:block;float:left}
.main_footer p.company_logo{float:left}
.main_footer p.company_logo a{margin-right:9px}
.main_footer p.f_sns{float:right;margin-top:12px}
.main_footer p.f_sns a{margin-left:7px}


/* member */
.login_wrap{padding:20px 15px 50px 15px}
.login_wrap .btns_wrap{padding:0;margin-top:15px}
.login_wrap .login_info{font-size:11px;color:#b3b3b3;line-height:15px;margin-top:25px}
.login_wrap .login_info a{color:#fe8080; text-decoration: underline}
.save{margin-top:10px}
.save input.l_check{
	display:inline-block;
	width:22px;
	height:22px;
	margin-right:5px;
	overflow:hidden;
	background:url(../images/content/login_check_bg.png) left top no-repeat;
	-webkit-background-size:22px auto;
	-moz-background-size:22px auto;
	-o-background-size:22px auto;
	background-size:22px auto;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	border:none
}
.save input.l_check:checked{background-position:left bottom}
.save input,.login_wrap .save label{vertical-align:middle}
.save label{font-size:13px;color:#797979}
.login_wrap .l_input_wrap{
	background:#fff;
	border:1px solid #dbdbdb;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.login_wrap .l_input_wrap p{position:relative;padding:0 15px}
.login_wrap .l_input_wrap p:first-child{border-bottom:1px solid #dbdbdb}
.login_wrap .l_input_wrap input{width:100%;height:45px;font-size:16px;color:#515151}
.login_data{position:relative;padding:7px 15px;min-height:35px;overflow:hidden;border-bottom:1px solid #e0e1e4}
.login_data .txt_thumb{top:7px}
.login_data .login_id{float:left;padding-left:46px;font-size:15px;line-height:34px;color:#515151}
.login_data .login_con{float:right;font-size:11px;color:#c5c5c5;line-height:34px}
.login_data .login_con em{color:#fe8080}

.agree_wrap{padding:20px 15px}
.agree_wrap p{font-size:13px;line-height:20px;color:#797979}
.agree_wrap h3{font-size:14px;color:#f86c73;font-weight:bold;margin-top:25px;line-height:20px}
.agree_wrap p.agree_sub_title{margin-top:13px;text-decoration: underline;color:#616161;font-weight:bold}
.agree_wrap p.agree_txt02{margin-top:11px}
/* identify */
.experience_list li.addIcon .txt_wrap{padding-right:80px}
.experience_list .txt_wrap .list_title{width:auto;max-width:100%;padding-right:29px}
.experience_list .txt_wrap .attendance{
	background:url(../images/content/icon_attendance.png) right center no-repeat;
	-webkit-background-size:26px auto;
	-moz-background-size:26px auto;
	-o-background-size:26px auto;
	background-size:26px auto;
}
.experience_list .txt_wrap .new{
	background:url(../images/content/icon_new.png) right center no-repeat;
	-webkit-background-size:26px auto;
	-moz-background-size:26px auto;
	-o-background-size:26px auto;
	background-size:26px auto;
}
.experience_list .txt_wrap .notice{
	background:url(../images/content/icon_notice.png) right center no-repeat;
	-webkit-background-size:26px auto;
	-moz-background-size:26px auto;
	-o-background-size:26px auto;
	background-size:26px auto;
}
.experience_list .txt_wrap .comment{
	background:url(../images/content/icon_comment.png) right center no-repeat;
	-webkit-background-size:26px auto;
	-moz-background-size:26px auto;
	-o-background-size:26px auto;
	background-size:26px auto;
}
.experience_list .txt_wrap.comment{
	padding-left:15px;
	background:url(../images/content/icon_comment_list.png) left top no-repeat;
	-webkit-background-size:8px auto;
	-moz-background-size:8px auto;
	-o-background-size:8px auto;
	background-size:8px auto;
}

.identify .iden_view_title{font-size:15px;color:#515151;line-height:16px;padding-bottom:15px}
.identify .sub_con{font-size:12px;line-height:16px;padding-bottom:10px}
.list_view_con.p_no{padding-bottom:0;border-bottom:none}
table.exper_list{width:100%;background:#f3f3f3}
table.exper_list col.exper_cell_01{width:17%}
table.exper_list col.exper_cell_02{width:14%}
table.exper_list col.exper_cell_03{width:26%}
table.exper_list col.exper_cell_04{width:19%}
table.exper_list col.exper_cell_05{width:24%}
table.exper_list th,table.exper_list td{text-align:center;vertical-align:middle}
table.exper_list th{font-size:9px;color:#b2b2b2;padding:6px 0;border-top:1px solid #e0e1e4;border-bottom:1px solid #e0e1e4}
table.exper_list td{font-size:12px;color:#797979;height:40px;border:1px solid #e0e1e4}
table.exper_list td.level_data{color:#66b8b4}
.exper_flag{font-size:12px;color:#797979;line-height:16px;margin-bottom:10px}
.exper_flag em{color:#f76c73;text-decoration: underline}
.exper_flag_con{font-size:11px;color:#959595;line-height:16px;margin-bottom:15px}
.exper_flag_con em{color:#66b8b4}
.iden_chat_list{}
.iden_chat_list .txt_wrap{padding:0 75px 0 45px;height:auto;min-height:35px}
.iden_chat_list .txt_wrap .list_title{position:relative;overflow:hidden;margin-top:3px}
.iden_chat_list .txt_wrap .list_info{position:relative;margin-top:3px;line-height:20px}
.iden_chat_list .txt_wrap span.f_c_time{position:absolute;top:15px;right:15px;width:auto;font-size:12px;color:#b2b2b2}
.iden_chat_list .txt_wrap span.f_c_pet{
	position:absolute;
	bottom:12px;
	right:15px;
	display:block;
	width:20px;
	font-size:12px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	line-height:normal;
	padding:3px 0;
	background:url(../images/content/chat_list_count_bg.png) left top no-repeat;
	-webkit-background-size:20px auto;
	-moz-background-size:20px auto;
	-o-background-size:20px auto;
	background-size:20px auto;
}
.iden_chat_list li.user_num_01 .txt_wrap{
	background:url(../images/content/chat_list_icon_01.png) left center no-repeat;
	-webkit-background-size:35px auto;
	-moz-background-size:35px auto;
	-o-background-size:35px auto;
	background-size:35px auto;
}
.iden_chat_list li.user_num_02 .txt_wrap{
	background:url(../images/content/chat_list_icon_02.png) left center no-repeat;
	-webkit-background-size:35px auto;
	-moz-background-size:35px auto;
	-o-background-size:35px auto;
	background-size:35px auto;
}
.iden_chat_list li.user_num_03 .txt_wrap{
	background:url(../images/content/chat_list_icon_03.png) left center no-repeat;
	-webkit-background-size:35px auto;
	-moz-background-size:35px auto;
	-o-background-size:35px auto;
	background-size:35px auto;
}

.v_list_write{padding:15px;background:#fff}
.v_list_write textarea{font-size:14px; padding:10px; height:228px;line-height:24px; color:#797979;-webkit-overflow-scrolling: touch;overflow-y:scroll}
.v_list_write .btns_wrap{padding:0;margin-top:15px}

.iden_c_info{position:relative;padding:16px 15px 15px 15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.iden_c_info a.btn_f_list{
	display:block;
	position:absolute;
	top:16px;
	right:15px;
	width:78px;
	height:26px;
	border-left:1px solid #dfdfdf;
	background:url(../images/content/btn_chat_list_friend_list.gif) right center no-repeat;
	-webkit-background-size:62px auto;
	-moz-background-size:62px auto;
	-o-background-size:62px auto;
	background-size:62px auto;
}
.iden_chat_list .list_number{font-size:11px;color:#67beb8;height:28px;line-height:29px;padding:0 15px;border-bottom:1px solid #e0e1e4}

/* advice */
.expert_list .list_search .list_user_select{width:28.28%}
.expert_list .list_search .list_search_select{width:35.17%}
.expert_list .list_search .list_search_input{width:36.55%}

.expert_write .v_list .i_wrap{padding:10px 15px}
.expert_write .list_select_wrap{margin:0}
a.btn_add{display:block;width:30px;height:30px;margin-right:5px;overflow:hidden;font-size:0}
a.btn_add.add_com{width:auto;padding-left:36px;font-size:13px;color:#b2b2b2;line-height:31px}

.faq_list .txt_wrap{padding-right:0}
.faq_list .txt_wrap .list_info{color:#67beb8}

.faq_view .txt_wrap .txt_info{color:#67beb8}
.faq_view .list_view_btns02{padding:10px 15px 20px 15px}
.faq_view .list_view_btns02 a.btn_list{float:left;padding:0;height:30px;line-height:32px}
.faq_view .list_view_btns02 a.btn_list span{padding-left:0}
.faq_view .list_view_btns02 a.btn_share{top:10px;margin-top:0;padding:0}

.call_list li{padding:0 15px}
.call_list li.call_con{padding:18px 15px 25px 15px;background:#eee}
.call_list li:last-child{border:none}
.call_list .call_title{font-size:16px;color:#515151;padding:17px 0 15px 30px}
.call_list .btns_wrap{padding:0;margin-top:20px}
.call_list .call_big_txt{font-size:13px;line-height:18px;color:#797979;margin-bottom:13px}
.call_list .call_big_txt .big{color:#ef5350}
.call_list .call_small_txt{font-size:12px;line-height:18px;color:#767676}
.call_list .call_small_txt em{color:#008c8c}
.call_list .c_01{
	background:url(../images/content/call_list_icon01.gif) left center no-repeat;
	-webkit-background-size:20px auto;
	-moz-background-size:20px auto;
	-o-background-size:20px auto;
	background-size:20px auto;
}
.call_list .c_02{
	background:url(../images/content/call_list_icon02.gif) left center no-repeat;
	-webkit-background-size:20px auto;
	-moz-background-size:20px auto;
	-o-background-size:20px auto;
	background-size:20px auto;
}

.reservation .v_list .i_wrap{padding:10px 15px}
.reservation .v_list .a_wrap{padding:15px 0 0 15px}
.reservation .v_list .a_wrap .radio_mulity{padding-bottom:15px;border-bottom:1px solid #e0e1e4}
.reservation .v_list .a_wrap .a_wrap_check{
	display:block;
	padding:10px 0 9px 17px;
	font-size:13px;
	color:#888;
	background:url(../images/content/agree_check.png) left center no-repeat;
	-webkit-background-size:13px auto;
	-moz-background-size:13px auto;
	-o-background-size:13px auto;
	background-size:13px auto;
}
.reservation .v_list .a_wrap .vt{line-height:16px;padding-top:5px}
.reservation .v_list .timer_set_wrap{padding:0}
.reservation .v_list .vt{padding-top:9px}
.reservation .time_info{font-size:11px;line-height:11px;margin-top:8px;color:#888}
.reservation .reservation_info{font-size:11px;color:#888;line-height:16px;margin-top:13px;padding:0 15px}
.reservation .reservation_info img{margin:4px 2px 0 0}
.reservation_btns{padding-top:18px;padding-bottom:25px}
.reservation_btns p{float:left;width:50%}
.reservation_btns p a{margin-right:8px;line-height:14px}
.reservation_btns p:last-child a{margin-right:0}

.map_list h3{display:block;padding:9px 15px 8px 15px;height:11px;text-align:center;background:#eee;border-bottom:1px solid #e0e1e4}
.map_list li > a .txt_wrap{
	background:url(../images/content/v_list_arrow.png) right center no-repeat;
	-webkit-background-size:9px auto;
	-moz-background-size:9px auto;
	-o-background-size:9px auto;
	background-size:9px auto;
}

.map_view_top{padding:15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.map_view_top .map_name{margin-top:2px}
.map_view_top .map_name span{display:inline-block;height:16px;font-size:16px;color:#515151;padding:0 10px;line-height:16px;border-left:1px solid #d2d2d2}
.map_view_top .map_name span:first-child{padding-left:0;border-left:none}
.map_view_top .map_name span.meter{color:#67beb8}
.map_view_top address{margin-top:8px}
.map_view_top address p{font-size:11px;color:#b2b2b2}
.map_view_top address .tel{margin-top:3px}

.btns_map{overflow:hidden;padding:15px 13px 13px 13px;background:#eee;border-bottom:1px solid #cacbce}
.btns_map p{width:33.33%;float:left}
.btns_map a{display:block;width:71px;height:89px;overflow:hidden;margin:0 auto}
.btns_map a.btn_01{
	background:url(../images/content/btn_map_01.gif) left top no-repeat;
	-webkit-background-size:71px auto;
	-moz-background-size:71px auto;
	-o-background-size:71px auto;
	background-size:71px auto;
}
.btns_map a.btn_02{
	background:url(../images/content/btn_map_02.gif) left top no-repeat;
	-webkit-background-size:71px auto;
	-moz-background-size:71px auto;
	-o-background-size:71px auto;
	background-size:71px auto;
}
.btns_map a.btn_03{
	background:url(../images/content/btn_map_03.gif) left top no-repeat;
	-webkit-background-size:71px auto;
	-moz-background-size:71px auto;
	-o-background-size:71px auto;
	background-size:71px auto;
}

.map_detail{padding:15px;background:#f3f3f3}
.map_detail .map_wrap{
	position:relative;
	width:246px;
	height:372px;
	margin:0 auto;
	background:url(../images/content/map_bg_c.png) left top no-repeat;
	-webkit-background-size:246px auto;
	-moz-background-size:246px auto;
	-o-background-size:246px auto;
	background-size:246px auto;  
}
.map_detail .map_wrap a{position:absolute;}
.map_detail .map_wrap a.btn_01{top:48px;left:41px}
.map_detail .map_wrap a.btn_02{top:70px;left:74px}
.map_detail .map_wrap a.btn_03{top:56px;left:128px}
.map_detail .map_wrap a.btn_04{top:97px;left:61px}
.map_detail .map_wrap a.btn_05{top:121px;left:107px}
.map_detail .map_wrap a.btn_06{top:140px;left:50px}
.map_detail .map_wrap a.btn_07{top:160px;left:95px}
.map_detail .map_wrap a.btn_08{top:151px;left:157px}
.map_detail .map_wrap a.btn_09{top:206px;left:64px}
.map_detail .map_wrap a.btn_10{top:197px;left:157px}
.map_detail .map_wrap a.btn_11{top:247px;left:65px}
.map_detail .map_wrap a.btn_12{top:235px;left:128px}
.map_detail .map_wrap a.btn_13{top:219px;left:198px}
.map_detail .map_wrap a.btn_14{top:246px;left:184px}
.map_detail .map_wrap a.btn_15{top:279px;left:37px}
.map_detail .map_wrap a.btn_16{top:345px;left:48px}
.chat_list{position:relative;z-index:5}
.chat_wrap{
	position:relative;
	min-height:100%;
	overflow:hidden;
	padding-bottom:50px;
}
.chat_wrap h2{
	display:block;
	text-align:center;
	width:100px;	
	height:15px;
	margin:15px auto 0 auto;
	background:rgba(0,0,0,0.2);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.chat_wrap h2 span{display:inline-block;color:#c4f4e4;font-size:11px;height:15px;line-height:16px}
.chat_wrap ul{margin-top:15px;padding:0 15px;overflow:hidden}
.chat_wrap ul li{}
.chat_wrap ul li.user{padding-bottom:15px;clear:both;float:left}
.chat_wrap ul li.answer{padding-bottom:7px;clear:both;float:right}
.chat_wrap ul li.answer > div{padding-right:7px}
.chat_wrap .chat_data_wrap{position:relative}
.chat_wrap .chat_data_wrap .user_thumb{
	position:absolute;
	top:0;
	left:0;
}
.chat_wrap .chat_data_wrap .user_thumb img{
	width:35px;
	height:35px;
	overflow:hidden;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.15);
}
.chat_wrap .chat_data_wrap .txt_info{position:relative;padding-left:43px;padding-right:57px;min-height:35px}
.chat_wrap ul li.answer .chat_data_wrap .txt_info{padding-left:57px;padding-right:0;}
.chat_wrap .chat_data_wrap .name{font-size:14px;color:#fff;line-height:16px;margin-bottom:2px}
.chat_wrap .chat_data_wrap .talk_box{padding:10px}
.chat_wrap .chat_data_wrap .talk_box p.message{position:relative;font-size:15px;color:#505050;line-height:18px;z-index:100}
.chat_wrap .chat_data_wrap .talkTxt{
	position:relative;
	display:inline-block;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0,0.3);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0,0.3);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.3);

}
.chat_wrap .chat_data_wrap .talk_left{background:#dffff9}
.chat_wrap .chat_data_wrap .talk_left:after{
	content: ' ';
	position: absolute;
	width:7px;
	height:10px;
	left: -7px;
	top: 10px;
	background:url(../images/content/talk_left_bg.png) left top no-repeat;
	-webkit-background-size:7px auto;
	-moz-background-size:7px auto;
	-o-background-size:7px auto;
	background-size:7px auto;
}
.chat_wrap .chat_data_wrap .talk_right{background:#fff687}
.chat_wrap .chat_data_wrap .talk_right:after{
	content: ' ';
	position: absolute;
	width:7px;
	height:10px;
	right: -7px;
	top: 10px;
	background:url(../images/content/talk_right_bg.png) left top no-repeat;
	-webkit-background-size:7px auto;
	-moz-background-size:7px auto;
	-o-background-size:7px auto;
	background-size:7px auto;
}
.chat_wrap .chat_data_wrap .chat_time{position:absolute;bottom:10px;right:-50px;display:inline-block;width:45px;font-size:10px;color:#fff;line-height:10px;white-space:nowrap}
.chat_wrap ul li.answer .chat_data_wrap .chat_time{text-align:right;left:-50px;right:auto}
.chat_bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/content/chat_bg.gif) center center no-repeat;
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
}
.chat_bg.input{position:absolute}


/* mypage */
.my_advice_list .txt_wrap{padding-right:53px}
.advice_flag{
	position:absolute;
	top:50%;
	right:15px;
	width:45px;
	height:28px;
	margin-top:-14px;
	background:url(../images/content/advice_flag.png) left top no-repeat;
	-webkit-background-size:45px auto;
	-moz-background-size:45px auto;
	-o-background-size:45px auto;
	background-size:45px auto;
}
.advice_flag.no_com{background-position:left bottom}
.read_flag{
	position:absolute;
	top:50%;
	right:15px;
	width:45px;
	height:28px;
	margin-top:-14px;
	background:url(../images/content/read_message.png) left top no-repeat;
	-webkit-background-size:45px auto;
	-moz-background-size:45px auto;
	-o-background-size:45px auto;
	background-size:45px auto;
}
.read_flag.no_read{background-position:left bottom}


.mypage_write_view .list_view_top .txt_wrap{padding-left:45px}
.my_advice_view .list_view_top .txt_wrap{padding-right:53px}
.my_advice_view .comment_list .c_txt{font-size:12px;line-height:15px}

.sub_tab{background:#fff; border-top:1px solid #e0e1e4; border-bottom:1px solid #e0e1e4;}
.sub_tab ul{overflow:hidden}
.sub_tab li{float:left;width:50%}
.sub_tab li a{display:block;margin:0 15px;text-align:center;font-size:16px;color:#5a5a5a;height:39px;line-height:41px;font-weight:bold;border-bottom:2px solid #fff}
.sub_tab li.active a{color:#f86c73;border-bottom:2px solid #f86c73}

.sub_top_btns{padding:12px 14px;overflow:hidden;background:#f8f8f8;border-bottom:1px solid #cacbce}
.sub_top_btns a{display:inline-block;font-size:14px;line-height:14px;float:left;color:#7a7a7a;padding:0 15px;border-left:1px solid #d3d3d3}
.sub_top_btns a:first-child{padding-left:0;border-left:none}
.sub_top_btns a:last-child{padding-right:0}
.sub_top_btns a.btn_delete{color:#f86c73}
.sub_top_btns a.btn_all{
	padding-left:17px;
	background:url(../images/content/btn_all_check.png) left center no-repeat;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto;
	-o-background-size:12px auto;
	background-size:12px auto;
}
.sub_top_btns a.btn_all_02{
	padding-left:0;
	padding-right:20px;
	background:url(../images/content/btn_all_view.png) right center no-repeat;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	-o-background-size:10px auto;
	background-size:10px auto;
}
.sub_top_btns a.btn_write{color:#67beb8}
.sub_top_btns a.btn_online_chat{color:#f86c73}
.sub_top_btns a.btn_icon{}
.sub_top_btns .s_t_btns_right{float:right}

.my_friend_list h3{display:block;height:26px;padding:0 15px;font-size:12px;color:#67beb8;line-height:28px;background:#eee;border-bottom:1px solid #e0e1e4}
.my_friend_list li{position:relative;padding:7px 15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.my_friend_list .txt_thumb{top:7px}
.my_friend_list .friend_wrap{position:relative;padding-left:45px;min-height:35px}
.my_friend_list .friend_title{font-size:15px;line-height:15px;color:#515151;padding-top:4px}
.my_friend_list .firend_info{font-size:12px;color:#b2b2b2;margin-top:2px;line-height:12px;vertical-align:middle;margin-top:2px}
.my_friend_list .firend_info .id{color:#797979}
.my_friend_list span.txt_over{
	background:url(../images/content/mypage_thumb_over_02.png) left top no-repeat;
	-webkit-background-size:35px auto;
	-moz-background-size:35px auto;
	-o-background-size:35px auto;
	background-size:35px auto;
	z-index:100
}
.my_friend_list .friend_flag{position:absolute;top:50%;right:15px;margin-top:-15px}
.my_friend_list .friend_flag a{display:block;float:left;width:30px;height:30px;margin-left:6px;overflow:hidden}

.my_friend_modify .txt_thumb{left:50px}
.my_friend_modify .friend_wrap{padding-left:81px}
.f_modify{position:absolute;top:50%;left:15px;margin-top:-11px;z-index:100}
input.f_check{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	display:inline-block;
	width:22px;
	height:22px;
	border:transparent;
	background:url(../images/content/modify_check.png) left top no-repeat;
	-webkit-background-size:22px auto;
	-moz-background-size:22px auto;
	-o-background-size:22px auto;
	background-size:22px auto;
}
input.f_check:checked{background-position:left -22px}
.my_friend_search{padding:5px 15px;background:#f8f8f8;border-bottom:1px solid #cacbce}
.my_friend_search .search_input{
	position:relative;
	padding:0 31px 0 10px;
	background:#fff;
	border:1px solid #dbdbdb;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.my_friend_search .search_input input{
	width:100%;
	height:31px;
	line-height:normal;
	color:#b2b2b2
}

.my_friend_search .search_input a.btn_search{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:31px;
	height:31px;
	background:	url(../images/content/list_search_iuput_icon.png) right top no-repeat;
	-webkit-background-size:31px auto;
	-moz-background-size:31px auto;
	-o-background-size:31px auto;
	background-size:31px auto;
}
.search_none{padding:15px 0;font-size:14px;color:#797979;text-align:center}

.search_sort{padding:9px 15px 8px 15px;overflow:hidden;border-bottom:1px solid #e0e1e4;background:#f8f8f8}
.search_sort span{display:block;float:left;width:50%}
.search_sort label{color:#797979;font-size:14px}
.search_sort label,.my_friend_search .search_sort input{vertical-align:middle}

.search_category{padding:5px 15px;background:#fff;border-bottom:1px solid #cacbce}
.search_category select{
	width:125px;
	height:30px;
	background:url(../images/content/search_category_select_bg.gif) right center no-repeat;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	-o-background-size:10px auto;
	background-size:10px auto;
}
.search_list li{}
.search_list li a{font-size:13px;color:#515151;line-height:19px;background:none}
.search_list li a em{color:#f86c73}
.search_list .btn_more{padding:0 15px}
.search_list .btn_more a{
	display:block;
	font-size:11px;
	color:#babab7;
	height:33px;
	line-height:32px;
	text-align:right;
	padding-right:16px;
	border-bottom:1px solid #e0e1e4;
	background:url(../images/content/search_category_select_bg.gif) right center no-repeat;
	-webkit-background-size:6px auto;
	-moz-background-size:6px auto;
	-o-background-size:6px auto;
	background-size:6px auto;
}
.search_list li a span{display:block}
.search_list .s_l_title{font-size:14px;color:#515151;line-height:20px}
.search_list .s_l_con{font-size:12px;color:#7a7a7a;line-height:17px;margin-top:10px}
.my_message_tab li{width:33.33%}
.message_list li{position:relative;padding:10px 15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.message_list .message_wrap{position:relative;padding-left:37px;padding-right:48px}
.message_list .message_title{font-size:15px;line-height:15px;color:#515151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message_list .message_info{font-size:12px;color:#b2b2b2;margin-top:2px;line-height:12px;vertical-align:middle;margin-top:2px}


.message_send .list_view_top .txt_title{font-weight:normal}
textarea.message_input{font-size:14px;height:150px}

.picture_editer{padding:15px 0;background:#eee;border-bottom:1px solid #e0e1e4}
.picture_editer .thumb_wrap{position:relative;width:88px;height:88px;overflow:hidden;margin:0 auto}
.picture_editer .btn_editer{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:88px;
	height:88px;
	background:	url(../images/content/picture_editer_over.png) left top no-repeat;
	-webkit-background-size:88px auto;
	-moz-background-size:88px auto;
	-o-background-size:88px auto;
	background-size:88px auto;
}
.picture_editer .btn_editer span{position:absolute;bottom:10px;left:0;display:block;width:100%;text-align:center;font-size:13px;color:#e4e4e4;line-height:13px}
.picture_editer .thumb{
	display:block;
	width:81px;
	height:80px;
	margin:4px auto;
	background:	url(../images/content/picture_default.png) left top no-repeat;
	-webkit-background-size:81px auto;
	-moz-background-size:81px auto;
	-o-background-size:81px auto;
	background-size:81px auto;
}

.m_health{display:table;width:100%}
.m_health > p{display:table-cell;vertical-align:middle}
.m_health > p.m_health_day{font-size:13px;color:#959595;width:77px}
.m_health > p.m_health_info{font-size:14px;color:#515151}
.m_health > p.m_health_info a{color:#ccc}

.my_health_number{position:relative;padding:15px 15px 20px 15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.my_health_select{position:relative;text-align:center}
.select_month{position:relative;display:inline-block;padding:0 10px;height:30px;margin:0 auto;text-align:center}
.select_month > span{display:block;font-size:20px;color:#515151;font-weight:bold;line-height:33px;}
.my_health_select a{position:absolute;top:0;display:block;width:30px;overflow:hidden}
.my_health_select a.btn_month_prev{left:-30px}
.my_health_select a.btn_month_next{right:-30px}
.my_health_select a.btn_diary{right:0px}

.my_health_heart{
	position:relative;	
	height:141px;
	margin:20px auto 0 auto;
}
.my_health_heart .heart_cell{position:relative;margin-bottom:3px;height:13px;text-align:center}
.my_health_heart .heart_cell p{
	position:relative;
	display:inline-block;
	width:12px;
	height:13px;
	overflow:hidden;
	margin:0 0 0 1px;
	background:	url(../images/content/heart_default.png) left top no-repeat;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto;
	-o-background-size:12px auto;
	background-size:12px auto;
}
.my_health_heart .heart_cell p span{position:absolute;top:0;left:0;width:100%;height:100%;display:none}
.my_health_heart .heart_cell p span.success{
	background:	url(../images/content/heart_on.png) left top no-repeat;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto;
	-o-background-size:12px auto;
	background-size:12px auto;
}
.my_health_heart .heart_cell p span.fail{
	background:	url(../images/content/heart_fail.png) left top no-repeat;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto;
	-o-background-size:12px auto;
	background-size:12px auto;
}
.my_health_heart .heart_cell p span.half{
	background:	url(../images/content/heart_half.png) left top no-repeat;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto;
	-o-background-size:12px auto;
	background-size:12px auto;
}
.my_health_heart .heart_cell p.out{background:none}
.my_health_heart .heart_cell p.h_success span.success{display:block}
.my_health_heart .heart_cell p.h_fail span.fail{display:block}
.my_health_heart .heart_cell p.h_half span.half{display:block}

.my_health_num{position:absolute;bottom:15px;right:15px}
.my_health_num p{text-align:right}
.my_health_num p.m_h_title{font-size:11px;color:#8a8a8a;line-height:11px;margin-bottom:3px}
.my_health_num p.m_h_n{font-size:25px;color:#ef5350;line-height:25px;font-weight:bold}

.my_health_top .health_title_default{font-size:15px;color:#f86c73;text-align:center;padding:8px 0 9px 0}
.my_health_top .list_view_top .txt_wrap{padding-left:45px}
.my_health_top.default .list_view_top .txt_wrap{padding-left:0}

.my_health_top .list_view_top .txt_title{font-weight:normal}

.health_info{padding:23px 15px !important}
.health_info h3{font-size:15px;color:#66bbb5;text-decoration: underline;}
.health_info p{font-size:14px;color:#797979;line-height:19px}
.health_info p.txt01{margin-top:10px}
.health_info p.txt02{margin-top:15px}
.health_info p.txt03{font-size:12px;color:#b2b2b2;margin-top:8px}
.health_info p.txt04{margin-top:25px}
.health_info p.txt05{margin-top:15px;line-height:19px}
.health_info p.txt05 em{color:#f86c73}
.health_info p.txt06{margin-top:13px}
.my_timer_top{position:relative;text-align:center;padding:19px 15px;background:#eee;border-bottom:1px solid #e0e1e4}
.my_timer_top h3{font-size:15px;color:#515151}
.my_timer_top h3 em{color:#f86c73}

.my_timer{position:relative;padding:15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.my_timer .btn_share{top:15px;margin-top:0}
.my_timer .timer{
	position:relative;
	width:170px;
	height:172px;
	overflow:hidden;
	margin:0 auto;
	background:	url(../images/content/my_timer_clock_bg.png) left top no-repeat;
	-webkit-background-size:170px auto;
	-moz-background-size:170px auto;
	-o-background-size:170px auto;
	background-size:170px auto;
}
.my_timer .timer p{position:absolute;top:50%;left:50%}
.my_timer .timer p.minute{
	width:4px;
	height:122px;	
	margin-top:-61px;
	margin-left:-3px;
	background:	url(../images/content/my_timer_clock_min.png) left top no-repeat;
	-webkit-background-size:4px auto;
	-moz-background-size:4px auto;
	-o-background-size:4px auto;
	background-size:4px auto;
}
.my_timer .timer p.hour{
	width:8px;
	height:92px;	
	margin-top:-46px;
	margin-left:-4px;
	background:	url(../images/content/my_timer_clock_hour.png) left top no-repeat;
	-webkit-background-size:8px auto;
	-moz-background-size:8px auto;
	-o-background-size:8px auto;
	background-size:8px auto;
}
.my_timer .timer p.minute.default{
	background:	url(../images/content/my_timer_clock_min_default.png) left top no-repeat;
	-webkit-background-size:4px auto;
	-moz-background-size:4px auto;
	-o-background-size:4px auto;
	background-size:4px auto;
}
.my_timer .timer p.hour.default{
	background:	url(../images/content/my_timer_clock_hour_default.png) left top no-repeat;
	-webkit-background-size:8px auto;
	-moz-background-size:8px auto;
	-o-background-size:8px auto;
	background-size:8px auto;
}
.my_timer .timer p.one{
	width:15px;
	height:15px;
	margin-top:-7px;
	margin-left:-7px;
	background:	url(../images/content/my_timer_clock_center.png) left top no-repeat;
	-webkit-background-size:15px auto;
	-moz-background-size:15px auto;
	-o-background-size:15px auto;
	background-size:15px auto;
}

.timer_info_wrap{display:table;width:100%;margin-bottom:5px}
.timer_info_wrap > p{display:table-cell;font-size:14px;vertical-align:middle}
.timer_info_wrap > p.timer_title{color:#767676;width:79px}
.timer_info_wrap > p.timer_txt{color:#515151}

.my_timer_info_list li:last-child{margin-bottom:0}
.my_timer_info{background:#f3f3f3;padding-bottom:25px;}
.my_timer_btns p{float:left;width:33.33%}
.my_timer_btns p a{margin-right:8px;line-height:14px}
.my_timer_btns p:last-child a{margin-right:0}
.my_t_info{font-size:12px;color:#767676;line-height:16px;padding:0 15px 0 15px}
.my_t_info em{color:#f86c73}

.timer_set_wrap{display:table;width:100%;padding:10px 0}
.timer_set_wrap .timer_set_input{overflow:hidden}
.timer_set_wrap > p,.timer_set_wrap > div{display:table-cell;font-size:14px;vertical-align:middle}
.timer_set_wrap > p.timer_set_title{color:#959595;width:80px;padding-top:2px}
.timer_set_wrap .select_wrap{overflow:hidden}
.timer_set_wrap .start_date{float:left;width:33.33%}
.timer_set_wrap .day_num_01{float:left;width:33.33%}
.timer_set_wrap .day_num_02{float:left;width:44%}
.timer_set_wrap .price p{
	padding-right:35px;
	background:#fff	url(../images/content/input_write_icon.png) right top no-repeat;
	-webkit-background-size:25px auto;
	-moz-background-size:25px auto;
	-o-background-size:25px auto;
	background-size:25px auto;
}
.timer_set_wrap .price input{width:100%;height:31px}
.timer_set_wrap p.last{margin-right:0}
.my_timer_set_list li{padding:0 15px;border-bottom:1px solid #e0e1e4}

.my_timer_step{padding:25px 15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.my_timer_step .timer_request{color:#797979;line-height:18px;text-align:center}
.my_timer_step .timer_request span{display:block}
.my_timer_step .timer_request em{color:#67beb8}
.my_timer_step .timer_request strong{font-weight:normal;color:#f86c73}
.my_timer_step .timer_request .request{margin-top:11px}
.my_timer_step .btns_wrap{margin-top:15px;padding:0}
.my_timer_step .btns_wrap a{margin:5px 0}

.my_timer_set_check{padding:15px 15px 20px 15px;background:#eee}
.my_timer_set_check input,.my_timer_set_check label{display:inline-block;vertical-align:middle}
.my_timer_set_check .radio{padding:5px 0;}
.my_timer_set_check .radio label{margin-top:1px;font-size:15px;color:#515151}
.my_timer_set_check .input_check{padding:0 10px}
.my_timer_set_check .input_check label{margin-top:1px;font-size:13px;color:#b2b2b2}
.my_timer_set_check .input_check li{display:table;width:100%;height:27px}
.my_timer_set_check .input_check li div{position:relative;display:table-cell;width:100%;vertical-align:middle}


.my_timer_set_check .input_check .check_other{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	z-index:1
}
.my_timer_set_check .input_check .other_title{position:relative;display:inline-block;z-index:5}
.my_timer_set_check .input_check .check_other span{
	display:block;
	margin-left:55px;
	padding:0 10px;
	background:#fff;
	border:1px solid #dbdbdb;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.my_timer_set_check .input_check .check_other input{
	width:100%;
	height:25px;
	line-height:normal;
	color:#b2b2b2;
	background:none
}
.my_timer_set_check .btns_wrap{margin-top:45px}
.my_timer_step .btns_wrap,.my_timer_set_check .btns_wrap{padding:0}

.my_diary_top .list_view_top .txt_wrap{padding-left:45px}
.my_diary{background:#f3f3f3;padding-top:15px}
.my_diary .my_health_select{padding:0 15px}
.my_diary .my_health_select .btn_myheart{right:15px}
.my_diary .calender_table{margin-top:15px}
.my_diary_info_list li{padding:15px}
.my_diary_info_list h3{position:relative}
.my_diary_info_list li.i_wrap{padding:10px 15px}
.my_diary_info_list li.b_wrap{padding:20px 15px}
.my_diary_info_list .btn_d_modify{
	position:absolute;
	display:block;
	top:50%;
	right:15px;
	font-size:12px;
	line-height:12px;
	margin-top:-6px;
	padding-left:14px;
	color:#797979;
	background:url(../images/content/btn_diary_modify_icon.png) left center no-repeat;
	-webkit-background-size:11px auto;
	-moz-background-size:11px auto;
	-o-background-size:11px auto;
	background-size:11px auto;
}
.my_diary_modify .btns_wrap{background:#fff;padding-bottom:15px}
.my_diary_modify .btns_wrap p{float:left;width:50%}
.my_diary_modify .btns_wrap p:first-child a{margin-right:7px}
.my_diary_modify .btns_wrap p:last-child a{margin-left:7px}

.diary_info_wrap{display:table;width:100%}
.diary_info_wrap > div{display:table-cell;vertical-align:middle}
.diary_info_wrap > div.diary_title{font-size:12px;font-weight:bold;color:#5a5a5a;width:65px}
.diary_info_wrap > div.diary_title02{font-size:14px;color:#767676;width:79px;padding-top:3px}
.diary_info_wrap > div.diary_txt{color:#515151}
.diary_info_wrap .diary_radio input,.diary_info_wrap label{vertical-align:middle;}
.diary_info_wrap label{display:inline-block;margin:1px 15px 0 1px;color:#767676;}
.diary_info_wrap .d_t_input{
	position:relative;
	padding:0 31px 0 10px;
	background:#fff;
	border:1px solid #dbdbdb;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.diary_info_wrap .d_t_input input{font-size:14px;height:31px;width:100%}
.diary_c_info{text-align:center;font-size:12px;color:#767676;padding-bottom:15px}
.btn_diary_wrap{text-align:center}
.btn_diary_wrap a{display:inline-block;width:70px;height:36px;margin-right:2px;overflow:hidden}
.btn_diary_wrap a:last-child{margin-right:0}
/* 
.btn_diary_wrap a.type01{	
	background:url(../images/content/btn_diary_01.png) left top no-repeat;
	-webkit-background-size:70px auto;
	-moz-background-size:70px auto;
	-o-background-size:70px auto;
	background-size:70px auto;
}
.btn_diary_wrap a.type02{	
	background:url(../images/content/btn_diary_02.png) left top no-repeat;
	-webkit-background-size:70px auto;
	-moz-background-size:70px auto;
	-o-background-size:70px auto;
	background-size:70px auto;
}
.btn_diary_wrap a.type03{	
	background:url(../images/content/btn_diary_03.png) left top no-repeat;
	-webkit-background-size:70px auto;
	-moz-background-size:70px auto;
	-o-background-size:70px auto;
	background-size:70px auto;
}
 */
.btn_diary_wrap input[type='checkbox']{
	display:inline-block;
	width:70px;
	height:35px;
	margin-right:2px;
	overflow:hidden;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	border:none
}
.btn_diary_wrap input[type='checkbox']:last-child{margin-right:0}
.btn_diary_wrap input[type='checkbox'].type01{	
	background:url(../images/content/btn_diary_01.png) left top no-repeat;
	-webkit-background-size:70px auto;
	-moz-background-size:70px auto;
	-o-background-size:70px auto;
	background-size:70px auto;
}
.btn_diary_wrap input[type='checkbox'].type02{	
	background:url(../images/content/btn_diary_02.png) left top no-repeat;
	-webkit-background-size:70px auto;
	-moz-background-size:70px auto;
	-o-background-size:70px auto;
	background-size:70px auto;
}
.btn_diary_wrap input[type='checkbox'].type03{	
	background:url(../images/content/btn_diary_03.png) left top no-repeat;
	-webkit-background-size:70px auto;
	-moz-background-size:70px auto;
	-o-background-size:70px auto;
	background-size:70px auto;
}
.btn_diary_wrap input[type='checkbox']:checked{background-position:left -35px}
.btn_diary_wrap a.default{background-position:left -35px}
.diary_info_txt{font-size:15px;line-height:18px;color:#797979;padding:15px;background:#fff}

.diary_write_wrap{padding:15px;background:#fff}
.diary_write_wrap .btns_wrap{padding:0}
.diary_write_wrap .text_wrap{margin-bottom:15px}
.diary_write_wrap .text_wrap textarea{font-size:16px;height:100px}
.diary_write_wrap .text_wrap textarea::placeholder{color:#767676;}
.calender_table{border-top:1px solid #e0e1e4}
.calender_table table{width:100%}
.calender_table col{width:14.3%}
.calender_table th{font-size:10px;color:#b2b2b2;height:20px;font-weight:normal;text-align:center}
.calender_table td{text-align:center;color:#666}
.calender_table th,
.calender_table td{vertical-align:middle;border-right:1px solid #e0e1e4;padding:0;border-bottom:1px solid #e0e1e4}
.calender_table td{vertical-align:bottom}
.calender_table th.last,
.calender_table td.last{border-right:none}
.calender_table td > a{position:relative;display:block;width:100%;padding-bottom:100%}
.calender_table .day_num{position:absolute;top:6%;left:0;width:100%;font-size:14px;line-height:14px;color:#4c4c4c;font-weight:bold;letter-spacing:normal}
.calender_table .action{display:block;width:100%;padding:0 1px;height:12px;position:absolute;left:-1px;display:none}
.calender_table .action.act_01{background:#9fd3d0;bottom:24px}
.calender_table .action.act_02{background:#faadb1;bottom:12px}
.calender_table .action.act_03{background:#e6c2a1;bottom:0px}
.calender_table .action.on{display:block;font-size:xx-small;}
.calender_table td.sunday .day_num{color:#e66868}.
.calender_table td.current{background:#e8f2ff}
.calender_table td.before .day_num{color:#b2b2b2}
.calender_table td.current{background:#d7e8e7}
.calender_table td.current .day_num{color:#67beb8}
.calender_table td.active .day_num{color:#67beb8}
.calender_table td.active02{background:#83c9c4}
.calender_table td.active02 .day_num{color:#fff}
.calender_table td.fail{background:#f4dfe0}
.calender_table td.fail .day_num{color:#f86c73}




/* .myPicture{margin:0 auto;
			margin-top:-20px;
			max-width:720px;
			overflow:hidden}
			
			
			
			
.myPicture p{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:50}
.myPicture p.on{display:block}
.myPicture p.my_thumb{display:block;z-index:0}
.myPicture p.my_flag_01{
	background:url(../images/content/my_flag_01.png) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.myPicture p.my_flag_02{
	background:url(../images/content/my_flag_02.png) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.myPicture p.my_flag_03{
	background:url(../images/content/my_flag_03.png) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.myPicture p.my_flag_04{
	background:url(../images/content/my_flag_04.png) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.myPicture p.my_flag_05{
	background:url(../images/content/my_flag_05.png) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.myPicture_guide_info{font-size:14px;color:#757575;line-height:20px;text-align:center;padding:15px} */

/* cscenter */
.cscenter .btn_share{position:absolute;top:50%;right:0;margin-top:-15px}
.cscenter .btn_share img{max-width:30px;height:auto}
.cscenter .txt_wrap{position:relative;padding-right:40px}

.news_list .news_name{display:inline-block;position:absolute;bottom:12px;right:15px;font-size:12px;color:#f86c73;line-height:12px}

/* setting */
.set_version{float:right;color:#fe8080;padding-right:20px}
.sns_set > ul > li{overflow:hidden;line-height:27px;padding:10px 15px}
.sns_set > ul > li.bdb{border:none;}
.sns_set > ul > li.sub{font-size:14px; line-height:28px;}
.sns_set > ul > li.sub > a{display:block; text-indent:inherit;}
.sns_set > ul > li a{text-indent:-9999px;}
.sns_set > ul > li a.btn_onoff,.sns_set > ul > li span.btn_onoff{display:block; float:right; width:50px; height:29px; text-indent:-9999px;}
.sns_set > ul > li .switch{position:relative; float:right;}
.sns_set > ul > li .switch div{position:absolute; top:0; left:0; text-indent:-9999px;}
.sns_set > ul > li .sign{margin-top:5px; font-size:12px; line-height:18px; color:#757575;}
.sns_set .save{padding:0 15px}
.setting .timer_set_wrap .start_date{float:none;display:inline-block;width:33.33%}
.setting .clear{text-align:left}
.setting .btns_wrap{margin-top:15px}
/* push button */
.switch label {position: relative; display: inline-block; width:32px; height:16px; vertical-align:middle;}
.switch label input {display:none;}
.slider {position: absolute; font-size:0; cursor: pointer; top:0; left:0; right:0; bottom:0; background-color:#b4b4b4; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; width:19px; height:19px; left:-4px; bottom:-2px; background-color:#fff; border:1px solid #9d9d9d; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color:#4bacb5;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {border:1px solid #4bacb5; -webkit-transform: translateX(19px); -ms-transform: translateX(19px); transform: translateX(19px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius:50%;}

/* smoke */
.smoke_title{display:block;padding:9px 15px 8px 15px;height:11px;font-size:11px;text-align:center;color:#b1b1b1;background:#eee;border-bottom:1px solid #e0e1e4}
.smoke_main_wrap{position:relative;width:100%;margin:0 auto;padding:36px 0;background:#f3f3f3;overflow:hidden}
.smoke_main_wrap .btn_main_wrap{position:absolute;top:0;left:50%;width:640px;margin-left:-160px;z-index:9}
.smoke_main_wrap .btn_main_wrap a{position:absolute}
.smoke_main_wrap .btn_main_wrap a.btn_01{top:35px;left:107px}
.smoke_main_wrap .btn_main_wrap a.btn_02{top:63px;left:165px}
.smoke_main_wrap .btn_main_wrap a.btn_03{top:119px;left:162px}
.smoke_main_wrap .btn_main_wrap a.btn_04{top:190px;left:150px}
.smoke_main_wrap .btn_main_wrap a.btn_05{top:168px;left:213px}
.smoke_main_wrap .btn_main_wrap a.btn_06{top:224px;left:76px}
.smoke_main_wrap .btn_main_wrap a.btn_07{top:231px;left:153px}
.smoke_main_wrap .btn_main_wrap a.btn_08{top:312px;left:79px}
.smoke_main_wrap > span{position:relative;left:50%;width:508px;margin-left:-254px}
.smoke_main_wrap > span img{max-width:508px;width:508px;}
.smoke .smoke_con_top{position:relative;padding:9px 15px 8px 15px;background:#eee;border-bottom:1px solid #e0e1e4}
.smoke .smoke_con_top .txt_title{font-size:16px;line-height:18px;color:#515151;margin-top:2px}
.smoke .smoke_con_top .txt_info{font-size:11px;color:#797979;margin-top:3px;line-height:12px;vertical-align:middle}
.smoke .smoke_con_top .txt_wrap{min-height:35px}
.smoke .smoke_con_top em{color:#f86c73}
.smoke .smoke_con{font-size:15px;line-height:20px;color:#797979;padding:15px 15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.smoke .smoke_con p{padding:3px 0}
.smoke .smoke_con img{width:100%}

/* tutorial */
#tutorial{position:relative;min-height:548px;background:url(../images/content/tutorial_bg.jpg) repeat}
#tutorial .tutorial_slider{overflow:hidden;text-align:center}
#tutorial .tutorial_slider img{width:100%;max-width:100%}
#tutorial .bx-controls{position:absolute;bottom:4.9%;left:0;width:100%;text-align:center}
#tutorial .bx-controls .bx-pager-item{display:inline-block;width:10px;height:10px;margin:0 4px}
#tutorial .bx-controls .bx-pager-item a{display:block;width:10px;height:10px;overflow:hidden;color:rgba(0,0,0,0);font-size:0;text-indent:-9999px;
	background:url(../images/content/pagnation_02.png) left top no-repeat;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	-o-background-size:10px auto;
	background-size:10px auto;
	border:none;
}
#tutorial .bx-controls .bx-pager-item a.active{background-position:left -10px}
#tutorial > a{position:absolute;z-index:100}
#tutorial > a.btn_tu_close{top:10px;right:10px}
#tutorial > a.btn_tu_next,#tutorial > a.btn_tu_close02{bottom:4.4014084507%;right:10px}
#tutorial > a.btn_tu_close02{display:none}

/* stopSmoke */
/*.stopSmoke{background:#f3f3f3}*/
/*.stopSmoke .page{position:fixed;bottom:0;left:0}*/
.stopSmoke .btns_wrap{background:#f3f3f3;padding-bottom:20px}
.stopSmoke .d_list li{padding: 13px 15px 12px 15px}
.self_top_menu{overflow:hidden; border-top:1px solid #e0e1e4;}
.self_top_menu li{float:left;width:50%}
.self_top_menu li a{display:block;height:39px;text-align:center;font-size:13px;color:#747474;line-height:40px;background:#fff;border-bottom:1px solid #e0e1e4;border-right:1px solid #e0e1e4}
.self_top_menu li:nth-child(2n) a{border-right:none}
.self_top_menu li.active a{color:#ff9800;background:#f3f3f3}

.self_request,.self_result{position:relative;font-size:16px;line-height:20px;text-align:center;color:#515151;padding:18px 15px 16px 15px;border-bottom:1px solid #e0e1e4;background:#f3f3f3}
.self_request em,.self_result em{color:#f86c73}
.self_result_data{font-size:14px;color:#797979;line-height:18px;padding:20px 15px;background:#f3f3f3}
.self_result_data span{display:block;margin-bottom:10px}
.self_result_data span:last-child{margin-bottom:0}
.self_result_data em{color:#f86c73}
.self_data{display:none;}
.self_ready .self_ready_info{padding:25px 23px 20px 23px;font-size:14px;color:#8d8d8d;line-height:18px}

.self_result_txt01{padding:20px 0 8px 0;font-size:14px;color:#f86c73;text-align:center;border-top:1px solid #e0e1e4}
.r_i_wrap{position:relative}
.r_i_wrap label{font-size:14px;color:#747474;display:block; padding-right:30px}
.r_i_wrap input{position:absolute;top:50%;right:0;margin-top:-11px}

.sum_i_wrap{position:relative;overflow:hidden;padding:10px 15px !important}
.sum_i_wrap p{position:relative;display:block}
.sum_i_wrap .s_label{float:left;font-size:13px;color:#959595;line-height:33px}
.sum_i_wrap .s_input{
	width:105px;
	height:30px;
	padding:0 10px;
	background:#fff;
	border:1px solid #dbdbdb;
	float:right;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.sum_i_wrap .s_input input{width:100%;height:30px;color:#797979}
.sum_i_wrap .s_input input::-webkit-input-placeholder {color:#797979}
.sum_i_wrap .s_input input:-moz-placeholder {color:#797979}
.sum_i_wrap .s_input input::-moz-placeholder {color:#797979}
.sum_i_wrap .s_input input:-ms-input-placeholder {color:#797979}

.sum_list{margin-bottom:25px}

/* etc */
input.c_radio{	
	width:23px;
	height:23px;
	margin-right:2px;
	overflow:hidden;
	background:url(../images/content/timer_radio_icon.png) left top no-repeat;
	-webkit-background-size:23px auto;
	-moz-background-size:23px auto;
	-o-background-size:23px auto;
	background-size:23px auto;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	border:none
}
input.c_radio:checked{background-position:left bottom}
input.c_check{
	display:inline-block;
	width:13px;
	height:11px;
	margin-right:2px;
	overflow:hidden;
	background:url(../images/content/timer_check_icon.png) left top no-repeat;
	-webkit-background-size:13px auto;
	-moz-background-size:13px auto;
	-o-background-size:13px auto;
	background-size:13px auto;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	border:none
}
input.c_check:checked{background-position:left bottom}

.level{display:inline-block;margin-right:3px}
.level img{height:10px;width:auto}


.txt_group{padding:20px 15px}
.paragraph{padding-bottom:20px}
.paragraph_s{padding-bottom:10px}
.big_title{display:block;color:#66b8b4;font-size:15px;margin-bottom:10px;font-weight:bold}

.big_title2{display:block;color:#66b8b4;font-size:15px;margin-bottom:0px;font-weight:bold;margin-top:16px;}

.small_title{display:block;color:#444;font-size:13px;margin-bottom:5px}
.sentence{display:block;color:#797979;font-size:14px;line-height:18px;margin-bottom:5px}
.sentence_info{display:block;color:#999;font-size:13px;line-height:18px;margin-bottom:5px}

.reference_txt{padding-top:15px;border-top:1px solid #eaeaea}

.result_data{display:none}
.result_data.open{display:block}
/* .myPicture_detail{position:relative;margin:0 auto}
.myPicture_detail div{position:relative;width:100%;padding-bottom:100%}
.myPicture_detail p{position:absolute;top:0;left:0;width:100%;height:100%;z-index:15;display:none}

.myPicture_detail p.my_thumb{z-index:5;display:block}
.myPicture_detail p img{width:100%}
.myPicture_detail p.on{display:block !important}
.myPicture_flag_info{font-size:17px;color:#000;padding:35px 15px;text-align:center;line-height:20px}


.myP_thumb{overflow:hidden}
.myP_thumb li{position:relative;float:left;width:20%}
.myP_thumb li div{position:relative;padding-bottom:100%}
.myP_thumb li p img{width:100%}
.myP_thumb li p{position:absolute;top:0;left:0;width:100%;height:100%}
.myP_thumb li p.my_flag{
	filter:none; IE6-9
    -webkit-filter: grayscale(100%);
	z-index:50
}
.myP_thumb li p.my_thumb{
	filter: gray; IE6-9
    -webkit-filter: grayscale(100%); 
	z-index:10
}
.myP_thumb li p.my_border{z-index:60;display:none}
.myP_thumb li.on p.my_flag{display:block}
.myP_thumb li.on p.my_border{display:block}
.myP_thumb li.on p.my_thumb{
	filter:none; IE6-9
    -webkit-filter: grayscale(0);
}

.myP_thumb li.on p.my_flag{
	filter:none; IE6-9
    -webkit-filter: grayscale(0);
} */


/* mobie screen 360 */
@media screen and (max-width:360px){
	.main_con li a{margin:12% 11.26530612245% 12% 11.26530612245%}
}

/* mobie screen 320 */
@media screen and (max-width:320px){
	.main_con li a{margin:3.3% 13.26530612245% 3.3% 13.26530612245%}
}