@charset "utf-8";
/*@ฉ|2018-02-23 16:05*/
html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

body {font-family: Helvetica, Arial, sans-serif; color:#666; background: url(../images/wallpaper03.gif); background-repeat: repeat; margin: 0px; padding: 0px; font-size: 14px; width: 100%;}

.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
.clearleft {clear:left;}
.clearright {clear:right;}

a { color: #0170d8; text-decoration: none; }
a:link {color: #0170d8; text-decoration: none;}
a:visited {color: #0170d8; text-decoration: none;}
a:hover {color: #0170d8; text-decoration: none;}
a:active {color: #0170d8;text-decoration: none;}

form {margin: 0px; padding: 0px;}

.txtleft {text-align: left;}
.txtcenter {text-align: center;}
.txtright {text-align: right;}
.lfloat {float: left}
.rfloat {float: right}
.magB10 {margin-bottom: 10px;}
.padT60 {padding-top: 60px;}

h1.model1 { margin: 0px; padding: 0px; line-height: 26px; color: #333; font-weight: bold; font-size: 14px; text-shadow: 0px 1px 2px #FFF; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; padding-right:5px;}

/*
h1.model2 {line-height: 38px; color: #333; font-weight: bold; font-size: 20px; text-shadow: 0px 1px 2px #FFF; margin: 0px; padding: 0px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; padding-right:5px;}
h2.navcat {line-height: 16px; color: #0170d8; font-weight: normal; font-size: 14px; margin: 0px; padding: 0px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; padding-right:5px;}
*/
h1.model2 {line-height: 36px; color: #333; font-weight: bold; font-size: 20px; text-shadow: 0px 1px 2px #FFF; margin: 0px; padding: 0px 10px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
h2.navcat {line-height: 16px; color: #0170d8; font-weight: normal; font-size: 14px; margin: 0px; padding: 0 10px 10px 10px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}

#headerA {line-height: 38px; color: #FFF; font-weight: bold; font-size: 18px; text-align: center; text-shadow: 0px 1px 1px #333333; margin: 0px; padding: 0px; display: block; background-color: #666563; width: 100%; height: 38px; position: relative;}
#headerA a.lbutton {left: 5px; top: -2px; position: absolute; display: block;}
#headerA a.rbutton {right: 5px; top: -2px; position: absolute; display: block;}

#header_bar {
	background:url(../images/bg_topheader.jpg) repeat-x;
	height: 42px;
	line-height: 42px;
	overflow: auto;
    /*-moz-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);*/
}

#nav_bar {background:url(../images/bg_navuser.jpg) repeat-x; padding: 0 10px; height: 42px; line-height: 42px; position: relative; overflow: hidden;}
#nav_bar span {width: 50%; text-align: right; float: right; overflow: hidden; white-space: nowrap; display: block; height: 42px; line-height: 42px; color: #999999;}
#nav_bar b {color: #FFFFFF;}
#nav_bar span img {margin-bottom: -3px; padding-left: 5px;}
#nav_mainmenu {width: 100%; background: url(../images/bg_navm0.gif); background-repeat: repeat-y; background-position: right; border-top: #141414 1px solid; overflow-x: hidden; }
#nav_wrapper {min-height: 100px; height: 100%; margin-right: 42px; background: url(../images/bg_navm0.gif); background-repeat: repeat-y;}

#wrapper {position: absolute; width: 100%; min-height: 20px; height: 100%; left: 0px; z-index: 999;}
#containerA {margin: auto; padding: 10px;}
#containerA div.group{background:#FFF url(../images/icon_listmenu61.png) no-repeat; border-radius: 3px; border: #a7a7a7 solid 1px; box-shadow: 0 2px 5px #bbb; padding-left:67px; height:61px;}
#bgalpha75 {width: 100%; height: 100%; display: block; border: 0px; position: fixed; z-index: -1;}

a.topnav {width: 42px; height: 42px; display: block; border-left: #3782ba solid 1px; background-position: center; text-indent: -9999px;}
.nav_menu {background-image: url(../images/icon_mainmenu.png);}
.nav_search {background-image: url(../images/icon_search.png);}

a.usernav {width: 16px; height: 42px; margin-right: 15px; display: block; background-image: url(../images/icon_usermenu16.png); background-repeat: no-repeat; float: left; text-indent: -9999px;}
.nav_cat {background-position: 0px 13px;}
.nav_fav {background-position: -20px 13px;}
.nav_loc {background-position: -40px 13px;}
.nav_pos {background-position: -60px 13px;}
.nav_bkm {background-position: -80px 13px;}

ul#tablesize2 img {min-height: 50px; min-width: 50px; height: 100%; width: 100%; height: auto; display: block; border: 0px;}
ul#tablesize4 img {min-height: 50px; min-width: 50px; height: 100%; width: 100%; height: auto; display: block; border: 0px;}
ul#tablesize2 {width: 100%; margin: auto; padding: 0px;}
ul#tablesize2 li{float: left; width: 50%; list-style: none;}
ul#tablesize4 {width: 100%; margin: auto; padding: 0px;}
ul#tablesize4 li{float: left; width: 25%; list-style: none;}

ul#mainmenu {margin: 0px; padding: 0px; list-style: none;}
ul#mainmenu h1 {display: block; line-height: 24px; height: 24px; border-bottom: #141414 solid 1px; font-size: 12px; font-weight: bold; margin: 0px; padding: 0 10px; color: #999999; text-shadow: 0px -1px 2px #000; background: url(../images/bg_navm2.gif); background-position: top right; background-repeat: no-repeat;}
ul#mainmenu li {position: relative;}
ul#mainmenu li a {color: #DDDDDD; line-height: 42px; height: 42px; border-bottom: #141414 solid 1px; font-size: 16px; text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black; display: block; overflow: hidden; padding: 0 10px; margin: 0px;}
ul#mainmenu li a:hover {background: url(../images/bg_navm1.gif); background-repeat: repeat-y; color: #F6F6F6;}
ul#mainmenu li a:active {background: url(../images/bg_navm1.gif); background-repeat: repeat-y; color: #F6F6F6;}
ul#mainmenu li a:visited {color: #DDDDDD; text-decoration: none;}
ul#mainmenu li span {position: absolute; display: block; top: 12px; right: 10px; color: #FFFFFF;;}
ul#mainmenu li span i {background: url(../images/bg_submail.png) no-repeat; width: 8px; height: 16px; display: block; float: left;}
ul#mainmenu li span b{font-size: 10px; color: #FFFFFF; background: url(../images/bg_submail.png) top right no-repeat; display: block; margin-left: 8px; padding-right: 8px; line-height: 14px; height: 16px;}

ul.cattype {margin: 0px; padding: 0px; list-style: none; margin-bottom: 15px; border-radius: 0px;}
ul.cattype h1 {display: block; line-height: 24px; height: 24px; border-bottom: #929292 solid 1px; font-size: 18px; font-weight: bold; margin: 0px; padding: 0 10px; color: #FFFFFF; text-shadow: 0px 1px 1px #787878;
 background-color: #B2B2B2;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#B2B2B2));
 background-image: -moz-linear-gradient(top left 90deg, #808080 0%, #B2B2B2 10%);
 background-image: linear-gradient(top left 90deg, #808080 0%, #B2B2B2 10%);}
ul.cattype li {background: url(../images/bg_navcatcolor4.gif) no-repeat left top; background-position: 0px -388px; position: relative; display: block; background-color: #FFFFFF; padding: 12px 60px; margin: 0px; border-bottom: #eceae8 solid 1px; line-height: 27px; font-size: 18px; white-space: nowrap;}
ul.cattype li a {color: #444444; overflow: hidden; display: block; background-color: #FFFFFF;}
ul.cattype li span {position: absolute; top: 50%; margin-top: -13px; right: 5px; width: 64px; height: 24px; padding: 0px; background: url(../images/icon_go2.png); background-repeat: no-repeat; background-position: 5px 5px; cursor: pointer;}

ul.cattype li b {position: absolute; top: 0px; left: 0px; width: 55px; height: 51px; background: url(../images/none_sublist.jpg); cursor: pointer;}
ul.cattype li b.showlist {position: absolute; top: 50%; margin-top: -8px; left: 18px; width: 16px; height: 16px; background: url(../images/br_down_icon&w16.png); cursor: pointer;}
ul.cattype li b.hidelist {position: absolute; top: 50%; margin-top: -8px; left: 18px; width: 16px; height: 16px; background: url(../images/br_up_icon&16.png); cursor: pointer;}

ul.cattype li:first-child {border-radius: 0px;}
ul.cattype li:last-child {border-radius: 0px;}
ul.cattype li:only-child {border-radius: 0px;}
ul.cattype ul {list-style: none;}
ul.cattype ul li {border-radius: 0px;}
ul.cattype ul li:first-child {border-radius: 0px;}
ul.cattype ul li:last-child {border-radius: 0px;}
ul.cattype ul li:only-child {border-radius: 0px;}

ul.cattype li.lv0 {
 font-size: 20px;
 font-weight: bold;
 padding-left: 40px;
 border-radius: 0px;
 border-bottom: #c6c1bb 1px solid;
 background-color: #f0ece6; /*IE fallback*/
 background-image: none;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ece6), to(#e1ded8));
 background-image: -moz-linear-gradient(top left 90deg, #f0ece6 0%, #e1ded8 100%);
 background-image: linear-gradient(top left 90deg, #f0ece6 0%, #e1ded8 100%);
 height:17px;
}
ul.cattype li.lv0 b{position: absolute; top: 50%; margin-top: -8px; left: 10px; width: 16px; height: 16px; background: url(../images/icon_category.png); cursor: pointer;}
ul.cattype li.lv1 {background: url(../images/bg_navcatcolor4.gif) no-repeat left top #FFF; background-position: 0px 0px;}
ul.cattype li.lv1 a{color: #444444;}
ul.cattype li.lv2 {background: url(../images/bg_navcatcolor4.gif) no-repeat left top #FFF; background-position: 0px -56px;}
ul.cattype li.lv2 a{color: #444444;}
ul.cattype li.lv3 {background: url(../images/bg_navcatcolor4.gif) no-repeat left top #FFF; background-position: 0px -111px;}
ul.cattype li.lv3 a{color: #444444;}
ul.cattype li.lv4 {background: url(../images/bg_navcatcolor4.gif) no-repeat left top #FFF; background-position: 0px -166px;}
ul.cattype li.lv4 a{color: #444444;}
ul.cattype li.lv5 {background: url(../images/bg_navcatcolor4.gif) no-repeat left top #FFF; background-position: 0px -221px;}
ul.cattype li.lv5 a{color: #444444;}
ul.cattype li.lv6 {background: url(../images/bg_navcatcolor4.gif) no-repeat left top #FFF; background-position: 0px -276px;}
ul.cattype li.lv6 a{color: #444444;}
ul.cattype li.lv7 {background: url(../images/bg_navcatcolor4.gif) no-repeat left top #FFF; background-position: 0px -331px;}
ul.cattype li.lv7 a{color: #444444;}

ul.filter_cat {padding: 0px; margin: 0px; list-style: none; border-radius: 3px; border: #a7a7a7 solid 1px; box-shadow: 0 2px 5px #bbb;
 background-color: #FDFDFD; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#EAEAEA));
 background-image: -moz-linear-gradient(top left 90deg, #FDFDFD 0%, #EAEAEA 100%);
 background-image: linear-gradient(top left 90deg, #FDFDFD 0%, #EAEAEA 100%);}
ul.filter_cat li {display: block; width: 33%; text-align: center; font-size: 14px; line-height: 16px; font-weight: bold; padding: 40px 0 5px 0; float: left; box-shadow: inset -1px 0 0 rgba(215, 215, 215, 1);}
ul.filter_cat li.filter1 {background: url(../images/icon_location24.png) no-repeat;  background-position: 48% 25%;}
ul.filter_cat li.filter2 {background: url(../images/icon_post24.png) no-repeat;  background-position: 48% 25%;}
/*ul.filter_cat li.filter3 {background: url(../images/icon_rate24.png) no-repeat;  background-position: 48% 25%;}*/
ul.filter_cat li.filter3 {background: url(../images/icon_rate24.png) no-repeat;  background-position: 48% 25%;
box-shadow: inset 0 0 0 rgba(215, 215, 215, 1); }
ul.filter_cat li.filter5 {background: url(../images/icon_group.png) no-repeat;  background-position: 48% 25%;}
ul.filter_cat li.filter4 {line-height: 14px; font-size: 14px; font-weight: bold; padding: 22px 0 23px 0; cursor: pointer; color: #555;
 text-shadow: 0 1px 1px #E1E1E1;
 box-shadow: inset 0 0 0 rgba(215, 215, 215, 1);
 background-color: #ADADAD; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#ADADAD));
 background-image: -moz-linear-gradient(top left 90deg, #F1F1F1 0%, #ADADAD 100%);
 background-image: linear-gradient(top left 90deg, #F1F1F1 0%, #ADADAD 100%);}

 ul.filter_cat li:last-child{border-right:0px;}

ul.listitem {width: 100%; margin: 0px; padding: 0px; margin: auto; list-style: none; max-width: 720px;}
ul.listitem li {border: #a7a7a7 solid 1px; border-radius: 3px; background-color: #FFFFFF; margin-bottom: 15px; box-shadow: 0 2px 5px #bbb}
ul.listitem li b {line-height: 20px; font-size: 16px; color: #333; padding: 7px 10px 0px 10px; display: block; max-height: 40px; overflow: hidden; margin-bottom: 7px;}
ul.listitem li div {max-height: 720px; height: auto; background-color: #E0E0E0; border-top: #E0E0E0 solid 1px; overflow: hidden; width: 100%;}
ul.listitem li div img {height: 100%; width: 100%; height: auto; border: 0px; cursor: pointer;}
ul.listitem li span {display: block; background-color: #69bf13; height: 38px; padding-left: 10px; padding-right: 72px; line-height: 38px; position: relative; font-size: 16px; font-weight: bold; color: #FFF; border-top: #a7a7a7 1px solid; margin-top: -2px; overflow: hidden; text-shadow: #49850d 0 1px 3px;}
ul.listitem li span i {position: absolute; display: block; background: url(../images/icon_smile_member_off24.png) no-repeat #F5F5F5; background-position: 7px 7px; width: 38px; height: 38px; right: 38px; bottom: 0px; border-left: #a7a7a7 solid 1px; text-indent: -9999px;}
ul.listitem li span u {position: absolute; display: block; background: url(../images/icon_heart_fav_off24.png) no-repeat #F5F5F5; background-position: 7px 7px; width: 38px; height: 38px; right: 0px; bottom: 0px; border-left: #D5D5D5 solid 1px; text-indent: -9999px; border-radius: 0 0 3px 0;}
ul.listitem li span i.addmem {background: url(../images/icon_smile_member_on24.png) no-repeat #F5F5F5; background-position: 7px 7px;}
ul.listitem li span u.addfav {background: url(../images/icon_heart_fav_on24.png) no-repeat #F5F5F5; background-position: 7px 7px;}

ul.listpost {width: 100%; margin: 0px; padding: 0px; margin: auto; list-style: none;}
ul.listpost li {border: #a7a7a7 solid 1px; border-radius: 3px; background-color: #FFFFFF; margin-bottom: 15px; box-shadow: 0 2px 5px #bbb}
ul.listpost li span.headpost {line-height: 30px; font-size: 14px; color: #ff9900; padding: 0 30px; position: relative; border-bottom: #CCCCCC solid 1px; display: block; text-align: left; font-weight: bold;}
ul.listpost li span.footpost {line-height: 30px; position: relative; border-top: #CCCCCC solid 1px; padding: 0 30px 0 22px; display: block; text-align: left; clear: both; background-color: #F5F5F5; border-radius: 0 0 3px 3px; background-image: url(../images/icon_br_down16.png); background-repeat: no-repeat; background-position: 5px 7px;}
ul.listpost li span i {position: absolute; display: block; background: url(../images/icon_edit16.png) no-repeat; background-position: 7px 7px; width: 30px; height: 30px; right: 0px; bottom: 0px; border-left: #CCCCCC solid 1px; text-indent: -9999px;}
ul.listpost h1 {font-size: 12px; font-weight: bold; color: #333333; line-height: 18px; margin-bottom: 5px; text-align: justify;}
ul.listpost input[type=checkbox] {position: absolute; left: 5px; top: 5px;}
ul.listpost label {font-size: 12px; position: absolute; right: 10px; font-weight: normal; color: #999; line-height: 30px; border-left: solid 1px #EAEAEA; padding-left: 10px;}
ul.listpost div.imgpost {width: 70px; height: 70px; display: table-cell; text-align: center; vertical-align: middle; position: absolute; top: 0px; left: 0px; border: #EAEAEA solid 1px; background-color: #FFFFFF;}
ul.listpost div.contentpost {padding-left: 82px; margin: 7px; position: relative; min-height: 72px; height: auto; color: #999999; font-size: 11px;}
ul.listpost select {font-family: Helvetica, Arial, sans-serif; font-size: 12px; outline: none; color: #666; padding: 0px; margin: 0px; width: 100%; height: 28px; line-height: 28px; border: 0px; background:transparent; -webkit-appearance: none; display: inline;}

ul.listfav {width: 100%; margin: 0px; padding: 0px; margin: auto; list-style: none;}
ul.listfav li {border: #a7a7a7 solid 1px; border-radius: 3px; background-color: #FFFFFF; margin-bottom: 15px; box-shadow: 0 2px 5px #bbb}
ul.listfav li span.headfav {line-height: 30px; font-size: 14px; color: #ff9900; padding: 0 30px; position: relative; border-bottom: #CCCCCC solid 1px; display: block; text-align: left; font-weight: bold;}
ul.listfav li span.headipage {min-height: 20px; line-height: 18px; font-size: 14px; color: #333333; padding: 5px 10px 5px 35px; position: relative; display: block; text-align: left; font-weight: bold; box-shadow: inset 30px 0 0 #56c3dd;}
ul.listfav li span.footfav {line-height: 30px; position: relative; border-top: #CCCCCC solid 1px; padding: 0 30px 0 27px; display: block; text-align: left; clear: both; background-color: #F5F5F5; border-radius: 0 0 3px 3px; background-image: url(../images/icon_category16.png); background-repeat: no-repeat; background-position: 5px 7px; font-size: 12px;}
ul.listfav li span.footfavipage {line-height: 30px; position: relative; border-top: #CCCCCC solid 1px; padding: 0 30px 0 5px; display: block; text-align: left; clear: both; background-color: #F5F5F5; border-radius: 0 0 3px 3px; background-repeat: no-repeat; background-position: 5px 7px; font-size: 12px;}
ul.listfav li span i {position: absolute; display: block; background: url(../images/icon_delfav16.png) no-repeat; background-position: 7px 7px; width: 30px; height: 30px; right: 0px; bottom: 0px; border-left: #CCCCCC solid 1px; text-indent: -9999px;}
ul.listfav li span b {position: absolute; display: block; background: url(../images/icon_delmail16.png) no-repeat; background-position: 7px 7px; width: 30px; height: 30px; right: 31px; bottom: 0px; border-left: #CCCCCC solid 1px; text-indent: -9999px;}
ul.listfav li span b.unset {position: absolute; display: block; background: url(../images/icon_delmail16.png) no-repeat; background-position: 7px 7px; width: 30px; height: 30px; right: 31px; bottom: 0px; border-left: #CCCCCC solid 1px; text-indent: -9999px;}
ul.listfav li span b.set {position: absolute; display: block; background: url(../images/icon_mail16.png) no-repeat; background-position: 7px 7px; width: 30px; height: 30px; right: 31px; bottom: 0px; border-left: #CCCCCC solid 1px; text-indent: -9999px;}
ul.listfav h1 {font-size: 12px; font-weight: bold; color: #333333; line-height: 18px; margin-bottom: 5px; text-align: justify;}
ul.listfav input[type=checkbox] {position: absolute; left: 5px; top: 5px;}
ul.listfav label {font-size: 12px; position: absolute; right: 10px; font-weight: normal; color: #999; line-height: 30px; border-left: solid 1px #EAEAEA; padding-left: 10px;}
ul.listfav div.imgfav {width: 70px; height: 70px; display: table-cell; text-align: center; vertical-align: middle; float:left; margin-right:7px; border: #EAEAEA solid 1px; background-color: #FFFFFF; position: relative;}
ul.listfav div.contentfav {margin: 7px; position: relative; min-height: 72px; height: auto; color: #999999; font-size: 11px;}
ul.listfav img {max-height:70px; max-width:70px; border: 0px; display: block; margin: auto; position: absolute; left:0px; top:0px; right:0px; bottom:0px;}


ul.nav_command {padding: 0px; margin: 0px; border-top: #0C0C0C solid 1px; list-style: none; width: 100%; position: fixed; bottom: 0px;
 background-color: #454545; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#1A1A1A));
 background-image: -moz-linear-gradient(top left 90deg, #454545 0%, #1A1A1A 100%);
 background-image: linear-gradient(top left 90deg, #454545 0%, #1A1A1A 100%);
}
ul.nav_command li {float: left; font-size: 12px; font-weight: bold; color: #CCCCCC; text-shadow: -1px 0 1px #000; line-height: 16px; display: table-cell; text-align: center; vertical-align: middle; box-shadow: inset 1px 0 0 #1C1C1C; height: 55px;}
ul.nav_command li div {padding: 10px 5px;}
ul.nav_command li.tab3 {width: 33%;}
ul.nav_command li.tab2 {width: 50%;}
ul.nav_command li.tab1 {width: 100%;}

ul.nav_detail {padding: 0px; margin: 0px; height: 40px; line-height: 40px; background-color: #F9F9F9; border-bottom: #C9C9C9 1px solid; border-top: #C9C9C9 1px solid; overflow: hidden; list-style: none;}
ul.nav_detail li {display: block; height: 40px; width: 40px; text-indent: -9999px; background-repeat: no-repeat;}
ul.nav_detail.bggray {background-color: #efefef;}
ul.nav_detail li.fleft {float: left; box-shadow: inset -1px 0 0 rgba(205, 205, 205, 1);}
ul.nav_detail li.fright {float: right; box-shadow: inset 1px 0 0 rgba(205, 205, 205, 1);}

ul.nav_detail li.nopost {text-indent: 0px; width: auto; font-size: 16px; font-weight: bold; padding-left: 10px; float: left;}
ul.nav_detail li.fav {background: url(../images/icon_detailgroup.png); background-position: 0px;}
ul.nav_detail li.addfav {background: url(../images/icon_detailgroup.png); background-position: -40px;}
ul.nav_detail li.facebook {background: url(../images/icon_detailgroup.png); background-position: -80px;}
ul.nav_detail li.twitter {background: url(../images/icon_detailgroup.png); background-position: -120px;}
ul.nav_detail li.google {background: url(../images/icon_detailgroup.png); background-position: -160px;}
ul.nav_detail li.line {background: url(../images/icon_detailgroup.png); background-position: -520px;}
ul.nav_detail li.contact {background: url(../images/icon_detailgroup.png); background-position: -200px;}
ul.nav_detail li.calltel {background: url(../images/icon_detailgroup.png); background-position: -400px;}
ul.nav_detail li.shared {background: url(../images/icon_detailgroup.png); background-position: -440px;}
ul.nav_detail li.cog {background: url(../images/icon_detailgroup.png); background-position: -480px;}
ul.nav_detail li.prev {background: url(../images/icon_detailgroup.png); background-position: -240px;}
ul.nav_detail li.next {background: url(../images/icon_detailgroup.png); background-position: -280px;}
ul.nav_detail li.edit {background: url(../images/icon_detailgroup.png); background-position: -320px;}
ul.nav_detail li.delete {background: url(../images/icon_detailgroup.png); background-position: -360px;}

.post_info {font-size: 16px; line-height: 20px; display: block; color: #666; background-color: #F9F9F9;}
.post_info h1 {font-size: 16px; /*line-height: 22px;*/ display: block; color: #333; text-align: justify; background-color: #e5e5e5; text-shadow: 0 1px 1px #ffffff; padding: 10px; border-top: solid 1px #FEFEFE; border-bottom: solid 1px #D7D7D7;}
.post_info span {display: block; float: left; padding-right: 15px; white-space: nowrap; line-height: 24px;}
.post_info b {color: #333333; padding-right: 7px;}
.post_info i {display: block; font-size: 20px; line-height: 24px; font-style: normal; font-weight: bold; background-color: #69bf13; padding: 3px 7px; margin: 10px 0px; color: #FFF; text-shadow: #49850d 0 1px 3px; float: left; border-radius: 3px; text-align: center; clear: left; white-space: nowrap;}
.post_map {display: block; margin: 0 0 5px 0; border: #a7a7a7 1px solid; padding: 5px; background-color: #FFFFFF; box-shadow: 0 1px 3px #bbb; height: 100px; clear: left;}
.post_nav {background-color: #F9F9F9;}
.post_nav ul {margin: 0px; padding: 0px; list-style: none;}
.post_nav ul li {display: block; color: #555555; line-height: 42px; height: 42px; font-size: 16px; display: block; overflow: hidden; padding: 0 10px; margin: 0px; background-color: #F5F5F5; border-top: solid 1px #ededed; background: #F9F9F9; font-weight: bold; position: relative;}
.post_nav ul li span {display: block; position: absolute; right: 10px; top: 50%; margin-top: -12px; width: 24px; height: 24px;}
.post_nav ul li span.showpost {background-image: url(../images/icon_postshow24.png); background-repeat: no-repeat;}
.post_nav ul li span.hidepost {background-image: url(../images/icon_posthide24.png); background-repeat: no-repeat;}
.post_box {display: block; background-color: #FFFFFF; padding: 10px; border-top: solid 1px #e5e5e5; font-size: 16px; color: #999;}
.post_boxclear {display: block; background-color: #FFFFFF; padding: 10px; border-top: solid 1px #e5e5e5; font-size: 16px; color: #999; line-hight:20px;}
.post_box span {display: block; padding-left: 50%; position: relative; line-height: 20px; margin-bottom: 7px; overflow: auto;}
.post_box span b {display: block; position: absolute; left: 0px; top: 0px; color: #666; width: 50%;}
.post_box span i {word-break: break-all;display: block;width: 100%;font-style: normal;}
.post_nav div:last-child {border-top: solid 1px #e5e5e5;}

#listphoto {height: 200px; overflow: hidden; background-color: #FFFFFF; padding: 20px; text-align: center;}
#listphoto ul {padding: 0px; list-style: none; width: 182px; height: 182px; margin: auto; display: inline-block; overflow: hidden;}
#listphoto ul li {width: 180px; height: 180px; border: #DBDBDB 1px solid; margin-right: 10px; float: left; }
#listphoto ul li div {width: 180px; height: 180px; display: table-cell; text-align: center; vertical-align: middle;}
#listphoto ul li:last-child {margin-right: 0px;}
#listphoto ol {padding: 10px; list-style: none; display: inline-block; margin: auto;}
#listphoto ol li {width: 12px; height: 12px; border: 0px; margin-right: 10px; float: left; text-indent: -9999px;}
#listphoto ol li.offpast {background: url(../images/icon_bullet12off.png);}
#listphoto ol li.onpast {background: url(../images/icon_bullet12on.png);}
#listphoto ol li:last-child {margin-right: 0px;}

#addphoto {margin-bottom: 15px; border-radius: 5px; border: solid 2px #B7B7B7;}
#addphoto ul {padding: 7px 5px 0 5px; list-style: none; height: auto; margin: 0px;}
#addphoto ul li {width: 33%; float: left; margin-bottom: 7px;}
#addphoto ul li div.imgwrap {width: 75px; height: 75px; margin: auto;}
#addphoto ul li div.imgbox {width: 75px; height: 75px; display: table-cell; text-align: center; vertical-align: middle; border: #B7B7B7 1px dashed; background-image: url(../images/add_photo75x75.jpg); background-repeat: no-repeat; background-position: top center; border-radius: 3px; overflow: hidden;}
#addphoto img {width: 100%; height: auto; border: 0px;}

ul.tab3_nava {margin: 0px; padding: 5px 3px 0 3px; list-style: none; box-shadow: inset 0 -1px 0 #B5B5B5; height: 42px; overflow: hidden;}
ul.tab3_nava li {width: 33%; float: left; font-size: 12px; font-weight: bold; color: #666; display: table-cell; text-align: center;}
ul.tab3_nava li div {line-height: 40px; border: #B5B5B5 solid 1px; border-radius: 3px 3px 0 0; margin: 0 2px; background-color: #C1C1C1; box-shadow: inset 0 1px 0 #DDDDDD;}
ul.tab3_nava li div.onnava {border-bottom: solid 1px #e7e2dc; background-color: #e7e2dc;}
ul.tab3_nava li img {margin-bottom: -3px; padding-right: 3px;}
ul.tab3_nava li:last-child {width: 34%;}

ul.tab3_navmag {margin: 0px; padding: 0px; margin-bottom: 10px; list-style: none; overflow: hidden; box-shadow: 0 1px 5px #999999;
 background-color: #EAEAEA; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#EAEAEA));
 background-image: -moz-linear-gradient(top left 90deg, #FEFEFE 0%, #EAEAEA 100%);
 background-image: linear-gradient(top left 90deg, #FEFEFE 0%, #EAEAEA 100%);
}
ul.tab3_navmag li {width: 33%; float: left; font-size: 12px; font-weight: bold; color: #666; display: table-cell; text-align: center; line-height: 40px; border-bottom: #888888 solid 1px;}
ul.tab3_navmag li div {border-right: #CCCCCC solid 1px;}
ul.tab3_navmag li.onnavmag {box-shadow: inset 0 -3px 0 #a9d815; background-color: #FEFEFE; color: #333333;}
ul.tab3_navmag li img {margin-bottom: -3px; padding-right: 3px;}
ul.tab3_navmag li:first-child {width: 34%;}

ul.tab2_navmag {margin: 0px; padding: 0px; margin-bottom: 10px; list-style: none; overflow: hidden; box-shadow: 0 1px 5px #999999;
 background-color: #EAEAEA; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#EAEAEA));
 background-image: -moz-linear-gradient(top left 90deg, #FEFEFE 0%, #EAEAEA 100%);
 background-image: linear-gradient(top left 90deg, #FEFEFE 0%, #EAEAEA 100%);
}
ul.tab2_navmag li {width: 50%; float: left; font-size: 12px; font-weight: bold; color: #666; display: table-cell; text-align: center; line-height: 40px; border-bottom: #888888 solid 1px;}
ul.tab2_navmag li div {border-right: #CCCCCC solid 1px;}
ul.tab2_navmag li a {padding:0px;}
ul.tab2_navmag li.onnavmag {box-shadow: inset 0 -3px 0 #a9d815; background-color: #FEFEFE; color: #333333;}
ul.tab2_navmag li img {margin-bottom: -3px; padding-right: 3px;}

#member_info {height: 50px; padding: 10px; position: relative;}
#member_info h1 {display: block; padding: 0px; margin: 0px; padding-left: 60px; padding-right: 30px; font-size: 14px; height: 28px; line-height: 28px; color: #F1F1F1; overflow: hidden;}
#member_info span {display: block; padding-left: 60px; padding-right: 30px; font-size: 12px; height: 24px; line-height: 24px; color: #999999; overflow: hidden;}
#member_info span img {margin-bottom: -3px; padding-right: 4px; border: 0px;}
#member_info .crop {position: absolute; top: 10px; left: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#member_info .navtype {position: absolute; top: 25px; right: 10px; border: 0px;}

ul#menupopup {width: 90%; margin: 0px; padding: 0px; list-style: none; margin: auto; border-radius: 3px; box-shadow: -1px 0 5px #666, 0 1px 5px #666, 1px 0 5px #666, 0 -1px 5px #666;}
ul#menupopup li a{color: #111111; line-height: 42px; height: 42px; font-size: 16px; display: block; overflow: hidden; padding: 0 10px; margin: 0px; background-color: #F5F5F5; border-bottom: solid 1px #e5e5e5; border-top: solid 1px #ededed; border-left: solid 1px #FFF; border-right: solid 1px #FFF;
 background: #F1F1F1;
 background: -webkit-linear-gradient(to right, #F5F5F5, #F1F1F1);
 background: -moz-linear-gradient(to right, #F5F5F5, #F1F1F1);
 background: -ms-linear-gradient(to right, #F5F5F5, #F1F1F1);
 background: -o-linear-gradient(to right, #F5F5F5, #F1F1F1);
 background: linear-gradient(to right, #F5F5F5, #F1F1F1); text-shadow: -1px 0 1px #FFF, 0 1px 1px #FFF, 1px 0 1px #FFF, 0 -1px 1px #FFF;
}
ul#menupopup li:first-child a {border-radius: 3px 3px 0 0;}
ul#menupopup li:last-child a {border-radius: 0 0 3px 3px; border-bottom: 0px;}
ul#menupopup li:only-child a {border-radius: 3px;}

#regisform {width: 100%; margin: 0px; padding: 0px; list-style: none; margin: auto; margin-bottom: 15px; border-radius: 5px; border: solid 2px #B7B7B7; background-color: #EFEFEF; position: relative; height: 80px;}
#regisform input {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none;}
#regisform input[type=text], #regisform input[type=password]{color: #808080; padding: 0px; margin: 0px; width: 100%; height: 38px; border: 0px; background:transparent;}
#regisform .addphoto {position: absolute; top: 0px; left: 0px; padding: 5px; border-right: #CCCCCC solid 1px; width: 70px; height: 70px; display: table-cell;}
#regisform .boxuser {margin-left: 80px; padding-left: 10px; border-bottom: #CCCCCC 1px solid;}
#regisform .boxpass {margin-left: 80px; padding-left: 10px; border-top: #FEFEFE 1px solid;}
#regisform img {border-radius: 5px;}

ul#baseform {width: 100%; margin: 0px; padding: 0px; list-style: none; margin: auto; margin-bottom: 15px; border-radius: 5px; border: solid 2px #B7B7B7; box-shadow: 0 2px 5px #bbb;}
ul#baseform li {color: #111111; line-height: 42px; height: 42px; font-size: 16px; display: block; overflow: hidden; padding: 0 10px; margin: 0px; background-color: #EEEEEE; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #FEFEFE; border-left: 0px; border-right: 0px;}
ul#baseform li:first-child {border-radius: 5px 5px 0 0; border-top: solid 1px #FEFEFE;}
ul#baseform li:last-child {border-radius: 0 0 5px 5px; border-bottom: 0px;}
ul#baseform li:only-child {border-radius: 5px;}
ul#baseform li:focus {background-color: #FEFEFE;}
ul#baseform li.txtarea {height: auto;}
ul#baseform li.sel {background-image: url(../images/icon_selectdown24.png); background-position: right center; background-repeat: no-repeat;}
ul#baseform li.subtitle {background-color: #E0E0E0; font-size: 14px; font-weight: bold; height: 20px; line-height: 20px; border-top: solid 1px #EEEEEE;}
ul#baseform li.edit {background-image: url(../images/icon_edit24.png); background-position: right center; background-repeat: no-repeat; line-height: 40px; height: 40px; white-space: nowrap; overflow:auto; overflow-x:auto; overflow-y:hidden;}

ul.baseform {width: 100%; margin: 0px; padding: 0px; list-style: none; margin: auto; margin-bottom: 15px; border-radius: 5px; border: solid 2px #B7B7B7; box-shadow: 0 2px 5px #bbb;}
ul.baseform li {color: #111111; line-height: 42px; height: 42px; font-size: 16px; display: block; overflow: hidden; padding: 0 10px; margin: 0px; background-color: #EEEEEE; border-bottom: solid 1px #CCCCCC; border-top: solid 1px #FEFEFE; border-left: 0px; border-right: 0px;}
ul.baseform li:first-child {border-radius: 5px 5px 0 0; border-top: solid 1px #FEFEFE;}
ul.baseform li:last-child {border-radius: 0 0 5px 5px; border-bottom: 0px;}
ul.baseform li:only-child {border-radius: 5px;}
ul.baseform li:focus {background-color: #FEFEFE;}
ul.baseform li.txtarea {height: auto;}
ul.baseform li.sel {background-image: url(../images/icon_selectdown24.png); background-position: right center; background-repeat: no-repeat;}
ul.baseform li.subtitle {background-color: #E0E0E0; font-size: 14px; font-weight: bold; height: 20px; line-height: 20px; border-top: solid 1px #EEEEEE;}
ul.baseform li.edit {background-image: url(../images/icon_edit24.png); background-position: right center; background-repeat: no-repeat; line-height: 40px; height: 40px; white-space: nowrap; overflow:auto; overflow-x:auto; overflow-y:hidden;}

#baseform input {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none;}
#baseform input[type=text], #baseform input[type=password], #baseform input[type=tel], #baseform input[type=email], #baseform input[type=number]{color: #808080; padding: 0px; margin: 0px; width: 100%; height: 38px; border: 0px; background:transparent;}
#baseform textarea {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; padding: 0px;  margin: 0px; padding-top: 10px; width: 100%; border: 0px; background: transparent;}
#baseform select {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; padding: 0px; margin: 0px; width: 100%; height: 38px; line-height: 38px; border: 0px; background:transparent; -webkit-appearance: none; display: inline;}
#baseform label {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; width: 100%; height: 38px; display: inline-block;}
#baseform input[type=checkbox], #baseform input[type=radio] {margin: 0px; padding: 0px; margin-top: -2px; margin-right: 5px;}
#baseform .label50 {width: 45%; margin-right: 10px; float: left; font-weight: bold; color: #808080;}
#baseform .labeltxt {width: 50%; float: left; font-weight: bold; color: #333333; text-align: right;}
#baseform select.w50 {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; padding: 0px; margin: 0px; height: 38px; line-height: 38px; border: 0px; width: 50%; float: right; background:transparent; -webkit-appearance: none; display: inline; float: left;}

ul.baseform input {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none;}
ul.baseform input[type=text],
ul.baseform input[type=password],
ul.baseform input[type=tel],
ul.baseform input[type=email],
ul.baseform input[type=number]{color: #808080; padding: 0px; margin: 0px; width: 100%; height: 38px; border: 0px; background:transparent;}
ul.baseform textarea {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; padding: 0px;  margin: 0px; padding-top: 10px; width: 100%; border: 0px; background: transparent;}
ul.baseform select {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; padding: 0px; margin: 0px; width: 100%; height: 38px; line-height: 38px; border: 0px; background:transparent; -webkit-appearance: none; display: inline;}
ul.baseform label {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; width: 100%; height: 38px; display: inline-block;}
ul.baseform input[type=checkbox],
ul.baseform input[type=radio] {margin: 0px; padding: 0px; margin-top: -2px; margin-right: 5px;}
ul.baseform .label50 {width: 45%; margin-right: 10px; float: left; font-weight: bold; color: #808080;}
ul.baseform .labeltxt {width: 50%; float: left; font-weight: bold; color: #333333; text-align: right;}
ul.baseform select.w50 {font-family: Helvetica, Arial, sans-serif; font-size: 16px; outline: none; color: #808080; padding: 0px; margin: 0px; height: 38px; line-height: 38px; border: 0px; width: 50%; float: right; background:transparent; -webkit-appearance: none; display: inline; float: left;}

.buttonA {
 width: 100%;
 height: 40px;
 font-size: 16px;
 font-weight: bold;
 color: #F9F9F9;
 text-shadow: 0 -1px 0 #0d5d89;
 background-color: #089bdf; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#089bdf), to(#1872c4));
 background-image: -moz-linear-gradient(top left 90deg, #089bdf 0%, #1872c4 100%);
 background-image: linear-gradient(top left 90deg, #089bdf 0%, #1872c4 100%);
 border-radius: 5px;
 border: 1px solid #39568e;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
 cursor: pointer;
}
.buttonA:hover {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#3ab0e6), to(#1872c4));
 background-image: -moz-linear-gradient(top left 90deg, #3ab0e6 0%, #1872c4 100%);
 background-image: linear-gradient(top left 90deg, #3ab0e6 0%, #1872c4 100%);
}
.buttonA:active {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#1872c4), to(#3ab0e6));
 background-image: -moz-linear-gradient(top left 90deg, #1872c4 0%, #3ab0e6 100%);
 background-image: linear-gradient(top left 90deg, #1872c4 0%, #3ab0e6 100%);
}

.buttonB {
 width: 100%;
 height: 40px;
 font-size: 16px;
 font-weight: bold;
 color: #F9F9F9;
 text-shadow: 0 -1px 0 #4a6e00;
 background-color: #86c400; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#86c400), to(#669900));
 background-image: -moz-linear-gradient(top left 90deg, #86c400 0%, #669900 100%);
 background-image: linear-gradient(top left 90deg, #86c400 0%, #669900 100%);
 border-radius: 5px;
 border: 1px solid #537c00;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
 cursor: pointer;
}
.buttonB:hover {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#9fd034), to(#669900));
 background-image: -moz-linear-gradient(top left 90deg, #9fd034 0%, #669900 100%);
 background-image: linear-gradient(top left 90deg, #9fd034 0%, #669900 100%);
}
.buttonB:active {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#9fd034));
 background-image: -moz-linear-gradient(top left 90deg, #669900 0%, #9fd034 100%);
 background-image: linear-gradient(top left 90deg, #669900 0%, #9fd034 100%);
}

.buttonB:disabled{
 width: 100%;
 height: 40px;
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: bold;
 color: #ababab;
 text-shadow: 0 1px 0 #FFF;
 background-color: #F3F3F3; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#DADADA));
 background-image: -moz-linear-gradient(top left 90deg, #F3F3F3 0%, #DADADA 100%);
 background-image: linear-gradient(top left 90deg, #F3F3F3 0%, #DADADA 100%);
 border-radius: 5px;
 border: 1px solid #C4C4C4;
 box-shadow: inset 0 1px 0 #F1F1F1;
 cursor: pointer;
}

.buttonB:hover:disabled{
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#e6e6e6));
 background-image: -moz-linear-gradient(top left 90deg, #FEFEFE 0%, #e6e6e6 100%);
 background-image: linear-gradient(top left 90deg, #FEFEFE 0%, #e6e6e6 100%);
}
.buttonB:active:disabled{
 background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#FEFEFE));
 background-image: -moz-linear-gradient(top left 90deg, #e6e6e6 0%, #FEFEFE 100%);
 background-image: linear-gradient(top left 90deg, #e6e6e6 0%, #FEFEFE 100%);
}


.buttonC {
 width: 100%;
 height: 40px;
 font-size: 16px;
 font-weight: bold;
 color: #F9F9F9;
 text-shadow: 0 -1px 0 #35393f;
 background-color: #79818c; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#79818c), to(#535c68));
 background-image: -moz-linear-gradient(top left 90deg, #79818c 0%, #535c68 100%);
 background-image: linear-gradient(top left 90deg, #79818c 0%, #535c68 100%);
 border-radius: 5px;
 border: 1px solid #35393f;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
 cursor: pointer;
}
.buttonC:hover {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#888f99), to(#535c68));
 background-image: -moz-linear-gradient(top left 90deg, #888f99 0%, #535c68 100%);
 background-image: linear-gradient(top left 90deg, #888f99 0%, #535c68 100%);
}
.buttonC:active {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#535c68), to(#888f99));
 background-image: -moz-linear-gradient(top left 90deg, #535c68 0%, #888f99 100%);
 background-image: linear-gradient(top left 90deg, #535c68 0%, #888f99 100%);
}

.buttonD {
 width: 100%;
 height: 40px;
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: bold;
 color: #5e5e5e;
 text-shadow: 0 1px 0 #FFF;
 background-color: #F9F9F9; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#e6e6e6));
 background-image: -moz-linear-gradient(top left 90deg, #F9F9F9 0%, #e6e6e6 100%);
 background-image: linear-gradient(top left 90deg, #F9F9F9 0%, #e6e6e6 100%);
 border-radius: 5px;
 border: 1px solid #888888;
 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
 cursor: pointer;
}
.buttonD:hover {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#e6e6e6));
 background-image: -moz-linear-gradient(top left 90deg, #FEFEFE 0%, #e6e6e6 100%);
 background-image: linear-gradient(top left 90deg, #FEFEFE 0%, #e6e6e6 100%);
}
.buttonD:active {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#FEFEFE));
 background-image: -moz-linear-gradient(top left 90deg, #e6e6e6 0%, #FEFEFE 100%);
 background-image: linear-gradient(top left 90deg, #e6e6e6 0%, #FEFEFE 100%);
}

.buttonE {
 width: 100%;
 height: 40px;
 margin-bottom: 10px;
 font-size: 16px;
 font-weight: bold;
 color: #ababab;
 text-shadow: 0 1px 0 #FFF;
 background-color: #F3F3F3; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#DADADA));
 background-image: -moz-linear-gradient(top left 90deg, #F3F3F3 0%, #DADADA 100%);
 background-image: linear-gradient(top left 90deg, #F3F3F3 0%, #DADADA 100%);
 border-radius: 5px;
 border: 1px solid #C4C4C4;
 box-shadow: inset 0 1px 0 #F1F1F1;
 cursor: pointer;
}
.buttonE:hover {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#e6e6e6));
 background-image: -moz-linear-gradient(top left 90deg, #FEFEFE 0%, #e6e6e6 100%);
 background-image: linear-gradient(top left 90deg, #FEFEFE 0%, #e6e6e6 100%);
}
.buttonE:active {
 background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#FEFEFE));
 background-image: -moz-linear-gradient(top left 90deg, #e6e6e6 0%, #FEFEFE 100%);
 background-image: linear-gradient(top left 90deg, #e6e6e6 0%, #FEFEFE 100%);
}

.sublinkL {text-align: left; padding: 10px 0 10px 10px; margin-top: -13px; line-height: 20px;}
.sublinkC {text-align: center; padding: 10px; margin-top: -13px; line-height: 20px;}
.sublinkR {text-align: right; padding: 10px 10px 10px 0; margin-top: -13px; line-height: 20px;}

.uploadDivBotton {width: 160px; height: 160px; position:relative; text-align: center; vertical-align: middle; border: #B7B7B7 1px dashed; background-image: url(../images/add_photo75x75.jpg); background-color: #FFF; background-repeat: no-repeat; background-position: center; border-radius: 3px;}
.uploadDivBottonSmall {width: 50px; height: 50px; position:relative; text-align: center; vertical-align: middle; border: #B7B7B7 1px dashed; background-image: url(../images/add_photo50x50.jpg); background-color: #FFF; background-repeat: no-repeat; background-position: center; border-radius: 3px;}

#addphoto {margin-bottom: 15px; border-radius: 5px; border: solid 2px #B7B7B7; background-color: #eeeeee; box-shadow: 0 2px 5px #bbb;}
#addphoto ul {padding: 0px 5px; list-style: none; height: auto; margin: 0px;}
#addphoto ul li {width: 33%; float: left; margin-bottom: 10px; padding: 0px;}
#addphoto div.lblsubtitle {color: #111; background-color: #E0E0E0; font-size: 14px; font-weight: bold; height: 20px; line-height: 20px; border-top: solid 1px #EEEEEE; border-bottom: solid 1px #CCCCCC; margin-bottom: 10px; padding: 0 10px; border-radius: 5px 5px 0 0;}
#addphoto div.lblcomment {color: #111; background-color: #E0E0E0; font-size: 14px; font-weight: bold; height: 20px; overflow: hidden; line-height: 20px; border-top: solid 1px #EEEEEE; border-bottom: solid 1px #CCCCCC; padding: 0 10px; border-radius: 0 0 5px 5px;}
#addphoto ul li div.imgwrap {width: 75px; height: 75px; margin: auto;}
#addphoto ul li div.imgbox {width: 75px; height: 73px; display: table-cell; text-align: center; vertical-align: middle; border: #B7B7B7 1px dashed; background-image: url(../images/add_photo75x75.jpg); background-color: #FFF; background-repeat: no-repeat; background-position: top center; border-radius: 3px; overflow: hidden;}
#addphoto img.small {width: auto; height: auto; border: 0px; max-height:75px; max-width:75px; display: block; margin:auto;}
#addphoto img.vsmall {width: auto; height: auto; border: 0px; max-height:50px; max-width:50px; display: block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
#addphoto img.big {width: auto; height: auto; border: 0px; max-height:160px; max-width:160px; display: block; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}

/*news*/
ul.listnews {width: 100%; margin: 0px; padding: 0px; margin: auto; list-style: none;}
ul.listnews li {border: #a7a7a7 solid 1px; border-radius: 3px; background-color: #FFFFFF; margin-bottom: 15px; box-shadow: 0 2px 5px #bbb}
ul.listnews li span.headnews {min-height: 20px; line-height: 18px; font-size: 14px; color: #333333; padding: 6px 10px 4px 15px; position: relative; display: block; text-align: left; font-weight: bold; box-shadow: inset 5px 0 0 #a9d815;}
ul.listnews li span.footnews {line-height: 30px; position: relative; border-top: #CCCCCC solid 1px; padding: 0 30px 0 27px; display: block; text-align: left; clear: both; background-color: #F5F5F5; border-radius: 0 0 3px 3px; background-image: url(../images/icon_clock16.png); background-repeat: no-repeat; background-position: 5px 7px; font-size: 12px;}
ul.listnews li span i.delon {position: absolute; display: block; background: url(../images/icon_delete16.png) no-repeat; background-position: 7px 7px; width: 30px; height: 30px; right: 0px; bottom: 0px; border-left: #CCCCCC solid 1px; text-indent: -9999px;}
ul.listnews li span i.deloff {position: absolute; display: block; background: url(../images/icon_delete_dis16.png) no-repeat; background-position: 7px 7px; width: 30px; height: 30px; right: 0px; bottom: 0px; border-left: #CCCCCC solid 1px; text-indent: -9999px;}
ul.listnews li span b {position: absolute; display: inline-block; width: 30px; height: 30px; right: 31px; bottom: 0px; border-left: #CCCCCC solid 1px; text-indent: -9999px;}

.listmore {padding: 10px; border-bottom: #CCCCCC dashed 1px; display: block; position: relative; min-height: 70px; background-color: #FFFFFF; height: auto; cursor: pointer;}
.listmore span {margin-left: 90px; display: block; font-size: 11px; color: #666; line-height: 16px;}
.listmore span b {color: #333; font-size: 14px; line-height: 18px;}
.listmore span i {color: #ff9900; font-size: 12px; font-weight: bold; line-height: 16px; font-style: normal; display: block; padding-bottom: 10px;}
.listmore u {position: absolute; bottom: 10px; right: 10px; color: #0170d8; font-style: normal; display: block; font-size: 11px; text-decoration: none;}
.listmore div.imglistmore {width: 70px; height: 70px; display: table-cell; text-align: center; vertical-align: middle; position: absolute; top: 10px; left: 10px; border: #EAEAEA solid 1px; background-color: #FFFFFF;}

/*ul.listnews li span b.newstype1 {background: url(../images/icon_alert.gif) no-repeat; background-position: 7px 7px;}
ul.listnews li span b.newstype2 {background: url(../images/icon_alert_admin.gif) no-repeat; background-position: 7px 7px;}
ul.listnews li span b.newstype3 {background: url(../images/icon_news.gif) no-repeat; background-position: 7px 7px;}
ul.listnews li span b.newstype4 {background: url(../images/icon_promotion_market.gif) no-repeat; background-position: 7px 7px;}
ul.listnews li span b.newstype5 {background: url(../images/icon_promotion_shop.gif) no-repeat; background-position: 7px 7px;}
*/
ul.filter_news {padding: 0px; margin: 0 0 15px 0; list-style: none; border-radius: 3px; border: #a7a7a7 solid 1px; box-shadow: 0 2px 5px #bbb;
 background-color: #FDFDFD; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#EAEAEA));
 background-image: -moz-linear-gradient(top left 90deg, #FDFDFD 0%, #EAEAEA 100%);
 background-image: linear-gradient(top left 90deg, #FDFDFD 0%, #EAEAEA 100%);}
ul.filter_news li {display: block; width: 20%; text-align: center; vertical-align: middle; display: table-cell; float: left; box-shadow: inset -1px 0 0 rgba(215, 215, 215, 1);}
ul.filter_news li img {padding: 7px 0px;}
ul.filter_news li img.disfil {opacity:0.4;}
/*end news*/


ul.filter_cat li.active {
	background-color: #ADADAD;
}
.filterform {display: none; background-color:#fafafa; border: #F7F7F7 solid 3px; margin-top: 20px; border-radius: 3px; box-shadow: 0 0 5px #999; position: relative;}
.headfilter {display: block; background-color:#f0ece8; border-radius: 2px 2px 0 0; font-size: 14px; font-weight: bold; color: #666; padding: 5px;}
.filtershow {display: block; border: #999 dashed 1px; padding: 5px; font-size: 14px; line-height: 16px; margin: 5px;}
.filtershow b {color: #333; padding-left: 4px;}
.filterform img.mark1 {position: absolute; top: -19px; left: 17%; margin-left: -13px;}
.filterform img.mark2 {position: absolute; top: -19px; left: 50%; margin-left: -13px;}
.filterform img.mark3 {position: absolute; top: -19px; left: 83%; margin-left: -13px;}




/* Icon Social */

.sublinkL {text-align: left; padding: 10px 0 10px 10px; margin-top: -13px; line-height: 20px;}
.sublinkC {text-align: center; padding: 10px; margin-top: -13px; line-height: 20px;}
.sublinkR {text-align: right; padding: 10px 10px 10px 0; margin-top: -13px; line-height: 20px;}

.btn-auth, .btn-auth:visited {position: relative; display: block; padding: 0 10px 0 15px; border: 1px solid #999; border-radius: 5px; margin: 0 0 10px 0; text-align: left; text-decoration: none; white-space: nowrap; background: #FFF; box-sizing: content-box; -webkit-user-select: none; -webkit-appearance: none; height: 36px; line-height: 36px; font-size: 20px;
}

.btn-auth:before {width: 36px; height: 36px; content: ""; float: left; background: url(../images/icon_social.png) no-repeat;}

/* Icon Social */
.btn-facebook, .btn-facebook:visited, .btn-facebook:link {
	border-color: #29447E;
	border-bottom-color: #1A356E;
	color: #FFF;
	background-color: #5872A7;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
	background-image: -webkit-linear-gradient(#637bad, #5872a7);
	background-image: -moz-linear-gradient(#637bad, #5872a7);
	background-image: -ms-linear-gradient(#637bad, #5872a7);
	background-image: -o-linear-gradient(#637bad, #5872a7);
	background-image: linear-gradient(#637bad, #5872a7);
	-webkit-box-shadow: inset 0 1px 0 #879ac0;
	box-shadow: inset 0 1px 0 #879ac0;
}

.btn-facebook:before {background-position: -36px 0px; border-right: 1px solid #465F94; margin: 0 10px 0 -10px;}

.btn-pantip, .btn-pantip:visited, .btn-pantip:link {
	border-color: #453f82;
	border-bottom-color: #29264d;
	color: #FFF;
	background-color: #5f58ae;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5f58ae), to(#5750a6));
	background-image: -webkit-linear-gradient(#5f58ae, #5750a6);
	background-image: -moz-linear-gradient(#5f58ae, #5750a6);
	background-image: -ms-linear-gradient(#5f58ae, #5750a6);
	background-image: -o-linear-gradient(#5f58ae, #5750a6);
	background-image: linear-gradient(#5f58ae, #5750a6);
	-webkit-box-shadow: inset 0 1px 0 #7872bb;
	box-shadow: inset 0 1px 0 #7872bb;
}

.btn-pantip:before {background-position: 0px 0px; border-right: 1px solid #4f4997; margin: 0 10px 0 -10px;}

.btn-twitter, .btn-twitter:visited, .btn-twitter:link {
	border-color: #2d92b3;
	border-bottom-color: #1f647a;
	color: #FFF;
	background-color: #4cb1d2;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4cb1d2), to(#33a7cc));
	background-image: -webkit-linear-gradient(#4cb1d2, #33a7cc);
	background-image: -moz-linear-gradient(#4cb1d2, #33a7cc);
	background-image: -ms-linear-gradient(#4cb1d2, #33a7cc);
	background-image: -o-linear-gradient(#4cb1d2, #33a7cc);
	background-image: linear-gradient(#4cb1d2, #33a7cc);
	-webkit-box-shadow: inset 0 1px 0 #67bdd9;
	box-shadow: inset 0 1px 0 #67bdd9;
}

.btn-twitter:before {background-position: -72px 0px; border-right: 1px solid #2d92b3; margin: 0 10px 0 -10px;}

.btn-google, .btn-google:visited, .btn-google:link {
	border-color: #b33c3f;
	border-bottom-color: #7e2a2c;
	color: #FFF;
	background-color: #ca5f62;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ca5f62), to(#bc3f42));
	background-image: -webkit-linear-gradient(#ca5f62, #bc3f42);
	background-image: -moz-linear-gradient(#ca5f62, #bc3f42);
	background-image: -ms-linear-gradient(#ca5f62, #bc3f42);
	background-image: -o-linear-gradient(#ca5f62, #bc3f42);
	background-image: linear-gradient(#ca5f62, #bc3f42);
	-webkit-box-shadow: inset 0 1px 0 #d27779;
	box-shadow: inset 0 1px 0 #d27779;
}

.btn-google:before {background-position: -108px 0px; border-right: 1px solid #a8383b; margin: 0 10px 0 -10px;}

/*icon index*/
ul#imgnav_category {list-style: none; padding: 5px; margin: 0px; white-space: nowrap;}
ul#imgnav_category li {float: left; list-style: none; display: inline;}
ul#imgnav_category img {min-height: 30px; min-width: 30px; height: 100%; width: 100%; height: auto; display: block; border: 0px; box-shadow: 0 1px 5px #bbb;}
ul#imgnav_category div {padding: 5px;}
ul#imgnav_category span {width: 50%; display: block; float: left;}
ul#imgnav_category li.mark1 {width: 100%;}
ul#imgnav_category li.mark2 {width: 50%;}
ul#imgnav_category li.mark3 {width: 25%;}

ul.nav_commandA {left:0px; padding: 0px; margin: 0px; border-top: #d3d3d3 solid 1px; list-style: none; width: 100%; position: absolute; top: 0px; z-index:1000;
 background-color: #f8f9fa; /*IE fallback*/
 background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f9fa), to(#e3e5ea));
 background-image: -moz-linear-gradient(top left 90deg, #f8f9fa 0%, #e3e5ea 100%);
 background-image: linear-gradient(top left 90deg, #f8f9fa 0%, #e3e5ea 100%);
}
ul.nav_commandA li {float: left; font-size: 12px; font-weight: bold; color: #3b3b3b; text-shadow: -1px 0 1px #FFF; line-height: 30px; display: table-cell; text-align: center; vertical-align: middle; box-shadow: inset -1px 0 0 #d0d0d0; height: 41px; z-index:9999;}
ul.nav_commandA li div {padding: 10px 5px;}
ul.nav_commandA li div img {margin-bottom: -5px;}
ul.nav_commandA li.tab3 {width: 85%; line-height: 22px; font-size: 18px;}
ul.nav_commandA li.tab3last {box-shadow:inset 0 0 0 rgba(0,0,0,0); width:15%;}
ul.nav_commandA li.tab2 {width: 50%;}
ul.nav_commandA li.tab3 b.post {position: absolute; top: 50%; margin-top: -12px; left: 10px; width: 24px; height: 24px; background: url(../images/icon_sq_br_down24.png); cursor: pointer;}
ul.nav_commandA li.tab3 b {position: absolute; top: 50%; margin-top: -12px; left: 10px; width: 24px; height: 24px; /*background: url(../images/icon_sq_br_down24.png);*/ cursor: pointer;}

#containerA div.group2 {background:#FFF; border-radius: 3px; border: #a7a7a7 solid 1px; box-shadow: 0 2px 5px #bbb;}

.btn-cat, .btn-cat:visited {position: relative; display: block; padding: 0 15px; border: 1px solid #999; border-radius: 2px; margin: 2px; text-align: center; text-decoration: none; white-space: nowrap; background: #FFF; box-sizing: content-box; -webkit-user-select: none; -webkit-appearance: none; height: 36px; line-height: 36px; font-size: 18px;
}

.btn-cat:before {width: 24px; height: 24px; content: ""; background: url(../images/icon_selectdown24b.png) no-repeat; position: absolute; left: 5px; top: 6px;}

.btn-cat:after {width: 24px; height: 24px; content: ""; background: url(../images/icon_selectdown24b.png) no-repeat; position: absolute; right: 5px; top: 6px;}

/*
.btn-select, .btn-select:visited, .btn-select:link {
	border-color: #45494c;
	border-bottom-color: #404146;
	color: #FFF;
	background-color: #45494c;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6e7377), to(#45494c));
	background-image: -webkit-linear-gradient(#6e7377, #45494c);
	background-image: -moz-linear-gradient(#6e7377, #45494c);
	background-image: -ms-linear-gradient(#6e7377, #45494c);
	background-image: -o-linear-gradient(#6e7377, #45494c);
	background-image: linear-gradient(#6e7377, #45494c);
	-webkit-box-shadow: inset 0 1px 0 #8e9198;
	box-shadow: inset 0 1px 0 #8e9198;
}
*/

/*
.btn-select, .btn-select:visited, .btn-select:link {
 border-color: #0152e0;
 border-bottom-color: #0144cf;
 color: #FFF;
 background-color: #0152e0;
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0055f1), to(#0152e0));
 background-image: -webkit-linear-gradient(#0055f1, #0152e0);
 background-image: -moz-linear-gradient(#0055f1, #0152e0);
 background-image: -ms-linear-gradient(#0055f1, #0152e0);
 background-image: -o-linear-gradient(#0055f1, #0152e0);
 background-image: linear-gradient(#0055f1, #0152e0);
 -webkit-box-shadow: inset 0 1px 0 #3e96ff;
 box-shadow: inset 0 1px 0 #3e96ff;
}
*/

.btn-select, .btn-select:visited, .btn-select:link {
 border-color: #3386ee;
 border-bottom-color: #2149e7;
 color: #FFF;
 background-color: #3d84ec;
 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#53aaf1), to(#3d84ec));
 background-image: -webkit-linear-gradient(#53aaf1, #3d84ec);
 background-image: -moz-linear-gradient(#53aaf1, #3d84ec);
 background-image: -ms-linear-gradient(#53aaf1, #3d84ec);
 background-image: -o-linear-gradient(#53aaf1, #3d84ec);
 background-image: linear-gradient(#53aaf1, #3d84ec);
 -webkit-box-shadow: inset 0 1px 0 #75bef5;
 box-shadow: inset 0 1px 0 #75bef5;
}

.PMK-uploadfile-list-sort {
	width: 20px;
    height: 73px;
	line-height: 73px;
    float: left;
    background-color: #d2e7f9;
	border: solid 1px #adc6db;
	display: table;
	text-align: center;
	position: relative;
}

div#show_pass {
	position: relative;
	width: 100%;
	height: 100%;
}

div#show_pass i{
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 34px;
	height: 24px;
	padding: 8px 0px;
	cursor: pointer;
}

.icon-password-show {
	background: url(../images/icon_see24.png) no-repeat center center;
}

.icon-password-hide {
	background: url(../images/icon_nosee24.png) no-repeat center center;
}