﻿@charset"utf-8";.div-ugc{float:left;overflow:hidden;width:615px;min-width:585px;min-height:500px;}
.div-ugc form *{font-family:Tahoma;}
.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;}
.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;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;}
.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;}
.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:20;}
.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;}
.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;}
.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;}
.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;}
.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;}
#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-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-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;}
#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;}
#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;}
.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);}
.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;}
.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;}
.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;}
.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;}
.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;}
.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;}
.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;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;}
.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;}
.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;}
.article-info,.article-info dt,.article-info dd{position:relative;margin:0;padding:0;}
.article-info{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;}
.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;}
.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; position:relative;}
.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;}
.ads{border-top:1px dotted #999;padding:10px 0 0 !important;}
#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;}
.move{cursor:move !important;}
