body{ font-family:Arial, sans-serif;background-color:#ececec;}
.container{ border:0px solid #0034FF;background-color:#FFFFFF;}
.main{background-color:#FFFFFF;}
.main_detail{margin-top:10px;padding-top:50px;}
@media (max-width:991px)
{
	.sigun_in{float:right!important}
}
@media (max-width:1600px)
{
	.sigun_in{float:right!important}
}
@media (min-width:1280px){.sigun_in{float:right!important}}
@media (max-width:1280px){.sigun_in{float:right!important}}
@media (max-width:765px){.sigun_in{float:left!important}}
.bg_menu_in{ background-color:#2262AF;}
.box_menu_in{display: table; margin: 0 auto;width:auto;}
.menu_in { margin:15px 0 0 0;}
.menu_in li{ font-size:14px;font-weight:bold;height:37px;}
.img_user {margin-top:-16px;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
.img_user2 {-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
 /* dropdown_set*/
ul.dropdown_set{background-color:#764d24;}
.dropdown_set li > a,.dropdown_set li > a:hover{color:#FFFFFF;}
@media (max-width:765px){.sigun_in{width:100%;}}
@media (max-width:767px)
{
	.navbar-inverse .navbar-nav .open .dropdown_set > li > a {color:#FFFFFF;}
	.navbar-inverse .navbar-nav .open .dropdown_set > li > a:hover {color:#FFFFFF;}
}
 /* dropdown_set*/ 
/* banner*/
.bn_txt_head{color:#2262AF;font-size:60px;}
.bn_txt_head_2{color:#FFFFFF;font-size:30px;}
.bn_txt_detail{ padding-top:20px;padding-bottom:20px;}
.bn_next{/* border:1px solid #FFFFFF; */padding:10px 15px;width:120px;color:#2262AF;}
@media screen and (min-width:1290px)
{
	.bn_txt_head{color:#2262AF;font-size:64px;}
	.bn_txt_head_2{color:#FFFFFF;font-size:30px;}
	.bn_txt_detail{padding-top:20px;padding-bottom:20px;}
}
@media screen and (max-width:1024px)
{
	.bn_txt_head{color:#2262AF;font-size:50px;}
	.bn_txt_head_2{color:#FFFFFF;font-size:20px;}
	.bn_txt_detail{ padding-top:5px;padding-bottom:5px;}
}
@media screen and (max-width:768px)
{
	.bn_txt_head{color:#2262AF;font-size:30px;}
	.bn_txt_head_2{color:#FFFFFF;font-size:18px;}
	.bn_txt_detail{ padding-top:0px;padding-bottom:0px;}
}
@media screen and (max-width:736px)
{
	.bn_txt_head{color:#2262AF;font-size:26px;}
	.bn_txt_head_2{color:#FFFFFF;font-size:16px;}
	.bn_txt_detail{ padding-top:0px;padding-bottom:0px;}
}
@media screen and (max-width:667px)
{
	.bn_txt_head{color:#2262AF;font-size:24px;}
	.bn_txt_head_2{color:#FFFFFF;font-size:14px;}
	.bn_txt_detail{ display:none;}
}
@media screen and (max-width:600px)
{
	.bn_txt_head{color:#2262AF;font-size:24px;}
	.bn_txt_head_2{color:#FFFFFF;font-size:14px;}
	.bn_txt_detail{ display:none;}
}
@media screen and (max-width:480px)
{
	.bn_txt_head{color:#2262AF;font-size:20px;}
	.bn_txt_head_2{color:#FFFFFF;font-size:12px;}
	.bn_txt_detail{ display:none;}
}
@media screen and (max-width:460px)
{
	.bn_txt_head{color:#2262AF;font-size:24px;}
	.bn_txt_head_2{color:#FFFFFF;font-size:12px;}
	.bn_txt_detail{ display:none;}
	.bn_next{/* border:1px solid #FFFFFF */;padding:5px 5px;width:120px;color:#2262AF;}
}
@media screen and (max-width:414px)
{
	.bn_txt_head{color:#2262AF;font-size:28px;}
	.bn_txt_head_2{ display:none;}
	.bn_txt_detail{ display:none;}
}
@media screen and (max-width:384px)
{
	.bn_txt_head{color:#2262AF;font-size:28px;}
	.bn_txt_head_2{ display:none;}
	.bn_txt_detail{ display:none;}
}

.text_1{padding:25px 0;text-align:center;}
.font_head{font-size:22px;}
.font_head24{font-size:24px;}
.font_head2{font-size:16px;font-weight:bold;}
.font_head16{font-size:16px}
.font_head18{font-size:18px}
.font_head14{font-size:14px}
.font_head12{font-size:12px}
.font_green{color:#2262AF}
.font_brown{color:#533d22}
.font_orange{color:#f26522}
.font_gray{color:#b5b5b5;}
.box_detail{background-image:url(../img/bg_shadow.jpg);background-repeat:no-repeat;width:auto;height:auto;background-color:#FFFFFF;padding: 70px 42px 10px 42px;}
.box_detail2{background-image:url(../img/bg_shadow.jpg);background-repeat:no-repeat;width:auto;height:auto;background-color:#FFFFFF;padding: 35px 42px 10px 42px;}
.box_detail_next{ /* border:1px solid #533d22; */padding:10px 15px;width:125px;color:#2262AF;margin-top:20px;}
.box_detail_next  a{ color:#2262AF;text-decoration:none;}
.btn_subscribe{color:#2262AF;border:1px solid #2262AF;border-radius:0px;}
.btn_subscribe:hover{ background-color:#FFFFFF;color:#2262AF;border:1px solid #2262AF;border-radius:0px;}
.angularity{border-radius:0px;}
.btn_contact{ background-color:#2262AF;color:#FFFFFF;border:1px solid #2262AF;border-radius:0px;}
.btn_contact:hover{ background-color:#2262AF;color:#FFFFFF;border:1px solid #2262AF;border-radius:0px;}
.detail_head_text{padding-left:20%;}
.p_detail{padding:0 61px;}
.font_head_detail{font-size:24px;}
@media (max-width:768px)
{
	.p_detail{padding:0 0px;}
	.detail_head_text{padding-left:10%;}
}
@media (max-width:240px){.detail_head_text{padding:0 20px;text-align:center;}}
.footer_img{ text-align:right;color:#533d22}
@media screen and (max-width:768px){ .footer_img{ text-align:left;margin-left:15px;margin-top:60px;} }
.footet_copy{background-color:#2262AF;}
.footet_copy_font{color:#FFFFFF;text-align:center;}
@media (min-width:768px){
	.nav_center{
		margin: 0 auto;
		display: table;
		table-layout: auto;
		/*float: none;*/
		width:auto;
		/*border:1px solid #000000;*/
		/*padding:0 50px;*/
		/*padding:0 7%;*/
		padding:0 0;
	}
	.navbar-nav>li {display: table-cell;float: none;text-align: center;}
}
.box_left{ margin-right:15px;margin-left:10px;}
.box_right{border:1px solid #e8e8e8;margin-top:15px;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);max-width:262px;}
.box_right_text_header{font-size:18px;color:#717171;padding-bottom:5px;}
.box_right_text_header2{font-size:18px;color:#171717;padding-bottom:5px;}
.box_right_text_title{ font-size:15px;color:#767676;}
.box_right_text_detail{ color:#acaaaa;}
.box_mt15{ margin-top:15px;}
.box_mt20{ margin-top:20px;}
.box_ml15{ margin-left:15px;}
.box_ml5{ margin-left:5px;}
.box_m15{ margin:15px;}
box_pl20{ padding-left:20px;}

.tb_friend td{ padding:5px 0;}
.a_text_friend{ color:#767676;text-decoration:none;}
.viewmroe{ padding:10px 0 0 0;}
.a_viewmroe_green{ color:#2262AF;text-decoration:none;}
.corner{border-radius:4px;}
.img_heart{position:absolute;margin:50px 0 0 90px;}
.box_star{border-bottom:2px solid  #dededf;padding-bottom:10px;max-width:153px;text-align:center;margin:0 auto;}
.box_price_left{height:50px;background-color:#2262AF;-webkit-border-radius:0px 0px 0px 4px;-moz-border-radius:0px 0px 0px 4px;border-radius:0px 0px 0px 4px;}
.box_price_right{height:50px;background-color:#533d22;-webkit-border-radius:0px 0px 4px 0px;-moz-border-radius:0px 0px 4px 0px;border-radius:0px 0px 4px 0px;}
.price_font{color:#FFFFFF;font-size:24px;padding-top:10px;text-align:center;}
.price_font20{color:#FFFFFF;font-size:20px;padding-top:10px;text-align:center;}
.price_font16{color:#FFFFFF;font-size:16px;padding-top:10px;text-align:center;}
/*login*/
.min_h_web{min-height:423px;}
.box_login{ border:1px solid #e8e8e8;margin-top:15px;border-radius:0px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);padding-bottom:10px;}
.box_login2{ border-top:3px solid #fa6f57;margin:0 -15px;}
.input_login{ color:#5e5b5b;height:48px;background-color:#f2f2f3;border:1px solid #e5e5e5;}
.input_login::-moz-placeholder{color:#5e5b5b;opacity:1}
.input_login:-ms-input-placeholder{color:#5e5b5b}
.input_login::-webkit-input-placeholder{color:#5e5b5b}
.sm_login{color:#FFFFFF;background-color:#2262AF;border:1px solid #2262AF;height:48px;font-size:18px;}
.sm_login:hover{color:#FFFFFF;background-color:#2262AF;border:1px solid #2262AF;height:48px;font-size:18px;}
.sm_reset{color:#FFFFFF;background-color:#c4c4c4;border:1px solid #sm_reset;height:48px;font-size:18px;}
.sm_reset:hover{color:#FFFFFF;background-color:#c4c4c4;border:1px solid #sm_reset;height:48px;font-size:18px;}
.user-name {	background:#f2f2f3 url(../img/icon_user4.png) no-repeat  98%   center !important;}
.user-pass { background:#f2f2f3 url(../img/icon_locken.png) no-repeat  98%   center  !important;}
.user-mail { background:#f2f2f3 url(../img/icon_mail.png) no-repeat  98%   center  !important;}
.user-phone { background:#f2f2f3 url(../img/icon_phonenumber.png) no-repeat  98%   center  !important;}
.user-next { background:#f2f2f3 url(../img/icon_arrow_next.png) no-repeat  98%   center  !important;}
/*login*/
/*home*/
.box_left{ margin-right:15px;margin-left:10px;}
.box_right{border:1px solid #e8e8e8;margin-top:15px;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);max-width:262px;}
.box_right_text_header{font-size:18px;color:#717171;padding-bottom:5px;}
.box_right_text_header2{font-size:18px;color:#171717;padding-bottom:5px;}
.box_right_text_title{ font-size:15px;color:#767676;}
.box_right_text_detail{ color:#acaaaa;}
.box_mt15{ margin-top:15px;}
.box_m15{ margin:15px;}

/*  
.tb_friend td{ padding:15px 0;}
.a_text_friend{ color:#767676;text-decoration:none;}
.viewmroe{ padding:10px 0 0 0;}
.a_viewmroe_green{ color:#2262AF;text-decoration:none;}
.corner{border-radius:4px;}
.img_heart{position:absolute;margin:50px 0 0 90px;} 

.box_star{border-bottom:2px solid  #dededf;padding-bottom:10px;max-width:153px;text-align:center;margin:0 auto;} 
.box_price_left{height:50px;background-color:#2262AF;-webkit-border-radius:0px 0px 0px 4px;-moz-border-radius:0px 0px 0px 4px;border-radius:0px 0px 0px 4px;} 
.box_price_right{height:50px;background-color:#533d22;-webkit-border-radius:0px 0px 4px 0px;-moz-border-radius:0px 0px 4px 0px;border-radius:0px 0px 4px 0px;} 
.price_font{color:#FFFFFF;font-size:24px;padding-top:10px;text-align:center;} 
.price_font20{color:#FFFFFF;font-size:20px;padding-top:10px;text-align:center;} 
.price_font16{color:#FFFFFF;font-size:16px;padding-top:10px;text-align:center;} */
.box_member{border:1px solid #e8e8e8;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);}

.membe_font_title{font-size:16px;color:#754c24;}
.membe_font_titlesub{ color:#b5b5b5;font-size:12px;}
.tb_member td{ padding:15px 10px;}
.membe_font_text_header{font-size:16px;color:#171717;}
.calendar_text{font-size:12px;color:#767676;}
.line_member{border-top:1px solid #e9e9e9;}
.div_left{float:left;}
.div_Initial{float:initial;}
.clear{clear:both;}
.tb_box_member{margin:10px 15px}
.img_member{ margin-left:-15px;margin-right:-15px;}

@media (max-width:768px){ .img_member{ margin-left:15px;margin-right:15px;}}
@media (max-width:568px){ .img_member{ margin-left:-15px;margin-right:-15px;}}
@media (max-width:375px){ .img_member{ margin-left:15px;margin-right:15px;}}
@media (max-width:414px){ .img_member{ margin-left:15px;margin-right:15px;}}
@media (max-width:320px){ .img_member{ margin-left:-15px;margin-right:-15px;}}
@media (max-width:240px)
{
	.img_member{ margin-left:-15px;margin-right:-15px;}
	.tb_box_member{margin:10px -15px}
}
/*home*/
.menu_in_img{float:right;}
@media (max-width:768px)
{
	.menu_in_img{float:left!important}
}
.tab_menu{ padding:0px;margin:0px;min-height:50px;}
.bn_menu{position:relative;padding:10px 12px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:#fbfbfb;
background-image:none;border:1px solid #e7e7e7;border-radius:4px}
.bn_menu:focus{outline:0;}
.bn_menu .icon-bar_m{display:block;width:22px;height:2px;border-radius:1px}
.bn_menu .icon-bar_m+.icon-bar_m{margin-top:4px}
.bn_menu .icon-bar_m{background-color:#888}
/*.bg_tab_menu{margin-top:8px;margin-right:10px;margin-bottom:8px;background-color:#fbfbfb;background-image:none;border:1px solid #e7e7e7;border-radius:4px;min-height:36px;min-width:180px;padding:5px 0px;}*/
.bg_tab_menu{margin-top:8px;margin-right:10px;margin-bottom:8px;background-color:#fbfbfb;background-image:none;border:1px solid #e7e7e7;border-radius:4px;min-height:40px;min-width:180px;padding:5px 0px;}
/*.bg_tab_menu2{margin-top:8px;margin-right:10px;margin-bottom:8px;background-color:#fbfbfb;background-image:none;border:1px solid #e7e7e7;border-radius:4px;min-height:36px;min-width:180px;padding:5px 0px;}*/
.bg_tab_menu2{margin-top:8px;margin-right:10px;margin-bottom:8px;background-color:#fbfbfb;background-image:none;border:1px solid #e7e7e7;border-radius:4px;min-height:40px;min-width:180px;padding:5px 0px;}
/*.bg_tab_menu3{margin-top:8px;margin-bottom:8px;background-color:#fbfbfb;background-image:none;border:1px solid #e7e7e7;border-radius:4px;min-height:36px;min-width:180px;padding-top:5px;padding-bottom:5px;margin-left:5px;margin-right:5px;}*/
.bg_tab_menu3{margin-top:8px;margin-bottom:8px;background-color:#fbfbfb;background-image:none;border:1px solid #e7e7e7;border-radius:4px;min-height:40px;min-width:180px;padding-top:5px;padding-bottom:5px;margin-left:5px;margin-right:5px;}
/*.bg_tab_menu4{margin-top:8px;margin-right:10px;margin-bottom:8px;background-color:#fbfbfb;background-image:none;border:1px solid #e7e7e7;border-radius:4px;min-height:36px;min-width:180px;padding:5px 0px;margin-left:-15px;}*/
.bg_tab_menu4{margin-top:8px;margin-right:10px;margin-bottom:8px;background-color:#fbfbfb;background-image:none;border:1px solid #e7e7e7;border-radius:4px;min-height:40px;min-width:180px;padding:5px 0px;margin-left:-15px;}
/*.input_search{ height:25px;margin-left:5px;border-radius:2px;margin-right:5px;font-size:11px;}*/
.input_search{ height:30px;margin-left:5px;border-radius:2px;margin-right:5px;font-size:14px;}
.icon_magnifier{	background:#FFFFFF url(../img/icon_magnifier.png) no-repeat  98%   center !important;}
.text_search{ color:#b5b5b5;font-weight:inherit;}
.box_search{margin-left:-15px;}
.box_sort{text-align:right;float:right;}

@media (max-width:1024px){
	.bg_tab_menu4{min-height:68px;}
}
@media (max-width:768px){
	.tab_menu{ padding:0px;margin:0px;}
	.bg_tab_menu{min-height:210px}
	.bg_tab_menu4{min-height:75px;margin-left:-10px;}
	.box_sort{text-align:left;float:left;}
	.box_search{margin-left:0px;margin-top:10px;}
}
@media (max-width:736px){
	.bg_tab_menu4{
		min-height:230px;
	}
	.bg_tab_menu{
		min-height:35px
	}
}
@media (max-width:320px){
	.bg_tab_menu4{
		min-height:240px;
	}
	.bg_tab_menu{
		min-height:35px
	}
}
@media (max-width:240px){.bg_tab_menu4{min-height:250px;}}
 /* dropdown_menu_in_sub*/
 ul.dropdown_menu_in_sub
{
	background-color:#ececec;
	border: 1px solid #ececec;
}
.dropdown_menu_in_sub>li{ border-bottom:1px dashed #FFFFFF;margin:0 5px;}
.dropdown_menu_in_sub>li:hover{background-color:#ececec;}
.dropdown_menu_in_sub>li a:hover{background-color:#ececec;}
.dropdown_menu_in_sub li > a,.dropdown_menu_in_sub li > a:hover{color:#777777;}
@media (max-width:767px)
{
	.navbar-inverse .navbar-nav .open .dropdown_menu_in_sub > li > a {color:#FFFFFF;}
	.navbar-inverse .navbar-nav .open .dropdown_menu_in_sub > li > a:hover {color:#FFFFFF;}
}
 /* dropdown_menu_in_sub*/
.b_remind{ text-align:right; padding:10px 20px;}
.img_hometext_head{ text-align:right;}
.hometext_head{padding-left:15px;color:#5e5e5e;}
.shadow{ margin-bottom:20px;margin-top:10px;}
.dl-horizontal dt{float:left;width:100px;overflow:hidden;clear:left;text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:3px 0px;}
.dl-horizontal dd{margin-left:100px;margin-top: 3px;}
.bg_tabhometext_detail{background-color:#2262AF;height:36px;border-radius:3px;border:1px solid #e7e7e7;margin-bottom:25px;}
.tabhometext_detail{color:#707070;margin:0px 15px 30px 15px;}
.comment_text_head{ font-size:18px;color:#363636;}
.box_showcomment{padding-top:18px;padding-bottom:22px;border-bottom:1px solid #c6c6c6;}
.box_showcomment_text{margin-left:40px;}
@media (max-width:768px){.box_showcomment_text{margin-left:15px;}}
/* .comment_datetime{ position:absolute;margin-top:-24px;right:15px;font-size:12px;color:#717171;} */
.comment_datetime{ text-align: right;margin-top:-24px;right:15px;font-size:12px;color:#717171;}
.comment_text{color:#051EE0;}
.a_comment , .a_comment:hover, .a_comment:focus{ color:#2262AF;text-decoration:none;}
.sm_comment,.sm_comment:hover,.sm_comment:focus{ background-color:#2262AF;border-radius:0px;color:#4e4e4e;border:1px solid #2262AF;}
.reset_comment,.reset_comment:hover,.reset_comment:focus{ background-color:#898989;border-radius:0px;color:#FFFFFF;border:1px solid #898989;}
.box_file{float:left;margin-right:40px;margin-bottom:26px;}
.box_file_left{float:left;margin-right:0px;margin-bottom:26px;}
@media (max-width:240px)
{
	.box_file{float:left;margin-right:5px;margin-bottom:26px;}
    .box_file_left{float:left;margin-right:5px;margin-bottom:26px;}
}
@media (max-width:320px)
{
	.box_file{float:left;margin-right:30px;margin-bottom:26px;}
    .box_file_left{float:left;margin-right:20px;margin-bottom:26px;}
}
@media (max-width:736px)
{
	.box_file{float:left;margin-right:35px;margin-bottom:26px;}
    .box_file_left{float:left;margin-right:35px;margin-bottom:26px;}
}

.ul_menu_friend{margin-left:25px;}
.ul_menu_friend li { margin-top:5px;margin-right:30px;color:#b5b5b5;}
.ul_menu_friend > li.active  {margin-top:0px;margin-right:15px;}
.menu_friend_num{ color:#363636;}
.box_member_2{border:1px solid #e8e8e8;/* width:232px; */border-radius:4px;box-shadow: 0px 0px 3px 3px #f3f3f3;padding-bottom:7px;
text-align:center;font-size:14px;float:left;margin-right:25px;margin-bottom:20px;margin-top:15px;margin-left:15px;}
.box_member_2_line{border-top:1px solid #e9e9e9;margin-top:20px;margin-bottom:5px;}
.img_member_2{border-radius:80px;margin-top:50px;margin-bottom:30px;}
.img_group{width: 240px; height: 240px;}

.img_member_3{border-radius:80px;}
.box_member_3_line{border-bottom:1px solid #b7b7b7;}
.box_member_3_line_top{border-top:1px solid #b7b7b7;}
.ul_img_member_icon{ float:right;}
.ul_img_member_icon li{ margin:0 2px;}
.bt_confirm_friend{ color:#FFF;background-color:#2262AF;border:1px solid #e7e7e7;border-radius:0px;padding-left:25px;padding-right:25px;}
.bt_delete_friend{ color:#533d22;background-color:#fefefe;border:1px solid #e7e7e7;border-radius:0px;padding-left:25px;padding-right:25px;}
.box_text_mygroup{text-align:left;margin-left:20px;margin-top:20px;color:#717171;}
.box_h_mygroup2{height:90px;}
.box_tabmenu{margin:15px 0 5px 7px;}
.box_tabmenu2{margin:15px 0 5px 0px;}

@media screen and (max-device-width : 736px) {
	.box_member_2{border:1px solid #e8e8e8;width:170px;border-radius:4px;box-shadow: 0px 0px 3px 3px #f3f3f3;padding-bottom:7px;
		text-align:center;font-size:14px;float:left;margin-right:0px;margin-bottom:20px;margin-top:15px;margin-left:10px;}
}

.earth_inbox{background-color:#ff6000;width:20px;height:18px;position:absolute;margin-top:-32px;margin-left:13px;border-radius:5px;color:#FFF;font-size:9px;padding-top:1px;}
.bg_tab_menu_green{padding:3px 12px 5px 12px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:#2262AF;
background-image:none;border:1px solid #2262AF;border-radius:4px;min-height:35px;}
.text_search2{color:#FFFFFF;font-weight:inherit;}
.input_search2{ height:25px;border-radius:3px;margin-left:5px;margin-right:5px;}
.tab_head_orange{position:absolute;margin-left:-10px;background-image:url(../img/bg_tab_orange.png);background-repeat:no-repeat;width:181px;height:44px;padding-top:2px;padding-left:0px;color:#FFF;font-size:18px;}
.tab_head_orange2{position:absolute;margin-left:-10px;background-image:url(../img/bg_tab_orange2.png);background-repeat:no-repeat;width:270px;height:44px;padding-top:2px;padding-left:10px;color:#FFF;font-size:18px;}
.box_orange_icon { text-align:right}
@media screen and (max-width:736px)
{
	.fm_search{ padding-top:40px;}
	.input_search2{margin-left:0px}
	.box_orange_icon { text-align:left;margin-left:15px;margin-top:15px;margin-bottom:15px;}
}
.box_orange_detail{ min-height:100px; }
.tab_menu_2 > li {padding-left:0px; padding-right:5px;height:35px;margin-top:-6px;padding-top:7px;border-right:1px solid #e6e6e6;}
.mr_10{ margin-right:10px;}
.tab_menu_2 > li.active > a,.tab_menu_2 > li.active > a:focus,.tab_menu_2 > li.active > a:hover{color:#533d22;font-weight:bold;}
.tab_menu_2 > li a,.tab_menu_2 > li a:focus ,.tab_menu_2 > li a:hover{color:#737373;}
@media screen and (max-width:736px)
{
	.tab_menu_2 >li {border-right:0px solid #e6e6e6;}	
}
.tab_menu_3 > li { background-color:#f1f1f2;padding:10px 6px;margin-right:8px;border-radius:4px;box-shadow:1px 1px 5px #cfcfcf;margin-bottom:8px;}
.tab_menu_3 > li a,.tab_menu_3 > li a:focus ,.tab_menu_3 > li a:hover{color:#737373;}
.img_menber2{border-radius:60px;margin-top:15px;margin-bottom:15px;}
.box_member4{width:150px;height:186px;float:left;margin:20px 20px;background-color:#f5f2f2;}
.box_member4 > a {font-weight:bold;text-decoration:none;color:#363636;}
.box_member4_name{background-color:#2262AF;height:30px;padding-top:5px;font-weight:bold;font-size: 15px;}
.page_green > li:first-child > a, .page_green > li:first-child > span{border-radius:0px;background-color:#2262AF;color:#FFF;border:1px solid #2262AF;}
.page_green > li:last-child > a, .page_green > li:last-child > span{border-radius:0px;background-color:#2262AF;color:#FFF;border:1px solid #2262AF;}
.page_green > li:first-child > a:hover, .page_green > li:first-child > span:hover,
.page_green > li:first-child > a:focus, .page_green > li:first-child > span:focus
{border-radius:0px;background-color:#2262AF;color:#FFF;border:1px solid #2262AF;}
.page_green > li:last-child > a:hover, .page_green > li:last-child > span:hover,
.page_green > li:last-child > a:focus, .page_green > li:last-child > span:focus
{border-radius:0px;background-color:#2262AF;color:#FFF;border:1px solid #2262AF;}
.page_green > li{ height:24px;}
.page_green > li > a, .page_green > li > span {
	background-color: #b7b7b7;
	border: 1px solid #b7b7b7;
	color: #FFFFFF;
	float: left;
	line-height: 1.42857;
	margin-left: -1px;
	padding: 6px 12px;
	margin:0 2px;
	position: relative;
	text-decoration: none;
	margin-top:5px;
}
.page_green > li > a:hover, .page_green > li > span:hover ,
.page_green > li > a:focus, .page_green > li > span:hover
 {
	background-color: #2262AF;
	border: 1px solid #2262AF;
	color: #FFFFFF;
}
.page_green>.active>a,.page_green>.active>a:focus,.page_green>.active>a:hover,.page_green>.active>span,.page_green>.active>span:focus,.pagination>.active>span:hover
{z-index:2;color:#FFFFFF;cursor:default;background-color:#2262AF;border-color:#2262AF}
.box_member5{border:1px solid #e8e8e8;width:260px;height:367px;float:left;margin:8px 12px;border-radius:3px;box-shadow:1px 1px 5px #cfcfcf;}
@media screen and (max-width:736px){.box_member5{width:98%;margin:15px 0px;}}
.box_member5_imguser{margin:15px;float:left}
.box_member6{ margin-top:20px;}
.box_member6_img{border:0px solid #e8e8e8;width:215px;height:202px;float:left}
.box_member6_detail{border:1px solid #e8e8e8;width:215px;height:210px;float:left;border-radius:3px;box-shadow:1px 1px 5px #cfcfcf;}
@media (max-width:414px){ .box_member6_detail{ margin-top:8px;}}
.box_member6_detailimg{padding-top:25px;padding-left:20px;}
.box_member6_detailtext{padding-top:4px;padding-left:20px;}
.box_regi_q_head{border:1px solid #cccccc;padding-top:10px;padding-left:15px;padding-bottom:3px;}
.box_regi_q_body{border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:15px 25px;}
.box_regi_q_line{border:1px solid #f1b9b0;height:4px;background-color:#fa6f57;}
.box_regi_q_body2{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:15px 30px;}
.bn_regi_1,.bn_regi_2{width:150px;}
.bn_regi_1{ margin-right:20px;}
@media screen and (max-width:1024px){.bn_regi_1{ margin-right:0px;margin-bottom:15px;}.bn_regi3{ margin-top:-15px;}}
@media (max-width:414px){.bn_regi_1{ margin-right:0px;margin-bottom:15px;}}
@media (max-width:240px){
	.bn_regi_1,.bn_regi_2,.bn_regi_1:hover,.bn_regi_2:hover{
		width:80px;height:auto;font-size:12px;padding:10px 0px;
	}
}
.box_regi_q_right{ margin-left:-30px;}
@media (max-width:768px){.box_regi_q_right{ margin-left:0px;}}
.box_regi_q_head{border:1px solid #cccccc;padding-top:10px;padding-left:15px;padding-bottom:3px;}
.box_regi_q_body{border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;padding:15px 25px;}
.box_regi_q_line{border:1px solid #f1b9b0;height:4px;background-color:#fa6f57;}
.box_regi_q_body2{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding:15px 30px;}
.bn_regi_1,.bn_regi_2{width:150px;}
.bn_regi_1{ margin-right:20px;}
@media screen and (max-width:1024px){.bn_regi_1{ margin-right:0px;margin-bottom:15px;}}
@media (max-width:414px){.bn_regi_1{ margin-right:0px;margin-bottom:15px;}}
@media (max-width:240px){.bn_regi_1,.bn_regi_2,.bn_regi_1:hover,.bn_regi_2:hover{width:80px;height:auto;font-size:12px;padding:10px 0px;}}
.box_regi_q_right{ margin-left:-30px;}
@media (max-width:768px){.box_regi_q_right{ margin-left:0px;}}
.menu_right_top_earth{border:0px solid #0F0;height:30px;width:100%;margin-top:10px;}
.menu_right_top_earth > a{ color:#d1d1d1;}
.menu_right_top_book_user{border:0px solid #0F0;height:40px;width:100%;}
@media screen and (max-width:736px)
{
	.menu_right_top{position:absolute;top:0px;text-align:right;width:90%;}
	.menu_right_top_earth{border:0px solid #0F0;height:30px;width:100%;;margin-top:10px;}
	.menu_right_top_book_user{border:0px solid #0F0;height:40px;width:100%;}
}
.box_iconfile_resource{margin-top:10px;padding-left:30px;border:0px solid #F00;}}
.box_ml30{ margin-left:30px;}
.tab_fm_resource_left{padding-right:0px;}
.fm_resource_left{padding-right:0px;margin-right:0px;border-radius:5px 0px 0px 5px;border-right:0px solid #e7e7e7;}
.tab_fm_resource_right{padding-left:0px;}
.fm_resource_right{padding-left:0px;margin-left:0px;border-radius:0px 5px 5px 0px;border-left:0px solid #e7e7e7;}
.fm_line_right{border-left:1px solid #d7d8d7;}
@media (max-width:768px)
{
	.tab_fm_resource_left{padding-right:15px;margin-right:15px;}
	.fm_resource_left{padding-right:0px;margin-right:0px;border-radius:5px;border-right:1px solid #e7e7e7;}
	.tab_fm_resource_right{padding-left:15px;margin-left:0px;}
	.fm_resource_right{padding-left:0px;margin-left:0px;border-radius:5px;border-left:1px solid #e7e7e7;}
	.fm_line_right{border-left:0px solid #d7d8d7;margin-left:0px;padding-left:0px;}
}

Add
/** start scrolltoppage*/
scrollpage {position: fixed; width: 50px; height: 50px;  background-color:white; top: 30px; z-index: 200; right: 50px; border: 1px solid #497d16; text-align: center;}
/* div#scrollpage > a > img {margin-top: 10px;}
div#scrollpage:HOVER {background-color: #6b9e26;} */
/** end scrolltoppage*/

.back-to-top{
 -moz-border-radius:50px;
 -webkit-border-radius:50px;
 border-radius:50px;
 background:#ffffff;
 position:fixed;
 right:20px;
 bottom:20px;
 width:69px;
 height:70px;
 cursor:pointer;
 z-index:9999;
}
.back-to-top:before {
  content: '';
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background: #ffffff;
  border: 2px solid #2262AF;
  position: absolute;
  right: 7px;
  bottom: 7px;
  width: 55px;
  height: 55px;
}
.back-to-top:hover .arrow-box {
  top: 35px;
}
.back-to-top .arrow-box {
  position: relative;
  background: #ffffff;
  border: 0;
  display: inline-block;
  width: 20px;
  height: 18px;
  top: 38px;
  left: 25px;
}
/*a:hover, .cnv a:hover, button.as-link:hover {
  color: #199cb7;
  text-decoration: underline;
}*/
.back-to-top .arrow-box:after {
  border-color: rgba(53,60,66,0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  left: 3px;
}
.back-to-top .arrow-box:after, .back-to-top .arrow-box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.back-to-top .arrow-box:before {
  border-color: rgba(96,151,180,0);
  border-bottom-color: #2262AF;
  border-width: 10px;
  left: 0;
}
.back-to-top .arrow-box:after {
  border-color: rgba(53,60,66,0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  left: 3px;
}

.web_img{ display:inherit}
.mobile_img{ display:none;margin-top:15px;}
@media (max-width:992px)
{
	.mobile_img{ display:inherit;margin-top:15px;}
	.web_img{ display:none}
}

/* 
  register_input ����Ѻ���ŧ����¹��Ҫԡ 
      ���ҧ����� : 30/07/2015 
      �� : Patipol
 */
.register_input {text-align: right;}
.register_input > span{color:#F00;}

.btn-register {color:#333;background-color:#fff;border-color:#ccc}
.btn-register.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-register.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}
.btn-register.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{/* background-color:#fff; */border-color:#ccc}
.btn-register.badge{color:#fff;background-color:#333}

.member_info {
		text-align: center;
    	color: #096;
	}
.member_subInfo {
		text-align: left; 
		color: #088;
		margin-left: 30px;
	}
.member_label {text-align: right; padding-top: 5px;}
.member_label > span{color:#F00;}
.member_data {text-align: left; padding-top: 5px;}
.member_data_input {text-align: left; padding-left: 2px !important;}
.member_input {
		text-align: left;
		width: 240px !important;
    	height: 28px !important; 
    	padding-top: 5px !important;
    	padding-left: 5px !important;
    	/* font-size: 14px !important; */
    	/* border-radius: 0 !important; */
	}
.member_input_combo{
	    width: 240px !important;
    	height: 28px !important; 
    	padding-top: 2px !important;
    	padding-left: 2px !important;
    	padding-right: 0px !important;
    	/* font-size: 14px !important; */
	}
.box_member_images{
	margin-top: 40px;
	padding-left: 80px;
}	
.box_member_edit_phone{
    width: 196px !important
}
    
@media (max-width:320px){
	.member_input{
		width: 148px !important;
	}
	.member_input_combo{
		width: 148px !important;
	}
	.box_member_images{
		margin-top: 10px;
		padding-left: 45px;
	}
	.box_member_edit_phone{
    	width: 114px !important
	}
	.bn_regi_1,.bn_regi_2{
		width:116px;
	}
	.box_regi_q_body{
		border-left: 0px;
    	border-right: 0px;
    	padding: 0px;
	}
	.box_regi_q_body2{
		border-left: 0px;
    	border-right: 0px;
    	padding: 0px;
	}
	.form-group{
		margin-bottom: 5px;
	}
}
	
.member_table_stat_head {text-align: center;font-weight: 700;background-color: #2262AF;}
.member_table_stat_data {text-align: left;}
.member_table_stat_data_sum  {text-align: left;font-weight: 700;}
.member_table_stat_datar {text-align: right;}
.member_table_stat_datar_sum {text-align: right;font-weight: 700;}

.promotion_label {
		text-align: right;
    	padding-top: 5px !important;
    	font-size: 14px !important;
	}
.promotion_input {
		text-align: left;
    	/* border-radius: 0 !important; */
    	padding-top: 8px !important;
	}

.changeMail_label {text-align: right; padding-top: 8px;}
.changeMail_label > span{color:#F00;}

.member_images {
		float: left;
    	border: 1px;	
    	border-style: solid;
    	border-color: green;
    	width:100px; 
    	height:100px;
	}
.member_imagesQR {
		float: left;
    	border: 1px;	
    	border-style: solid;
    	border-color: green;
    	width:100px; 
    	height:100px;
	}
.item_box_contentType {
		width: 160px;
    	float: left;
    	background-color: #f0f0f0;
    	padding-top: 10px;
    	text-align: center;
    	margin: 10px 15px;
	}	
.item_new_box_head {
	    border: 1px solid #cccccc;
	    padding-top: 10px;
	    padding-left: 15px;
	    padding-bottom: 3px;	
	}
.item_new_box_body {		
	    border-left: 1px solid #cccccc;
    	border-right: 1px solid #cccccc;
    	border-bottom: 1px solid #cccccc;
    	padding: 15px 25px;
	}	
	
.item_new_heard1 {
		text-align: center;
    	color: #533d22;
    	font-size: 18px !important;
	}	

.item_new_heard2 {
		text-align: center;
    	color: #533d22;
    	font-size: 18px;
	}

.item_new_label_pad {
		padding-right: 2px !important;
	}		
.item_new_label {
		text-align: right; 
		padding-top: 5px;
	}
.item_new_label > span{
		color:#F00;
	}
.item_new_data_pad {
		padding-left: 2px !important;
	}
	
.table-itemNew01_att_addorremove {
		float: left; 
		margin-left: 5px;
		margin-top: 3px;
	}

.table-itemNew01_att_img {
		float: left; 
		margin-left: 15px;
		margin-top: 3px;
		text-align: center;
	}

.table-itemNew01_att_img > div > img {
		cursor: pointer;
	}

.table-itemNew01_att_img > div > div.table-itemNew01_att_btn {
		position: absolute; 
		margin-top: -170px; 
		margin-left: 113px;
	}

.table-itemNew01_att_img > div > div.table-itemNew02_att_btn {
		position: absolute; 
		margin-top: -146px; 
		margin-left: 116px;
	}

.table-itemNew01_att_img > div > div.table-itemNew03_att_btn {
		position: absolute; 
		margin-top: -146px; 
		margin-left: 116px;
	}

.table-itemNew01_att_img > div > div.table-itemNew01_att_corver {
		position: absolute; 
		margin-top: -80px; 
		background: rgba(225, 225, 225, .8);
		height: 50px;
		padding-top: 10px;
	}

.table-itemNew01_att_img > div > textarea {
		resize:none; 
		overflow-y: scroll;
		width: 130px;
	}

.table-itemNew01_att_img > div.table-itemNew01_att_layout_progess {
		width: 136px;
		height: 256px;	
		position: absolute;
		background: rgba(225, 225, 225, .8);
		z-index: 1000;
	}

.table-itemNew01_att_img > div.table-itemNew01_att_layout_progess > div.processbar {
		width: 136px; 
		margin-top: 186px;
		padding-left: 8px;
	}

.table-itemNew01_att_img > div.table-itemNew01_att_layout_progess > div.delete {
		text-align: right;
	}

.table-itemNew01_att_img > div.table-itemNew01_att_layout_progess > div.processbarResize {
		width: 136px; 
		margin-top: 226px;
		padding-left: 8px;
	}
	
.table-itemNew01_att_img > div.table-itemNew01_att_layout_progess2 {
		width: 136px;
		height: 166px;	
		position: absolute;
		background: rgba(225, 225, 225, .8);
		z-index: 1000;
	}

.table-itemNew01_att_img > div.table-itemNew01_att_layout_progess2 > div.processbar {
		width: 136px; 
		margin-top: 96px;
		padding-left: 8px;
	}

.table-itemNew01_att_img > div.table-itemNew01_att_layout_progess2 > div.delete {
		text-align: right;
	}

.table-itemNew01_att_img > div.table-itemNew01_att_layout_progess2 > div.processbarResize {
		width: 136px; 
		margin-top: 136px;
		padding-left: 8px;
	}	

.table-itemNew01_att_img > div > div.table-itemNew01_att_resize {
		position: absolute; 
		margin-top: -164px; 
		margin-left: 5px;
	}

.table-itemNew01_att_img > div > div.table-itemNew01_att_prev {
		position: absolute; 
		margin-top: -28px; 
		margin-left: -4px;
	}
	
.table-itemNew01_att_img > div > div.table-itemNew01_att_next {
		position: absolute; 
		margin-top: -28px; 
		margin-left: 112px;
	}	

.table-itemNew01_att_addorremove > input[type="file"] {
		visibility: hidden; 
		position: absolute; 
	}


/** RELATEITEMS BOOK */
.table-itemNew01 div#RELATEITEMS > im > div {
		float: left; 
		margin-left: 5px;
		margin-top: 3px;
	}

.table-itemNew01 div#RELATEITEMS > div.table-itemNew01_att_img {
		float: left; 
		margin-left: 10px;
		margin-top: 3px;
		text-align: center;
		padding-right: 5px;
	}

.table-itemNew01 div#RELATEITEMS > div.table-itemNew01_att_img > div > div.table-itemNew01_att_btn {
		position: absolute; 
		margin-top: -170px; 
		margin-left: 118px;
	}
	
.table-itemNew01 div#RELATEITEMS > div.table-itemNew01_att_img > div > div.table-itemNew02_att_btn {
		position: absolute; 
		margin-top: -146px; 
		margin-left: 118px;
	}

.table-itemNew01 div#RELATEITEMS > div.table-itemNew01_att_img > div > div.table-itemNew03_att_btn {
		position: absolute; 
		margin-top: -146px; 
		margin-left: 118px;
	}

.table-itemNew01 div#RELATEITEMS > div.table-itemNew01_att_img > div > div.table-itemNew01_att_title {
		width: 136px;
		height: 50px;
		overflow-y: auto; 
	}	
	
.popup_table_box {
	    margin-top: 5px;
	}
.popup_table_header1 {
		text-align: center;
		font-size: 15px;
		background-color: #e3e3e3; /* #fbfbfb; */
    	color: #533322;
    	padding-top: 1px !important;
    	padding-bottom: 1px !important;
	}	
.popup_table_data_center {
		text-align: center;
    	padding-top: 1px !important;
    	padding-bottom: 1px !important;
	}	
.popup_table_data_left {
		text-align: left;
    	padding-top: 1px !important;
    	padding-bottom: 1px !important;
    	font-size: 14px !important;
	}	
.popup_table_data_left a {
		color: #5C6B77 !important;
		font-size: 14px !important;
    }	
	
.popup_table_data_right {
		text-align: right;
    	padding-top: 1px !important;
    	padding-bottom: 1px !important;
	}	

.pagination_tag {
    	padding-left: 10px;
    	padding-right: 0px;
	}
	
.pupup_pagination {
		font-size: 14px;
    	line-height: 1.42857143;
		display: inline-block;
    	padding-left: 0;
    	margin: 20px 0;
    	border-radius: 4px;
	}

.pupup_pagination_li {
		display: inline;
	}
	
.pupup_pagination_li_a {
		float: none !important;
		position: relative !important;
    	padding: 6px 12px !important;
    	margin-left: -1px !important;
    	line-height: 1.42857143 !important;
    	color: #fcf7ec !important;
    	text-decoration: none !important;
    	background-color: #b7b7b7 !important;
    	border: 1px solid #ddd !important;
	}	

.pupup_pagination_li_active {
		float: none !important;
		position: relative !important;
    	padding: 6px 12px !important;
    	margin-left: -1px !important;
    	line-height: 1.42857143 !important;
    	color: #fcf7ec !important;
    	text-decoration: none !important;
    	background-color: #2262AF !important;
    	border: 1px solid #ddd !important;
	}
	
.pupup_paginationProfiles_li_active {
		float: none !important;
		position: relative !important;
    	padding: 6px 12px !important;
    	margin-left: -1px !important;
    	line-height: 1.42857143 !important;
    	color: #fcf7ec !important;
    	text-decoration: none !important;
    	background-color: #f7941d !important;
    	border: 1px solid #ddd !important;
	}
		
.popup_pagenavigation_active {
		z-index: 2;
    	color: #fff;
    	cursor: default;
    	background-color: #2262AF;
    	border-color: #2262AF;
	}	
	
.group_label {text-align: right; padding-top: 0px;}
.group_label > span{color:#F00;}
.group_data {text-align: left; padding-top: 0px;}
.group_data_input {text-align: left; padding-left: 2px !important;}
.group_input {
		text-align: left;
    	height: 28px !important; 
    	padding-top: 5px !important;
    	padding-left: 5px !important;
	}		
	
.group_img {
		margin-top: 16px;
		height:125px; 
		width:125px; 
		vertical-align:top; 
		background:url(../img/group_blank.png); 
		border:ridge #CCC thin;
	}
	
.dialogBox .modal-dialog {
	   margin-top: 180px !important;
	}
	
.nopadding {padding-left: 0 !important; padding-right: 0 !important};

.notification {width: 98%; text-align: center; background-color: #FFFFFF; padding-left: 15px; padding-right: 15px;}
.notification > div.notification_header {overflow: hidden; background: url(../img/bg02.gif) repeat-x; text-align: center; font-size: 20px; font-weight: bold; color: #FFF; vertical-align: middle; height: 50px; width: 98%;}
.notification > div.notification_body {width: 100%; text-align: center; background-color: #FFFFFF;}
.notification > div.notification_footer {text-align: center; margin-bottom: 10px;}

.notification_list {width: 100%; text-align: center;background-color: #FFFFFF;}
/** body*/
.notification_list > div:nth-child(1) > table > tbody > tr:nth-child(1) > td.notification_date {border-color: #e5e5e5; font-weight: bold;}

.notification_list > div:nth-child(2) > table > tbody > tr:nth-child(1) > td.notification_img {width:5%; text-align:center; vertical-align:top;}
/*image ���ʵ�*/
.notification_list > div:nth-child(2) > table > tbody > tr:nth-child(1) > td > img.notification_sender {background:url(../img/no_image_30X30.png); width: 30px; height: 30px; border:0px; display:inline;}

/*��ǹ�ͧ ����������ʴ� details*/
.notification_list > div:nth-child(2) > table > tbody > tr:nth-child(1) > td {width:95%; text-align:left; vertical-align:top; font-size:13px; padding-left:3px;}

/*��ǹ�ͧ ����������ʴ� details*/
.notification_list > div:nth-child(2) > table > tbody > tr:nth-child(1) > td.notification_message {text-align:left; vertical-align:top; font-size:13px;}

/*���ͤ��ʵ�*/
.notification_list > div:nth-child(2) > table > tbody > tr:nth-child(1) > td > a.sender_person {color:#099; font-size:13px; vertical-align:top; text-decoration:none;}

/*���ҷ����*/
.notification_list > div:nth-child(2) > table > tbody > tr:nth-child(1) > td > div.notification_at {font-size:12px; color:#999; display:inline-block;}

.button-default {
  -webkit-transition: 0.25s ease-out 0.1s color !important;
  -moz-transition: 0.25s ease-out 0.1s color !important;
  -o-transition: 0.25s ease-out 0.1s color !important;
  transition: 0.25s ease-out 0.1s color !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  margin: 0 !important;
  outline: none !important;
  position: relative !important;
  padding: 0 !important;
}

.show-notifications {
  position: relative;
}
.show-notifications:hover #icon-bell,
.show-notifications:focus #icon-bell,
.show-notifications.active #icon-bell {
  fill: #34495e;
}
.show-notifications #icon-bell {
  fill: #7f8c8d;
}

/*��ǹ�ͧ��ùѺ �������͹*/
.show-notifications .notifications-count {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #F00;
  color: #fefefe;
  font: normal 0.85em 'Lato';
  height: 16px;
  position: absolute;
  right: 2px;
  text-align: center;
  top: 0px;
  width: 16px;
}
.show-notifications.active ~ .notifications {
  opacity: 1;
  top: 218px;
  position:absolute;
}
.notifications {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: 0.25s ease-out 0.1s opacity;
  -moz-transition: 0.25s ease-out 0.1s opacity;
  -o-transition: 0.25s ease-out 0.1s opacity;
  transition: 0.25s ease-out 0.1s opacity;
  background: #FFF;
  border: 1px solid #bdc3c7;
  left: 932px;
  opacity: 1;
  position:absolute;
  top:126px;
  z-index: 900;
}

/*��ǹ�ͧ ��� Notification */
.notifications:after {
  border: 10px solid transparent;
  border-bottom-color: #F93;
  content: '';
  display: block;
  height: 0;
  left: 282px;
  position: absolute;
  top: -20px;
  width: 0;
}
/*��ǹ�ͧ����� Notification ��� Show all*/

.notifications h3 {
  display: block;
  cursor: default;
  font-weight: normal;
  background: #F93;
  color: #fefefe;
  margin: 0;
  padding: 10px;
  width: 350px;
  font-size: 14px;
}
.notifications .show-all {
  display: block;
  /* text-align: center; */
  text-decoration: none;
  background: #F93;
  color: #fefefe;
  margin: 0;
  padding: 10px;
  width: 350px;
  font-size: 14px;
}
.notifications .show-all:hover,
.notifications .show-all:focus {
  text-decoration: underline;
}
.notifications .notifications-list {
  list-style: none;
 /*  margin: 10; */
  /* overflow: hidden; */
  padding: 0;
}

.notifications .notifications-list > a {
	text-decoration:none;
	font-weight: normal;
}

/*���ͺؤ������Чҹ��¡��*/
.notifications .notifications-list .item {
  -webkit-transition: -webkit-transform 0.25s ease-out 0.1s;
  -moz-transition: -moz-transform 0.25s ease-out 0.1s;
  -o-transition: -o-transform 0.25s ease-out 0.1s;
  transition: transform 0.25s ease-out 0.1s;
  border-top: 1px solid #bdc3c7;
  color: #FFF;
  cursor: default;
  display: block;
  padding: 10px;
  position: relative;
  white-space: nowrap;
  width: 333px;
}
.notifications .notifications-list .item:hover 
{background-color:#E8E8E8;}

.notifications .notifications-list .item:before,
.notifications .notifications-list .item .details,
.notifications .notifications-list .item .button-dismiss {
  display: inline-block;
  vertical-align: middle;
}
/*  image ������¡��*/
.notifications .notifications-list .item > img {
  height: 50px;
  width: 50px;
  vertical-align:middle
}
/*  ��������¡��������¡��*/;
.notifications .notifications-list .item .details {
  margin-left: 10px;
  width: 200px;
  position: relative;
  margin-left:10px;

}

.notifications .notifications-list .item .details .title{
display: block;
font-size:14px;
color:#333;
font-weight:bold;
margin-left: 5px;

}
.notifications .notifications-list .item .details .content{
display: block;
font-size:13px;
color:#999;
font-weight:normal;
margin-left: 5px;
text-align:left;

}

.notifications .notifications-list .item .details .line1{
display: block;
font-size:13px;
color:#999;
font-weight:normal;
margin-left: 5px;
text-align:left;

}
.notifications .notifications-list .item .details .line2{
display: block;
font-size:13px;
color:#754c24;
font-weight:normal;
margin-left: 5px;
text-align:left;

}
.notifications .notifications-list .item .details .line3{
display: block;
font-size:13px;
color:#999;
font-weight:normal;
margin-left: 5px;
text-align:left;

}
.notifications .notifications-list .item .details .line4{
display: block;
font-size:13px;
color:#181818;
font-weight:normal;
margin-left: 5px;
text-align:left;

}

/*���Ңͧ������¡��*/
.notifications .notifications-list .item .details .date {
 color:#666;
  font-size:11px;
  margin-top: 3px;
  margin-left: 5px;
  display: block;

}
.notifications .notifications-list .item .button-dismiss {
  color: #bdc3c7;
  font-size: 2.25em;
  float:right;
  vertical-align:top;
}
.notifications .notifications-list .item .button-dismiss:hover,
.notifications .notifications-list .item .button-dismiss:focus {
  color: #95a5a6;
}
.notifications .notifications-list .item.no-data {
  display: none;
  text-align: center;
}
.notifications .notifications-list .item.no-data:before {
  display: none;
}
.notifications .notifications-list .item.dismissed {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.notifications.empty .notifications-list .no-data {
  display: block;
  padding: 10px;
}
.show-chatnotify {
  position: relative;
}
.show-chatnotify:hover #icon-bell,
.show-chatnotify:focus #icon-bell,
.show-chatnotify.active #icon-bell {
  fill: #34495e;
}
.show-chatnotify #icon-bell {
  fill: #7f8c8d;
}

/*��ǹ�ͧ��ùѺ �������͹*/
.show-chatnotify .chatnotify-count {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #F00;
  color: #fefefe;
  font: normal 0.85em 'Lato';
  height: 16px;
  position: absolute;
  right: 2px;
  text-align: center;
  top: 0px;
  width: 16px;
}
.show-chatnotify.active ~ .chatnotify {
  opacity: 1;
  top: 218px;
  position:absolute;
}
.chatnotify {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: 0.25s ease-out 0.1s opacity;
  -moz-transition: 0.25s ease-out 0.1s opacity;
  -o-transition: 0.25s ease-out 0.1s opacity;
  transition: 0.25s ease-out 0.1s opacity;
  background: #FFF;
  border: 1px solid #bdc3c7;
  left: 896px;
  opacity: 1;
  position:absolute;
  top:126px;
  z-index: 900;
}

/*��ǹ�ͧ ��� Notification */
.chatnotify:after {
  border: 10px solid transparent;
  border-bottom-color: #3AF;
  content: '';
  display: block;
  height: 0;
  left: 282px;
  position: absolute;
  top: -20px;
  width: 0;
}
/*��ǹ�ͧ����� Notification ��� Show all*/

.chatnotify h3 {
  display: block;
  cursor: default;
  font-weight: normal;
  background: #3AF;
  color: #fefefe;
  margin: 0;
  padding: 10px;
  width: 333px;
  font-size: 14px;
}
.chatnotify .show-all {
  display: block;
  text-align: center;
  text-decoration: none;
  background: #3AF;
  color: #fefefe;
  margin: 0;
  padding: 10px;
  width: 333px;
  font-size: 14px;
}
.chatnotify .show-all:hover,
.chatnotify .show-all:focus {
  text-decoration: underline;
}
.chatnotify .chatnotify-list {
  list-style: none;
 /*  margin: 10; */
  /* overflow: hidden; */
  padding: 0;
}

.chatnotify .chatnotify-list > a {
	text-decoration:none;
	font-weight: normal;
}

/*���ͺؤ������Чҹ��¡��*/
.chatnotify .chatnotify-list .item {
  -webkit-transition: -webkit-transform 0.25s ease-out 0.1s;
  -moz-transition: -moz-transform 0.25s ease-out 0.1s;
  -o-transition: -o-transform 0.25s ease-out 0.1s;
  transition: transform 0.25s ease-out 0.1s;
  border-top: 1px solid #bdc3c7;
  color: #FFF;
  cursor: default;
  display: block;
  padding: 10px;
  position: relative;
  white-space: nowrap;
  width: 333px;
}
.chatnotify .chatnotify-list .item:hover 
{background-color:#E8E8E8;}

.chatnotify .chatnotify-list .item:before,
.chatnotify .chatnotify-list .item .details,
.chatnotify .chatnotify-list .item .button-dismiss {
  display: inline-block;
  vertical-align: middle;
}
/*  image ������¡��*/
.chatnotify .chatnotify-list .item > img {
  height: 50px;
  width: 50px;
  vertical-align:middle
}
/*  ��������¡��������¡��*/;
.chatnotify .chatnotify-list .item .details {
  margin-left: 10px;
  width: 200px;
  position: relative;
  margin-left:10px;

}

.chatnotify .chatnotify-list .item .details .title{
display: block;
font-size:14px;
color:#333;
font-weight:bold;
margin-left: 5px;

}
.chatnotify .chatnotify-list .item .details .content{
display: block;
font-size:13px;
color:#999;
font-weight:normal;
margin-left: 5px;
text-align:left;

}

/*���Ңͧ������¡��*/
.chatnotify .chatnotify-list .item .details .date {
 color:#666;
  font-size:11px;
  margin-top: 3px;
  margin-left: 5px;
  display: block;

}
.chatnotify .chatnotify-list .item .button-dismiss {
  color: #bdc3c7;
  font-size: 2.25em;
  float:right;
  vertical-align:top;
}
.chatnotify .chatnotify-list .item .button-dismiss:hover,
.chatnotify .chatnotify-list .item .button-dismiss:focus {
  color: #95a5a6;
}
.chatnotify .chatnotify-list .item.no-data {
  display: none;
  text-align: center;
}
.chatnotify .chatnotify-list .item.no-data:before {
  display: none;
}
.chatnotify .chatnotify-list .item.dismissed {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.chatnotify.empty .chatnotify-list .no-data {
  display: block;
  padding: 10px;
}

.img_chatnotify {-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;width: 50px;height: 50px}

.containerbg {
	width:1000px;
	margin:0 auto;
	background:#FFFFFF;
	vertical-align:text-top;
	border:1px solid #FFFFFF;
	position: relative;
	overflow: hidden;
}

/** DOCUMENT_VIEWER */
div#DOCUMENT_VIEWER {background: rgba(225, 225, 225, .7); z-index: 120; top: 0px; position: fixed;}

div#DOCUMENT_VIEWER > div#DOCUMENT_VIEWER_HEADER{position: absolute; width: 100%; height: 50px; z-index: 120; background: rgba(153, 153, 153, .9);}

div#DOCUMENT_VIEWER > div#DOCUMENT_VIEWER_HEADER > div.document_view_header_logo{width: 300px; height: 24px; top:13px; left:10px; position: absolute;}

div#DOCUMENT_VIEWER > div#DOCUMENT_VIEWER_HEADER > div.document_view_header_logo > p{vertical-align: middle; margin-left: 10px; font-size: 14px; display: inline;}

div#DOCUMENT_VIEWER > div#DOCUMENT_VIEWER_HEADER > div.document_view_header_action {width: 250px; height: 50px; position: absolute;}

div#DOCUMENT_VIEWER > div#DOCUMENT_VIEWER_HEADER > div.document_view_header_action > div {width: 50px; height: 50px; text-align: center; float: left;}

div#DOCUMENT_VIEWER > div#DOCUMENT_VIEWER_HEADER > div.document_view_header_action > div:HOVER {background:rgba(61, 62, 61, 1);}

div#DOCUMENT_VIEWER > div#DOCUMENT_VIEWER_HEADER > div.document_view_header_action > div > img {margin-top: 13px;}

div#DOCUMENT_VIEWER > div#DOCUMENT_VIEWER_BODY {
	position: absolute; 
	width: 100%; 
	z-index: 110; 
	background: rgba(61, 62, 61, .9);
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;	
	-o-overflow-scrolling: touch;	
	overflow-scrolling: touch;
}

div#DOCUMENT_VIEWER > div#DOCUMENT_VIEWER_BODY > div.document_viewer_body_page {
	-webkit-box-shadow: 2px 0px 6px 4px rgba(0,0,0,0.46); 
	-moz-box-shadow: 2px 0px 6px 4px rgba(0,0,0,0.46);
	box-shadow: 2px 0px 6px 4px rgba(0,0,0,0.46);
}

div#DOCUMENT_VIEWER_BODY::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #fcfcfc;}

div#DOCUMENT_VIEWER_BODY::-webkit-scrollbar{background-color: #fcfcfc; width: 13px;}

div#DOCUMENT_VIEWER_BODY::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #acacac;}

.group_sendNotify_label {
	text-align: right; 
	padding-right: 2px !important;
	border-top : 0px !important;
}
.group_sendNotify_label > span{color:#F00;}
.group_sendNotify_data {
	text-align: left; 
	padding-left: 0px !important;
	border-top : 0px !important;
}

.group_sendNotify_label {
	text-align: right; 
	padding-right: 2px !important;
	border-top : 0px !important;
}

.item_inform_label {
	padding: 4px  !important;
	text-align: right; 
	padding-right: 2px !important;
	border-top : 0px !important;
}
.item_inform_label > span{color:#F00;}
.item_inform_data {
	padding: 4px  !important;
	text-align: left; 
	padding-left: 0px !important;
	border-top : 0px !important;
	width: 50%;
}

.bootstrap-dialog.type-esper .modal-header{
	background-color:#2262AF;
}

.bootstrap-dialog.type-esper2 .modal-header{
	background-color:#FF6000;
}

.bootstrap-dialog.type-esper3 .modal-header{
	background-color:#f7941d;
}

/* EOHM */
.bootstrap-dialog.type-esper4 .modal-header{
	background-color:#4AC1D2;
}

/* ECM */
.bootstrap-dialog.type-esper5 .modal-header{
	background-color:#F2F2F2;
	color:#000000;
}

/*popup rating*/
.popup_rating {
    background-color: #fff;
    border: 3px solid #fff;
    display:inline-block;
    left:50%; color:#666;
    /* padding: 15px; */
    text-align: justify;
    top: 40%;
    z-index: 10;
	
}

.popup_rating > h2{ line-height:2.0em;  color:#F93;
  margin-left:5px; vertical-align:top;}

/*��˹��������ҧ-��� �ͧ popup*/

.overlay:target+.popup_rating {
    top: 50%;
    opacity: 1;
    visibility: visible;
	width:40%; 
	height:40%; 
	vertical-align:bottom;
}
.popup_rating > div.rating {
	margin-top: 15px;
    margin-bottom: 10px;
	background-color:#FFF;
	font-weight:bold;
	color:#999;
}

.popup_rating > div.rating > table#popup_rating { width:95%; }
.popup_rating > div.rating > table#popup_rating tr{ width:95%;}
.popup_rating > div.rating > table#popup_rating tr td:nth-child(1) { width:25%; text-align:center; vertical-align:top;}

.popup_rating > div.rating > table#popup_rating tr td:nth-child(1) > h1 {font-size:50px; color:#333; font-weight:normal;}
.popup_rating > div.rating > table#popup_rating tr td:nth-child(1) > div {margin-top: -38px;}
.popup_rating > div.rating > table#popup_rating tr td:nth-child(1) > div > text {font-size:13px; color:#666; vertical-align:bottom; font-weight:normal;}

.popup_rating > div.rating > table#popup_rating tr td:nth-child(2) { width:70%; text-align:left; vertical-align:middle; text-align:left;}

.popup_rating > div.rating > table#popup_rating tr td > text {font-size:13px; color:#666; vertical-align:bottom; font-weight:normal;}

.popup_rating > div.rating > table#popup_rating tr td > ol {
	list-style: none;
	margin: 0;
	padding-right:5px;
	overflow: hidden;
	}

.popup_rating > div.rating > table#popup_rating tr td > ol li {font-size:13px; color:#999; vertical-align:middle; position:relative; clear: both;}

.popup_rating > div.rating > table#popup_rating tr td > ol li > div {float: left; height: 30px;}

.popup_rating > div.rating > table#popup_rating tr td > ol li > div.rating_percen {padding-top: 6px;}

.popup_rating > div.rating > table#popup_rating tr td > ol li > div > h2 {font-size:13px; color:#000;margin-top: 4px;}

.popup_rating > div.rating > table#popup_rating tr td > ol li > div.rating_progess {padding: 5px 5px 5px 0px;}

.popup_rating > div.rating > table#popup_rating tr td > ol li > div > div.rating_progess5 {height: 20px; background-color: #a0c15a;}

.popup_rating > div.rating > table#popup_rating tr td > ol li > div > div.rating_progess4 {height: 20px; background-color: #b5e130;}

.popup_rating > div.rating > table#popup_rating tr td > ol li > div > div.rating_progess3 {height: 20px; background-color: #f2d834;}

.popup_rating > div.rating > table#popup_rating tr td > ol li > div > div.rating_progess2 {height: 20px; background-color: #ffb234;}

.popup_rating > div.rating > table#popup_rating tr td > ol li > div > div.rating_progess1 {height: 20px; background-color: #ff8c5a;}

.popup_rating > div.line{
	background:url(../images/bg_title01.gif) repeat-x;  
	text-align:left;
	height:5px; 
	table-layout:auto;
}

.box_memberAtt{
	padding: 10px;
	border:1px solid #e8e8e8;
	border-radius:4px;
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	box-shadow:0 6px 12px rgba(0,0,0,.175);
}

 .tab_popup{ padding:0px;
	margin:0px; 
	min-height:50px;
}
.bg_tab_popup{
	margin-top:8px;
	margin-right:10px;
	margin-bottom:8px;
	background-color:#fbfbfb;
	background-image:none;
	border:1px solid #e7e7e7;
	border-radius:4px;
	min-height:40px;
	min-width:180px;
	padding:5px 0px;
}

.form-popup-control {
  display: initial;
  width: 50%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-popup-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-popup-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-popup-control:-ms-input-placeholder {
  color: #999;
}
.form-popup-control::-webkit-input-placeholder {
  color: #999;
}
.form-popup-control[disabled],
.form-popup-control[readonly],
fieldset[disabled] .form-popup-control {
  background-color: #eee;
  opacity: 1;
}
.form-popup-control[disabled],
fieldset[disabled] .form-popup-control {
  cursor: not-allowed;
}
textarea.form-popup-control {
  height: auto;
}
.new_item_notes{
	margin: 0px;  
	width: 540px; 
	height: 112px;
}
.bg_tab_paginator{
	margin-top:8px;
	margin-right:10px;
	margin-bottom:8px;
	background-color:#fbfbfb;
	background-image:none;
	border:1px solid #e7e7e7;
	border-radius:4px;
	min-height:40px;
	min-width:180px;
	padding:5px 0px;
}

/** For Rotate Mobile*/
.item_new_col-411{}
.item_new_col-412{}
.item_new_col-611{}
.item_new_col-812{}

.followUsIcon{
	width: 48px;
	height: 48px;
}
.subscribeEsperNews{
	width: 190px;
}
.commentDisplay{
	/* height: 590px; */ 
	height: auto; 
	overflow: auto;
}
.attatchmentDisplay{
	/* height: 500px; */ 
	height: auto; 
	overflow: auto; 
}

@media screen and (max-width:441px){ /* iPhone6+ */ 
	.img_hometext_head{ text-align:center;}
	.item_new_label {text-align: left;padding-top: 2px;	}
	.new_item_notes{width: 260px;}
	.item_box_contentType{width: 148px;}
	.dropdown-menu>li>a{padding-top: 1px;padding-right: 2px;padding-bottom: 1px;padding-left: 2px;}
	.followUsIcon{width: 42px;height: 42px;}
	.subscribeEsperNews{width: 150px;float: left;}
	.commentDisplay{height: auto;}
	.attatchmentDisplay{height: auto;}
	.tabhometext_detail p a img{max-width:360px;}
	.tabhometext_detail a img{max-width:360px;}
	.tabhometext_detail img{max-width:360px;}
	.shareURL{max-width:360px;}
}

@media screen and (max-width:375px){ /* iPhone6 */
	.img_hometext_head{ text-align:center;}
	.item_new_label {text-align: left;padding-top: 2px;	}
	.new_item_notes{width: 260px;}
	.item_box_contentType{width: 134px;}
	.dropdown-menu>li>a{padding-top: 1px;padding-right: 2px;padding-bottom: 1px;padding-left: 2px;}
	.followUsIcon{width: 42px;height: 42px;}
	.subscribeEsperNews{width: 130px;float: left;}
	.commentDisplay{height: auto;}
	.attatchmentDisplay{height: auto;}
	.tabhometext_detail p a img{max-width:295px;}
	.tabhometext_detail a img{max-width:295px;}
	.tabhometext_detail img{max-width:295px;}
	.shareURL{max-width:295px;}
}
@media screen and (max-width:360px){ /* Samsung S5 */
	.img_hometext_head{ text-align:center;}
	.item_new_label {text-align: left;padding-top: 2px;	}
	.new_item_notes{width: 260px;}
	.item_box_contentType{width: 124px;}
	.dropdown-menu>li>a{padding-top: 1px;padding-right: 2px;padding-bottom: 1px;padding-left: 2px;}
	.followUsIcon{width: 40px;height: 40px;}
	.subscribeEsperNews{width: 130px;float: left;}
	.commentDisplay{height: auto;}
	.attatchmentDisplay{height: auto;}
	.tabhometext_detail p a img{max-width:280px;}
	.tabhometext_detail a img{max-width:280px;}
	.tabhometext_detail img{max-width:280px;}
	.shareURL{max-width:280px;}
}

@media screen and (max-width:320px){ /*iPhone 5*/
	.img_hometext_head{ text-align:center;}
	.bn_txt_head{color:#2262AF;font-size:20px;}
	.bn_txt_head_2{ display:none;}
	.bn_txt_detail{ display:none;}
	.tab_menu_2 > li{margin-left:-10px;padding:0px;margin:0px;}
	.tab_menu_2 > li > a{width:100%;height:auto;}
	
	.item_new_label {text-align: left;padding-top: 2px;	}
	.new_item_notes{width: 260px;}
	.item_box_contentType{width: 108px;}
	.dropdown-menu>li>a{padding-top: 1px;padding-right: 2px;padding-bottom: 1px;padding-left: 2px;}
	.followUsIcon{width: 40px;height: 40px;}
	.subscribeEsperNews{width: 120px;float: left;}
	.commentDisplay{height: auto;}
	.attatchmentDisplay{height: auto;}
	.tabhometext_detail p a img{max-width:240px;}
	.tabhometext_detail a img{max-width:240px;}
	.tabhometext_detail img{max-width:240px;}
	.shareURL{max-width:240px;}
}

@media screen and (max-width:240px){
	.img_hometext_head{ text-align:center;}
	.bn_txt_head{color:#2262AF;font-size:16px;}
	.bn_txt_head_2{ display:none;}
	.bn_txt_detail{ display:none;}
	.bn_next{/* border:1px solid #FFFFFF; */padding:5px 10px;width:120px;color:#2262AF;}
	.box_h_mygroup2{height:140px;}
	.box_tabmenu{margin:15px 0 5px 0px;}
	.box_tabmenu2{margin:15px 0 5px 0px;}
	.box_member_2{border:1px solid #e8e8e8;width:170px;border-radius:4px;box-shadow: 0px 0px 3px 3px #f3f3f3;padding-bottom:7px;
		text-align:center;font-size:14px;float:left;margin-right:0px;margin-bottom:20px;margin-top:15px;margin-left:10px;}
		
	.tab_menu_2{ margin-bottom:15px;}
	.tab_menu_2 > li{margin-left:-10px;padding:0px;margin:0px;}
	.tab_menu_2 > li > a{width:100%;height:auto;}
	.box_member6_img{width:190px;height:202px;}
	.box_member6_detail{width:190px;height:210px;}
	.box_member6_detailimg{padding-left:10px;padding-top:8px;}
	.box_member6_detailtext{padding-left:10px;padding-top:0px;}
	.followUsIcon{width: 36px;height: 36px;}
	.subscribeEsperNews{width: 100px;float: left;}
	.commentDisplay{height: auto;}
	.attatchmentDisplay{height: auto;}
	.tabhometext_detail p a img{max-width:160px;}
	.tabhometext_detail a img{max-width:160px;}
	.tabhometext_detail img{max-width:160px;}
	.shareURL{max-width:160px;}
}

/*   For Back-White Mode */
/*  img {
-webkit-filter: grayscale(100%); 
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
} */ 

.earth_group{background-color:#ff6000;width:20px;height:18px;position:absolute;margin-top:-32px;margin-left:10px;border-radius:5px;color:#FFF;font-size:9px;padding-top:2px;}
.earth_group2{background-color:#ff6000;width:20px;height:18px;position:absolute;margin-top:-32px;margin-left:432px;border-radius:5px;color:#FFF;font-size:9px;padding-top:2px;}

.stick-top {
    top: 0;
}

.stick-left {
    left: 0;
}

.black-ribbon {
    width: auto;
}
.black-ribbon {
    position: fixed;
    z-index: 9999;
    width: 70px;
}
.navbar-button {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.onMobile{
	
}
.onPC{
	
}

@media (min-width:768px){
	.earth_group2{margin-top:-32px;margin-left:432px;}	
	.onMobile{display:none;}
	.dropdown_set{margin-left: -82px;}
}

@media (max-width:767px){
	.earth_group2{margin-top:-32px;margin-left:10px;}
	.onPC{display:none;}
	.dropdown_set{}
	.modal_dialog{width: 95%;}
}

@media (max-width: 768px){
	.member_input{
		width: 175px !important;
	}
	.member_input_combo{
		width: 175px !important;
	}
}