@charset "utf-8";
/*  UGC */
.div-ugc{float:left; overflow:hidden; width:615px; min-width:585px; min-height:500px;}
.div-ugc form *{font-family:Tahoma;}
/*User*/
.showuser{position:relative; width:96%; min-height:80px; padding:10px 2%; background:url(../imgs/bg-user-profile.gif) repeat-x bottom; border-bottom:1px solid #fff; z-index:27;}
.cover-list .showuser:hover{background:url(../imgs/bg-user-profile-hover.gif) repeat-x bottom;}
.mar-bt{clear:both; margin-bottom:30px;}
.showuser ul{list-style-type:none; margin:0 !important;}
.showuser ul li{position:relative; line-height:17px !important; font-size:.85em; list-style-type:none !important; margin:0 !important;}
.showuser ul li img{vertical-align:middle;}
.showuser ul li a{text-decoration:underline;}
.t-blue,.t-blue a,.showuser ul li a{color:#0290b6 !important;}
.showuser ul li .c-level,.c-level a{color:#0d95b7; text-decoration:none !important;}
.c-level a:hover{text-decoration:underline !important;}
.online ul li.user-detail .pic-user,.offline ul li.user-detail .pic-user{position:relative; width:60px; height:77px; float:left; padding:0; margin:0; padding:5px 4px 0 4px; margin-right:10px; background:url(../imgs/skin-user-on.gif) 0 0 no-repeat; z-index:99;}
.offline ul li.user-detail .pic-user{background:url(../imgs/skin-user-off.gif) 0 0 no-repeat;}
.online ul li.user-detail .pic-user img,.offline ul li.user-detail .pic-user img{margin-top:-1px !important;}
.showuser ul li.user-detail .name-user a{font-size:13px; color:#000 !important; text-decoration:none;}
.showuser ul li.user-fuction{height:25px; padding-top:3px;}
.showuser ul li.user-fuction *{vertical-align:middle;}
.showuser ul li.user-fuction .inbox{margin-top:2px;}
.showuser ul li.user-fuction .inbox a{text-decoration:none;}
.showuser ul li.my-article a{color:#0d95b7; text-decoration:none;}
.showuser ul li.my-article a:hover,.showuser ul li.user-fuction .inbox a:hover{text-decoration:underline;}
.showuser ul li.status-article{position:absolute; top:10px; right:10px; text-align:right;}
.status-article span{display:block; margin-bottom:3px; color:#333;}
.status-article img{margin-bottom:1px;}
.status-article .img-new-comment{display:block; width:54px; height:24px; line-height:22px; padding-right:10px; text-align:right; color:#FFF; font-size:16px; font-weight:700; margin-bottom:1px; background:url(../imgs/bg-scoll.gif) no-repeat;}
.showuser ul li.tools-manage{position:absolute; top:60px; right:10px; width:170px; text-align:right;}
.tools-manage img{margin-bottom:1px;}
.tools-manage span{vertical-align:top; _vertical-align:fline; color:#888;}
.tools-manage .u-edit,.tools-manage .u-delete{position:relative; display:inline-block; width:18px; height:18px; overflow:hidden; text-align:justify; text-indent:-9999px; background:url(../imgs/icon-ugc-edit.gif) 50% 50% no-repeat;}
.tools-manage .u-delete{background:url(../imgs/icon-ugc-delete.gif) 50% 50% no-repeat;}
.tools-manage .u-edit:hover{background:url(../imgs/icon-ugc-edit-act.gif) 50% 50% no-repeat;}
.tools-manage .u-delete:hover{background:url(../imgs/icon-ugc-delete-act.gif) 50% 50% no-repeat;}
.tools-manage a,.user-fuction a{text-decoration:none !important;}
/*Box Follower*/
.showuser ul li.follow-box{width:auto; height:30px; padding:0 9px 0 0; border-left:1px solid #c3d5d7; background:url(../imgs/bg-follow.png) 100% 50% no-repeat; overflow:hidden;}
.showuser ul li.follow-box span{display:block; float:left; height:30px; line-height:30px; /*margin:-9px 0 -5px 0;*/ padding:0 15px 0 8px; color:#5c5c5c; border-left:1px solid #e4e4e4; background:url(../imgs/bg-follow-txt.png) 100% 50% no-repeat;}
.showuser ul li.follow-box span a{color:#5c5c5c!important;}
.showuser ul li.follow-box span a:hover{color:#0290B6!important;}
.showuser ul li.follow-box img{vertical-align:bottom; margin-top:8px;}
/*My + User*/
.no-article ul li.user-detail{height:auto !important; margin-bottom:10px; padding-top:8px;}
.no-article{background:#FFF;}
.no-article ul li.user-detail .pic-user{margin-top:-8px;}
.no-article ul li.user-detail .name-user a{color:#353535 !important; font-size:24px !important; line-height:24px !important;}
.my-article-tab{position:relative; width:100%; height:41px; margin-top:10px;}
.my-article-tab ul{width:100%; height:41px; background:url(../imgs/my-tabbar.gif) 0 0 no-repeat #e8e8e8;}
.my-article-tab ul li{position:relative; float:left; height:41px; line-height:31px; font-weight:700; color:#5c5c5c; text-indent:20px;}
.my-article-tab ul li a{position:relative; display:block; width:100%; height:100%; color:#5c5c5c;}
.my-article-tab ul li a:hover{text-decoration:none;}
.my-article-tab ul li.my-arti-all{width:222px;}
.my-article-tab ul li.my-arti-fav{width:393px;}
.my-article-tab ul li.my-arti-all a:hover{background:url(../imgs/my-tabbar.gif) 0 -82px no-repeat;}
.my-article-tab ul li.my-arti-fav a:hover{background:url(../imgs/my-tabbar.gif) -222px -82px no-repeat;}
.my-article-tab ul li.my-arti-all .selected{background:url(../imgs/my-tabbar.gif) 0 -41px no-repeat !important;}
.my-article-tab ul li.my-arti-fav .selected{background:url(../imgs/my-tabbar.gif) -222px -41px no-repeat !important;}
.my-article-tab ul li a.selected{color:#FFF;}
.my-article-tab ul li span{position:absolute; top:6px; margin-left:3px; width:30px; height:20px; overflow:hidden; text-indent:0; line-height:20px; text-align:center; color:#FFF; font-weight:700; background:url(../imgs/bg-num-gray.gif) no-repeat 0 65%;}
.my-article-tab ul li a.selected span{background:url(../imgs/bg-num-black.gif) no-repeat 0 70%;}
.my-article-tab ul li a img{vertical-align:middle; position:absolute; top:8px; margin-left:3px;}
/* Article detail list*/
.result-article{position:relative; width:100%; min-height:85px; height:auto !important; height:85px; padding:10px 0; background:url(../imgs/bg-user-profile-hover.gif) repeat-x bottom; border-bottom:1px solid #fff; z-index:98;}
.result-article:hover{background:url(../imgs/bg-user-profile.gif) repeat-x bottom;}
.result-article .s-result-article{font-size:1em; margin-right:10px;}
.result-article .s-result-article a{color:#353535;}
.result-article .s-result-article a:visited{color:#888;}
.result-article .s-result-article img{float:left; border:1px solid #ccc; margin:3px 10px 17px 0;}
.result-article .s-result-article .txt-title{display:block; height:18px; line-height:18px; overflow:hidden;}
.result-article p,.result-article .s-article-info .tags{padding:5px 0;}
.result-article .s-article-info p{padding:0;}
.result-article .s-article-info{display:block; margin-top:0;}
.result-article .s-article-info p{color:#888; font-size:11px; padding:1px 0 2px 0;}
.result-article .s-article-info p img{vertical-align:middle;}
.result-article .s-article-info p a{color:#888;}
.result-article .s-article-info p a:hover{text-decoration:none; color:#353535 !important;}
.result-article .status-article{position:absolute; top:20px; right:10px; text-align:right; font-size:.8em;}
.result-article .tools-manage{position:absolute; top:65px; right:10px;}
.result-article .tools-manage a{display:block; float:left; margin-left:3px;}
.t-cancel-del{font-size:11px; font-weight:700; color:#000 !important;}
/*List My*/
.my-wait-article .result-article{background:url(../imgs/bg-profile-wait.gif) repeat-x bottom; border-top:1px solid #FFF; border-bottom:none;}
.my-newcom-article .result-article{background:url(../imgs/bg-profile-new.gif) repeat-x bottom; border-top:1px solid #FFF; border-bottom:none;}
.my-other-article .result-article{}
.my-wait-article .result-article:hover{background:url(../imgs/bg-profile-wait-hover.gif) repeat-x bottom;}
.my-newcom-article .result-article:hover{background:url(../imgs/bg-profile-new-hover.gif) repeat-x bottom;}
.my-other-article .result-article:hover{}
.my-wait-article p.h-title-article{height:24px; line-height:24px; border-bottom:1px solid #edcd5c; color:#d8ad00; font-size:.85em;}
.my-newcom-article p.h-title-article{height:24px; line-height:24px; border-bottom:1px solid #a2e2fb; color:#0292b5; font-size:.85em;}
.my-other-article p.h-title-article{height:24px; line-height:24px; border-bottom:1px solid #eaeaea; color:#288d27; font-size:.85em;}
.my-wait-article p .head-title-icon{display:inline-block; color:#343434; padding-left:20px; background:url(../imgs/icon-article-wait.gif) 0 50% no-repeat;}
.my-newcom-article p .head-title-icon{color:#343434; padding-left:18px; background:url(../imgs/icon-comment.gif) 0 50% no-repeat;}
.my-other-article p .head-title-icon{color:#343434; padding-left:17px; background:url(../imgs/icon-my-article-other.gif) 0 50% no-repeat;}
.order-my-status{clear:both; width:220px; padding:0 0 0 6px; margin-top:-10px; float:right; height:22px; line-height:22px; font-size:12px; vertical-align:middle; color:#737373; background:url(../imgs/bg-order-my-status.gif) no-repeat;}
.order-my-status a{display:block; float:left; color:#FFF !important; height:100%; padding:0 9px; background:url(../imgs/border-order-my.gif) 100% 50% no-repeat;}
.order-my-status .end{background:none;}
.order-my-status .help{display:block; float:left; width:20px; text-indent:-9999px; cursor:pointer;}
.order-my-status a.selected{background:#737373; margin-left:-1px;}
/* /My + User */
.num-red,.num-gray,.num-blue{display:inline-block; width:30px; height:17px; line-height:17px; text-align:center !important; color:#FFF; background:url(../imgs/bg-num-red.gif) no-repeat;}
.num-gray{font-weight:700; background:url(../imgs/bg-num-gray.gif) no-repeat;}
.num-blue{width:auto; font-weight:700; background:#0c95b7; padding:0 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #5fbacf; border-radius:3px;}
.last-update{margin-left:5px; color:#878787;}
.last-update a{color:#878787;}
/*Post*/
.hide{display:none;}
fieldset{border:none; margin:0; padding:0;}
ul.cate-post-ugc{position:relative; width:100%; margin:20px 0;}
ul.cate-post-ugc li .text-title{display:block; height:22px; line-height:22px; text-align:right; color:#ec4a57; font-size:11px;}
.t-header{width:99%; height:38px; font-size:28px; font-weight:700; border:1px solid #a4a4a4;}
.t-header:hover{background:#fff9c5; cursor:pointer;}
.t-select{background:#fff9c5 !important; border-style:dashed !important;}
.sl-category{position:relative; margin-top:20px;}
.sl-category .text-title,.post-contents .text-title{margin-bottom:-25px; z-index:999;}
.header-name legend,.sl-category legend,.post-tags legend,.post-contents legend,.add-picture legend{position:relative; width:80px; height:20px; padding-left:17px; font-size:18px; font-weight:700; color:#353535; background:url(../imgs/redstar.gif) 0 25% no-repeat;}
.header-name legend{font-size:24px; background:none; padding-left:5px;}
.sl-category ol{position:relative; width:90%; margin-top:5px; padding:10px 5% 30px; background:url(../imgs/bg-bt-cate.gif) bottom left no-repeat #f4f4f4; font-size:.9em; color:#5c5c5c;}
.sl-category ol:after{content:"."; display:block; clear:both; height:0; visibility:hidden;}
.sl-category ol li{position:relative; width:33%; float:left; height:18px; line-height:18px; vertical-align:middle;}
.sl-category ol li .category{height:16px; vertical-align:bottom;}
.post-success{margin:10px 0 30px;}
.post-success strong{display:block; text-align:center; font-weight:100; color:#F00; padding:5px 0;}
.menu-article{position:relative; width:90%; margin:0 auto; padding:30px 0 30px;}
.menu-article li{float:left; width:32%; height:40px; line-height:40px; font-size:.9em;}
.menu-article li.edit a,.menu-article li.view a,.menu-article li.all a{display:block; height:40px; padding-left:35px; text-decoration:underline; background:url(../imgs/icon-edit-article.gif) 3px 30% no-repeat;}
.menu-article li.view a{background:url(../imgs/icon-view-article.gif) 7px 30% no-repeat;}
.menu-article li.all a{background:url(../imgs/icon-all-article.gif) 0px 30% no-repeat;}
.height-100{padding:0; margin:0; width:100%; height:100%;}
.black_overlay{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:1001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80);}
.white_content{display:none; position:absolute; top:35%; left:38%; width:310px; height:199px; text-align:center; background:url(../imgs/bg-error-box.gif) 0 0 no-repeat; z-index:1002; overflow:hidden;}
.message-error{margin-top:80px; color:#525252; font-size:1em; font-weight:700;}
.btn-close{margin-top:39px;}
.btn-close img{width:130px; height:42px; border:0;}
/*import Read.css*/
.reader{padding:15px;}
.reader ul,.reader ul li{margin:5px 0 5px 10px; list-style-type:disc;}
.reader ol,.reader ol li{margin:5px 0 5px 10px; list-style-type:decimal;}
.reader p{margin:10px 0;}
/* Contents Only */
#content_only{position:relative; width:auto;}
#content_only p img,#content_only table td img{margin:5px;}
#content_only p.img-contents-large img,#content_only p.img-contents-medium img,#content_only p.img-contents-small img{margin:0 !important;}
.reader .img-contents-large,.reader .img-contents-medium,.reader .img-contents-small{border:1px solid #999; padding:10px; margin:0 10px 12px 0 !important; text-align:center; background:#FEFEFE;}
.reader .img-contents-large img{width:560px;}
.reader .img-contents-large span,.reader .img-contents-large h2{display:block; background:#333; color:#FFF; font-size:0.8em; font-weight:normal; text-align:center; padding:5px; max-width:570px; overflow:hidden;}
.reader .img-contents-medium img{width:300px;}
.reader .img-contents-medium span,.reader .img-contents-medium h2{display:block; background:#333; color:#FFF; font-size:0.8em; font-weight:normal; text-align:center; padding:5px; max-width:290px; overflow:hidden;}
.reader .img-contents-small img{width:200px;}
.reader .img-contents-small span,.reader .img-contents-small h2{display:block; background:#333; color:#FFF; font-size:0.8em; font-weight:normal; text-align:center; padding:5px; max-width:190px; overflow:hidden;}
.reader .img-float-left{float:left;}
.reader .img-float-right{float:right; margin:0 0 12px 10px !important;}
.reader img.img-left{float:left; padding-right:10px;}
.reader img.img-right{float:right; padding-left:10px;}
.reader .img-float-left:after,.img-float-right:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}
.reader .path-nav{color:#555;}
.reader .path-nav a{font-weight:700; color:#555; text-decoration:underline;}
.reader .title-reader{padding-bottom:.5em;}
.reader .title-reader span{visibility:hidden; font-size:50%;}
.reader .each-reader-title{padding-bottom:8px; margin-bottom:5px; border-bottom:1px dotted #999;}
.reader .authoer-info{color:#999; text-align:right; font-size:.85em;}
.reader .sub-nav-reader{position:absolute; top:8px; left:5px;}
.reader .separated-part{font-size:120%; color:#990000; padding:15px 0 5px 0; border-bottom:solid 1px rgb(240,240,240); font-weight:700;}
/* Related Contents */
.related-content{padding-top:5px; background:#FFF; border-top:1px dotted #999;}
.related-content:after,.article-info:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}
.related-content ul{padding:0 !important; margin:0 !important; list-style-type:none;}
.related-content ul:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}
.related-content ul li{padding:0 !important; margin:0 !important; list-style-type:none;}
.related-content ul li.related-list-box{float:left; overflow:hidden;}
.related-content ul li.related-list-box strong{font-size:1.2em; margin:10px 0 !important;}
.related-content ul li.related-list-box ol{padding:0 !important; margin:0 !important;}
.related-content ul li.related-list-box ol li{padding-left:10px !important; background:url(../../sanook/imgs/icon-bullett.gif) no-repeat 0 7px;}
.related-content ul li.related-list-box ol li a{color:#D80401; text-decoration:none;}
.related-content ul li.related-list-box ol li a:hover{color:#f40900; text-decoration:none;}
.related-content ul li.related-list-box ol li span{color:#666; font-size:.85em;}
.related-content ul li.reader-tools-box{width:230px; float:right; font-size:.85em; border-left:1px dotted #999;}
.related-content ul li.reader-tools-box ul.print-email{padding:0 !important; margin:0 !important;}
.related-content ul li.reader-tools-box ul.print-email li{display:block; float:left; width:47%; height:26px !important; line-height:26px !important; padding-left:5px !important; border-bottom:1px dotted #999; text-decoration:none;}
.related-content ul li.reader-tools-box ul.print-email li img{margin-right:5px; vertical-align:middle;}
.related-content ul li.reader-tools-box ul.bookmark{height:36px; padding:0 !important; margin:0 !important; padding:5px 0 5px 5px !important; border-bottom:1px dotted #999;}
.related-content ul li.reader-tools-box ul.bookmark li img{margin-right:5px;}
.related-content ul li.reader-tools-box ul.vote-content{height:55px; padding:5px !important; margin:5px !important; background:#fff7e5;}
.related-content ul li.reader-tools-box ul.vote-content li a{font-weight:700; text-decoration:none;}
.related-content ul li.reader-tools-box ul.vote-content li img{margin:3px 6px 3px 0; vertical-align:middle;}
/* LOTTO */
.lotto-tabmain{background-color:#FFF;}
.lotto-tabinside{background-color:#FFF; border-right:solid #b8b8b8 1px;}
.lotto-tabsub{color:#000; font-weight:bold; font-size:13px; text-align:center; background-color:#e6e6e6; border-left:solid #b8b8b8 1px; border-bottom:solid #b8b8b8 1px;}
.lotto-tabsub2{color:#000; font-weight:bold; font-size:13px; text-align:center; border-left:solid #b8b8b8 1px; border-bottom:solid #b8b8b8 1px;}
.lotto-rol{color:#000; font-weight:bold; font-size:13px; text-align:center; background:#e6e6e6; border-left:solid #b8b8b8 1px; border-bottom:solid #b8b8b8 1px; border-top:solid #b8b8b8 1px;}
.lotto-ro2{color:#000; font-weight:bold; font-size:13px; text-align:center; height:30px; background:#e6e6e6; border-left:solid #b8b8b8 1px; border-bottom:solid #b8b8b8 1px;}
.lotto1{color:#000; font-weight:bold; font-size:36px; text-align:center; border-left:solid #b8b8b8 1px; border-bottom:solid #b8b8b8 1px;}
.lotto2{color:#000; font-weight:bold; font-size:20px; text-align:center; border-left:solid #b8b8b8 1px; border-bottom:solid #b8b8b8 1px;}
.lotto3{color:#000; font-weight:bold; font-size:16px; text-align:center;}
.lotto4{color:#000; font-weight:bold; font-size:16px; text-align:center; border-left:solid #b8b8b8 1px; border-bottom:solid #b8b8b8 1px;}
.lotto-copyright{font-size:12px;}
.lotto-copyright table td tr{vertical-align:top;}
.lotto-copyright strong{color:#CC3300;}
.lotto-copyright span{float:right;}
.mar-none{margin:10px 0;}
.mar-none ul li{margin-top:0 !important;}
hr{border:1px dotted #CCC;}
/*import achive.css*/
#archive-search-results{clear:left; padding:0; margin:10px 0 0 0;}
#archive-search-results ol{position:relative; width:100%; padding:0; margin:10px 0 0; list-style-type:none !important;/*	border:1px solid #E9E5E5;border-bottom:none;*/}
#archive-search-results ol li{margin:0; padding:0; list-style-type:none !important;}
#archive-search-results ol li:after{content:"."; display:block; clear:left; visibility:hidden; height:0;}
#archive-search-results ol li.option-search{padding:4px 0;}
#archive-search-results ol li.option-search .callout{font-weight:700; width:200px; padding-left:10px;}
#archive-search-results ol .paging{font-size:1em !important; text-align:center;}
#archive-search-results ol .paging a{font-weight:700;}
#archive-search-results ol .paging span.title{font-weight:700;}
#archive-search-results ol .sortby .active{font-weight:700;}
#archive-search-results ol li.result-row{padding:10px; font-size:0.9em; height:auto !important; min-height:80px;}
#archive-search-results ol li.result-row:after{content:"."; display:block; clear:left; visibility:hidden; height:0;}
#archive-search-results ol li.result-row img{float:left; margin-right:10px;}
#archive-search-results ol li.result-row p{margin:2px 0 5px 0; padding:0; font-size:1.1em;}
#archive-search-results ol li.result-row .source{font-size:.85em;}
#archive-search-results ol li.result-row .publish-info{font-size:.85em;}
#archive-search-results ol li.result-row .publish-info img,.publish-info2 img{font-size:.85em; float:none !important; margin:0 !important; margin-right:2px !important;}
#archive-search-results .sortby .sortview{float:right; margin:1px 0 0 0; text-align:right; padding-right:10px;}
#archive-search-results .sortby .sorttype{padding:10px; font-weight:700;}
#archive-search-results .sortby .sorttype img{vertical-align:middle;}
#archive-search-results .sortby .sorttype a,#archive-search-results .sortby .sortview a{text-decoration:none;}
#archive-search-results .sortby .sorttype a:hover,#archive-search-results .sortby .sortview a:hover{text-decoration:underline;}
.publish-info2{font-size:.85em; padding-top:3px; margin-top:3px;}
.publish-info2 p{margin:0 !important; line-height:16px;}
.publish-info2 p a{text-decoration:none;}
.publish-info2 p a:hover{text-decoration:underline;}
.publish-info2 img{float:left; vertical-align:top !important;}
#goBut{margin:0 0 -2px 1px;}
.hidden-info{display:none;}
.search-result-title{font-size:1.2em;}
.search-result-title img{margin-top:5px; vertical-align:middle;}
/*Show Detail Article*/
.article-fuction ul,.article-fuction ul li,.article-info ul li,.article-info ul,.box-classi-shop ul,.box-classi-shop ul li,.ads ul li{list-style-type:none; padding:0; margin:0;}
.disable-detail{margin:2px 0 20px;}
.article-detail{height:30px;}
.article-detail ul,.article-fuction ul{width:100%; margin:0; position:relative;}
.article-detail ul li{position:relative; display:inline; height:30px; line-height:30px; margin:0 3px 0 0; font-size:.85em;}
.t-gray{color:#878787;}
.t-black35,.t-black35 a{color:#353535 !important;}
.article-detail strong{color:#333;}
.article-detail strong a{font-size:1.1em; color:#333; text-decoration:underline;}
.article-detail .fontsize-print{position:absolute; top:5px; right:0; height:16px; line-height:16px;}
.article-detail .fontsize-print *{vertical-align:top;}
.article-detail .fontsize-print span{margin-left:5px;}
.article-detail .provider-img{display:none;}
.partners{padding-top:15px;}
.partners .fontsize-print{position:relative;}
.partners .create-by,.partners ul li.posted,.partners .show-cate{display:none;}
.partners .provider-img{display:inline !important; position:absolute; right:0; top:-13px; color:#878787;}
.partners .provider-img img{max-height:35px; height:auto !important; height:35px; max-width:135px;}
.article-fuction{height:28px; padding-top:4px; color:#727272; background:url(../imgs/border2px.gif) repeat-x bottom #f4f4f4;}
.article-fuction ul li{position:relative; font-size:.85em;}
.article-fuction a{color:#727272;}
.article-fuction .left a{font-size:11px;}
.article-fuction strong{color:#727272;}
.article-fuction .left{width:59%; padding-left:7px; height:22px; line-height:22px; float:left;}
.article-fuction .left span,.article-fuction .left img{float:left;}
.article-fuction .left span .rating{float:left; margin-left:5px; padding-top:2px;}
.article-fuction .left img{vertical-align:middle; margin-top:8px;}
.article-fuction .right{width:37%; float:right; padding:5px 5px 0 0; margin:0 7px 0 0; text-align:right;}
.article-fuction .right a{text-decoration:underline;}
.fav-scroll{display:inline-block; width:35px; height:22px; line-height:22px; padding-left:13px; text-indent:7px; background:url(../imgs/icon-fav.gif) 4px 50% no-repeat;}
.fav-none{background:url(../imgs/icon-fav-none.gif) 2px 50% no-repeat;}
.inbox{display:inline-block; width:20px; height:22px; line-height:22px; text-align:center; padding:0 5px 0 25px; background:url(../imgs/icon-bg-inbox.gif) no-repeat;}
.mar-x{margin:0 5px;}
.mar-y{margin:10px 0;}
.disable *{opacity:.8; filter:alpha(opacity=50);}
/*End Show Detail Article*/
.t-content{width:99%; height:350px; border:1px solid #a4a4a4; border-bottom:none !important; font-size:1em;}
.add-picture{width:99%; padding:10px 0; border:1px solid #a4a4a4; border-top:none !important; margin-top:-1px;}
.add-picture .t-pic{width:80%; height:24px; margin-left:10px;}
.add-picture .addmore-file{float:right; margin-right:10px;}
.add-picture .addmore-file{cursor:pointer; display:block; width:110px; height:34px; background:url(../imgs/btn-addpictures.gif) no-repeat; text-indent:-9999px;}
.post-tags{position:relative; margin:30px 0 10px;}
.post-tags .text-title{margin-bottom:-25px; z-index:999;}
.tab-bg{position:relative; width:100%; height:33px; line-height:33px; margin-top:5px; vertical-align:middle; background:url(../imgs/bg-tags-post.gif) no-repeat;}
.tab-bg .t-tags{position:absolute; top:0; left:58px; width:89%; height:23px; padding-top:8px; text-indent:5px; border:1px dashed #a7a7a7; background:#f8f8f8; z-index:1;}
.help-tags{width:16px; height:32px; cursor:pointer; vertical-align:middle !important;}
.help-tags img{margin-top:8px; vertical-align:top;}
#tags-show,#share-show,#follow-show{display:none; position:absolute; top:-40px; left:85px; min-width:140px; width:auto !important; width:140px; line-height:14px; padding:5px; background:#feffe0; border:1px solid #333; font-size:11px; font-weight:100; z-index:99;}
#share-show{top:-50px !important; left:30px !important; text-indent:0;}
#follow-show{top:-60px !important; left:20px !important; text-align:left;}
#tabmy-show{display:none; position:absolute; right:15px; width:140px; height:45px; line-height:14px; padding:5px; margin:-57px 0 0 0; background:#feffe0; border:1px solid #333; text-align:left; font-size:11px; font-weight:100;}
.title-tags{margin:15px 15px 5px;}
.title-tags span{padding-left:20px; color:#a9a9a9; font-size:1em; background:url(../imgs/icon-tags.gif) no-repeat 5px 50%;}
.title-tags em{font-style:normal; color:#EC4A57; font-size:.85em;}
.ex-tags{color:#5f5f5f; margin:0 20px 20px;}
.ex-tags a{color:#5f5f5f; text-decoration:underline; margin-right:3px;}
.ex-tags a:hover{color:#5f5f5f; text-decoration:underline;}
.share-article{margin:20px 0;}
.ugc-submit{margin:25px 0; position:relative; padding:10px 17px; background:url(../imgs/red2star.gif) no-repeat 2px 15px;}
.ugc-submit p{clear:both;}
.check-code{height:42px; overflow:hidden;}
.sec-code{float:left; width:130px; height:39px; padding:0 0 0 22px; line-height:39px; font-size:30px; background:url(../imgs/bg-text-code.gif) no-repeat; border:none; vertical-align:top; margin-right:5px; letter-spacing:15px;}
.img-code{float:left; margin-right:7px;}
.relode-code{display:block; width:140px; height:20px; float:left; padding-left:20px; background:url(../imgs/icon-refresh.gif) no-repeat 2px 10%;}
.ugc-submit span{display:block; float:left; width:187px; margin-right:60px; line-height:12px; color:#a9a9a9; font-size:.85em;}
.cate-post-ugc span.error{width:75%; height:15px; line-height:15px; font-size:12px; color:#F00; padding:0 0 5px 20px; background:url(../imgs/icon-article-wait.gif) no-repeat 0 0;}
#s_code_error{width:400px !important;}
.accept{width:492px; height:23px !important; padding:6px 10px 0; background:url(../imgs/bg-condition.gif) no-repeat;}
.accept strong a{text-decoration:underline; line-height:16px;}
.accept,.accept *{vertical-align:middle;}
.import-article{margin:20px 0 0;}
/*Classified + Shopping*/
.box-classi-shop{position:relative; clear:both; width:100%;}
.h-shop-relate{position:relative; clear:both; width:116px; float:left; height:32px; line-height:32px; margin:0 8px 0 0 !important; text-indent:-9999px; background:url(../imgs/shopping-related.gif) no-repeat 5px 50%;}
.cover-shop-relate{position:relative; clear:both; height:128px; border:1px solid #e9e7e8;}
ul.sp_shop2{width:49%; height:108px; float:left; font-size:11px; padding:15px 0 5px;}
ul.sp_shop2 li{width:33%; float:left; text-align:center; line-height:12px;}
ul.sp_shop2 li p{margin:0; padding:0;}
ul.sp_shop2 li span.sp1{clear:both; display:block; padding-top:3px; color:#333333;}
.border-r{width:50%; border-right:1px solid #e9e7e8;}
.link2more-l,.link2more-r{position:absolute; bottom:3px; left:1%; margin:0 !important;}
.link2more-r{left:50%;}
.link2more-l a,.link2more-r a{color:#c1c1c1 !important; text-decoration:underline !important;}
.link2more-l a:hover,.link2more-r a:hover{color:#6e6e6e !important;}
/* Profile Edit */
.h-edit-profile{position:relative; font-size:20px; color:#353535;}
.cover-edit-profiles{position:relative; padding:0; margin:0; list-style-type:none; width:100%; color:#353535;}
.cover-edit-profiles a{color:#353535; text-decoration:underline;}
.cover-edit-profiles a:hover{color:#F60; text-decoration:underline;}
.cover-edit-profiles li ul li span{font-size:.85em;}
.cover-edit-profiles li ul li label{position:absolute; top:0; display:block; width:170px; height:24px; line-height:24px; margin-left:-190px; color:#666; padding-right:20px; text-align:right; font-size:.9em;}
.cover-edit-profiles li ul li label.redstar{background:url(../imgs/redstar.gif) 97% 50% no-repeat;}
.cover-edit-profiles li{position:relative; width:100%;}
.cover-edit-profiles li ul{padding-left:215px;}
.cover-edit-profiles li ul li{width:350px; margin:0 0 3px 0;}
.edit-text,.edit-text1,.edit-text2{border:none; background:url(../imgs/bg-text-box.gif) no-repeat; width:345px; height:25px; padding-top:3px; padding-left:5px;}
.t-disable{border:1px solid #f7f7f3 !important; background:#f7f7f3; font-weight:700; height:21px;}
.edit-text1{background:url(../imgs/bg-text-box.gif160px.gif) no-repeat; width:155px;}
.edit-text2{background:url(../imgs/bg-text-box208px.gif) no-repeat; width:203px;}
.edit-select,.edit-select-small{border:none; background:url(../imgs/bg-text-box.gif) no-repeat #f7f7f3; width:350px; height:25px; line-height:25px; padding:3px 5px; outline:none;}
.edit-select-small{border:none; background:url(../imgs/bg-text-box85px.gif) no-repeat #f7f7f3; width:85px !important;}
/*Edit-Profile-Pic*/
.user-pic .h-u-pic{height:40px; text-indent:-9999px; background:url(../imgs/h-edit-pic.gif) no-repeat;}
.user-pic ul li{background:#f7f8f3;}
.user-pic ul li.pad-t-b{padding:3px 0 6px;}
.user-pic ul li.current-pic{position:absolute; margin-left:-160px; background:none; width:140px; text-align:right;}
.user-pic ul li.current-pic span{clear:both; display:block; height:24px; line-height:24px; color:#666; font-size:.85em;}
.current-pic .pic-user{position:relative; width:60px; height:77px; float:right; padding:0; margin:0; padding:5px 4px 0 4px; background:url(../imgs/skin-user-on.gif) 0 0 no-repeat; z-index:100;}
.current-pic .pic-user img{margin-top:-1px;}
.user-pic ul li span{display:block; margin-left:30px;}
.t-choice{margin-left:13px; text-indent:-6px;}
.user-pic ul li .browse-pic{width:305px; height:22px; margin:3px 0 3px 30px; border:1px solid #ddd; background:#f7f7f3;}
.user-pic ul li .sub-text{margin-left:30px; font-size:.85em;}
.texrarea-story{width:350px; height:74px; background:url(../imgs/bg-text-area.gif) no-repeat; border:none;}
/*Edit-Profile-Contact*/
.cover-edit-profiles li.user-contact{}
.user-contact .h-u-contact,.u-feed .h-u-contact{height:40px; text-indent:-9999px; background:url(../imgs/h-edit-feed.gif) no-repeat;}
.user-contact ul li{height:25px; line-height:25px; background:#f7f8f3; vertical-align:middle; padding:1px 0; text-indent:5px;}
.user-contact ul li *{vertical-align:middle;}
.user-contact ul li label{padding-top:5px;}
.user-contact ul li input{position:absolute; right:0; top:1px;}
/*Edit-Profile-Info*/
.cover-edit-profiles li.user-info fieldset{margin:15px 0 20px;}
.cover-edit-profiles li.user-info legend{font-weight:700; color:#353535; padding:5px 0 5px 78px; text-indent:-10px;}
.cover-edit-profiles li.user-info legend.info2{padding-left:103px;}
.user-info ul li span{display:inline-block; padding-left:15px; height:25px; line-height:25px; font-weight:700; font-size:12px;}
.user-info .h-u-info{height:40px; text-indent:-9999px; background:url(../imgs/h-edit-info.gif) no-repeat;}
.user-info .btn-submit{margin:10px 0!important;}
.btn-submit .cancle{position:absolute; top:0; right:0;}
.btn-back2top{clear:both; margin-top:10px;}
/*Edit Feed*/
.div-edit{width:930px;}
.u-feed .h-sub-title{margin:20px 0 15px; text-indent:50px;}
.cover-edit-profiles li.u-feed ul{width:712px; padding-left:120px;}
.cover-edit-profiles li.u-feed ul li{width:auto; margin-bottom:20px;}
.u-feed ul li strong{display:block; height:22px; line-height:22px;}
.u-feed ul li strong img{margin-right:3px; vertical-align:text-top;}
.u-feed ul li .bg-arrow{position:relative; /*background:url(../imgs/arrow-edit-feed.png) 35px 0 no-repeat;*/ padding:7px 0 0 0; margin-left:20px;}
.u-feed ul li .bg-arrow .ic-arw{display:block; width:16px; height:8px; position:absolute; top:0; left:15px; background:url(../imgs/arrow-edit-feed.png) 0 0 no-repeat; text-indent:-9999px;}
.u-feed ul li .bg-arrow ul,.u-feed ul li .bg-arrow div{width:auto; background:#f7f8f3; border:1px solid #dedede; padding:10px 0!important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.u-feed ul li .bg-arrow ul li,.u-feed ul li .bg-arrow p{clear:both; line-height:35px; padding-left:15px; font-weight:700; color:#000; margin:0!important;}
.u-feed ul li .bg-arrow ul li a,.u-feed ul li .bg-arrow p a{font-size:11px; color:#757575;}
.cover-edit-profiles li.u-feed ul li .bg-arrow ul li label,.u-feed ul li .bg-arrow p label,.cover-edit-profiles li.u-feed ul li.btn-accept label{display:inline; position:relative; top:0; left:0; margin:0; padding:0; color:#000;}
.cover-edit-profiles li.u-feed ul li .bg-arrow ul li label.w155,.u-feed ul li .bg-arrow p label.w155{width:155px; height:35px; line-height:35px; display:block; float:left; text-align:left;}
.box-modern{width:194px; height:29px; line-height:29px; color:#000; vertical-align:middle; background:url(../imgs/bg-text-modern.png) no-repeat; border:none;}
.cover-edit-profiles li.btn-accept,.cover-edit-profiles li.btn-submit{position:relative; margin-left:100px;}
.cover-edit-profiles li.btn-sub-bg *{display:block; width:245px; height:49px; text-indent:-9999px; line-height:0; background:url(../imgs/btn-save-edit-new.png) no-repeat; border:none;}
.cover-edit-profiles li.btn-sub-bg *:hover{background:url(../imgs/btn-save-edit-act.png) no-repeat;}
.cover-edit-profiles li.btn-accept{margin-top:40px;}
.cover-edit-profiles li.u-feed ul li.btn-accept label{font-weight:700;}
.btn-accept .ap-msg-popup{position:absolute; top:-3px; left:168px; width:235px; height:28px; line-height:28px; background:url(../imgs/bg-box-alert.png) no-repeat;}
.btn-accept .ap-msg-popup p{padding-left:20px; font-size:11px; color:#757575; font-weight:700;}
.btn-accept .ap-msg-popup strong{display:inline; color:#000; vertical-align:baseline;}
/* Author List */
.header-ugc{color:#343434; font-size:20px; margin-bottom:5px;}
.cover-list{clear:both;}
.div-sortby{position:relative; width:100%; height:31px; background:url(../imgs/bg-border-top.gif) repeat-x top #e8e8e8; border-top:1px solid #d8d8d8; color:#535353; vertical-align:middle;}
.div-sortby .sort-option strong{display:block; float:left; width:74px; height:21px; line-height:21px; margin:0 5px 0 0; text-indent:-9999px; background:url(../imgs/icon-sortby.gif) 0 50% no-repeat;}
.div-sortby .sort-option{position:relative; width:70%; margin-top:5px; height:21px; line-height:21px; padding-left:3px; vertical-align:middle;}
.sort-option *{vertical-align:middle;}
.div-sortby .sort-menu{clear:both; position:absolute; width:251px; height:28px; top:3px; right:0;}
.sort-menu li{float:left; background:url(../imgs/border-tab-sort.gif) 0 50% no-repeat;}
.sort-menu li a{display:block; float:left; width:auto; height:28px; line-height:28px; padding:0 6px 0 7px;}
.sort-menu li.selected{margin-right:-1px;}
.sort-menu li.selected a{font-weight:700; background:#FFF; color:#333 !important;}
.sort-bt-select{width:70px; height:20px; font-size:12px; margin-bottom:1px;}
.sort-cate-select{width:150px; height:20px; font-size:12px; margin-bottom:1px;}
.search-ugc-author{position:relative; width:100%; height:30px; margin:5px 0;}
.search-ugc-author form *{float:right;}
.t-search{position:absolute; right:75px; margin-top:2px; width:182px; height:20px; border:1px inset #d1d0cc;}
.h-cate-path{color:#625f5f;}
.h-cate-path .i-author,.h-cate-path .i-category{padding-left:30px; background:url(../imgs/icon-authors.gif) 0 50% no-repeat; color:#858585; font-weight:700;}
.h-cate-path .i-category{padding-left:22px; background:url(../imgs/icon-select-cate.gif) 0 50% no-repeat;}
.h-cate-path strong{font-size:1.3em; color:#000; font-weight:100;}
.ugc-paging{clear:both; position:relative; padding:15px 0; color:#625f5f;}
.ugc-paging p{font-size:.85em;}
.ugc-paging .page-total{font-weight:700; color:#0d95b7;}
.ugc-paging .selected{font-weight:700; color:#ff8000;}
.sort-time{width:200px; float:right; text-align:right; height:18px; font-size:11px; vertical-align:middle;}
.sort-time a{color:#8c8c8c;}
.sort-time a.selected{color:#353535;}
.sort-time span img,.sort-time a img{vertical-align:middle;}
/*Post Sidebar*/
.step-by-post{position:relative; width:300px; margin-bottom:10px;}
.step-by-post .h-rec-post{width:300px; height:60px; text-indent:-9999px; background:url(../imgs/bg-h-boxpost.gif) no-repeat;}
.step-by-post ul{width:300px; background:url(../imgs/bg-mid-boxpost.gif) repeat-y;}
.step-by-post ul li{width:80%; margin:0px auto; padding:5px 0 5px 25px; background:url(../imgs/icon-true.gif) 0 3px no-repeat;}
.step-by-post ul li strong{display:block;}
.step-by-post .bt-rec-post{width:300px; height:50px; background:url(../imgs/bg-bt-boxpost.gif) no-repeat;}
.btn-post-ugc{width:300px; height:77px; margin-bottom:10px;}
.btn-post-ugc a{display:block; width:100%; height:100%;}
.btn-post-ugc a img{width:100%; height:100%; background:url(../imgs/post-ugc.png) no-repeat; _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://btgsf1.fsanook.com/css/ugc/imgs/post-ugc.png");
}
.box-ugc-sildebar{margin-bottom:10px;}
/*Read Bottom*/
.article-info,.article-info dt,.article-info dd{position:relative; margin:0; padding:0;}
.article-info{/*	margin:40px 0 10px;*/ width:100%; color:#333;}
.notify-article{position:absolute !important; top:-28px; left:0; width:100%; height:23px; text-align:right;}
#qus_form{width:99.5% !important; height:24px; top:-15px !important; left:0 !important; background:#ffc !important; border:1px solid #fc3; padding:8px 0 !important; font-size:13px; font-weight:700;}
#qus_form table{width:100%; text-align:right; color:#b20605;}
#qus_form table td{width:180px; float:left; line-height:20px;}
#qus_form select{width:135px; height:19px; position:absolute; top:10px; left:200px;}
#qus_form #send_notify,#qus_form #cencel_notify{position:absolute; top:8px; left:345px; width:84px; height:24px; background:#d00000; color:#FFF; border:none; cursor:pointer; -moz-border-radius:3px;}
#qus_form #cencel_notify{background:#a6a6a6; left:435px;}
/*Tags*/
.article-info .h-tags{display:none;}
.article-info .tags{background:url(../imgs/icon-tags-bar.gif) 5px 50% #f8f8f8 no-repeat; width:100%; height:33px; position:relative; border-top:1px solid #e6e6e6;}
.article-info .tags ol{margin:0 0 0 60px; height:32px; line-height:32px; overflow:hidden;}
.article-info .tags ol li{display:block; float:left; margin:0 5px 0 0 !important;}
.article-info .tags ol li a{color:#333; text-decoration:underline;}
.article-info .tags ol li a:hover{color:#cc3300; text-decoration:underline;}
/*Share Article*/
.article-info .h-share-arti{clear:both; width:100%; height:45px; color:#696969; padding-top:9px; margin-top:20px; text-indent:75px; background:url(../imgs/icon-share-bar.gif) 5px 15px no-repeat; border-top:1px dotted #999;}
.share-arti-api ul{margin-top:10px; padding-left:5px;}
.share-arti-api ul li{float:left; margin-right:10px;}
.article-info .h-other-arti{clear:both; float:left; width:100px; height:32px; line-height:32px; margin-right:8px; text-indent:-9999px; background:url(../imgs/icon-article-etc-bar.gif) 5px 50% no-repeat;}
.article-info .other-arti strong a{color:#222; text-decoration:underline;}
.article-info .other-arti{position:relative; width:81%; float:left; height:32px; line-height:32px; padding-bottom:45px;}
.other-arti .article-prev{position:absolute; left:-100px; top:20px; height:40px; width:60%;}
.other-arti .article-next{position:absolute; right:0px; top:20px; height:40px; width:60%;}
.other-arti .article-prev a,.other-arti .article-next a{display:block; padding-left:30px; height:40px; line-height:40px; background:url(../imgs/icon-prev.gif) 0 50% no-repeat;}
.other-arti .article-next a{padding:0 30px 0 0 !important; text-align:right; background:url(../imgs/icon-next.gif) 100% 50% no-repeat;}
.other-arti .article-prev a:hover{background:url(../imgs/icon-prev-act.gif) 0 50% no-repeat;}
.other-arti .article-next a:hover{background:url(../imgs/icon-next-act.gif) 100% 50% no-repeat;}
.related-conts{clear:both; width:100%; height:28px; line-height:28px; text-indent:-9999px; background:url(../imgs/icon-related-art-bar.gif) 5px 50% no-repeat;}
/*Change*/
.ads{border-top:1px dotted #999; padding:10px 0 0 !important;}
/*Best Writer TAB*/
#best-author .bt-author{position:relative; line-height:16px; height:16px; padding:5px 0 0 0; margin:0;}
#best-author .h-best-writer{padding:0; margin:0; height:40px; line-height:40px; font-size:15px;}
.bt-author .regis-post{padding:0;}
.bt-author .more{padding:0; position:absolute; right:0; text-align:right;}
.bt-author span{font-size:11px;}
#best-author .h-best-writer,.bt-author span a{color:#696969;}
.tab-author{position:relative; width:300px;}
.tab-author .idTabs{padding:0 0 0 107px; margin:0; height:21px;}
.tab-author .idTabs li{float:left; list-style-type:none;}
.tab-author .idTabs li.w-hot a{width:62px;}
.tab-author .idTabs li.w-rec a{width:59px;}
.tab-author .idTabs li.w-all a{width:69px;}
.tab-author .idTabs li a{display:block; height:21px; line-height:21px; text-align:center; background:#f1f1f1; color:#999; text-decoration:none; outline:none; border-left:1px solid #000;}
.tab-author .idTabs li .selected{background:#FFF; font-weight:700; color:#333;}
.tab-author .tabba-list{clear:both;}
.tabba-list ol,.tabba-list ol li ul{position:relative; padding:0; margin:0; list-style-type:none;}
.tabba-list ol li.line{background:#FFF; border-bottom:1px dashed #CCC;}
.tabba-list ol li.none{border-bottom:none;}
.tabba-list ol li ul{padding-left:60px; height:43px; padding-top:7px; overflow:hidden;}
.tabba-list ol li ul li{position:relative; line-height:17px;}
.tabba-list a:hover{text-decoration:underline !important;}
.tabba-list ol li ul li.user-detail{}
.tabba-list ol li ul li.user-detail .pic-user{padding:0; margin:0 5px; width:35px; height:35px; float:left;}
.tabba-list ol li ul li.user-detail .pic-user a img{width:35px; height:35px; border:0;}
.tabba-list ol li ul li.user-detail .name-user{font-size:12px;}
.tabba-list ol li ul li.user-detail .name-user a{text-decoration:none;}
.tabba-list ol li ul li .c-level{font-weight:100; font-size:11px; color:#999;}
.tabba-list ol li ul li .c-level a{text-decoration:none; color:#999;}
.tabba-list ol li ul li.view-read{position:absolute; top:0; left:0; width:55px; height:46px; padding-top:4px; text-align:center; background:#f1f1f1;}
.tabba-list ol li ul li.view-read .head-read,.tabba-list ol li ul li.view-read .head-fav{color:#a4a4a4; font-size:11px; padding-left:12px; background:url(http://btgsf1.fsanook.com/css/ugc/imgs/icon-read-tab.gif) 0 3px no-repeat;}
.tabba-list ol li ul li.view-read .head-fav{background:url(http://btgsf1.fsanook.com/css/ugc/imgs/icon-fav-tab.gif) 0 4px no-repeat !important;}
.tabba-list ol li ul li.view-read .score-read{font-size:16px; font-weight:700; color:#6f6f6f;}
/*.arc-color{border-top:1px solid #E9E5E5;}*/
.move{cursor:move !important;}