@charset "utf-8";
/* CSS Document */

.view_switch_SP{
}

/*基本要素*/

*{
	box-sizing:border-box;
	font-size:15px;
}
html{
	height:auto;
}
img{
	max-width:100%;
	height:auto;
}
body{
	position:relative;
	height:100% !important;
}

input[type="checkbox"],
input[type="radio"]{
	margin-right:5px;
}
input[type="file"],
select{
	font-size:14px;
	margin-bottom:6px;
	width:100%;
}

input[type="text"], 
input[type="password"], 
textarea {
	font-size: 14px;
	width: 100%;
	min-height: 1.8em;
	padding: 4px;
	margin: auto;
}

.detail_dl .date_set input[type="text"] {
	width:100% !important;
}


h2{
	clear:both;
}
h3{
	font-size:inherit;
	margin:0;
	margin-bottom:6px;
	padding:4px;
	background:#ccc;
	clear:both;
}
p{
	font-size:inherit;
	margin:4px;
}
.notif{
	clear:both;
}

/*テーブル風リスト*/
ul.table_list{
	display:inherit;
	margin:auto;
}

.table_list>li,
.table_list>li.caption{
    display: inherit;
    border-bottom: 1px solid #ccc;
    padding: 8px 4px;
    pointer-events: none;
    cursor: auto;
}

.table_list li.head{
	display:none;
}
.table_list li dl{
	display:inherit;
	position:relative;
}
.table_list li dl:after {
    clear: both;
    content: "";
    display: block;
}
.table_list li dt {
    display: block;
    float: none;
    font-weight: normal;
    margin-right: 0;
    padding: 0;
    color: #b1b1b1;
    display: inline-block;
    font-size: 12px;
}
.table_list li dd {
	padding: 3px 5px;
	border: none;
	min-height: 1.6em;
	pointer-events: auto;
	border-bottom: 3px solid transparent;
	vertical-align: top;
	display: block;
	text-align: left;
}
.table_list li dd a {
    font-size: inherit !important;
}
.table_list li dd.edit_dd{
	width:100%;
	text-align:left;
}
.table_list li dd.edit_dd a{
	display:block;
    font-size: 14px;
    min-height: auto;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 6px 0;
    width: 100%;
    -webkit-border-radius: 2px;
    text-align: center;
    background-color: #f0f0f0;
    border: solid 1px #999;
    color: #333;
}
.table_list>li>dl>dd>a>span.icon_edit:after{
	content:"編集";
	margin-left:0.5em;
}
.table_list>li>dl>dd>a>span.icon_profile:after{
	content:"詳細";
	margin-left:0.5em;
}

/* New Design changes */


dd.btn{
	width:100% !important;
}
.w01,.w02,.w03,.w04,.w05,.w06,.w07,.w08,.w09,.w10,.w11,.w12,.w13,.w14,.w15,.w16,.w17,.w18,.w19,.w20,.w21,.w22,.w23,.w24,.w25,.w26,.w27,.w28,.w29,.w30{
	width:auto !important;
}
.t_l_title{
	font-size:110%;
	font-weight:bold;
}
td.center{
	text-align:left;
}

table{font-size:inherit; width:99%; margin:auto;}
table.list-t{
	font-size:14px !important;
}
table.list-t tbody tr{
	margin-bottom:3px;
}
table.list-t tbody tr td{
	border-bottom:none;
}

/*グループ　掲示板*/
.list-t table, 
.list-t thead, 
.list-t tbody,
.list-t th,
.list-t td,
.list-t tr{ 
	display: block;
}
.list-t thead tr {
	position: absolute; 
	top: -9999px; 
	left: -9999px;
}
.list-t td { 
	position: relative;
}
.list-t td:first-child{
	padding-left:4px !important;
}
.list-t td:before {
	display:block;
	font-weight:bold;
}
td.btn{
	padding-left:inherit !important;
}
.table_list .popup1 ul li{
	border-bottom:none;
	padding:inherit;
}
table select{
	margin-bottom:0;}
.appr_dd,
.disp_dd,
.edit_dd{
	top:0;
	float:right;
}
.check_dd{
	float:left;
}
.appr_dd{
}
.disp_dd{
}
.edit_dd{
}

/*------------ 基本レイアウト ------------*/
body {
	-webkit-text-size-adjust: none;
}
#wrapper{
	font-size:14px;
	overflow:hidden;
	padding-top: 40px;/*17-12-26*/
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	min-height:100vh;
}
/*ビフォーヘッダー要素*/
.before_header_menu{
	height:40px;
	background:rgb(35, 35, 35);
	padding:0;
}
.before_header_menu, #header_menu{
top: 0;/*17-12-26*/
}
.before_header_menu_cover{
	line-height:40px;
}
.before_header_menu .select_lang label,
.before_header_menu .login_link a:link,
.before_header_menu .login_link a:visited,
.before_header_menu .register_link a:link,
.before_header_menu .register_link a:visited{
	font-size:14px;
}

/*ヘッダー要素*/
.header_area{
	position:relative; /*17-12-27*/
	/*top:33px;*/
	z-index:90;
	width:100%;
	height:23px;
	min-height:0;
	padding:0;
	background:rgb(100, 100, 100) !important;
	background-image:none !important;
	border:0;
}
#header_inner {
	height:auto;
	max-width:inherit;
	min-height:0;
	margin:auto;
	position:static;
	background-color:transparent;
}
.member_suggest{
}
.to_top{
	margin-left:0;
}
a.logo_cover1{
	background-repeat: no-repeat;
	position: relative;/*17-12-26*/
	top: 0 !important;
	left: 0;
	z-index: 1;
	display:block;
	background:none;
	text-indent:inherit;
	width:100%;
	max-width:none;
	height:23px;
	max-height:23px;
	line-height:23px;
	color:#fff;
	text-align:center;
	margin:auto;
	padding:0;
}
.logo_cover1 img{
	margin:auto;
	display:none;
}
.logo_cover1 span{
	display:block;
	margin:auto;
	padding:0 10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:11px;
	font-weight:normal;
}

.header_top .logo_cover1{
	display:block !important;
	float:none !important;
	width:auto !important;
	margin:10px auto !important;
	background-size:contain;
}
.aft_login{
	/*position:relative !important;17-12-26*/
}
.nyroModalCont iframe{
	z-index:99999;
	color: #fefefe;
	width: 100% !important;
	height: 620px;
	overflow: scroll;
}

/*本体要素*/
.middle_area{
	position:static;
	max-width:inherit;
	min-height:420px;
	padding-bottom:inherit !important;
	background:transparent;
	background-color:transparent !important;
	margin: 0;
    margin-top: 0 !important;
	flex-grow: 1;
}
.content_cover{
	padding:4px;
}
.content_cover img{ 
	height:auto !important;
}
.content_cover .msg_sort img, 
.content_cover .introduction img {
    width: inherit;
}
/*メニュー要素*/
.menu_area {
	height:42px;
	width:auto;
	float:none;
	padding:inherit;
	margin:inherit;
	position: relative;
	
	display:none;/*17-12-26*/
}

#global_menu{
}
.other_menus{
}
#lm_disp,#lm_hide{
    width: 39px;
    height: 39px;
}
#lm_disp,
#lm_hide{
	float:left;
}
#lm_hide{
	display:none;
}
.left_menu_sp{
	display:block !important;
}
.left_menu_sp,
#right_menu_tab_sp{
	display:block;
	clear:both;
	line-height:40px;
}
#right_menu_tab_sp{
	float:right;
}
.left_menu_sp a,
.right-menu-toggle a{
	position:absolute;
	z-index:120;
	height:100%;
}

.icon_left_menu{
	/*display:block;
	background-image:url(../../../common/images/icon_wh_32.png);*/
	width:24px;
	height:24px;
	margin:8px auto;
	text-shadow: 1px 1px 1px #5a5858;
	/*background-color:rgb(35, 35, 35);*/
}
.icon_left_menu:before{
	content:"\f03a";
	font-family:FontAwesome;
	font-size:22px;
	color:#fff;
}
.icon_left_menu{
    background-position: -287px 1px;
}
.left_menu_sp img,
.right-menu-toggle img{
	width:16px !important;
	height:16px !important;
	max-width: none !important;
}
.left_menu_sp a{
	left:0;
	text-align:center;
	text-decoration:none;
}
.right-menu-toggle a{
	right:0;
}
a.profile_edit{
	color:#fff;
}
.global_dum{
	display:none;
}

/*メニュー開閉*/
.lm_disp{
	-webkit-transform:translateX(250px);
}
.lm_hide{
	-webkit-transform:translateX(0px);
}
.lm_disp,
.lm_hide,
.rm_disp,
.rm_hide{
	-webkit-transition:-webkit-transform 0.3s ease-in-out;
}

.global_dum{display:none;}

/*新しいメニュー要素*/
/* #global_menu{
	background: rgb(35, 35, 35);
	font-size:110%;
	margin-bottom:0;
	margin-left:-250px;
	width:250px;
	position:fixed;
	overflow-y:scroll;
	padding-bottom:0;
	height:100%;
	min-height:inherit;
	max-height:inherit;
	border-right:1px solid #999;
	-webkit-overflow-scrolling: touch;
	top:0px;
	left:0;
	z-index:92;
}
#global_menu>ul{
	width:100%;
	top:0;
	left:0;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	background:none !important;
	boder:none;
}
#global_menu>ul>li{
	display: block;
	list-style: none;
	position: relative;
	width:100%;
	border-radius:0;
	margin:auto;
	padding:inherit;
	background:none;
	height:auto;
	border-bottom:1px solid rgb(58, 58, 58);

} */
.user_center_btn a{
	width:auto;
	box-shadow:none;
}
.user_center_btn a:hover{
}
/* #global_menu h2{
	font-size:inherit;
	border-top:1px solid #999;
	border-radius:0;
}
#global_menu>ul>li.current li{
}
#global_menu>ul>li.home_class{
	margin:auto;
	background: inherit;
}
#global_menu>ul>li>a,
#global_menu>ul>li.home_class>a{
	font-size:120%;
	color:#FFF ;
	height:auto;
	line-height:normal;
	text-align:left;
	margin:auto;
	padding:12px;
	padding-left:1em;
	background:none !important;
	border:none;
	box-shadow:none;
	white-space:normal;
}
#global_menu>ul>li:hover,
#global_menu>ul>li>a:hover,
#global_menu>ul>li.current,
#global_menu>ul>li.current>a
{
	background:transparent !important;
	height:auto;
}
#global_menu>ul>li:first-child>a{
	border:none;
}
#global_menu>ul>li>ul>li{
	border:none;
	border-radius:0 !important;
	padding:inherit;
}
#global_menu>ul>li>ul>li>a{
	color:#ddd;
	padding:5px;
	padding-left:1em;
	font-size:100%;
}
#global_menu>ul>li>ul>li.current>a{
	font-weight:bold;
	background:transparent;
}
#global_menu>ul>li>ul>li.current>ul{
	display:block;
	list-style:none;
	margin-left:1em;
}
#global_menu>ul>li>ul>li.current>ul>li{
	margin-bottom:2px;
}
#global_menu>ul>li>ul>li.current>ul>li>a{
    display: block;
    padding: 3px;
    color: #c0c0c0;
    font-size: 90%;
    padding-left: 1.5em;
}
#global_menu>ul>li>a span{
	margin-top:4px;
}
#global_menu>ul>li.current>a,
#global_menu>ul>li>ul>li.current>a,
#global_menu>ul>li>ul>li>ul>li.current>a{
	text-decoration: underline;
    color: #7fcbff;
} */

.icon_my_list, .icon_all_list{
	background-color:inherit;
	border:1px solid #fff;
}
.left_members,
.left_members h2{
	font-size:inherit;
}
.left_members{
	width:100%;
	margin:auto;
}
/* #global_menu .mail_count,
#global_menu .cart_count{
	margin-top:8px !important;
	height:20px !important;
	min-width:20px !important;
	line-height:20px !important;
	padding:0 !important;
}
#global_menu>ul>li>ul{
	display:block;
	position:relative;
	top:0;
	left:0;
	border-radius:0;
	box-shadow:none;
	margin-left:1em;
	padding:0;
	width:auto;
}
#global_menu>ul>li>ul>li:first-child:before{
	content: "";
	color: #fff;
	position:relative;
	top:0;
	left:0;
	opacity:1;
}
#global_menu>ul>li>ul>li:first-child,
#global_menu>ul>li>ul>li:last-child{
	border:none;
}
#global_menu>ul>li>ul>li{
	background:none;
} */
/*if the function current*/
.profile_edit .icon_profile,
#global_menu>ul>li>a .icon_profile{
	background-image:url(../../images/wh/contact_card.png);
}
#global_menu>ul>li>a .icon_members{
	background-image:url(../../images/wh/user.png);
}
#global_menu>ul>li>a .icon_friends{
	background-image:url(../../images/wh/notepad.png);
}
#global_menu>ul>li>a .icon_message{
	background-image:url(../../images/wh/mail.png);
}
#global_menu>ul>li>a .icon_group{
	background-image:url(../../images/wh/users.png);
}
#global_menu>ul>li>a .icon_album{
	background-image:url(../../images/wh/picture.png);
}
#global_menu>ul>li>a .icon_event{
	background-image:url(../../images/wh/calendar_1.png);
}
#global_menu>ul>li>a .icon_blog{
	background-image:url(../../images/wh/chat_bubble_message_square.png);
}
#global_menu>ul>li>a .icon_news{
	background-image:url(../../images/wh/document.png);
}
#global_menu>ul>li>a .icon_notice{
	background-image:url(../../images/wh/info.png);
}
#global_menu>ul>li>a .icon_file{
	background-image:url(../../images/wh/download.png);
}
#global_menu>ul>li>a .icon_support{
	background-image:url(../../images/wh/lightbulb.png);
}
#global_menu>ul>li>a .icon_search,
.icon_search_wh{
	background-image:url(../../images/wh/zoom.png);
}
#global_menu>ul>li>a .icon_setting{
	background-image:url(../../images/wh/wrench_plus.png);
}
#global_menu>ul>li>a .icon_payment{
	background-image:url(../../images/wh/calc.png);
}
#global_menu>ul>li>a .icon_bbs{
	background-image:url(../../images/wh/spechbubble_2.png);
}
#global_menu>ul>li>a .icon_seminar{
	background-image:url(../../images/wh/doc_lines.png);
}
#global_menu>ul>li>a .icon_report{
	background-image:url(../../images/wh/doc_lines_stright.png);
}
#global_menu>ul>li>a .icon_survey{
	background-image:url(../../images/wh/air_signal.png);
}
#global_menu>ul>li>a .icon_refresh{
	background-image:url(../../images/wh/refresh.png);
}
#global_menu>ul>li>a .icon_password{
	background-image:url(../../images/wh/padlock_closed.png);
}
#global_menu>ul>li>a .icon_home{
	background-image:url(../../images/wh/home.png);
}

/*右メニュー*/
.icon_area{
	float: none;
	width: 100%;
	text-align: center;
	padding-top:4px;
	border-left:none;
	position:relative;
	right:inherit;
	margin:auto;
	top:0;
	z-index:99;
}

.icon_area a{
	display:block;
}
.center_icon,
.notice_icon,
.back_home,
.whats-new,
.icon_panel_24,
.cart_icon,
.messages{
	float:none !important;
	display:inline-block !important;
	margin:0 2px !important;
	opacity:1 !important;
}
.icon_messages{
	background-image: url(../../images/wh/mail.png) !important;
}
.icon_home_wh {
	background-image: url(../../images/wh/home.png) !important;
}
.icon_doc_wh {
	background-image: url(../../images/wh/message_attention.png) !important;
}
.setting_point{
	background-image: url(../../images/wh/cog.png) !important;
}
.icon_panel{
	background-image: url(../../images/panel.png) !important;
}

.icon_messages, .icon_doc_wh, .icon_panel, .icon_home_wh{
	margin:auto;
	opacity:1 !important;
}
.message_count, .notification_count, .icon_area .cart_count{
	right:0px;
	bottom:4px;
	height:14px;
	min-width:14px;
	line-height:14px;
	padding:0;
	border-radius:3px;
}


.top_right_block{
	position:relative;
	top:0;
	right:0;
	float:none;
}
.notice_icon{
	display:block;
	background: #F00;
	border-radius: 10px;
	height: 16px;
	width:16px;
	z-index: 91;
	position: absolute;
	right: -3px;
	bottom: -3px;
	opacity:0.8;
	border:2px solid #fff;
}
.back_home{
}
.whats-new{
}
.icon_panel{
	width:34px !important;
	height:34px !important;
}
.center_icon .icon_profile{
	background-image:url(../../images/wh/contact_card.png);
	width:30px;
	height:30px;
	margin:auto;
	background-position: center;
}

.icon_panel_s{
	background-image: url(../../images/panel.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 30px;
	float: left;
	margin: 5px auto;
}
.icon_panel_24,
.icon_home_wh_24,
.icon_messages_24,
.icon_doc_wh_24,
.icon_profile_24,
.icon_cart_24{
	width:36px !important;
	height:30px !important;
	margin:auto !important;
	background-color:transparent !important;
	background-size:24px !important;
}
.icon_panel_24{
	background-image:url(../../images/wh/24/panel.png);
}
.icon_home_wh_24{
	background-image:url(../../images/wh/24/home.png);
}
.icon_messages_24{
	background-image:url(../../images/wh/24/mail.png);
}
.icon_doc_wh_24{
	background-image:url(../../images/wh/24/message_attention.png);
}
.icon_profile_24{
	background-image:url(../../images/wh/24/contact_card.png);
}
.icon_cart_24{
	background-image:url(../../images/wh/24/shop_cart2.png);
}

.member_suggest{
	padding-top:0;
	margin-right:0;
	margin-left:10px;
	margin-top:0;
	float:none;
}
input[type="text"].member_suggest_txt{
	height: 25px;
	border: 0;
	margin-top:8px;
	background: #F4F4F4;
	border-radius: 4px;
	padding:1px 4px;
}
.member_suggest button.icon_search {
	font-size:inherit;
	line-height:inherit;
	-webkit-border-radius:0;
	box-shadow:none;
	text-align:inherit;
	margin: auto;
	padding: 0;
	text-align: inherit;
	font-size: inherit;
	font-weight: normal;
	border: none;
	width: 16px;
	height: 16px;
	position: absolute;
	opacity: 0.5;
	cursor: pointer;
	top: 5px;
	right: 8px;
}
.member_head {
	height: 30px;
	line-height: 30px;
	margin: 5px;
	float:none;
	display:none;
}
.setting_point{
	display:none;
}
.settings-menu{
	float:none;
	clear:both;
	padding-right:0;
	margin-left:0;
	border-left:none;
	position: relative;
	z-index: 90;
	color: white;
	white-space: nowrap;
	cursor: pointer;
}
.settings-menu-toggle {
	height: 0;
	line-height:0;
	margin: 0;
	display:none;
}
.settings-menu-dropdown{
	display:block !important;
	position:relative;
	background-color:transparent;
	min-width:inherit;
	padding:0;
	right:auto;
	top:auto;
	border-radius:0;
	width:100%;
	float:none;
	z-index:1;
}
.settings-menu-dropdown-inner{
}
ul.settings-menu-links{
	width:95%;
	margin:auto;
	z-index:90;
}
#header_inner div.link_cover1 {
	display:inherit;
	margin-left:0;
	float:none;
	position:absolute;
	padding-top:0;
	height:auto;
	max-width:inherit;
	margin-top: 0;
	top:120px;
	width: 95%;
	margin-left: 4px;
}
#header_inner div.link_cover1 ul{
}
.link_cover1 li{
	display:block;
	float:none;
	border-bottom: 1px solid #666;
}
.link_cover1 li a{
	display: block;
	font-weight: normal;
	background: none;
	color: white;
	padding: 6px;
	height: auto;
	border-radius: 0;
	margin-right: auto;
	max-width: inherit;
	overflow: auto;
	white-space: inherit;
	text-overflow: ellipsis;
	font-size: inherit;
	float: none;
	border-left: 10px solid #999;
}
.link_cover1 li a:hover{
	background:#666;;
	color: #F60;
	text-decoration:none;
}
.settings-menu-links li{
	display:block;
	border-radius:0;
	float:none;
	margin:auto;
	margin-bottom:1px;
}
.settings-menu-links a{
	display: block;
	font-weight: normal;
	background:none;
	color: white;
	padding:6px;
	height:auto;
	border-radius:0;
	margin-right:auto;
	max-width:inherit;
	overflow:auto;
	white-space:inherit;
	text-overflow: ellipsis;
	font-size:inherit;
	float:none;
	border:none;
}
.settings-menu-links a{
	border-left:10px solid #ccc;
}
.settings-menu-links a:hover{
	background:#666;
}
.whats-new{
	z-index:100;
}
.message-dropdown,
.whats-new-dropdown{
	position:fixed;
	left:4px;
	top:36px;
	z-index:92;
	width:98%;
	text-align:left;
}
.other_menus>.whats-new-dropdown{
	width:98%;
}
.message-dropdown-head,
.whats-new-dropdown-head{
	text-align:center;
	padding:0;
	top:20px;
}
.whats-new-dropdown-title{
	border-radius:6px 6px 0 0;
	width:auto;
}
.whats-new-dropdown-inner{
	border-radius:0 0 6px 6px;
	width:auto;
	max-height:120px;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
}
.whats-new-dropdown-inner li{
	line-height:1.2em;
}
.whats-new-dropdown:before {
	text-align:left;
	left:63%;
}
.login_head {
	float:none;
	margin:auto;
	position:relative;
	top:0;
	right:0;
	padding:0;
	line-height:inherit;
	width:auto;
	height:auto;
	text-align:inherit;
}

/*コンテンツ要素*/
.main_area,
.main_area2{
	margin-left:0;
	max-width:inherit !important;
	min-height:inherit !important;
	padding:4px;
	width:100% !important;
	margin:auto;
	/*margin-top:15px; 17-12-27*/
	background-color: rgba(255,255,255,1);
}

.user_home{
}
#main_inner {
	width:auto;
	margin:auto;
	padding:0;
	max-width:inherit;
	min-width:inherit;
	height:auto;
	min-height:inherit;
	float:none;
	position:static;
	margin-bottom:0;
}

.you_are_here{
	display:none;
}
ul.you_are_here{
	display:block;
	margin: auto;
    margin-top: -8px;
    margin-bottom: 1.5em;
	padding:6px;
	background-color:#999;
	color:#fff;
}
.you_are_here a{
	text-decoration:underline;
	color:#fff;
}

#main_inner .user_leftbox,
#user_sub_menu{
	width:auto;
	float:none;
}
#user_sub_menu ul{
	height: 30px;
	white-space: nowrap;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	margin-top:8px;
	margin-bottom:-1px;
}
#user_sub_menu li{
	margin-bottom:-2px;
}
#user_sub_menu li:first-child{
	margin-left:0;
}

h1{
	margin:auto !important;
	margin-bottom:8px !important;
}
h1 .btn_class{
	margin:10px auto;
}
h1 span.date{
	float:none;
}

/*フッター要素*/
.footer{
	height:auto;
	position:relative !important;
	margin-top: auto;
}
#footer_inner2{
	padding:8px 12px 30px 12px;
	font-size:80%;
	white-space:normal;
	text-align:left;
}
.footer_links{
	width:100%; 
	max-width:inherit; 
	margin:auto;
}
.footer_content,.footer_left,.footer_right{
	display:block;
}
.footer_right{
	float:inherit; 
	margin-right:auto;
	text-align:left;
}
.footer_left{
	white-space:normal; 
	float:inherit; 
	margin-left:auto;
	word-break:normal;
	text-align:left;
	padding-right:1em;
}
.menu_bottom{
	display:none;
	height:0;
}
.login_foot{
	display:block;
	text-align:left;
}
.login_foot li{
	display:inline-block;
}
.register_foot:before{
	content:" | "
}
.view_switch_PC,
.view_switch_SP,
.select_lang_sm{
	display:inline-block;
	text-align:left;
	margin-right:1em;
}
.footer_right a,
.view_switch_PC a{
	text-decoration:underline;
	border: none;
    background: none;
    box-shadow: none;
}
.select_lang_sm {
	text-decoration:underline;
	color:#99d6ff;
}
.footer_left,
.footer_right,
.view_switch_PC{
	margin-top:4px;
}
.drag-not-use-ele-row{
	width:100% !important;
	height:auto;
	min-height:70px;
	margin:2px;
}
.drag-not-use-ele-row .dragbox-content img{
	width:100% !important;
	height:auto !important;
	min-width:0 !important;
	min-height:0 !important;
}
.drag-not-use-ele-row img.ajax_loading{
	width:inherit !important;
}

.drag-not-use-ele-row .panel_leftside_menu {
	position: inherit;
	top: 0;
	left: 0;
	float: left;
}
.drag-not-use-ele-row {
	margin-left:auto !important;
	margin-right:auto !important;
}
.panel_leftside_menu .dragbox-content {
	width: 99%;
}

/*------------ 機能別調整 ------------*/
/*ログイン画面*/
.login_area dl {
padding:8px;
border:none;
width:auto;
margin:8px;
}
.login_area dt {
text-align:left;
font-size:inherit;
float:none;
width:auto;
}
.login_area dd input[type="text"],
.login_area dd input[type="password"] {
	width:100%;
}
.login_button button,
.add_member a{
	width:100%;
}
.plz_login a {
	margin: auto;
	font-size: 14px;
	width:98%;
}

/*テーブル風定義リスト（登録画面等に使用）*/
dl.submit_list{
	width:auto;
}
.submit_list dt,
.submit_list dd{
	float:none !important;
	padding:4px;
	margin:0;
	display:inherit !important;
}
.submit_list dt{
	
	clear:both !important;
	text-align:left !important;
	font-weight:bold !important;
	width:auto !important;
}
.submit_list dd{
	padding-left:4px !important;
	border-bottom:1px dashed #ccc;
}
.submit_list dd input[type="submit"]{
	margin-bottom:8px;	
}
.submit_list dd textarea{
	min-width:inherit;
}
.submit_list2 dd{
	width:98%;
	margin:auto;
	}
img[src*="color_box.png"] {
    width: auto;
}
/* Panel */
.tag_area{
	position:relative;
	bottom:auto;
}

/*ユーザーセンター*/
.profile_area,
.comment_area{
	width:auto;
	display:inherit;
	border:none;
}
.top_custom{
}
#img_areas,#list_areas{
	width:auto;
	float:none;
}

#img_areas li{
	width:90px;
}
#user_custom_icon{
/*	right:inherit;
	bottom:4px;
	width:100%;
*/
	display:none;
}
.edit_profile_button{
	width:100%;
	margin-top:4px;
}
.edit_profile_button a{
	text-align:center;
	margin-left:5px;
}
.edit_profile_button>a:last-child{
	float:right;
	margin-right:5px;
}
.image_title_edit,
.image_title2:hover .image_title_edit{
/*	display:block;
	position:absolute;
	bottom:-30px;
	right:0px;
*/
	display:none;
}

.image_title_edit a {
	  background:rgba(254,254,254,0.7);
  color: #444;
  padding: 3px 0px;
  display: block;
  border-radius: 3px;
  font-weight: bold;
  border: solid 1px #888;
}
#main_inner .user_menu_h h1{
	position:relative;
	margin-bottom:0 !important;
	width:auto;
	padding:6px;
}
.user_menu_h h1 .icon_profile{
	margin-left:auto !important;
}

/* user background edit */
.user_bg_img{
	max-width:100%;
}

/*タイムライン*/
.image_area_custom{
	height:140px;
}
.my_image_area{
	height:180px;
}

.image_title2{
	top: inherit;
	left: inherit;
	float: right;
	position: absolute;
	bottom: 5px;
	right: 0;
	margin-right: 4px;
	height: 124px;
	width: 58%;
	overflow: visible;
	background:rgba(255,255,255,0.8);
	color:#333;
	box-shadow:1px 1px 5px 1px rgba(0,0,0,0.3);
	border:none;
}
.image_title2:before {
  content:"▼"; 
    display:block;
    font-size:1.6em;
    height:0;
    line-height:0;
    position:absolute;
    color:#fff;
	top:20%;
    left:-16px;
    -webkit-transform:rotate(90deg);
    text-shadow: 1px 3px 4px rgba(0,0,0,0.3);
	opacity:0.8;
}

#image_title{
	display: block;
	height:114px;
	overflow:auto;
}
#image_title::-webkit-scrollbar{
    width: 5px;
}
#image_title::-webkit-scrollbar-thumb{
    background: rgba(000,000,000,0.4);
	border-radius:3px;
}

.image_title2 img{
	position:absolute;
	top:inherit;
	bottom:-23px;
	right:80px;
}
.my_profile2{
/*	bottom:inherit;*/
	margin-top:5px;
}
.profile_img2{
	width: 125px;
	height: 125px;
}
.event_img2{
	width: 120px;
	height: 120px;
}
.profile_img_edit{
/*	display:block;
	position:absolute;
	bottom: -28px !important;
	left:0px !important;
	z-index:10;
*/
	display:none;
}
.profile_img_edit a{
	white-space: nowrap;
	width:140px;
}
#my_profile2:hover .profile_img_edit {
	display:none;
}
#list_areas_wall,
#img_areas_wall{
	width:100% !important;
	float:none !important;
}
#img_areas_wall{
}
.area_title2{
	margin-top:8px;
}
.area_title2 ul{
}
.area_title2 li{
	list-style:none;
	display:inline-block;
	margin-right:-5px;
}
.area_title2 li:first-child{
	display:block;
	margin-bottom:4px;
}
.area_title2 li:after{
	content:"";
}
.area_title2 li:first-child:after{
	content:"";
}
.area_title2 li:last-child:after{
	content:"";
}
.area_title2 li a{
	display:block;
	border:1px solid #999;
	border-radius:0 6px 0 0;
	padding:6px 8px 3px 8px;
	background-color:#eee;
	font-weight:normal;
	text-decoration:none;
}
.area_title2 li.current a{
	background-color:#9FF;
}

.add_wall_comment{
	margin:0 10px;
	position:relative;
}
.post_wall_comment{
	position:relative;
}
.visible_custom{
	float:none;
	text-align:right;
	margin-right:auto;
}
.add_smile{
	position:absolute;
	right:0;
	top:2px;
}
.reply_comment_box{
	margin-left:auto;
	margin-right:20px;
	text-align:left;
}
.reply_btn{
	float:none;
}
#user_custom_icon_s{
	display: block;
	position: absolute;
	top: 10px;
	right: 0px;
	background-image: url(../../../user/images/wh/24/doc_edit_2.png);
	width: 32px;
	height: 32px;
	background-size: 32px;
	cursor:pointer;
	background-repeat: no-repeat;
}
#user_custom_icon_s ul{
	display:none;
	position: absolute;
	right: 0;
	right:4px;
	top: 39px;
	background-color: rgba(255,255,255,0.9);
	z-index: 999;
	list-style: none;
	box-sizing: border-box;
	padding: 2px 0;
	min-width: 170px;
	border:1px solid #333;
}
#user_custom_icon_s ul:before{
	content:"▲";
	position:absolute;
	top: -13px;
	right: 9px;
	color: #333;
}
#user_custom_icon_s ul li a{
	padding:15px 10px;
	display:block;
	cursor:pointer;
}
#user_custom_icon_s ul li a:active{
	background-color:#DFDFDF;

}
/*タイムライン toggle*/
#wall_show,
#profile_show,
#my_photo_show,
#friend_show,
#group_show,
#timeline_show,
#detail_show,
#notice_show,
#member_show{
	display:block;
	height:18px;
	width:18px;
	background: url(../../../admin/images/slidebuttons.png) left -18px;
	float:right;
}
#wall_show.open_detail,
#profile_show.open_detail,
#my_photo_show.open_detail,
#friend_show.open_detail,
#group_show.open_detail,
#timeline_show.open_detail,
#detail_show.open_detail,
#notice_show.open_detail,
#member_show.open_detail{
	background-position: right -18px;
}

/*マイメニュ*/
#my_page_navi{
	clear:right;
}
#drop_menu{
	margin-top:0;
	margin-bottom:0;
	max-width:inherit;
	min-width:inherit;
	border-radius:0;
	text-align:center;
}
#drop_menu > li{
	width:18% !important;
	min-width:inherit !important;
	background-position:center;
	background-repeat:no-repeat;
	box-shadow:none !important;
	position:static;
	float:none;
	display:inline-block;
}
#drop_menu > li > a{
	text-indent:-9999px;
	position:relative;
}
.usm_center,
.usm_home{
	display:none !important;
}
.usm_msg{
	background-image:url(../../images/bk/mail.png);
}
.usm_frd{
	background-image:url(../../images/bk/notepad.png);
}
.usm_act{
	background-image:url(../../images/bk/my.png);
}
.usm_pmt{
	background-image:url(../../images/bk/calc.png);
}
.usm_set{
	background-image:url(../../images/bk/cog.png);
}
#drop_menu li ul{
	position:absolute !important;
	width:100%;
	right:0;
	margin-top:-2px;
	font-size:14px;
	background:rgba(0,0,0,0.7);
}
#drop_menu li ul li a{
	color:#fff !important;
}

.post_comment_box{
	margin-left:10px;
}

.mail_count{
	height:20px;
	min-width:20px;
}

/*プロフィール情報*/
.big_block h2{
	width:98%;
	margin:auto;
	height:24px;
}
.dl_main{
	border-bottom:0;
	margin-left:4px;
}
.big_block_sub dt::before{
	content:none;
}
.big_block_sub dt{
	font-size:110%;
	width:auto !important;
}
.big_block_sub dd{
	clear:both;
	width:98% !important;
	text-align:left;
}
.big_block_sub dd input[type="text"]{
	width:98% !important;
	margin-left:0;
}
dd.block_sub_sub3{
	margin-left:auto;
	width:auto !important;
	position:absolute;
	top:0;
	right:0;
}
.block_sub_sub3 img{
	width: 16px;
	float: left;
}
.popup1, .popup2, .popup3{
	left:inherit;
	right:0;
}

.mainarea_btn{
	float:none;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
}
.details_area_custom_dopdown{
	/*margin:0 0 10px 10px;*/
}
.dl_main dl.big_block_sub dt,
.dl_main dl.big_block_sub dd{
	display:block;
}
/*新規メッセージ・編集*/
.compose li {
	padding:0;
	margin:0;
}
.compose_images{
	width:auto;
	min-height:inherit;
}
.left_compose_msg{
	float:none;
	width:auto;
	margin:auto;
	padding:0;
}
.right_compose_msg{
	width:100%;
	margin:auto;
	margin-bottom:10px;
	padding:4px;
	padding-bottom:inherit;
}
.right_compose_msg_inner{
	padding:0;
	position:relative;
}
.right_compose_msg_inner dl{
	margin:5px;
}
.select_send{
	margin-left:0.8em;
	font-weight:normal;
	display:inline-block !important;
}
.compose_images a.remove {
	top: 6px;
	right:5px;
}
.ul_compose_msg{
	float:none;
	min-height:inherit;
	padding-top:115px;
}
.ul_compose_msg li a{
	width:98px;
	height:98px
}
.compose_images .member_img, 
.ul_compose_msg .member_img {
	width: 88px;
	height: 88px;
}
.how_to_comp {
	bottom:0px;
	margin:8px 0;
}
.pagination{
	float:none;
}
li.post_reply{
	padding-left:inherit;
}
.msg_sort{
	text-align:center;
}
.compose input[type="text"],
.compose textarea{
	margin:0;
}

/*ニュース作成*/
.cke_skin_kama{
	width:auto !important;
}
.cke_skin_kama *{
	white-space:normal !important;
}

/*メンバーリスト*/
.member_list_area{
	margin-left:auto;
}
.search_area_left{
	display:none;
}
.search_show_hide{
	float:none;
	display:block;
	position:relative;
	border:1px solid #999;
	border-radius:10px;
	margin:auto;
	width:98%;
	margin-bottom:10px;
	font-size:18px;
	font-weight: bold;
	background:#eee;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(5%, #fefefe), color-stop(100%,#dfdfdf ) );
	background-color: #DDDDDD;
	color: #666;
	height: 36px;
	line-height: 36px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	text-align: center;
}
.search_add_to,
.search_area_left{
	float:none;
	font-size:110%;
	position:relative;
	width:94%;
	padding:4px;
	margin:auto;
	height:auto;
	border:1px solid #999;
	margin-bottom:10px;
	background:rgba(255,255,255,0.6);
}
/*#grid-content li{
	width:100px;
}*/
.before_mem_search{
	position:relative !important;
	top: inherit !important;
	left: inherit !important;
	text-align: center;
}
.add_as_friend{
	padding:0 !important;
}

/*グループ*/
.tag_search {
	width:auto;
	float:none;
	margin:0;
	padding-left:0;
}
.group_list li dd{
	min-height:26px;
}
.group_list li{ 
	flex-basis:48%;
	margin: 5px 1%;
    padding-bottom: 2.3em;
	max-width: 48%;

}
.group_img {

}
.index_user_top_inner_link{
	width:auto !important;
	padding:0 !important;
	margin:0 !important;
	float:none !important;
}
.search_item dd{
	float:none !important;
	padding:0 !important;
}
.index_user_top_inner_link span{
	padding:0 !important;
}
.search_item dd br {
display: none;
}

/*グループホーム*/
.group_home {
	width:auto !important;
	margin:auto !important;
}
.groupcomment_list_bx,
.rightbar,
.sb_box{
	width:auto !important;
	float:none !important;
}
.rightbar{
	padding:16px 0 !important;
	background:none !important;
}
.sb_hd{
	background:none !important;
}
.grouptittle_bx{
	float:left;
	margin-bottom:4px !important;
	width:100%;
}
.groupcomment_list_bx{
	clear:both;
	min-height:inherit;
}
.ui-widget-header{
	padding: 0px !important;
	width: 100% !important;
	margin-top:0px !important;
}
.ui-widget-header li{
	list-style:none;
	display:inline;
	margin-bottom:-3px;
}
.ui-widget-header li:first-child{
	margin-left:0 !important;
}
.ui-widget-header li a:hover{
}

/*グループメンバー*/
ul.user_list{
	min-height:inherit;
}
.user_list li {
	float: left;
	height: 95px;
	width: 95px;
	margin: 4px;
	position: relative;
	z-index: 2;
	background: #ccc;
	cursor: pointer;
}
.submit_button {
	text-align: center;
	margin:auto;
	margin-top:5px;
}
.submit_button input,
.submit_button button{
	width:100%;
	margin:auto;
	margin-bottom:6px;
}

/*グループアルバム*/
.gr_iconbox span.block_sub_sub3{
	width:72px;
}
.ga_disp_status{
	white-space:nowrap;
	font-size:inherit;
}
.comment_bx {
	float:none !important;
	max-width:inherit !important;
	width:94%;
	height: 100%;
	padding: 2px;
	margin: 6px auto;
	display:table-row-group;
}
.g_a_c_list{
	width:auto !important;
}
.album_images_list{
	display:table-header-group;
	width:94%;
	margin:auto;
}
.infobox .date_tme{
	font-size:10px;
}

#cmt_hide,#cmt_disp{
	display:none;
}
.button_holder{
	float:none !important;
	text-align:right;
	padding:0;
}

.detail_img,
.content_detail_box{
	width:auto !important;
	float:none !important;
	min-height:inherit !important;
	clear:both;
	margin:auto;
	padding:0;
}
.detail_img{
	padding-bottom:8px;
	margin-bottom:8px;
}
.image_prop{
	max-height:none !important;
	max-width:100% !important;
}
ul.album_img_list{
	padding-right:0 !important;
	clear:both;
}
#album_d_left,
#album_d_right{
	width:98%;
	margin:auto;
	float:none;
}
.album_basic{
	min-height:0;
	margin-top:8px;
}
#album_d_left .album_top_img {
	margin:10px auto;
	float:none;
}
.album_d_title,
.album_d_desc{
	margin-left:auto;
}
.album_photo_list{
	min-height:0;
}
.album_img_list li{
	width: 100px;
  height: 100px;
}
.boticon_bx2 img{
	width:12px;
}
.album_img_list .imgbx{
}
.a_photo_cover{
	display:block;
}

.fileupload-content{
	display:none;
}
#main_inner form#search{
	margin:auto;
}

/* グループ　編集 */
.bg_color{
	height:auto !important;
}
.submit_list dd input[name="group_tag"],
.submit_list dd input[name="group_name"],
.submit_list dd textarea[name="group_description"]{
	width:100%;
}
.content_cover .member-list .member-list-top{
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;

}
.content_cover .member-list .member-list-top li:first-child {
    -webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;

    min-width: 100%;
}
/*イベント*/

.event_h_bottom{
	text-align:center;
	width:98%;
	margin:auto;
	left:0;
}
.event_top_btn{
	height:auto !important;
}
.event_top_btn div{
	float:none;
	margin:auto;
	width:98%;
}
.calender_view_btn,
.add_event_button{
	position:relative !important;
	display:none;
}
.calender_view_btn button,
.add_event_button button{
	margin-bottom:5px;
}
#event_calender {
    width: 100%;
}
.event_list dd button{
	font-size:inherit;
	height:auto;
	line-height:inherit;
	width:auto;
}
.event_list{
	width:98%;
	float:none;
	margin:auto;
}
.event_date{
	float:none !important;
	text-align:right;
}
span.event_time{
	display:block;
}
#iphone_list{
	display:block !important;
}
#event_calender{
	float:none;
	margin-top:auto;
	position:inherit;
}
.hasDatepicker{
	/*display:none;*/
}
.dragbox-content .hasDatepicker{
	display:block;
}
.C51_panel-content .hasDatepicker{
	display:block;
}

.event_list dl{
	float:none;
	width:100%;
	margin:auto;
}
.event_img2{
	float:left;
	margin-bottom: 10px;
}
.event_list ul,
.event_details{
	margin-left:auto;
	padding-right:inherit;
}
.event_list ul{
	width:100%;
}
.event_list ul li {
	display:inherit;
	width:auto;
}
.event_list li.date_time{
	float:none;
	font-size:90%;
	font-weight:normal;
}
.event_list li.e_address a{
	font-size:90%;
}
.event_list dt, dl.event-list dt {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    height: auto;
    -webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    -webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
    background-color: white;
}

.event_list dt *, dl.event-list dt * {
    margin: 0;
    padding: 0;
}
#main_inner .event_info_head h1 {
	margin:auto;
}
.event_detail_right{
	display:none;
}
.event_info_head .usual{
	margin-top:auto;
}
#main_inner .usual ul{
	width:auto;
	float:inherit;
	position:relative;
}
.event_left, .event_right{
	float:none;
	width:98%;
	margin:auto;
	padding:0;
	margin-bottom:10px;
	clear:both;
}
#calendar {
	width: 98%;
}
.fc-header{
	font-size:12px !important;
}
.fc table h2{
	font-size:inherit;
}
label.event_remainder_status{
	display:block !important;
}
select#from_time_hour,
select#from_time_min,
select#to_time_hour,
select#to_time_min,
select#event_remainder_date,
select#remainder_time_hour,
select#remainder_time_min{
	width:3.3em;
}
input#event_max_users{
	width:6em;
	display:inline-block;
}







/*掲示板*/
.bbs_panel li {
	width:96% !important;
	height:inherit !important;
	float:none !important;
	margin:8px auto !important;
}
.usual ul li{
	width:33.3333%;
	font-size: 12px;
	margin-top:-4px;
}
.usual ul li a {
	display:inline-block;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#eee));
	color: #666;
	padding: 3px 0;
	text-align: center;
	text-decoration: none;
	border-radius:0;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	position: relative;
	z-index: 1;
	margin:auto;
	margin-top:auto;
	margin-left:auto;
	width:100%;
	font-weight:normal;
	white-space:nowrap;
	overflow:hidden;
}
.usual ul li:last-child a{
	border-right:1px solid #ccc;
}
.usual ul li button{
	display:none;
}
.usual ul li a.selected {
	background: white;
	background: -moz-linear-gradient(top, white, #D7E7EC 20%, white);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #D7E7EC), from(white), to(white));
	font-weight:normal;
	padding:3px 0;
	margin-top:auto;
	font-size:inherit;
	margin-left:inherit;
	margin-right:inherit;
	z-index: 2;
	-webkit-box-shadow:none;
	cursor: default;
	color:#333;
}
#ui-datepicker-div{
	margin-top:50px;
}
.submit_list dd input,
.submit_list dd button{

}
.submit_list dd input[type="button"],
.submit_list dd button{
	margin-bottom:4px;
}

/*アンケート*/
.survey_list{
	padding-bottom:5.5em;
}
.ans_btn{
}
.survey_attend,
.survey_closed,
button.survey_reply{
	float:none;
	font-size:18px;
	margin: 0 auto;
	margin-bottom:0;
	width:100%;
	-webkit-border-radius: 10px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	text-align: center;
}
h6{
	font-size:14px;
	float:none;
	clear:both;
}
.submit_left{
	float:none;
}
.submit_list dd label{
	display:inline-block;
}
.search_area label.date_set{
	float:left;
	width:49%;
	margin-right:6px;
}
.search_area label.date_set:nth-child(3){
	margin-right:0;
}
.search_area label.date_set input{
	width:100% !important;
}
.submit_list dd label.date_set{
	float:none;
}
.icon_calendar{
	bottom: 10px;
	right: 5px;
}
.imgfileExt{width: 100% !important;}
.search_members{
	padding:0;
	margin:0;
}
.search_members dt,
.search_members dd{
	padding:0;
}
.search_members dt{
	float:none;
	clear:both;
	text-align:left;
	font-weight:bold;
	width:auto;
}
.search_members dd{
	padding-left:4px;
}

/*ユーザーセンター*/
.nyroModalCont{
	min-width:98% !important;
	min-height:98% !important;
	top:0px !important;
	margin:0 !important;
}
.popup_content{
	margin:auto !important; 
	margin-top:10px !important;
}
.nyroModalCloseButton{
	margin-top:12px;
	margin-right:18px;
	width: 25px !important;
	height: 25px !important;
	border:1px solid #fff;
	text-indent: -9999em;
	background: url(../../../images/admin/close.gif);
	background-position:center !important;
	background-repeat:no-repeat !important;
	z-index: 10000;
}
.simpleColorChooser{
	top:50px !important;
	left:0 !important;
	width:97% !important;
	height: auto !important;
}
.simpleColorCell{
	width:15px !important;
	height:15px !important;
}
.main_select_prof .simpleColorChooser{
		left:0px;
	}
#lightbox-container-image-data-box,
#lightbox-container-image-box{
	width:100% !important;
	height:100% !important;
	padding:0 !important;
}
#lightbox-secNav-btnClose{
	float:none;
}
#lightbox-nav-btnNext{
	height:100% !important;
}

/*ニュース*/
.news_thumb{
	margin:5px;
}
.date {
	margin-left:0;
	padding-right:0.8em;
	display: block;
	text-align: right;
}
.search_area{
	font-size: 12px;
	margin: auto;
	width: 98%;
	margin-bottom: 10px;
}
.search_area:after{
	content:"";
	display:block;
	clear:both;
}
.search_area dd{
	float:none !important;
	margin:auto !important;
	display:block;
}
.search_area input {
	margin-left:0 !important;
}
.search_area dd br{
}
.search_area input[type="text"],
.search_area .selectbox_group{
	width:100%;
}
/*
.search_area input#search,
.search_area input#clearserach,
#search1,#clearserach1{
}
.search_area input#search,
.#search1{
	width:79%;
	float:left;
}
.search_area input#clearserach,
#clearserach1{
	width:20%;
	float:right;
	min-width:0;
}
*/
#content_cover{
	margin:auto;
	float:none;
	width:100%;
	clear:both;
}
ul.news_list,
#download_file,
#news_comment,
dl.news_content,
ul.comment_list,
.comment_list li 
{
	width:auto;
	float:none;
}
.content_cover .news-container .news_thumb_area {
	min-width:unset;
	width:100%;
	text-align:left;
}
.content_cover .news-container .news_thumb_area img[data-greater=height] {
    width: auto;
}
.content_cover .news-container .news-content.nc-first-col{
	width:100%;
}
.content_cover .news-container .news-date, .content_cover .news-container .news-tag{
	float:none;
}
#news_list .data-row {
    margin-bottom: 30px;
}
.content_cover .news-container .news-read-more {
    margin-top: 5px;
}
.content_cover .news-container .news-description {
    margin-top: 10px;
}
.content_cover .news-container .news-content.nc-first-col{
	margin-bottom:8px;
}
/*メッセージ*/
.box_message{
	width:auto;
	float:none;
	padding:0;
}
.box_message .msg_check input{
	margin:0;
}
.inbox-container .msg_time,
.inbox-container .msg_info {
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    margin: 0;
    padding: 0;
}
.inbox-container .msg_time {
    margin-left: auto;
    font-size: 12px;
	color:#666;
}
.message_title{
	height:auto;
}
.box_message .msg_txt {
	max-width: 100%;
    flex-basis: 100%;
    padding: 10px 10px 10px 23px;
    margin-left: 0;
}/*
.honbun,
.msg_title {
	width:94%;
	margin:0;
}*/
.box_message .msg_title {
    margin-bottom: 10px;
    margin: 0;
    padding-bottom: 6px;
    width: 100%;
}
.box_message .member_img{
	width:50px;
	height:50px;
}
.box_message .member_img img{
	width:auto;
	height:50px;
}
.box_message dd{
	float:none;
}
.box_message dl{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;

}

.inbox-container .msgmem_name {
    max-width: unset;
    flex-basis: 93%;
    margin: 0;
    padding: 0;
}
.box_message .msg_check{
	text-align:left;
	width:inherit;
	flex-basis:5%;
	margin:0;
	padding:0;
	margin-left:2%;
}
dd.members_name{
	padding:0;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	margin-right:40px;
}
.inbox-container .msg_info_ikon{
	width:unset;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	align-items: center;
}
.msg_info_ikon div,
.msg_info_ikon a {
    float: none;
    margin: 0;
}
.msg_info_ikon >div,
.msg_info_ikon >a{
	margin-left:8px;
}
/*ファイル*/
ul.list_style{
	width:100%;
}
.list_style li,
dl.list_details{
	float:none;
	width:auto;
}

/*マイフォト*/
#grid-content{
	margin:auto;
	justify-content:space-evenly;
}
#grid-content li{
	margin: 5px 0 5px 3px;
}
#grid-content li.prof_img{
	width:;
	height:;
}

/*ユーザープロフィール*/
.profile_area dd{
	min-height:1.6em;
}
.info_area,
.info_area2{
	min-height:inherit;
}
.user_name_area {
	display:inherit;
	height:auto;
	margin-top:0;
}
#mail_area {
	float:none;
	margin:0 5px;
}
#mail_area button{
	margin-bottom:4px;
}
.search_button{
	float:none;
}
.bottom_button{
	width:98%;
	margin:auto;
}
.bottom_button button,
.bottom_button input{
	margin:4px auto;
}

/*掲示板*/
ul.bbs_panel{
	margin:auto;
}

ul.bbs_list{
	width:100%;
	margin-left:auto;
}
.bbs_list li{
	width:99%;
	height:auto;
	padding-bottom:8px;
}
.bbs_comment .topic_img {
float:none !important;
}
.bbs_comment .topic_img img{
	width:inherit;
	margin-right:0;
}
.div_feedback{
	float:none !important;
	margin:auto !important;
	padding:0 !important;
}
.div_feedback textarea{}
.link_feedback{
	width:98% !important;
	float:none !important;
}
.a_show_more {
	width:auto !important;
	float:none !important;
	margin:auto !important;
	display: block;
	padding: 4px !important;
}
.main_01_main{
	float:none !important;
}
.topic_main_comment{
	float:none !important;
}
.topic_main_comment_box_inner,
.topic_main_comment_box_inner_01{
	margin-right:4px;
	min-height:60px !important;
}
.left_btn{
	float:none !important;
}
.comment_list{
	clear:both;
}
.date_tim a{
	display:block;
}

.bbs_detail_list {
	position:relative !important;
	bottom:auto !important;
	right:auto !important;
	margin-left:0 !important;
	margin-top: 8px;
	clear:both;
}
.bbs_detail_list span {
	margin-left:0 !important;
	display:block;
}
.bbs_list_txt {
	margin-bottom:0 !important;
	min-height:80px;
}
.ul_main_area_1{ clear:both;}
.textarea_w30 input[type="text"],
.textarea_w30 textarea{
	width:100%;
}

.mybbs_title{
	margin-left:auto;
}
.bbs_status{
	top:inherit;
	bottom:8px;
}

/*非表示要素*/
.sp_hide{
	display:none;
}

/*ログイン前*/
.out_login{
}

/*新規登録*/
.big_block_sub iframe{
	width:100%;
	height:100px;
	overflow:scroll;
	-webkit-overflow-scrolling: touch;
}

/*テーブル一覧チェックボックス*/
td.tbl_hd_chk{
	float:left;
	margin-left:-2em;
	z-index:1;
}

/*ボタン表示場所*/
.left_add_botton{
	float:none !important;
	margin:inherit !important;
}
.left_add_botton button,
.search li button,
.search li input[type="submit"]{
	margin-bottom:8px;
}
ul.search {
	clear:both;
	margin: 0 !important;
	float: none !important;
}
.search li {
	float: none !important;
	margin-right: 0 !important;
	margin-top: 4px;
	padding:0 !important;
}
.search li br{
	display:none;
}

img#lightbox-image{
	max-width:100%;
}

/*イベント招待状*/
.invite_box{
	margin:auto !important;
	font-size:inherit !important;
}
.invite_inner{
	width:auto !important;
	margin:4px auto !important;
	padding:6px !important;
	padding-top: 85px !important;
}
.invite_details{
	padding:6px !important;
}
table.event_detail{
	width:auto !important;
}
.close_btn {
	position:inherit !important;
	bottom:0 !important;
	right:0 !important;
	margin-top:8px;
}
#submit_form {
}
.event_left table td.t_label {
    display:none;
}
.participate-fee-box {
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px 0;

}
.participate-fee-heading {
    margin-bottom: 3px;
}
.event_attend_btn button{
    width: 100%;
}
.event_attend_btn button[value=hold]{
	margin-left:0;
	
}
/*ページャー*/
.page_navi{
	height:auto;
	margin:10px auto;
	float:none;
}
.content_cover .page_navi {
    margin: 5px 0;
    justify-content: center;
    border-bottom: 1px solid #dadada;
	flex-wrap: wrap;
}
.per_page select{
	width:auto;
}

/*ペイメント*/
.payment_block h3 button{
	position:relative;
	left:inherit;
}
.payment_block {
	margin-top: 0.5em !important;
	padding-top: 0 !important;
	border-top:none !important;
	float: none !important;
	width: 100% !important;
}

#sidemenu{
	display: none;
	position: fixed;
	top: 0;
	width: 100% !important;
	height: 100%;
	float:none;
	background: rgba(0,0,0,0.8);
	z-index: 93;
	overflow: scroll;
	margin:auto;
	padding:10px !important;
	-webkit-overflow-scrolling: touch;
}
ul.submenu{
}
.submenu>li,
.submenu>li>a,
.submenu>li>ul>li{
	background-image:none !important;
}
.submenu li ul li a{
}
.submenu li.login_menu,
.submenu li.register_menu{
	width:auto;
	height:auto;
	border:0;
	background:none;
	margin-bottom:2px;
}
.submenu li.login_menu a,
.submenu li.register_menu a {
	background:#fefefe !important;
	color:#333 !important;
	padding:0;
	font-weight:normal;
	font-size:16px;
	height:60px;
	line-height:60px;
	text-decoration:none;
}
.submenu li.login_menu.current a,
.submenu li.register_menu.current a {
	background: #778474;
	color: #F7F8F7;
	text-shadow: 1px 1px 2px #1E4417;
}
.submenu_for_smartphone {
    background-color: #fff;
    border-bottom: 1px solid #d8d5d5;
}
.submenu_for_smartphone a {
    padding:10px 15px;
    display:block;
    position:relative;
   
}
.submenu_for_smartphone >li >ul > li >a:after{
    content: "";
    display: block;
    background-image: url(../../../common/images/icon_bk_32.png);
    background-size: 240px auto;
    background-position: -144px -32px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 8px;
    opacity: 0.2;
}
.submenu_for_smartphone li{
   position:relative;
}
.submenu_for_smartphone >li >a{
	background:#333;
	color:#fff;
}
#menu_free_area {
	position:relative;
	width:auto;
	top:0;
	right:0;
}
.menu_free_in {
	width: 100%;
	text-align:left;
	margin: auto;
}
.settings-menu-dropdown:before{
	content: "";
	color: #666;
	position: absolute;
	top: -12px;
	opacity: 0.8;
	width: 100%;
	text-align: center;
}
.menu_free_in a{
	float:none;
	width:auto;
	margin:6px;
}

#footer_free_area {
	text-align: left;
	margin-top: 0;
	margin-left: 0;
}

#side_free_area img {
	max-width:inherit;
	width:100%;
}

.left_members ul li{
	min-height:48px;
}
.add_group_btn{
	float:none;
	text-align:right;
}
.add_group_btn>.btn_class{
	padding:2px 0 !important;
}

#drop_g_menu{
	margin-top:-8px;
	margin-bottom:0;
	max-width:inherit;
	min-width:inherit;
	border-radius:0;
	text-align:center;
}
#drop_g_menu > li{
	width:12% !important;
	min-width:inherit !important;
	background-position:center;
	background-repeat:no-repeat;
	box-shadow:none !important;
	position:static;
	float:none;
}
#drop_g_menu > li > a{
	text-indent:-9999px;
	position:relative;
}
#drop_g_menu > li.usm_home{
	display:table-cell !important;
	background-image:url(../../images/bk/grouphome.png);
}
#drop_g_menu > li.usm_home img{
	width:0;
	height:1em;
}
.group_member_menu{
	background-image:url(../../images/bk/user.png);
}
.group_bbs_menu{
	background-image:url(../../images/bk/spechbubble_2.png);
}
.group_album_menu{
	background-image:url(../../images/bk/picture.png);
}
.group_event_menu{
	background-image:url(../../images/bk/calendar_1.png);
}
.group_file_menu{
	background-image:url(../../images/bk/download.png);
}
.group_layout_menu{
	background-image:url(../../images/bk/clipboard_cut.png);
}
#drop_g_menu li ul{
	position:absolute !important;
	width:100%;
	right:0;
	margin-top:-2px;
	font-size:14px;
	background:rgba(0,0,0,0.7);
}
#drop_g_menu li ul li a{
	color:#fff !important;
}
.group_r_box,
.leftbar  {
	width: 100% !important;
	float: none !important;
	margin-bottom:8px;
}
li.news_panel{
	height:auto;
}

/*イベントパネル*/
.event_panel dt.my_events{
	width:auto;
	float:none;
}
.event_panel dd:nth-of-type(odd){
	padding-left:inherit;
}
/*イベントメニュー*/
#drop_e_menu{
	margin-top:-8px;
	margin-bottom:0;
	max-width:inherit;
	min-width:inherit;
	border-radius:0;
	text-align:center;
}
#drop_e_menu > li{
	min-width:inherit !important;
	background-position:center;
	position:static;
}
#drop_e_menu > li > a{
	text-indent:-9999px;
	position:relative;
}
#drop_e_menu > li.usm_home{
	display:inline-block !important;
	background-image:url(../../images/bk/home.png);
}
#drop_e_menu li ul{
	position:absolute !important;
	width:100%;
	right:0;
	margin-top:-2px;
	font-size:14px;
	background:rgba(0,0,0,0.7);
}
#drop_e_menu li ul li a{
	color:#fff !important;
}
.btnbar3{
	height:auto;
}
.e_combtn{
	position:relative;
	top:0;
}

/*イベント参加者リスト*/
.event_joined_img{
}
	
	
.donation_add table, 
.donation_add tbody, 
.donation_add tr, 
.donation_add td {
	display: block;
}
.donation_add input[type="text"]{
	width:auto; 
	display:inline-block;
}

/*フリーエリア*/
#header_free_area div,
#menu_free_area div,
#side_free_area div,
#footer_free_area div,
#header_free_area a,
#menu_free_area a,
#side_free_area a,
#footer_free_area a,
#header_free_area img,
#menu_free_area img,
#side_free_area img,
#footer_free_area img{
	width:auto !important;
	max-width:100% !important;
	height:inherit !important;
	margin:auto !important;
}

/* フォームデザイン */
.form_step li:first-child{
	display:none;
}

/*ヘッダーデザイン*/
.right-menu-toggle{
  display:none;
}
.header_menu_toggle{
  display:block !important;
}
.main_area{
  margin-left:auto !important;
  padding-bottom:4px !important;
}
.header_area{
  padding-top:0;
}
#header_inner .top_right_block, #header_inner .icon_area{
  display:block;
}
#global_menu >ul{
  top:0px !important;
}
.header_user_center,
.icon_list{
  float:none !important;
}
ul.icon_list{
  border-left:none;
  padding:0 !important;
  margin:0 !important;
  height:auto !important;
}
ul.icon_list1{
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	width:100%;
    width: auto !important;
    left: 42px;
    right: 42px;
    position: absolute;
}
.icon_list.icon_list1{
	border-right:1px solid #999;
	border-left:1px solid #999;
}
#header_menu{
  background:transparent !important;
}
#header_menu_inner{
    background: rgb(35, 35, 35);
    height: 40px;
}
.hdr_menu{
  overflow:visible !important;
}

.header_user_center{
	top:35px;
}
.header_user_center{
	position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    display: block;
	height: 40px;
    line-height: 25px;
}
.header_user_center a{
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.header_user_center .member_img_head{
    height: 28px;
    width: 28px;
    margin: 7px 7px 0 0;}
.header_user_center span {
    display: none;
}
.hdr_lng{
	display:none;
}

ul.icon_list1{
	display:-moz-box;
	display:-webkit-box;
	display:-o-box;
	display:-ms-box;
	width:100%;
}
.icon_list1>li{
  height:40px;
  display:inherit;
  -moz-box-flex:1.0;
-webkit-box-flex:1.0;
-o-box-flex:1.0;
-ms-box-flex:1.0;
}
.icon_list>li.hdr_stg{
	position:relative;
	top:inherit;
}
.icon_list1>li>a{
	margin:8px auto;
	/*background-image: url(../../../common/images/icon_wh_32.png) !important;*/
}
.hdr_menu{
  position:fixed !important;
  width:98% !important;
  left:1% !important;
  top:44px !important;
}
.try_h{
	bottom:-11px;
}
.hdr_lng #lngFrm{
	padding:0;
}
.hdr_lng select{
  float:none !important;
  margin:auto;
}
.other_menus{
	display:none;
	top:188px;
	right:0;
	overflow-y:scroll;
	-webkit-overflow-scrolling: touch;
}

#header_free_area{
	display:none;
}



/* M06 */
#survey-section{
	display:inherit;
}
#survey-list-title-row{
	display:none;
}
#survey-section>ul,
.survey-list-row{
	display:inherit;
}
.survey-list-row{
	border-bottom:1px dashed #ccc;
	margin-bottom:6px;
	padding-bottom:6px;
}
.survey-list-row>div.survey-col{
	display:block;
	border:none;
	padding:2px;
	width:100% !important;
	text-align:left !important;
}
.survey-list-row>div.survey-col:nth-of-type(2),
.survey-list-row>div.survey-col:nth-of-type(3){
	width:45% !important;
	display:inline-block;
}
.survey-col:nth-of-type(2):before,
.survey-col:nth-of-type(3):before,
.survey-col:nth-of-type(4):before{
	font-weight:bold;
}
.survey-col:nth-of-type(2):before{
	content:"対象者:";
}
.survey-col:nth-of-type(3):before{
	content:"記名方式:";
}
.survey-col:nth-of-type(4):before{
	content:"実施期間:";
}
a.survey_title {
    border-left:10px solid;
    padding-left:8px;
    margin-bottom:6px;
}
a.survey-status-btn{
	width:98%;
}
.survey_desc{
	margin:auto;
/*    white-space: break-spaces;*/
}
.survey_more{
	display:none;
}
.table_list li.survey-list-row dd {
    display: block;
    /* min-width:40%; */
    width:auto;
    
    }
.table_list li.survey-list-row dd:nth-child(2n){
    /*float:left;*/
/*    margin-right: 2rem;*/
}
/*
.table_list li.survey-list-row dd:nth-child(2),
.table_list li.survey-list-row dd:nth-child(3){
    color:#999;
    padding-bottom: 0;
}*/
.table_list li.survey-list-row dd:first-child {
    width: 100%;
    margin-bottom: 10px;
}
.table_list li.survey-list-row dd:last-child{
    /* width: 100% !important; */
}

.table_list .survey_title {font-weight: bold;margin-bottom: 8px;}

.table_list li.survey-list-row dl >dd:last-child {
    text-align: left;
}

a.survey-status-btn {
    margin: 0;
}
a.survey-status-btn {
    display: inline-block;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 2px 8px;
    width: auto;
    border-radius: 11px;
}
/* survey detail*/
#survey {
    margin: 10px;
}

.survey-progress{
	width:100%;
	float:none;
}
.survey-progress-box {
    width: 100%;
	height:1.5em;
	float:left;
}
h2.survey-q-question-text{
	clear:none !important;
}
.qnumber{
	min-width:26px;
}
/*
#surveyContent,
#surveyHeader,
#surveyFooter{
    margin: 0 auto;
    min-width:inherit;
    display:block;
    max-width:none;
}
.survey-q{
	margin:6px auto;
}
.answers.survey-q-answers.survey-q-answers-list{
	margin:auto;
}
.survey-page-content{
	padding:8px;
}*/
.survey-buttons{
	padding-right:0;
}
.table_list .survey-list-row{
	padding:12px 4px;
}
.table_list .survey-list-row dd a.survey_title_active{
	font-size:18px !important;
}
.table_list .survey-list-row dl dt:nth-of-type(1){
	display: none;
}
.table_list .survey-list-head-row +.survey-list-row{
	border-top:   1px solid #dadada;
	margin-top:20px;
}
.table_list .survey-list-row dd {
    padding: 3px 5px 12px 5px;
}
.table_list .survey-status-btn{
	font-size:12px;
}
.interface-btn {
    font-size: 14px;
    min-height: auto;
    margin: 0 auto;
    margin-bottom: 8px;
    padding: 6px 0;
    width: 100%;
    -webkit-border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e0e0e0));
    background-color: #666;
    border: solid 1px #999;
    color: #333;
}

/* C24 form */
.form_list dt, .form_list dd{
	float:none;
}
.form_list dt,
.form_list dt.dt_l,
.form_list dt.dt_m,
.form_list dt.dt_s,
/*.form_list dd.dd,*/
.form_list dd,
.form_list dd.dd_l,
.form_list dd.dd_m,
.form_list dd.dd_s{
	width:auto !important;
	padding:2px;
	text-align:inherit;
}

.sup,
.big_block .sup{
	white-space:normal;
}

/* M06 */

.resume_btn,
.exit_btn{
	width:95%;
}
.resume_btn span,
.exit_btn span{
	background-image:url(../../../common/images/icon_bk_32.png);
}

/* M031 */
#product_list_order{
	width:85%;
}
.function_menu,
.product_list_inner{
	float:none;
	width:98%;
	margin:auto;
	margin-bottom:10px;
}
.fc_menu_toggle{
	display:block;
	width:18px;
	height:18px;
	position:absolute;
	top:5px;
	right:5px;
	background:url(../../../admin/images/slidebuttons.png) right -18px;
}
.open_fc_menu{
	background-position:left -18px;
}
.function_menu>ul{
	display:none;
}

.disp_list>li{
	width:100%;
}
.disp_list .prd_img{
	width:80px;
	height:80px;
}
.details_container{
	width:auto;
	float:none;
	margin-left:88px;
	padding:0;
}
.disp_bloc li{
	width:47%;
	margin-left:8px;
}
.product_image_container{
	float:none;
	width:100%;
	margin-bottom:10px;
}
.product_descriptions{
	padding:0;
}

.disp_bloc .prd_img{
	height:120px;
}

.add_cart>input[type="submit"]{
	width:100%;
}
.tab_total table{
	width:100%;
	margin:10px auto;
}

#side_free_area_in_mobile_menu {
	box-sizing:border-box;
    margin: 0 8px 20px 8px;;
}

/*M031 order list*/
ul.order_history_list {
    border: none;
    padding: 0;
	background:none;
}
ul.order_history_list >li{
	display:block;
	position:relative;
}
.order_history_list li .box1, .order_history_list li .box2, .order_history_list li .box3{
    display:inline-block;
    padding: 9px 10px;
}
.order_history_list li .box1{
    width:100%;   
}
.order_history_list li .box2{
    width:100%;
}
.order_history_list li .box3{
    width:100%;
}
.order_history_list li .box1 span, .order_history_list li .box2 span{
	margin-right:0.5em;
}
.order_history_list li .box1 p{
   display:inline-block;
   margin:0 0.5em 0 0;
}
.order_history_list p.pay_status{
	position:absolute;
	top:9px;
	right:10px;
	margin:0;
	padding:0;
}
.order_history_list h4, .order_history_list .pay_status span{
	font-size:15px;
	margin: 0 0 5px 0;
}
ul.order_history_menu:before {
    content: "注文履歴メニュー";
    width: 100%;
    display: block;
    background: #787878;
    color: #fff;
    padding: 5px;
    text-align: center;
    box-sizing: border-box;
    border:1px solid #787878;
}

ul.order_history_menu li,ul.order_history_menu li.current{
    border: none;
    background:none;
}
ul.order_history_menu li a,ul.order_history_menu li.current a{
    padding:6px;
}
ul.order_history_menu li.current a{
    color:#000;
    font-size:16px;
	text-decoration:underline;
}
ul.order_history_menu{
    border-left:1px solid #dadada;
    border-right:1px solid #dadada;
    border-bottom:1px solid #dadada;
}

/*M031 order detail*/
.order_detail_box button.user_mgray_button {
    background: none;
    display: inline;
    width: 5em;
    min-width: inherit;
    padding: 0;
    margin: 0;
    color: #a1a1a1;
    text-decoration: underline;
    position:absolute;
    top:10px;
    right:10px;
}
.order_detail_box .box1{
    position:relative;
   
}

.order_detail_box .box1 dd{
    margin-right:1em;
}
.order_detail_box .box1 dt, .order_detail_box .box1 dd {
    font-size: 14px;
}

.order_detail_box .box1 dd:after{
    content:none;
}
.order_detail_box .box2_1, .order_detail_box .box2_2{
	width:100%;
	display:block;
}
.order_detail_box .box2_2{
	border:1px solid #dadada;

}
.order_detail_box .box2_2 table th{
	width:7em

}
.order_detail_box .box2_1_2 h3,
.order_detail_box dt{
	background:none;
    font-size: 14px;
	padding:0;
}
/*submenu 20161124*/
#sd_hide, #sd_disp {
	display:none;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 140px;
	height: 35px;
	background-color: #666;
	background-repeat: no-repeat;
	background-size:130px;
	background-position:center;
	border: 4px solid #999;
	border-right: none;
	border-bottom: none;
	opacity: 0.7;
	z-index: 94;
}
#sd_disp{
	background-image: url(../../images/submenu_open.png);
}
.sd_close{
	background-image: url(../../images/submenu_close.png) !important;
}
ul.submenu{
}
.submenu>li,
.submenu>li>a,
.submenu>li>ul>li{
	background-image:none !important;
}
.submenu li ul li a{
}
.submenu li.login_menu,
.submenu li.register_menu{
	width:auto;
	height:auto;
	border:0;
	background:none;
	margin-bottom:2px;
}
.submenu li.login_menu a,
.submenu li.register_menu a {
	background:#fefefe !important;
	color:#333 !important;
	padding:0;
	font-weight:normal;
	font-size:16px;
	height:60px;
	line-height:60px;
	text-decoration:none;
}
.submenu li.login_menu.current a,
.submenu li.register_menu.current a {
	background: #778474;
	color: #F7F8F7;
	text-shadow: 1px 1px 2px #1E4417;
}
/*----------M021 event-----------*/
.event-box {
    padding: 10px 10px 10px;
    position: relative;
    height: 341px;
    width: 98%;
    box-sizing: border-box;
    margin: 0 0.5% 3% 0.5%;
}

/* My Photo */

.thumb_cover{
	width:48% !important;
}

/*----------login--------*/
.submenu>li.login_menu>a>span, .submenu>li.register_menu>a>span {
    background-image: none;
}

/* C71 member search */
.search_result_box dl{
	padding:inherit;
}
.search_result_box dl dt{
	position:relative;
}

.search_result_btn{
	float:none;
	display:table;
	table-layout:fixed;
	margin:auto;
}
.search_result_btn button{
	display:table-cell;
	width:auto;
	margin:8px 4px;
}
.table_list li dd.C71_detail_view{
	display:inherit !important;
	width:100% !important;
}
.C71_detail_view>a{
	text-indent:inherit;
	width:100%;
	height:auto;
	background-image:none;
	background-color:#c0c0c0;
	padding:6px;
	font-weight:bold;
	pointer-events:visible;
}
/* C71 member search table only rep 2*/

.quick_search_outer{
	justify-content:center;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;

}
.search_inner_one{
	width:85%;
}
.search_inner_one input{
	font-size:80%;
}
.search_inner_two{
	width:15%;
}
.quick_srch .searchButton{
	width:100% !important;
	min-width:inherit !important;
}
.search_inner_three {
    padding-top: 0;
    width: 100%;
}

.search_result_box{
	padding:4px;
	margin:auto;
}

.member_search_box_cover .search_result_btn{
	padding:0;
	margin:0;
}
.member_search_box_cover .search_result_btn button{
	width:100%;
	margin:5px 0;
}
.search_result_btn button:first-child:before,
.search_result_btn button:last-child:before{
	margin:0;
}
.member_search_box_cover dl.submit_list{
	padding:10px;
}
.member_search_box_cover dl.submit_list dt,
.member_search_box_cover dl.submit_list dd{
    width: 100%;
}

.connection-tabs li a{
	border-radius:0;
	background-color:#eee !important;
}
.connection-tabs li.current a{
	background-color:#fff !important;
}

/**/
#mobile_site_manager ul{
		display: block !important;

}
#mobile_site_manager ul li{
	cursor: pointer;
    border-top: 1px solid #111;
	background:#333;
	border-bottom:none !important;
}
#mobile_site_manager ul li a{
		color: #fff;
}
#side_free_area_in_mobile_menu,#mobile_site_manager{
		display:block;
		color:#fff;
	}
	#global_menu > ul{
		position:relative !important;
	}
	#global_menu ul li span.show_sub{
		display:block;	
	}
	
	#global_menu{ display:none;}

.levelHolderClass h2:after,
.levelHolderClass li>a:after {
    font-family: FontAwesome;
    font-size: 22px;
	font-weight:normal;
    position: absolute;
	right:0;
	margin:1px 6px;
}
/*
li.group_menu h2:after,
li.group_menu>a:after{
	content:"\f0c0";
}
*/


.tag_spec{
	display:none;
}
.tab{
	height:49px;
	margin-bottom:0;
	border-bottom:none;
}
.profile-tabs li a{
	background-color:#eee;
	border:1px solid #dadada !important;
	padding:12px 20px !important;
	margin:0 !important;
	font-size:15px !important;
}
.profile-tabs li.current a{
	pointer-events:none;
}
.profile-tabs li.right_ex_tab{
	position:inherit;
	right:auto;
	bottom:auto;
}
.profile-tabs li a{
}
.profile-tabs li.open_tab_resp{
	display:block;
}
input#tg{
	display:none;
}
label.dropLabel{
	display:block;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:11;
}
label.dropLabel:before{
	content:"▼";
	display:inline-block;
	padding:12px 10px;
	border:1px solid #dadada;
	background:rgba(255,255,255,0.8);
}
.dropInput:checked~.profile-tabs>li{
	visibility:visible;
	margin-right:36px;
}

/* .login_link,
.register_link{
	margin:auto;
	height:39px;
	width:39px;
}
.login_link a,
.register_link a{
	text-indent:100%;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	width:24px;
	height:24px;
}
.login_link a:before,
.register_link a:before{
    font-family:FontAwesome;
	font-size:22px;
	color:#fff;
}
.login_link a:before{
	content:"\f03a";
}
.register_link a:after{
	content:"\f03a";
}
label[for="J"]:before,
label[for="E"]:before{
	font-family:FontAwesome;
	font-size:22px;
	color:#fff;
}
label[for="J"]:before{
	content:"\f03a";
}
label[for="E"]:before{
	content:"\f03a";
} */


/* M10 Corporate Function */

/* M1001AL(panel style) */

ul.corp_list_panel{
}
.corp_list_panel>li{
	display: block;
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
}
.corp_img_thum{
	float: none;
    width: 100%;
    height: 150px;
}
.corp_img_thum>img{
	width:auto;
	height:auto;
}
.corp_name{
	margin: 6px auto;
}
ul.corp_details,
.corp_details>li,
.corp_details>li>dl,
.corp_details>li>dl>dt,
.corp_details>li>dl>dd{
	margin:auto;
	display:block;
}

ul.corp_details{
}
.corp_details>li{
}
.corp_details>li>dl{
}
.corp_details>li>dl>dt,
.corp_details>li>dl>dd{
}
.corp_details>li>dl>dt{
}
.corp_details>li:first-child{
}

#main_nav{
	text-align:right;
    position: relative;
	display:block;
}
#main_nav>a{
	display:inline-block;
}
#main_nav ul {
    position: absolute;
    width:184px;
	top:40px;
	right:0;
}

.corp_mem_mng_btn button{
	margin: 5px auto;
}
.delete_btn{
	float:none;
}

#albumlist .gr_desc {
height: auto;
}
.content_cover #albumlist .gr_iconbox .album_actions {
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;

}

.news_tag_panel .panel_title,
.news_tag_panel_category{
width:100%;
}
ul.news_tag_panel_category {
text-align:left;
margin-left:0;	
position: relative;
height: inherit;
padding: 10px 14px 5px 14px;
}
ul.news_tag_panel_category:before,
ul.news_tag_panel_category:after{
color: #c3c3c3;
font-size: 10px;
vertical-align: middle;
}
.news_tag_panel .boxhead {
background: none;
}
.news_tag_panel .dragbox-content {
border: none;
padding: 4px 20px 10px 20px;
}
.news_tag_panel .C51_panel-content {
border: none;
padding: 4px 20px 10px 20px;
}
.news_tag_panel_category >li >a{
white-space:normal;
min-width: auto;
padding: 0 7px;
display: inline;
height: auto;
font-size: 13px;
}
.news_tag_panel_category >li.current >a {
background: none;
border: none;
font-size: 110%;
color: #3394e4;
font-weight: bold;
text-decoration:none;
}
.news_tag_panel_category >li >a:hover{
background:transparent;
opacity:0.5;
}
.news_tag_panel_category >li{
max-width:none;
height: auto;
vertical-align: middle;
}
.news_tag_panel_category >li:after{
content:"/"; 
margin: 0 7px;
color: #dbdbdb;
}
.news_tag_panel_list >li{
padding:5px 0;
}
.news_tag_panel_list{
border-top:1px solid #eee; 
margin-top:5px;
}
.news_list_category_tab{
	background:#eee;
}
.news_list_category_tab li{
	max-width:none;
}
.news_list_category_tab li a{
    white-space:inherit;
	padding:5px 10px;
}
.news_list_category_tab li.current a{
	background:none;
    color: #167fff;
	text-decoration:underline;
}
/*----------------*/
/* M021 overwrite*/
/*-----------------*/
.display-table,
.display-table .table-tr,
.display-table .table-caption,
.display-table .table-th,
.display-table .table-td{
	display:block;
}
.session_confirmation_box .box1, .session_confirmation_box .box2{
	float:none !important;
}
/*----------------*/
/* M021 overwrite*/
/*-----------------*/

/*Timeline send message and request button*/
.visible_custom button { margin-bottom: 3px; }

/*Profile edit button and privacy dropdown space*/
.details_area_custom_dopdown { margin-top: 4px; }

.simpleColorChooser { z-index: 9; width: 258px !important; }

#pagi_compose_msg { margin-top: 4px; }

#comment_form span.user_gray_button { display: block; padding-bottom: 8px; }

div.albumplist_cover > div.album_images_list { display: inline; }

#comment_area .submitbtn { padding: 0px; }

#commentform select[name="displaystatus"] { margin-left: 0px; }

.margin-top-class{margin-top:14px !important;}

.filebtn .btn_class { padding: 2px 8px; }

.form_submit input[name="submit_confirm"] { margin-top: 5px; }

ul.event-nav-new li{
	min-width:0;
}

/*
button, input[type="button"], input[type="submit"], input[type="reset"], a[class*="btn_"]{
	margin-bottom:5px;
}

button,
.btn_class_general,
input[type="submit"]{
 font-size:14px;
 min-height:auto;
 margin: 0 auto;
 margin-bottom:4px;
 padding:6px 0;
 width:100%;
 text-align: center;
}

.detail_dl{
 width:auto;
}
.detail_dl dt,
.detail_dl dd{
 float:none !important;
 margin:0;
 display:inherit !important;
}
.detail_dl dt{
 width:auto;
    padding: 1px 7px;
    margin-bottom: 8px;
}
.detail_dl dd{
 margin-bottom:12px;
}
.detail_dl dd input[type="submit"]{
 margin-bottom:8px; 
}
.detail_dl dd textarea{
 min-width:inherit;
}
.detail_dl >dt{
    padding: 1px 7px;
    margin-bottom: 8px;
}
.detail_dl >dd{
 margin-bottom:12px;
}
.rigth_point_table{
	float:left;
	width:100%; 
	padding-left:10px;
	margin-bottom:10px;
}*/


/* start 2019-Aug-16 added */
.detail_dl{
  	-ms-flex-wrap: nowrap;
  	flex-wrap: nowrap;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
.detail_dl >dt,
.detail_dl >dd{
    width: 100%;
    padding: 5px 8px ;
}
.detail_dl >dd {
    margin-bottom: 8px;
    margin-left: 0;
    padding: 7px 0 7px 8px;
}
.detail_dl >dt{
	text-align:left;
	background:#f5f5f5;
    min-height: 1rem;
}
.detail_dl >dd{
	padding:8px;
}

.submit_list dd img,
.detail_dl dd img{
	width:auto;
	height:auto;
}
.detail_dl textarea{
	min-width:unset;
}
.detail_dl.compose dd {
    margin: 0 0 10px 0;
	padding:0;
}
.detail_dl .msip {
    text-align: left;
}
.detail_dl .datefrmto,
.detail_dl .val_fix,
.detail_dl .divfix {
    display: block;
}
.deatil_dl 
 label.date_set {
    display: block;
}
.detail_dl .date_set .icon_calendar {
    top: 6px;
    right: 6px;
    position: absolute;
}
.detail_dl label {
    margin: 0px;
	display:block;
}
.detail_dl .tilt {
    margin: 0 0 6px 0;
    font-size: 12px;
    text-align: center;
    width: 100%;
    display: none;
}
.detail_dl input[type="tel"],.detail_dl  input[type="email"],.detail_dl  input[type="text"],.detail_dl  input[type="password"],.detail_dl  input[type="checkbox"],.detail_dl  input[type="number"],.detail_dl  select, textarea{
	max-width:100% !important;
	margin-left: 0;
}
.left_point_table{
	float:left;
	width:97.5%;
	padding-left:10px;
	background-color:#ccc;
	margin-top:10px;
	height:50%;
	padding-top:20px; 
	font-size: 12px;
}
.fixed_point_outer_div
{
	width:100%;
	padding-left:10px;
}
.point_history
{
	 width:97.5%;
	 border-bottom: none !important;
	 padding-left:10px;
}
	
/*Bug report slide box*/
.contact-sliding-block.contact-open {
	width: 100%;
}

.send-enquiry-title-col a, .feedback-title-col a {
	font-size: 17px;
}
/*Bug report slide box*/
/*Bug Report Form*/
.bug #txtbugfounddate {
    display: inline;
}
.bug select#txtbugfoundtimehr, .bug select#txtbugfoundtimemin {
	width: 15% !important;
}
.bug .icon_calendar {
	top: 3px;
}
.suggestions input[type="text"], .suggestions textarea, .bug input[type="text"], .bug textarea {
	border-radius: 0 !important;
}
.bug h3 {
	background: none;
}
.sys_env {
	margin-left: 0 !important;
}
.sys_env dt {
	display: block !important;
    width: auto !important;
}
.sys_env dd {
	display: block !important;
    width: auto !important;
}
.sys_env input[type="text"] {
	width: 100% !important;
}
/*Bug Report Form*/	

/* M01 new modificatio */
.li_left_side,.li_right_side{
	width:100%;	
}
.list_view_group_img
{
 width:100%;	
}
.M01_defaultimg{
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.listing_view_group_name{
    width: 100%;
    float: left;
}
.list_center_area,.list_bottom_area{
	min-height: 10px;
    width: 100%;
	float:left;
}
 .category_link a {
	width: 62%;
	white-space: nowrap; 
	 overflow: hidden;
	 text-overflow:ellipsis;
	 float: left;
}
.title_link_title a {
	width: 62%;
	white-space: nowrap; 
	 overflow: hidden;
	 text-overflow:ellipsis;
	 float: left;
} 
.content_cover .controls-wrap .search-wrap .search-list{
	display:block;
}
.controls-wrap .search-wrap .search-list .user_blue_button{
	padding-top: 10px !important;
}

.group_header .g_func_content .content-header{
	flex-direction: column !important;
	display: block !important;
}
.group_header .g_func_content .content-header .anchor-button-area{
	width: auto;
}
.content_cover .group_header .g_func_content .group-category {
    padding-top: 10px;
    float: left !important;
}
.content_cover .group_header .g_func_content {
    height: auto !important;
}
.content_cover .item-content-box_layout:last-child{
	margin-top: 10px;
}
.content_cover .group_schedule_list li .schedule_details li:last-child {
    margin-top: 10px;
}
.content_cover .calendar-wrap .ca_schedules .table_list li dl,.content_cover .calendar-wrap .ca_schedules .table_list li dl dd,.content_cover .calendar-wrap .ca_schedules .table_list li dl dd a , .content_cover .calendar-wrap .ca_month_outer ul li a,.ca_month_outer,.calendar-wrap .top_navi .top_navi_left a,.ca_month_outer,.calendar-wrap .top_navi .top_navi_right a,.ca_month_outer,.calendar-wrap .top_navi .top_navi_middle{
	font-size: 10px;

}
.content_cover .page_navi .per_page .label, .content_cover .page_navi .page-result{
	display: none;
}
.content_cover .table_list li dd.edit_dd a{
	border:none !important;
	padding:0 !important;
}

.content_cover .controls-wrap .search-wrap .search-list li {
	margin-right: 0;
}

.topic_main_title {
	flex-direction:column !important;
}
.submitbtn {
	padding:0 0 !important;
}
.profile-tabs{
	display:inherit;
	visibility:hidden;
	position:absolute;
	left:36px;
	top:50px;
	z-index:10;
	width:100%;
}
.profile-tabs li{
	visibility:hidden;
	display:block;
	margin-top:-1px;
}
.profile-tabs li.current{
	visibility:visible;
	position:absolute;
	top:-50px;
	margin-top:0;
}
.dl_main dl.big_block_sub {
	position:relative;
	clear:both;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

	flex-direction: column;
	float:none;
	width:99%;
	border-bottom: 1px dashed #CCC;
}
.join-btn a {
	font-size: 9px;
}
.per_page {
	float:none;
	text-align:right;
	padding-bottom: 10px;
}

.content_cover .page_navi .per_page {
    text-align: right;
    justify-content: flex-end;
    justify-items: flex-end;
    margin-left: auto;
    margin-right: 0;
}
.content_cover_cover .anchor-button-area{
margin-top:5px !important;
}
.content_cover .group_listing_view li .li_list_outer .li_right_side .list_top_area {
	display: block !important;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0px;
    margin-bottom: 10px;
}

.content_cover .group_listing_view_meber {
 
    float: left;
}


.content_cover .group_listing_view_category {
	white-space: normal !important;
    background-color: #189CF0;
    border: 1px solid #FFF;
    color: #FFF;
    margin-top: 4px;
    margin-left: 1em;
    padding: 1px 8px;
    border-radius: 4px;
    font-weight: normal;
    min-width: 10%;
    float: left;
}
.content_cover .group_listing_view li .li_list_outer .li_right_side .list_bottom_area .group_listing_view_tag:after {
    content: '';
    position: absolute;
    right: -18px;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.2px 0 10px 18px !important;
    border-color: transparent transparent transparent #FF9656;
}

.content_cover .group_listing_view li .li_list_outer .li_right_side .list_bottom_area {
    display: block !important;
    flex-direction: row;
    -webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;


    align-items: center;
    flex-wrap: nowrap;
    padding: 0;
}
.content_cover .group-page-layout {
    float: left;
    /*width: 89% !important;*/
}
.content_cover .item-container{
	left:-130px !important;
}
 .user_white_button {
    margin-top: 10px !important; 
}
.content_cover .group_schedule_list li .schedule_details li:last-child {
    margin: 5px 20px 10px 0;
}
#drop_e_menu li {
	position: static !important;
}
.content_cover ul.group_listing_view {
	padding-left : 0;
}
.content_cover .group_listing_view >li {
	width: 100%;
}
.content_cover .group_schedule_list li .schedule_details li {
	margin: 5px 20px 10px 0;
}
.content_cover .group_schedule_list li .schedule_details .tag-list {
	margin-left: 0;
}
.main-search {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

	width: 100%;
}
.main-search .list-block{
	display:block;
    margin: 0;
	width: 100%;
}
.main-search .list-block li{
	padding:0;
    margin-bottom: 10px;
    margin-right: 0px;
}
.main-search .list-block li:last-child {
    justify-content: center;
    flex-direction: row-reverse;
    margin: 0 -5px 10px -5px;
    padding: 0;

}
.main-search li:last-child > *{
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;

}
.main-search li:last-child input,
.main-search li:last-child button{
    margin: 8px 5px;
}

.main-search input[type="text"],
.main-search input[type="password"],
.main-search textarea{
	margin-bottom:0;
	padding:5px;
	min-height:unset;
	width:auto;
}
.main-search .single-ele li:last-child>*:last-child{
	margin-right:5px;
}
.main-search.friendslist{display: inline-block;}
.main-search.friendslist .list-block li{display: inline-block;}
.main-search.friendslist li:last-child > *{margin: 0;}
.content_cover .group_list li dt {
	display: block;
}
.main-search-checkbox >div:not(.main-search-checkbox-label) {
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;

}
.main-search li.select-block label{
	width:100%;
}

.content_cover .area_title2 li{
	margin-right:-11px;
}
.content_cover #album_d_left .album_basic .album_top_img {
	width: 100%;
}
.content_cover #album_d_left .album_basic .album_top_img .album_cover {
	width: 100%;
}
.content_cover .calendar-wrap {
	padding: 0;
}
.content_cover .item-content-box_layout .item-content-member-display .area_title2 span:first-child {
    margin-right: 6px;
}

/*-- button in button area --*/
.btn_area button,
.btn_area input[type="button"],
.btn_area input[type="submit"],
.btn_area input[type="reset"],
.btn_area a[class*="btn_"] {
    min-width: unset;
    flex-basis: 100%;
	min-width:100% !important;
    padding: 6px 10px;
	margin:0 0 10px 0;
}
.btn_area {
    -webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;

    margin: 20px 0;
}

/*-- button in action area--*/
.action_area--row {
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;

}
.action_area select{
	width:auto;
}
.action_area--row >div select{
    margin-bottom: 0;
}


/* C70 2019.Aug.30 */
#connection_list >div >span[id^="ul"],
#connection_list >div >div[id^="ul"]{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.connection_inner #grid-content{
	flex-wrap:nowrap;
	width:1050px;
}
.connection_inner #grid-content{
	flex-wrap:nowrap;
	width:1050px;
	margin:0 -5px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;


}
.connection_inner #grid-content li {
    margin: 5px;
}

/* event panel */
.event-category-wrap{
	margin-bottom:1em;
	position:relative;
}
#event_categort_ajax_show .event_tags{
	text-align:left;
}
.evet_tags_list>a,
.tagfilter >span >a{
	margin-bottom:4px;
}

.ecat-tabs li a {
    padding: 12px 20px !important;
    margin: 0 !important;
    font-size: 15px !important;
}

.ecat-tabs li.current a {
    pointer-events: none;
}

.ecat-tabs li.right_ex_tab {
    position: inherit;
    right: auto;
    bottom: auto;
}

.ecat-tabs li.open_tab_resp {
    display: block;
}

input#tg {
    display: none;
}

label.eventDropLabel {
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}

label.eventDropLabel:before {
    content: "▼";
    display: inline-block;
    padding: 12px 10px;
    border: 1px solid #dadada;
    background: rgba(255, 255, 255, 0.8);
}

.eventDropInput:checked~.ecat-tabs>li {
    visibility: visible;
	border-left: 1px solid #ccc;
}



.ecat-tabs {
    display: inherit;
    visibility: hidden;
    position: absolute;
    left: 36px;
    top: 50px;
    z-index: 2;
	width: auto;
	padding-left: 0px;
}

.ecat-tabs li {
    visibility: hidden;
    display: block;
	margin-top: -1px;
	max-width: 100%;
	float:none;
}

.ecat-tabs li.current {
    visibility: visible;
    position: absolute;
    top: -50px;
    margin-top: 0;
	width:100%;
	border-bottom: 1px solid #ccc;
}

.event-category-wrap .profile-tabs{
	left: 36px;
    top: 50px;
    position: absolute;
    display: inherit;
    width: auto;
}
.event-category-wrap .profile-tabs li{
	float:none;
	max-width: 100%;
	width:100%;
	border-left:1px solid #ccc;
}
.event-category-wrap .profile-tabs>li.current {
    border-bottom: 1px solid #ccc;
}

#event_categort_ajax_show>ul>li{
/*min-height:185px;*/
	display:flow-root;
}
#event_categort_ajax_show .event_panel_desc {
    width: auto;
    float: none;
}
.event_panel_img{
	position:inherit;
	display:inline-block;
	margin:10px auto;
}
#event_categort_ajax_show .event_panel_date {
    white-space: normal;
}

/*M021*/
.my-forum-link{
  text-align:center;
  margin-bottom:10px;
}
.my-forum-link #btnmyforum{
  position:relative;
  right: inherit;
    top: inherit;
}
ul.event-nav-new {
    text-align:center;
}
ul.event-nav-new li {
    display: inline-block;
}
ul.event-nav-new li a{
  padding:10px;
}
ul.event-nav-new li.active{
  background-color:transparent;
  border:none;
}
#event-detail-container{
  max-width: inherit !important;
  padding: 0 15px;
  min-height:auto;
}
#event_detail_inner_cover dl{
  margin:auto;
}
#event_detail_inner_cover dt{
  float:none;
}
#event_detail_inner_cover dd{
  padding:10px;
}
#fee_table_info,.fee_table_info_row,#fee_left_cell,#fee_right_cell{
  display:block;
}
#fee_middle_cell{
  display:none;
}
.ui-widget.ui-widget-content{
 /* width:95% !important;
  top:5px !important;
  left:2.5% !important; 
  */
  width:95% !important;
  /*top:5px !important;*/
  left:2.5% !important;
}
.ui-dialog .ui-dialog-titlebar{
  margin:auto !important;
}
div#fee_selection {
    margin: 2% !important;
    max-width: 96%;
}

.ui-dialog #main_inner table.list-t{
  width:100% !important;
}
.ui-dialog table.list-t>tbody>tr>th, table.list-t>tbody>tr>td{
  display:inline-block;
}
.list-t td:nth-of-type(2):before,.list-t td:nth-of-type(3):before{
  content:none !important;
}
.ui-dialog .session-button-area{
  margin:auto !important;
}
.session-button-area .confirm-btns, .event-button-area .confirm-btns {
  background:none;
    background-color: #2492ff !important;
    color: #fff !important;
}
.content_cover>#event-detail-container{
  padding:0;
}
.event_heading{
  padding:0;
}
.session_confirmation_box{
  margin:auto !important;
  padding:0 !important;
}
.session_confirmation_box .content_cover,
.session_confirmation_box .content_cover>div{
  padding:0 !important;
}
.session_confirmation_box .box1,
.session_confirmation_box .box2{
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  margin-top:10px !important;
}
.session_confirmation_box .table1{
  margin:auto !important;
  padding:0 !important;
}
.session_confirmation_box .box3-cover{
  margin:10px auto;
  padding:10px;
}
.session_confirmation_box .table-caption{
  padding:8px;
}
.session_confirmation_box .table-th,
.session_confirmation_box .table3 .table-td{
  width:auto;
  padding:8px;
}
.session_confirmation_box .box2{
  margin-bottom:20px;
}
.eventimgbox img{
    height: 100% !important; 
    width: 100% !important; 
    object-fit: contain;
}
.event-org-venu .event-organizer,
.event-org-venu .event-venue {
    width: 100%;
    margin: 0 0 5px 0;
}
/* C231 */
.content_cover .block-image-container{
	padding-top:15px;
}
.content_cover .block-image-container img[data-greater] {
	position:static;
    left: inherit;
    top: inherit;
    -ms-transform: inherit;
    -webkit-transform: inherit;
    -moz-transform: inherit;
    transform: inherit;
	width:100%;
}
.foler_icons,
.file_icons,
.filegrp_file_icons{
	font-size:200% !important;
	padding:0 !important;
}
.title_link_thumb, .category_title_icon{
	min-width:inherit;
}
fieldset.rerated_files{
	margin:auto;
}
.rerated_files legend{
	font-size:90%;
}
/*------ panel calendar --------*/
div.fc-left, div.fc-right{
	width:auto !important;
}
div.fc-center{
	margin-top:0 !important;
}
/*----- C231 -----*/
.C231 .block-image-container {
    -webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;


	padding:0;
}
.C231 .foler_icons,
.C231 .file_icons {
    font-size: 100px !important;
}
.C231 .file_icons{
	font-size:90px !important;
}

/*------Facebook and Google icon in login page-------*/
#facebook_login img, #google_login img {
    width: 25px !important;
}
/* M02 event_mail_history  */
.content_cover img.calendar-icon{width: auto !important;}
/* M02 event_mail_history end */

/* M10 */
#drop_c_menu{
	margin-top:-8px;
	margin-bottom:0;
	max-width:inherit;
	min-width:inherit;
	border-radius:0;
	text-align:center;
}
#drop_c_menu > li{
	width:12% !important;
	min-width:inherit !important;
	background-position:center;
	background-repeat:no-repeat;
	box-shadow:none !important;
	position:static;
	float:none;
}
#drop_c_menu > li > a{
	text-indent:-9999px;
	position:relative;
}
#drop_c_menu > li.corporate_home{
	display:table-cell !important;
	background-image:url(../../images/bk/home.png);
}
#drop_c_menu > li.corporate_home img{
	width:0;
	height:1em;
}
.corporate_details_menu{
	background-image:url(../../images/bk/doc_lines_stright.png);
}
.corporate_member_menu{
	background-image:url(../../images/bk/user.png);
}
.corporate_event_menu{
	background-image:url(../../images/bk/calendar_1.png);
}
.corporate_payment_menu{
	background-image:url(../../images/bk/calc.png);
}
/*------C20 compose message-------*/
.compose-msg .detail_dl >dd,
.compose-msg  .detail_dl >dd:first-of-type,
.magicsearch-wrapper .magicsearch-box {
    padding: 0;
}
.magicsearch-wrapper i.fa-times,
.magicsearch-box .close-search {
    font-size: 14px;
}
.magicsearch-wrapper i.fa-times{
    margin:2px 0;
}
.flist-container ul {
    max-height: 200px;
}
.magicsearch-wrapper .magicsearch-box ul li{
	flex-basis:50%;
}
.magicsearch-wrapper .dest-container::-webkit-scrollbar{
	display:none;
}

/*------M032 Order details-------*/

.M032_order_detail {
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;

}
.M032_order_detail,
.M032_cart,
.M032_fees_detail {
    flex-direction: column;
}
.M032_order_detail--statusbar >div:after {
    content: "";
}
.M032_order_detail--statusbar{
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.M032_order_detail--date {
    order: 1;
    flex-basis: 60%;
}
.M032_order_detail--id {
    order: 3;
    flex-basis: 60%;
}

.M032_order_detail--recurbadge {
    order: 4;
    margin-left: auto;
}
.M032_order_detail--status {
    order: 2;
	-ms-flex-preferred-size: 40%;
	flex-basis: 40%;	    
    white-space: nowrap;
    text-align: right;
}
.M032_order_detail--left {
    width: 100%;
}
.M032_order_detail--left,
.M032_cart-left,
.M032_fees_detail-left {
    margin-right: 0;
}
.M032_order_detail--itembox{
	margin-top:10px;
}
.M032_order_detail--itembox,
.M032_order_detail--total,
.M032_cart-paymethod-box,
.M032_fees_detail-itembox {
    border-width:1px 0 1px 0;
}
.M032_cart-paymethod-box,
.M032_fees_detail-itembox {
    padding: 10px;
}
.M032_order_detail--itembox,
.M032_order_detail--total,
.M032_cart--total {
    padding: 12px 5px;
}
.M032_order_detail--total,
.M032_cart--total{
	margin-bottom:0;
	border-width:1px 0 0 0;
}
.M032_order_detail--delihist--table .row .label,
.M032_order_detail--recurinfo--table .row .label,
.M032_cart-memberinfo-table .row .label,
.M032_cart-shipadinfo-table .row .label,
.M032_fees_detail-table .row .label {
    width: 8rem;
    min-width: 8rem;
    font-size: 13px;
}
.M032_order_detail--recurinfo--table .row a,
.M032_cart-memberinfo-table .row a,
.M032_cart-shipadinfo-table .row a,
.M032_fees_detail-table .row a {
    margin-left: 0;
    display: block;
}
.M032_order_detail--recurinfo--stop {
    margin-bottom: 10px;
}
.M032_order_detail--right {
    min-width: unset;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

    -webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;

}
.M032_order_detail--right,
.M032_cart-right,
.M032_fees_detail-right {
    margin-top: 0;
    width: 100%;
}
.M032_order_detail--supplement{
	margin-top:0;
}
.M032_order_detail--total {
    margin: 5px 0;
}
.M032_order_detail--payhist--table .date {
    min-width: 5rem;
    text-align: left;
}
div.M032_page_navi_sort {
    padding: 4px 10px;
}
.M032_page_navi_cover {
    margin: 5px -10px;
}
.M032_page_navi_cover .page_navi {
    padding-bottom: 5px;
    margin-bottom: 0;
}
.btn_area .btn_M032confirm{
	max-height:unset;
}
div[class*="M032_cart"][class*="-table-body"] .col.info .label {
    white-space: nowrap;
}
.M032_order_detail--payhist--table .row:last-child .amount {
    font-weight: bold;
}
.M032_order_detail--payhist--table .method {
    margin-left: .5rem;
}
.M032_order_detail--payhist--table .amount {
    min-width: 6rem;
    width: auto;
}
div[class*="M032"][class*="-total"] button {
     display:none; 
	 
}
/*.btn_M032confirm{
	display:block !important;
	 position: fixed;
    top: 50px;
    height: 41px;
    width: 94% !important;
	z-index:999; 
}
#header_inner:before{
	 height: 34px !important;  
}*/
.M032_s_p_m_list-desc,
.M032_cart-paymethod-list-desc {
    padding: 16px 12px;
}
.M032_s_p_m_list-desc-subform div.label,
.M032_cart-paymethod-list-desc-subform div.label {
    font-size: 14px !important;
    min-width: 8rem;
	width:8rem;
    margin-right: .8rem;
    font-weight: bold;
}

div[class*="M032_cart"][class*="-table-"] .col.info {
    width: 100%;
    min-width: 100%;
}
div[class*="M032_cart"][class*="-table-head"] {
    display: none !important;
}

div[class*="M032_cart"][class*="-table-body"] {
    border-top: 1px solid #eee;
}

div[class*="M032_cart"][class*="-table-body"] .row {
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;

}

div[class*="M032_cart"][class*="-table-"] .col.amount {
    text-align: left;
    width: auto;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

}
div[class*="M032_cart"][class*="-table-"] .col.amount input[type="number"], div[class*="M032_cart"][class*="-table-"] .col.amount select {
    max-width: 3.5rem;
}
div[class*="M032_cart"][class*="-table-"] .col.amount:before {
    content: "数量：";
    margin-right: .8rem;
    white-space: nowrap;
}
div[class*="M032"][class*="-total"] .amount.tax-in{
	flex-grow:inherit;
}

div[class*="M032_cart"][class*="-table-body"] .col.price {
    text-align: right;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

    flex-direction: row-reverse;
    -webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;

    justify-content: flex-end;
}
div[class*="M032_cart"][class*="-table-body"] .col.price .delete a{
	margin-left:0;

}

div[class*="M032_cart"][class*="-table-body"] .col.info >div {
    margin-bottom: 4px;
}

div[class*="M032_cart"][class*="-table-"] .col.amount,
div[class*="M032_cart"][class*="-table-"] .col.price {
	padding: 0 7px 10px 7px;
    align-items: center;
}
div[class*="M032_cart"][class*="-table-"] .col.amount input[type="text"] {
    width: auto;
    max-width: 3rem;
    min-width: unset;
    margin-bottom: 0;
}
div[class*="M032_cart"][class*="-table-body"] .col.price .price {
    margin-left: auto;
}
.M032_cart-ifmsg {
    display: none;
}
div[class*="M032"][class*="-total"] div.label:not(.total) {
    font-weight: normal;
}
.M032_membership_list-item,
.M032_donation_list-item-row{
	display:block;
}
.M032_membership_list-item-right .btn_M031pay,
.M032_donation_list-item-right .btn_M031pay{
	max-width:unset;
}
.M032_membership_list-item-right .btn_M031pay,
.M032_donation_list-item-right .btn_M031pay,
.M032_membership_list-item-right,
.M032_donation_list-item-right{
	width:100%;
}
.M032_donation_list-item-right .btn_M031pay{
	margin-top:15px;
}
.M032_donation_list-item-left .original input[type="text"],
.M032_donation_list-item-left .original textarea{
	width:auto;
	margin: 0;
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;

}
.M032_donation_list-item-left .original {
    white-space: nowrap;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

    align-items: center;
}
.M032_donation_list-item-left {
    padding-right: 0;
}
.M032_donation_list-item-left .unit select {
    width: auto;
}
.M032_donation_list-item-left .original span {
    margin-left: .8rem;
}
.M032_membership_list-item-right div[class*="M032_status"] {
    text-align: center;
    font-weight: bold;
}

.M032_membership_list-item-right {
    margin-top: 18px;
}

/*-----M032 product detail -----*/
.M032 .inner_box1 .left {
    float: none !important;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #dadada;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.M032 .inner_box1 .right {float: none !important;width: 100%;}

.M032 .click_thumbnail {
    text-align: left;
}
.M032 .inner_box1 .right dt {
    width: 25%;
}
.M032 .inner_box1 .right dd {
    padding-left: 1.5rem;
    width: 75%;
}
.M032 .main_price {
    padding: 0 !important;
}

.M032 .inner_box1 .left >div {
    float: none !important;
}

.M032 .inner_box1 .right h3 {
    background: transparent;
    color: black;
}

.M032 .inner_box2 h3 {
    background: transparent;
    border-width: 1px 0 0 0;
    border-color: #dadada;
    border-style: solid;
    padding-top: 15px;
}
.M032 .inner_box1 .right .items .btn_M031pay {
    margin: 10px 0;
}
.M032 .inner_box1 .right .items .qty {
    display: block;
}

/*-----Basic tab-----*/
. {
    overflow-x: scroll;
	border-bottom:0;
	margin:10px -8px;
}
. >div a {
	white-space: nowrap;
	font-size:13px;
}
. >div {
    margin-right: 0;
    -webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;

    text-align: center;
}
. >div.current{
	margin-bottom:0;
}
.dl_main dl.big_block_sub {
    position: relative;
    clear: both;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
    float: none;
    width: auto;
    border-bottom: 0;
    margin-right: 0;
    padding-left: 0;
}
.dl_main,
.big_block_sub dd{
	width:100%;
}
.dl_main dl.big_block_sub:first-child{
/*	margin-top:20px;*/
}

.user_profile_box dd{
	padding-left:12px;
}
.user_profile_edit_box.big_blocks_cover,
.user_leftbox.user_profile_box .big_blocks_cover{
	border:none;
}
.dl_main dl.big_block_sub dt,.dl_main dl.big_block_sub dd {
    box-sizing: border-box;
}

.dl_main dl.big_block_sub dd[class*="dd_"] {
    width: 100% !important;
}

.dl_main dl.big_block_sub dt {
    margin-bottom: 6px;
}

.ft_title {
    margin-left: 0;
}
.big_blocks_cover .desc_area, 
.big_blocks_cover .desc_area2, .tab_desc_area {
    padding: 5px;
}
.user_profile_edit_box div.caution {
    padding-left: 5px;
}

/*-----Basic tab END-----*/
.addbtn_area {
	width:100%;
}
.addbtn_area .btn_add {
	width:100% !important;
}
/*-------M09-------*/
#M09_point_list .table_list >li >dl{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;

}
#M09_point_list .table_list >li >dl >dt{
	flex-basis: 25%;
    margin-right: 3%;
    white-space: normal;
	padding-left:0;
}
#M09_point_list .table_list >li >dl >dd{
    flex-basis: 72%;
}
#M09_point_list .table_list >li >dl >dd dt,
#M09_point_list .table_list >li >dl >dd dd{
	padding-left: 0;
    min-width: unset;
	}
#M09_point_list .table_list >li >dl >dd:last-child{
	min-width:100%;
	flex-basis:100%;
}
.pont_cert_down{
	flex-direction:column;
}
.pont_cert_inner a{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

	flex-wrap:nowrap;
}
.pont_cert_inner a i.fa-file-pdf-o {
    margin-right: 1rem;
}
.pont_cert_down .pont_cert_inner {
    margin-top: 10px;
}
#M09_point_list .table_list >li{
	border-top:1px solid #ccc;
	border-bottom:0;
}
#M09_point_list .table_list >li:last-child{
	border-bottom:1px solid #ccc;
}
#M09_point_list .table_list >li >dl >dt:first-child {
    display: none;
}
#M09_point_list .table_list >li >dl >dd:first-of-type {
    min-width: 100%;
}
#M09_point_list .table_list >li >dl >dd:first-of-type a {
    font-size: 19px;
    font-weight: bold;
    color: #0086ed;
}
#M09_point_list .table_list dd dl{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

}
#M09_point_list .table_list dd dt,
#M09_point_list .table_list dd dd {
    border-bottom: 1px dotted #dadada;
}
#M09_point_list .table_list dd dt:last-of-type,
#M09_point_list .table_list dd dd:last-of-type{
	border-bottom:1px solid #dadada;
}
#M09_point_list .table_list dd dt{
	margin-right:0;
}
#M09_point_list .table_list dd dt:first-of-type,
#M09_point_list .table_list dd dd:first-of-type{
	padding-top:0;
}
/*---------------M23---------------*/
.M23_lgl_list li {
    width: 48%;
}
.M23_ld_table-course{
	height:auto;
}
.M23_ld_desc {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.M23_ld_desc-desc,
.M23_ld_desc-img{
    width: 100%;
    max-width: unset;
    min-width: unset;
    flex-basis:100%;
    -webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;

}
.M23_ld_desc-img {
    width: 100%;
    max-width: unset;
    min-width: unset;
    flex-basis:100%;
    -webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;

}
.M23_ld_table {
    display:block;
}
.M23_ld_table >ul:first-child {
    display: none;
}
.M23_ld_table-row{
    width: 100%;
    float: none;
    margin: 30px 0 40px 0;
}
.M23_ld_table-row >li,
.M23_ld_table ul:last-child >li.active{
	border-right:0;
}
.M23_ld_table-row >li:not(:first-child) span {
    font-size: 13px;
    margin-right: auto;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
	color:#444;
}
.M23_ld_table-row >li:first-child span{
	font-size:15px;
}
.M23_ld_table-row >li:not(:first-child):not(:last-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 10px;
    width: auto;
    height: auto;
    padding: 5px 10px;
    font-size: 13px;
}
.M23_ld_table li.active{
	border-color:#eee ;
	border-width:1px;
	font-weight:bold;
}

.M23_ld_table-row >li:first-child {
    padding: 12px 0;
}
.M23_ld_table-row p {
    margin: 4px 0px;
    padding: 0;
    font-size: 14px;
}
.M23_ld_table ul.M23_ld_table-row li:first-child{
	border-bottom:0;
    padding-top: 20px;
	width:100%;
	max-width:unset;
}
.M23_ld_table-row li:last-child {
	border:none;
	padding:0 10px !important;
}
.M23_ld_table-row li:last-child,
.M23_ld_table-row li:last-child form,
.M23_ld_table-row li:last-child .btn_submit{
    height:auto;

}
.M23_ld_table-row li:last-child .btn_submit {
    padding: 5px 10px;
	border-radius:4px;
	margin-top:15px;
}
.M23_lschedule_table .row >div{
	padding-left:5px;
	padding-right:5px;
}
.M23_lschedule_table .row >div:nth-child(odd){
    min-width: 14rem;
    width: 14rem;
}
.M23_lschedule_course .label {
    min-width: 9rem;
    flex-basis: 9rem;
}
.M23_applyl {
    display: block;
}
.M23_applyl_table .row >div:first-child {
    min-width: 8rem;
    width: 8rem;
    flex-basis: 8rem;
}
.M23_applyl-left{
	margin-right:0;
}
.M23_applyl-right{
	min-width:unset;
	width:100%;
}
.table_list.M023_myl-table dt {
    color: #999;
    font-size: 13px;
    width: 30%;
    margin: 0;
    padding-left: 0;
}

.table_list.M023_myl-table dd {
    -webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;

    width: 70%;
}

.M023_myl-table li dl {
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;

}
.M023_myl-table .btn_M031pay{
	display:block;
}
#grid-content.M023_qgl_gridlist >li {
    flex-basis: 48%;
}
.M23_qlist_table.table_list li dl{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.M23_qlist_table.table_list li dl dt{
	width:30%;
	margin:0;
}
.M23_qlist_table.table_list li dl dd{
	width:70%;
}
.M23_qlist_table.table_list li dl dt:first-child{
	display:none;
}
.M23_qlist_table.table_list li dl dd:first-of-type{
	width:100%;
}
/* my corptare */
#btn_bottom{
		position:unset;
	}
	.my_corp_list dd{
		display: block;
		padding:15px;
	}
	.my_corp_list dd .corp_mydata{
		width:100% !important;
		padding:0 !important;
	}
	.my_corp_list dd .corp_myimg{
		width:100% !important;
		padding:0 !important;
	}
/* my corptare end */

.alert_modal {
    z-index: 90;
}
.alert_pop_content {
    max-width: unset;
    padding: 0 10px;
    width: 90%;
}
.alert_sec {
    padding: 25px 15px;
}
.alert_go_check,
.alert_go_btn {
    margin-top: 15px;
}
    font-size: 13px;
/*- C20 dialog message-*/
div[class*="C20_msg_"][class*="-info"] .sender img {
    max-width: 30px;
    margin-right: 0.5rem;
}
div[class*="C20_msg_"][class*="-info"] .sender span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 6rem;
    display: inline-block;
}
div[class*="C20_msg_"][class*="-info"] .sender span,
div[class*="C20_msg_"][class*="-info"] .sender a{
    font-size: 13px;
}
.C20_msg_child {
    padding: 10px;
}
div[class*="C20_msg_"][class*="-info"] div.date {
    margin-left: 1.2rem;
    padding-right: 0;
}
.C20_msg_parent {
    padding: 10px;
}
.C20_msg_parent-toggle {
    right: 10px;
    top: 10px;
}
div[class*="C20_msg_"][class*="-info"] div.attached {
    margin-left: 1rem;
}
.C20_msg_oldmsgs-toggle a {
    font-size: 13px;
}

/*--M02 event comment list--*/
.table_list.event_coment_list li dl{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.table_list.event_coment_list li dl dd:nth-child(2){
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
}
.table_list.event_coment_list li dl dd:last-child{
	margin-left:auto;
	color:#888;
	font-size:12px;
}
/*---C51 panel function----*/
.C51_panel-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
div[class*="C51_panel-col-"]{
	width:100%;
	flex-basis:100%;
}
.C51_panel-title_tab ul li{
	display:flex;
	flex-wrap:nowrap;
    max-width: 100%;
}
.C51_panel-title_tab ul li.current a {
    border:none;
	background:transparent;
}
.C51_panel-title_tab ul li:not(:first-of-type):before{
	display:inline-block;
	content:"/";
	color:#e0e0e0;
}
.C51_panel-title_tab{
	min-width:0;
}
div.C51_bloc-5 .panel_title_238 ul li.current a {
    color: inherit;
}
/*----M04 bbs list-----*/
.M04_bbsl_item{
	display:block;
}
.M04_bbsl_item-img{
	max-width:unset;
	width:100%;
}

.M04_bbsl_item-detail .poster span,
.M04_bbsl_item-detail .datetime {
	font-size:12px;
}
.M04_bbsl_item-detail .text{
	-webkit-line-clamp: 4;
}
.M04_bbsl_item-img{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
}
.M04_mbbsl_action {
    margin:8px 0 0 0;
	text-align:left;
}
/*---- M201 ------*/
.M021_cfa_item_table{
    display:block;
}
.M021_cfa_item_table >div{
   padding: 0 10px 12px 10px;
}
.M021_cfa_item_table div.label {
    padding-bottom: 0;
    color:#bbb;
    font-size:14px;

}
a.btn_basic {
    display: block;
    min-width: unset;
    width: 100%;
}
.table_hor .row .label {
    width: 8rem;
    min-width: 8rem;
    font-size: 13px;
}
.table_hor .row a {
    margin-left: 0;
    display: block;
}
.elect-status-end{background-color: #999;
   margin-left: 0px !important;
	width:100% !important;
   
	}
.m22_detail{float:right !important;}
.m22_detail a{ color: #3d8af7;text-decoration: underline;}	
.election-title{width:100%!important;}
.w-50{width:100%!important;}
#election-detail-container{display:inline-block !important;width:100%!important;}
/*.vms-padding {padding: 8px 142px 0px 7px !important;}*/
.menu_right_display {width: 100% !important;text-align: left !important; margin-bottom:10px !important;}
.election-date-range{​​​​​​​padding-left:0px !important;}​​​​​​​​​​​​​​


/*new m022 session list css*/
.header_area.padT_h_a.aft_login{
	display:none;
}
.m022_menu_sptoggle{
	display:block;
	position:absolute;
	
}
.m022_menu_cover{
	width:100%;
	height:30px;
    overflow: hidden;
	visibility:hidden;
}
.event-logo-text{
	padding:0;
}
.event-logo-text span a{
	font-size:15px !important;
}
.m022_content_cover{
	margin-left:0;
	margin-top:30px;
}
.m022_content_inner{
	padding:0 10px;
}
.m022_breadcrumb {
    margin: 10px 0 20px 0;
}
.m022_breadcrumb .current,
.m022_breadcrumb a{
	font-size:11px;
}
.m022_breadcrumb >div:not(:last-child):after {
    height: 1rem;
    margin: 0 .8rem;
}
.m022_pagetitle {
    font-size: 25px;

}
/*07-10-2021*/

.header_area.padT_h_a.aft_login{
	display:none;
}
.m022_menu_sptoggle{
	display:block;
	position:absolute;
	
}
.m022_menu_cover{
	width:100% !important;
	height:30px !important;
    overflow: hidden !important;
}
.m022_logo_cover{
	padding:0;
}
.m022_logo_cover span a{
	font-size:15px !important;
}
.m022_content_cover{
	margin-left:0;
	margin-top: 38px;
}
.m022_content_inner{
	padding:0 10px;
}
.m022_breadcrumb {
    margin: 10px 0 20px 0;
}
.m022_breadcrumb .current,
.m022_breadcrumb a{
	font-size:11px;
}
.m022_breadcrumb >div:not(:last-child):after {
    height: 1rem;
    margin: 0 .8rem;
}
.m022_pagetitle {
    font-size: 25px;

}
.m022_sl_item{
  	-webkit-box-orient: vertical !important;
  	-webkit-box-direction: reverse !important;
  	-ms-flex-direction: column-reverse !important;
  	flex-direction: column-reverse !important;
	margin-bottom: 10px !important;
}
.m022_sl_item-title .color{
	height:auto;
}
.m022_sl_item-title .title a span {
    line-height: 1.5rem;
}
.m022_sl_item-title .title .id {
	margin-right:1rem;
}
.m022_sl_item-detail {
    margin: 20px 0 20px 10px;
}
.m022_sl_item-title .id, .m022_sl_item-title .title a, .m022_sl_item-title .title a span {
    font-size: 16px;
}
.m022_sl_item-title .type {
    margin-left: 1rem;
}
.m022_sl_img {
    min-width: unset !important;
    max-width: unset !important;
    width: auto !important;
  	display:-webkit-box !important;
  	display:-ms-flexbox !important;
  	display:flex !important;
  	-webkit-box-direction: reverse !important;
  	-ms-flex-direction: column-reverse !important;
  	flex-direction: column-reverse !important;
	flex-basis: 0 !important;
}
.m022_sl_item-al-toggle,
.m022_sl_item-al,
.m022_sl_img{
	margin-left:10px;
}
.m022_sl_img button{
	margin-top:15px;
}
.m022_sd_item {
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: column-reverse;
  	flex-direction: column-reverse;
}

.elec_group_menu{width:100%;border: 1px solid #ccc;clear: both;margin-bottom: 20px;}
.m22_data_box{width: 100%;}
.page_navi-result {margin: 20px 0px 20px 0px;}
.m22_details{float: right;text-decoration: underline;}
.m22_details a{color:#008ae6;}
.m22_error_display {text-align: center; width:100%;padding-left:10px !important;}
.m22_select_opt{margin-top: 16px;/*float: left;margin-left: -30px;*/}
.m22_arrow_right{display:none !important;}
.select_candi_cnt{}
.m22_grp_menu{width:100%;border: 1px solid #ccc;clear: both;margin-bottom: 20px;}
.m22-vp-dv{padding-left:30px;    margin-bottom: 6px;}

/*- M022 forum event list -*/

.m022_forums_pastlink {
    text-align: left;
    border-bottom: 1px solid #e7e7e7;
    padding: 10px 0 8px 0;
    margin-bottom: 13px;
}
.m022_myforum-list .m022_myforum-item, 
.m022_forums-list .m022_forums-item {
    padding: 15px 0;
}
.m022_myforum-item .detail-table {
    max-width: 100%;
}

.m022_myforum-item .table_hor .row a{
	white-space:normal;
}

.m022_sl_item-title .title {
/*	margin-top: 10px;*/
}
.sched-column-header-mobile {
	background-color: #ccc !important;
	margin-top: 10px;
	margin-bottom: 10px;
}
.sched-column-content .right {
	position: absolute;
}
.session_confirmation_box .event_title {
	font-size: 20px;
}
.session_confirmation_box .table-th,.session_confirmation_box .table-tr,
.session_confirmation_box .table-td{
	display:block !important; width: auto !important;
}
.m022_content_cover {
    margin-left: 0 !important;
}
.angle-left-btn {
	height: 50px !important;
}
.m022_content_cover .fa-angle-left {
	font-size: 40px !important;
}
#btn-event-participate {
	padding: 4px 15px;
	font-size: 14px;
	right: 0 !important;
	left: 0 !important;
	margin: 0 auto;
}

.m022_ond_item-cover{ flex-basis:100%}

.m022_autherd .table_hor{ margin-left:0;}
.m022_autherd .table_hor .row a{white-space:normal}
.m022_menun_sidenav,
.m022_logo_cover{
display:none;
}
#m022_menuaccord h3 a {
line-height: 1em;
padding: 1px;
}
.m022_breadcrumb {
    margin: 0 0 20px 0;
    padding: 10px 0 6px 0;
}
.m022_sd_img {
min-width: 100%;
width: auto;
margin: auto;
}
.m022_sd_img  span{width:100% !important;}

/*- M022 timetable-*/
.m022-time-table-prev {
    width: unset;
    padding: 20px 10px;
}
.event-detail-area,
#event-detail-container{
	padding:0;
}
.m022-angle-left-btn {
    min-width: 30px;
    width: 30px;
    height: 45px;
    padding: 0;
}
.m022-fa-angle-left {
    font-size: 30px ;
}
.m022-time-table-heading {
    width: unset ;
    margin-top: 0 ;
}
.m022-time-table-heading .m022_pagetitle{
	padding:0;
}

.tab-container .tabs {

    padding: 0px ;
	margin-right: 0 !important;
}

.tab-content{
	background:transparent ;
}
.tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	background:#666;
}
.tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected >label{
	padding: 13px 15px;
	font-weight:bold;
}
.tabs_box_navigation.sf-timetable-menu{
	margin:0 !important;
	padding:0 ;
}
.tabs_box_navigation .tabs_box_navigation_icon {
    float: none ;
    margin-left: auto;
    display: block;
    background: #9d9d9d ;
    height: unset;
    margin-top: 0;
	width:40px;
}
.tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected{
	padding:0 !important;
}
.sched-column-header-mobile {
    text-align: left;
    background: transparent !important;
    border-left: none;
    padding: 0 0 5px 0;
    height: unset;
    line-height: unset;
	margin:0;
}

.tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected{
	border:none;
}
.tabs_box_navigation .tabs_box_navigation_icon{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	
	
}
.tabs_box_navigation .tabs_box_navigation_icon:after{
	content: "\f107";
	font-size: 25px;
}
.sched-column .sched-column-content{
	padding:15px 10px 60px 10px;
    border-top: 3px solid #fff;
	box-sizing: border-box !important;
    /* width: 94%;*/
}
.sched-event .sched-event-inner {
    border: 1px solid #dadada;
    padding: 0 0 12px 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	margin-bottom: 10px;
}
.sched-event .sched-event-inner >div {
    padding: 0 15px;
}

.sched-event-subtitle {
    margin-top: 13px;
    margin-bottom: 8px;
}

.sched-event-title {
    margin-bottom: 7px;
}
.sched-event .sched-event-inner:before{
	position:relative;
}
.sched-event .sched-event-inner >div {
    padding: 0 15px;
    overflow: unset;
    white-space: normal;
}
.tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected:hover {
    background-color: #666;
    color: #ffffff;
	border:none;
}
.tabs_box_navigation.sf-timetable-menu li:hover ul, 
.tabs_box_navigation.sf-timetable-menu li.sfHover ul {
    top: 44px !important;
    border-width: 0;
    left: 0;
    padding-bottom: 0 !important;
}
.sf-timetable-menu li ul li {
    background: #666;
    padding: 0 !important;
}
.sf-timetable-menu li:hover ul a, .sf-timetable-menu li.submenu:hover ul a {
    color: #fff !important;
    background: #444;
    font-size: 18px;
}
.sf-timetable-menu li:hover ul li.current a, .sf-timetable-menu li.submenu:hover ul li.current a{
    background: #2081cf;

}
#btn-event-participate {
    bottom: 0;
    border-radius: 0;
    float: none;
    width: 100%;
    padding: 10px;
    font-size: 16px;
}
/*- M022 menu-*/
#m022_menuaccord .m022_submenu_head a {
    overflow-x: hidden;
}

#m022_menuaccord li .m022_text_span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    align-self: center;
	width:unset;
	padding: 2px 14px;
}

#m022_menuaccord .m022_submenu_head a,
#m022_menuaccord .m022_submenu_head a,
#m022_menuaccord ul ul li a,
#m022_menuaccord h4{
	line-height:inherit;
}

#m022_menuaccord .m022_submenu_head a {
    font-weight: bold;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    height: 40px;
}
#m022_menuaccord .m022_submenu_head a:hover{
	text-decoration:none;
}
#m022_menuaccord li span.m022_icon_span{
    border: 0;
    border-right: 1px solid #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 43px;
	min-width:43px;
	text-align:center;
	margin:0;
}
#m022_menuaccord li span.m022_icon_span i{
	margin:0 auto;
}
#m022_menuaccord li ul li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
#m022_menuaccord li a.m022_text_span {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-grow: 1;
font-size: 15px;
}
#m022_menuaccord li span.m022_icon_span,
#m022_menuaccord li ul li,
#m022_menuaccord > ul{
	border-color:#f1f1f1;
}
.m022_icon_span .fa-minus, 
.m022_icon_span .fa-plus {
    font-size: 12px;
    color: #dbdbdb;
}
#m022_menuaccord li.active .m022_submenu_head span.m022_icon_span{
	background:#666;
}
#m022_menuaccord li.active .m022_submenu_head span.m022_icon_span i{
	color:#fff;
}
#m022_menuaccord ul ul ul {
    min-width: 100%;
}
#m022_menuaccord ul ul ul {
   background: #636363;
   padding: 5px 0 5px 44px;
}
#m022_menuaccord ul ul ul li{
	border:none;
}
#m022_menuaccord ul ul ul li a {
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 5px 15px;
}
.m022_myforum-item .flexbox{ flex-wrap:wrap;}
.m022_myforum-item .flexbox .action-btns{width:100%; text-align:center}
.m022_myforum-item .flexbox .action-btns a{display:inline-block}
.m022_sd_item-ab .video iframe{ width:100% !important; height:auto !important}

.m022_sl_item-title .title {
    margin-right: 0;
}

.m022_sl_item-title .type {
    margin-left: 0;
}
.m022_sl_img span {
    width: 100% !important;
}
.m022_sl_item-title .type span {
    font-size: 10px;
}
.m022_pagetitle .title .type {
    margin-top: 5px;
}
#m201_fld_item {
	display: flex;
	flex-direction: column;
}
div.fld_item_elem input {
	width: 100%;
}
/*-M022 myforum-*/
.m022_myforum-list .table_list li dt {
    word-break: break-all;
    background: #222;
    color: #fff;
    padding: 1px 5px;
    font-size: 12px;
    text-align: center;
    margin-right:0;
    min-width: 20%;
    width: 20%;
}
.m022_myforum-list .table_list li dt,
.m022_myforum-list .table_list li dd:not(:nth-of-type(1)),
.m022_myforum-list .table_list li dd:not(:nth-of-type(2)){
	display:block;
	margin-bottom:8px;
}
.m022_myforum-list .table_list li dd:not(:nth-of-type(1)),
.m022_myforum-list .table_list li dd:not(:nth-of-type(2)){
	margin-left: 0;
	width: 80%;
	min-width: 80%;
	flex-grow: 1;
	padding-left:10px;
}
.m022_myforum-list .table_list li dl{
	display:flex;
	flex-wrap:wrap;
}
.m022_myforum-list .table_list li dd:nth-of-type(1),
.m022_myforum-list .table_list li dd:nth-of-type(2){
	width:100%;
	min-width:100%;
	padding:0;
	margin:0;
}
.m022_myforum-list .table_list li dd:nth-of-type(1){
	font-weight:bold;
}
.m022_myforum-list .table_list li dd:nth-of-type(2) a{
	font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}
.m022_myforum-item .action-btns a i{
	display:none;
}

.m022_myforum-item .action-btns a {
    display: -webkit-box;
    display:-ms-flexbox;
    display:flex !important;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.m022_myforum-item .action-btns a button {
    flex-grow: 1;
}
.m022_myforum-item .detail-table {
    margin-right: 0;
}
.m022_ond_item-cover{
	min-width:unset;
}
.m022_angle_left.fa{
	font-size:30px;
}
#m201_fld_item { display: none !important;}
#m201_fld_item_smart { 
	display: flex !important;
	flex-direction: column;
}
#m201_fld_item_smart dd {
	margin: 2px 0px 2px 0px;
}
#m201_fld_item_smart .fld_item_elem input {
	width: 100%;
}
#m201_fld_item_smart input { 
	display: block !important; 
	pointer-events: all !important;
}
/*M22 election*/
.m22_bbtm_nn{padding: 10px 10px 10px 10px !important;}
#confirm{width:100% !important;}
.m22_search_new_sub{width:100% !important;margin-bottom: 10px;margin-bottom: 39px;}
#cf-button{background-color: #F2F2F2;border-radius: 4px;border: 1px solid #008AE6;overflow: auto;width: 100%;margin: 0px;}
.progressbar .item.active:not(:last-child)::after {
    border-top: 25px solid transparent !important;
    border-bottom: 25px solid transparent!important;
}/*.m22_inactive{display:none !important;}*/
.m022_sub_menu_active {
	background-color : #AFAFAF;
}
#ck-button{margin:9px 0px 9px 0px !important;}
#show_search{width: 100% !important;margin-top:-30px !important;left:0px !important;top: -30px !important;}
 
input[type="tel"], input[type="email"], input[type="text"], input[type="password"], input[type="number"], select, .content_cover textarea {
width: 100%;
}

/*------M022 Forum session confirmation-------*/

.M022_cart{
    flex-direction: column;
}
.M022_cart-left{
    margin-right: 0;
}

.M022_cart--total {
    padding: 12px 5px;
}
.M022_cart--total{
	margin-bottom:0;
	border-width:1px 0 0 0;
}

.M022_cart-right{
    margin-top: 0;
    width: 100%;
}
div[class*="M022_cart"][class*="-table-body"] .col.info .label {
    white-space: nowrap;
}
div[class*="M022"][class*="-total"] button {    
	 
}
div[class*="M022_cart"][class*="-table-"] .col.info {
    width: 100%;
    min-width: 100%;
}
div[class*="M022_cart"][class*="-table-head"] {
    display: none !important;
}

div[class*="M022_cart"][class*="-table-body"] {
    border-top: 1px solid #eee;
}

div[class*="M022_cart"][class*="-table-body"] .row {
    -ms-flex-wrap: wrap;
  	flex-wrap: wrap;

}

div[class*="M022_cart"][class*="-table-"] .col.amount {
    text-align: left;
    width: auto;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

}
div[class*="M022_cart"][class*="-table-"] .col.amount input[type="number"], div[class*="M022_cart"][class*="-table-"] .col.amount select {
    max-width: 3.5rem;
}
div[class*="M022_cart"][class*="-table-"] .col.amount:before {
    content: "数量：";
    margin-right: .8rem;
    white-space: nowrap;
}
div[class*="M022"][class*="-total"] .amount.tax-in{
	flex-grow:inherit;
}

div[class*="M022_cart"][class*="-table-body"] .col.price {
    text-align: right;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;

    flex-direction: row-reverse;
    -webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;

    justify-content: flex-end;
}
div[class*="M022_cart"][class*="-table-body"] .col.price .delete a{
	margin-left:0;

}

div[class*="M022_cart"][class*="-table-body"] .col.info >div {
    margin-bottom: 4px;
}
/*
div[class*="M022_cart"][class*="-table-"] .col.amount,
div[class*="M022_cart"][class*="-table-"] .col.price {
	padding: 0 7px 10px 7px;
    align-items: center;
}
*/
div[class*="M022_cart"][class*="-table-"] .col.amount input[type="text"] {
    width: auto;
    max-width: 3rem;
    min-width: unset;
    margin-bottom: 0;
}
div[class*="M022_cart"][class*="-table-body"] .col.price .price {
    margin-left: auto;
}
div[class*="M022"][class*="-total"] div.label:not(.total) {
    font-weight: normal;
}
.m02_confirmation_box .box1 {
	width: 100% !important;
}
.m02_confirmation_box .box2 {
	width: 100% !important;
}
.M022_cart-foruminfo-table .row .label {
    width: 7rem;
    min-width: 7rem;
}
.m022_s_conf_container .m022_register_btn #btn-login,.m022_register_btn #btn-reg{
	display: none;
}
.m022_alphabet_serach {
    width: 30px;
    height: 30px;
    margin: 0 10px 10px 0;
}
.letters-list {
    margin-top: 10px;
}
.M01_albumlist{
	display:block;
}
.M01_albumlist li{
	margin-bottom:15px;
}
.m022_letters_content li {
    padding-right: 10px;
}
.sess_format, .sess_tag, .sess_tag_eng {
    margin-bottom: 0;
}
.m022_letters_content-item {
    width: 50%;
}
.conf_sec_ws{margin: 19px 0px 0px 0px !important;}
.conf_sec {width: 100%!important;float:left !important;}
.grp_seting_desc {clear: both;margin: 10px 0px 10px 5px!important;width:100% !important;}

.election_main_new ul.table_list {
    display: table;
}

.election_main_new .table_list li {
    display: table-row-group;
}

.election_main_new .table_list li dl {
    display: table-row;
}

.election_main_new .table_list li dd {
    display: table-cell;
}

.election_main_new .table_list li.head {
}

.election_main_new .table_list li dt {
    display: none;
}
.election_main_new .table_list li dd{
	border:none !important;
}
.election_main_new .table_list li {
    border-bottom: 1px solid #f3f3f3;
}
.m22-vp-top{margin-top: -38px;}
.m22_side_toggle {    
    justify-content: center; 
    /*content: "\f053""";*/
	min-width: 38px;
    /*width: 38px;*/
    height: 50px;
    display: flex;
    /*position: absolute;*/
    background: rgba(255,255,255,.8);
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #e9e9e9;
    top: 0;
    right: -39px;
    border-radius: 0 15px 15px 0;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 21px;
    color: #333;
    text-align: center;
    align-items: center;
	float:left;
    box-shadow: 4px 3px 4px rgb(0 0 0 / 10%);
}
.m22_side_toggle:after:hover{
	cursor:pointer;
}
.m22_side_toggle:before {
  content: "\f054";
}
.m22_side_toggle.sptoggle_close:after{
	content:"\f054";
}
.m22-vp-top-p a {
    padding: 10px 15px;
    font-size: 20px;
}

.m22-vp-top-p {
    margin-right: 0;
}

.m22-vp-top {
    display: block;
    margin-top: -40px;
}

.m22-vp-dv {
    padding: 0 15px;
}

.m22_main_area {
    padding: 10px;
}
.m22_election_main_title {width:400px;}
.m22_side_margin_toggle{
	margin-left:-300px;
	left:-300px;
}
.m22_side_toggle{position:absolute;}
.m02_eventlist-detail .date, .m02_eventlist-detail .time {
    text-align: left;
}

.m02_eventlist-detail {
    display: block;
}

.m02_eventlist-detail .eventimage {
    margin: 20px auto 0 auto;
    text-align: center;
}
.m22_sidearea{
	z-index:5;	
}
#vote_page {
    min-width: 100vw;
}
.sso_login{
	width:auto;
	padding:10px;
}
.m22_search_new{width:100% !important;}
.no_icon_before_btn {
	margin-right : 0;
}
.M022_cart-fee-table-body >.row >.col {
    padding: 7px 5px 0 5px;
    flex-grow: 1;
    width: 100% !important;
    min-width: 100% !important;
}
.M022_cart-fee-table-body .col.date{
	font-size:15px;
}
.M022_cart-fee-table-body .row >div.col:last-of-type{
	padding-bottom:7px;
}
.m022_register_btn{
	display:none;
}
.page_navi .page_navi-sort {
    max-width: 50%;
    margin: 0;
    padding-right: 1rem;
}

.page_navi-switch {
    max-width: 50%;
    margin: 0;
    display: flex;
}

.page_navi-perpage,
.page_navi-result,
.page_navi-pagination{
    min-width:100%;
}

.page_navi-switch a.btn_basic:not(:last-of-type) {
    margin-right: .5rem;
}
.content_cover .page_navi div[class*="page_navi-"] {
    margin: 0 0 15px 0;
    justify-content: center;
}
a.m022lang_option {
    position: sticky;
    max-width: unset;
    padding: 8px 5px;
    border-top: 1px solid #f5f5f5;
    box-shadow: inset 0 1px #fff;
}
#m022_menuaccord li ul >li:last-of-type{
	border: 0;
}

#m022_menuaccord >ul >li.active {
    box-shadow: 0 0 20px rgba(0,0,0,.8);
	border-bottom:0;
}
.modal .modal-content {
    width: 90vw;
}
.modal .modal-header h2 {
        clear: none !important;
    }
.modal .modal-header .modal-hedaer-label {
        clear: none !important;
    }
.modal .close {
        /*font-size: 32px;
                margin-top: -2px;*/
        font-size: 1.75rem;
    }
.croppie-container {
        overflow: hidden;
    }
.modal #btnBack {
        float: none;
        width: 100%;
        margin: 5px 0px !important;
    }
.modal .btn_clear {
        background: #cfd1d2 !important;
        width: 100%;
        margin: 5px 0px !important;
    }
.cr-slider {
        max-width: 79% !important;
    }
.croppie-container .cr-slider-wrap {
        width: 95% !important;
    }
    /* Camera Related Buttons */
.modal .btn_class_general {
        min-height: 60px;
        width: 100%;
        margin: 5px 0px;
    }
.modal .btn_class_bordered {
        min-height: 60px;
        width: 100%;
        margin: 5px 0px;
    }
.modal .btn_class_bordered_black {
        min-height: 60px;
        width: 100%;
        margin: 5px 0px;
    }
.modal .modal-body{
	max-height:90vh;
	padding: 10px;
}
.dl_main dl.big_block_sub.m22_candi_field:first-child {
    margin-top: 0;
}
.jBox-wrapper{
	left: 0px !important;
	max-width:100%;
}
.jBox-content{
	max-width:100% !important;
}
.sched-column {
    max-width: unset;
}
    ul.event-nav li a {
        font-size: 12px;
        padding: 5px 10px;
    }
    .session_detail_container .session-box,
    .session-map-container {
        padding: 30px 0 20px 0;
    }
    .tag_spec {
        display: none;
    }
    .session_detail_container .session-box,
    .session-map-container {
        padding: 30px 0 20px 0;
    }
    .event-nav {
        clear: both;
    }
    .header {
        width: 100%;
    }
    .logo-cont,
    .soc-med {
        display: block;
        width: 100%;
        height: auto;
        margin: 5px 0;
        text-align: center;
    }
    ul.event-nav li a {
        font-size: 12px;
        padding: 6px;
    }
    .tag_spec {
        display: none;
    }
    .event-logo-text {
        border: none;
    }    .event-logo-text {
        border: none;
    }
    ul.event-nav li a {
        font-size: 10px;
        padding: 5px;
    }
    .event-logo-cont img {
        max-width: 65% !important;
    }
    .event-logo-cont {
        text-align: center;
        margin-top: 0px;
        height: auto;
        width: 100%;
    }
    .event-header-section {
        padding-left: 0px;
    }
    .event-logo-cont a {
        display: inline-block;
        line-height: normal;
    }
    .session-venue,
    .session-date,
    .session-time,
    .session-contact {
        width: 100%;
        display: inline-block;
    }    .sched-event .sched-event-inner {
        border-left: 1px solid #dedcdc !important;
        border-top: 1px solid #dedcdc !important;
        padding-bottom: 6px !important;
    }
    .sched-column .sched-column-bg .sched-column-bg-block {
        border: 0px;
        border-style: none !important;
    }
    #event_summary dl {
        float: none;
        width: 100%;
    }
    .event_map,
    .session-map-container #map_canvas {
        float: none;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
    .session-map-container dl {
        width: 100%;
    }
    .session-map-container dd {
        width: 100%;
    }
    #event_timetable_inner_cover {
        /*padding:0;*/
    }
    ul.bxslider {
        width: 100% !important;
        display: table;
        table-layout: fixed;
    }
    ul.bxslider>li {
        float: none !important;
        width: auto !important;
        display: table-cell;
    }
    .sched-sidebar {
        display: none;
    }
    .sched-columns {
        float: none !important;
        width: auto !important;
        display: block !important;
    }
    .sched-tt-container {
        display: block !important;
        width: auto !important;
        padding: inherit !important;
        float: none !important;
        max-width: inherit !important;
    }
    .sched-column {
        height: auto !important;
        width: auto !important;
        float: none !important;
        display: block !important;
    }
    .sched-column-header {
        display: none !important;
    }
    .sched-column-header-mobile {
        display: block !important;
    }
    .sched-column-content {
        position: relative !important;
        top: auto !important;
    }
    .M021-select-view-type {
        display: none !important;
    }
    #event_timetable_inner {
        padding-top: 0px !important;
    }
    #thumbnail-slider .bx-viewport,
    .bx-viewport {
        overflow: visible !important;
        height: auto !important;
    }
    .sched-column-bg-block {
        height: auto !important;
    }
    a.sched-event {
        position: relative !important;
        top: inherit !important;
        height: auto !important;
    }
    .sched-event-description {
        height: auto !important;
    }
    .session-button-area .confirm-btns,
    .event-button-area .confirm-btns {
        background-color: #2492ff;
        color: #fff;
        background: none;
        -webkit-border-radius: 0px !important;
        border-radius: 0px !important;
    }
    #event_detail_inner_cover,
    #event_timetable_inner_cover,
    #event_summary_inner_cover,
    #event_join_inner_cover,
    #event_downloads_inner_cover {
    }
    #event-list ul li a.event_img {
        width: 100%;
    }
    .event-details {
        width: 99%;
        position: relative;
    }
    .download-ticket-btn {
        line-height: 19px;
        top: 132px;
        width: 40%;
        right: 0px;
    }
    .event-status-container span {
        width: 18%;
        line-height: 19px;
        top: 83px;
        right: 0px;
    }
    .M021_event_menu ul a {
        font-size: 70%;
        padding: 1px 4px;
    }
    .event_name {
        width: auto;
    }
    .tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected {
        width: 100% !important;
    }
    .sf-timetable-menu li ul {
        width: 100% !important;
    }
    .sf-timetable-menu li ul li {
        width: 100% !important;
    }
    .tabs {
        margin-right: -36px !important;
    }    #event-list-container .event-left-title {
        padding-left: 0px;
    }
    #event-list-container .event-left-title a {
        font-size: 18px;
    }
    #event-list-container .event-right-staus {
        float: left;
        padding-left: 0px;
        clear: both;
    }
    #event-list-container .event-date-range {
        font-size: 17px;
        padding-left: 20px;
    }
    #event-list-container .event-time-range {
        font-size: 16px;
        padding-left: 20px;
    }	#m022_menuaccord{display:block;}    #thumbnail-slider {
        display: none;
    }
    .M021_event_menu ul a {
        font-size: 90%;
        padding: 1px 10px;
    }
    .event_name {
        width: auto;
    }
    .tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected {
        width: 100% !important;
    }
    .sf-timetable-menu li ul {
        width: 100% !important;
    }
    .sf-timetable-menu li ul li {
        width: 100% !important;
    }
    .tabs {
        margin-right: -36px !important;
    }
	.box-container .tab-content.current {
    padding: 0;
}    #event-list-container .eventdetleft,
    #event-list-container .eventdetright {
        width: 100%;
        float: right;
    }
    #event-list-container .newbtnev,
	#event-list-container .event_status {
        font-size: 100%;
        width: 100%;
    }   
.sf-timetable-menu {
        display: block;
    }
.m022-time-table-container {
    align-items: flex-start;
}
.m022-time-table-heading .status {
    margin: 10px 0 0 0;
    display: block;
}
.m022-time-table-title .title{
	font-size: 24px;
}
.tab-container{
    padding: 0 10px 10px 10px;
}
dd.msg_info.msg_info_ikon {
    margin: 0 10px 0 20px;
}
.msg_info_ikon .star-icon {
    float: none;
    margin: 0;
}
.group_modal_download { 
	width: 40% !important; 
}