@charset "utf-8";@import url(showing.css);@import url(sticker.css);@import url(mywidget-v1.0.css);@import url(slide-v1.2.css);@import url(clip.css);@import url(g-text.css);@import url(avatar.css);@import url(graphic-diy.css);@import url(rss.css);
*{padding:0;margin:0;border:0;list-style-type:none;outline:0;}
body{font-family:"Tahoma", Lucida Grande, Helvetica, Arial;font-size:.80em;background:url(../di/imgs/bg.gif) center repeat-y rgb(240, 241, 236);}
a{color:rgb(51, 51, 51); text-decoration:none;}
a:hover{color:#3b5a9b; text-decoration:none;}
.tabs-first{position:absolute;width:99.3%;top:0;left:0;}
#header-wrap, #container{min-height:5em;margin:0 auto;width:950px;}
/*#g-footer{min-height:5em;margin:0 auto;width:950px;position: relative;}*/
#header-wrap{background:rgb(250, 250, 250);position:relative; /*background:url(../di/imgs/header.jpg) no-repeat 0 24px;*/ background:#f0f1ed; }
#header-wrap h2{padding-bottom:10px;position:absolute;visibility:hidden;}
#header-wrap h1{width:200px;height:60px; position:absolute; top:40px; left: 10px; }
*+html #header-wrap h1 {position: relative;top:36px;float:left;}
#header-wrap h1 a{display:block;height:60px;width:200px;text-indent:-9999px;background-position: -8px -2px;}
#header-wrap ul.g-nav{background:url(../di/imgs/nav3.gif) no-repeat;height:37px;width:100%;}
#header-wrap ul.g-nav li{float:left;}
#header-wrap ul.g-nav li a, #header-wrap ul.g-nav li span{background:url(../di/imgs/nav3.gif) no-repeat;height:37px;display:block;float:left;text-indent:-9999px;}
#header-wrap ul.g-nav li a.home{width:78px;background-position:0 -37px;}
#header-wrap ul.g-nav li a.home:hover{background-position:0 -74px;}
#header-wrap ul.g-nav li a.g-text{width:102px;background-position:-78px -37px;}
#header-wrap ul.g-nav li a.g-text:hover{background-position:-78px -74px;}
#header-wrap ul.g-nav li a.g-pic{width:129px;background-position:-180px -37px;}
#header-wrap ul.g-nav li a.g-pic:hover{background-position:-180px -74px;}
#header-wrap ul.g-nav li a.emo{width:85px;background-position:-309px -37px;}
#header-wrap ul.g-nav li a.emo:hover{background-position:-309px -74px;}
#header-wrap ul.g-nav li .e-pic{width:75px;background-position:-394px -37px;}
#header-wrap ul.g-nav li .e-pic:hover{background-position:-394px -74px;}
#header-wrap ul.g-nav li .e-clip{width:76px;background-position:-469px -37px;}
#header-wrap ul.g-nav li .e-clip:hover{background-position:-469px -74px;}
#header-wrap ul.g-nav li .rss-w{width:57px;background-position:-545px -37px;}
#header-wrap ul.g-nav li .rss-w:hover{background-position:-545px -74px;}
#header-wrap ul.g-nav li .webboard{position:absolute;right:240px;width:107px;background-position:-602px -37px;}
#header-wrap ul.g-nav li .webboard:hover{background-position:-602px -74px;}
#header-wrap ul.g-nav li .my-widget{position:absolute;right:122px;width:118px;background-position:-709px -37px;}
#header-wrap ul.g-nav li .my-widget:hover{background-position:-709px -74px;}

/* bg facebook */
#header-wrap h1 a, [class*="highlight"] [class="flex-direction-nav"] a,
[class*="highlight"] [class*="flex-control-nav"] a, #header-wrap ul.g-pop-menu>li,
ul.g-pop-menu>li+li>a, span[class="contact"] a, .g-title a,
[class*="sb-guide"]>ul>li a, .fb-guide>ul>li>a
{ background-image: url(../di/imgs/fb/bg-fb01a.png);  background-repeat:no-repeat; }

.search-now, .ic-hot, .ic-new, .ic-quiz , .h-hit, .h-like, .h-game
{ background-image: url(../di/imgs/fb/bg-icon.png); background-repeat:no-repeat; }

[class="lts"] { display: block; left: -9999px; position: absolute; top: 0; text-indent:-9999px; }

/* clear */
#header-wrap:after, [class*="tag-hit"]:after, .fb-guide:after, [class*="fb-list"] ul:after, .expect::after   { clear:both; content: " "; display:block; }
[class*="tag-hit"], [class*="share-box"], .fb-guide, .fb-guide ul { height:1%; }

/* navigation */

#header-wrap {z-index: 30;}
#container {z-index: 20;}
#header-wrap ul.g-pop-menu {position: relative;margin-top: -18px; margin-top: 20px; height: 35px;width: 100%; background:#3b5a9b; list-style-type: none;z-index: 96; clear:both; }
#header-wrap ul.g-pop-menu>li {position: relative; float: left; padding-right:1px; background-position: right 0; }
ul.g-pop-menu>li>a {  height: 35px; display: block;float: left; background-color:#3b5a9b; font-size:14px; color:#fff; text-decoration:none; line-height:34px; }
ul.g-pop-menu>li+li>a { background-position: right -73px; padding:0 25px 0 15px; }
ul.g-pop-menu>li[class*="active"] a { background-color:#32456d!important; color:#fff; }
ul.g-pop-menu>li>a:hover, ul.g-pop-menu>li[class*="sfHover"]>a:hover { background-color:#a6b4d1!important; background-position: right -118px; color:#32456d; }
#header-wrap ul.g-pop-menu li ul {display: none; position: absolute;top: 35px;left: 0; width: 200px; z-index: 99; border-top: 1px solid #fff; }
#header-wrap ul.g-pop-menu li ul li {clear: both; display: block; width: 100%;position: relative; line-height: 24px; }
#header-wrap ul.g-pop-menu li ul li a { width: 185px; line-height: 24px; text-indent: 0; color: #fff; text-decoration: none; padding:5px 5px 5px 10px; display:block; background:#3b5a9b;}
#header-wrap ul.g-pop-menu li ul li a:hover { background-color:#a6b4d1!important; color:#32456d; }


.bg-img-none {
	padding: 0 15px !important;
	background-image: none !important;
}

/* hightlight */
[class*="highlight"] { margin: 10px 0 10px 10px; height:373px; position:relative; }
[class*="highlight"] [class*="slider"]>li { display:none; position:relative; }
[class*="highlight"] [class*="slider"]>li>div { position:absolute; bottom:3px; left:0; background:#32456d; color:#b1caff; padding:10px 66px; height:58px; width:488px; font-size:13px; }
[class*="highlight"] [class*="slider"]>li>div h3 { font-size:16px; }
[class*="highlight"] [class*="slider"]>li>div h3 a { color:#fff; text-decoration:none; }
[class*="highlight"] [class="flex-direction-nav"] a { position:absolute; z-index:50; display:block; height:78px; width:56px; bottom:1px; text-indent:-9999px; }
[class*="highlight"] [class="flex-direction-nav"] a:hover { background-color:#3b5a9b;}
[class*="highlight"] [class="flex-direction-nav"] li:first-child a { background-position: 20px -215px; left:0; }
[class*="highlight"] [class="flex-direction-nav"] li:first-child+li a { background-position: -101px -215px; right:0; }
[class*="highlight"] [class*="flex-control-nav"] { position:absolute; top:0; right:0; width:100%; z-index:50; text-align:right; margin:8px 0 0; } 
[class*="highlight"] [class*="flex-control-nav"]>li { display:inline-block; margin:0 5px 0 0; #display:inline; #zoom:1; }
[class*="highlight"] [class*="flex-control-nav"] a { display:block; width:15px; height:15px; font-size:9px; line-height:15px; background-position: -20px -135px; color:#1c1b17; text-decoration:none; text-align:center; cursor:pointer; }
[class*="highlight"] [class*="flex-control-nav"] a[class*="flex-active"] { background-position: 0 -135px; color:#fff; text-decoration:none;}
@-moz-document url-prefix() { 
[class*="highlight"] [class*="flex-control-nav"] a  { line-height:13px; }
}

.breadcrumb { font-size: 13px; color:#818181; padding:10px 0; margin-bottom:20px; border-bottom:1px dotted #77787a; }
.breadcrumb a { color:#3b5a9b; text-decoration:none; }

.sub-menu ul>li { margin-bottom:15px; }
.sub-menu ul>li a:hover { opacity: 0.7; filter: alpha(opacity=70); } 

.fb-sec h1, .fb-guide strong { color:#3b5a9b; }
.fb-sec h1 { font-size: 36px; }
.fb-guide strong { font-size: 24px; }

.fb-guide { margin-bottom: 25px; }
.fb-guide>ul { border-top:1px solid #9facca; font-size:14px; }
.fb-guide>ul>li { border-bottom:1px solid #9facca; border-right:1px solid #9facca; float:left; width:205px; }
.fb-guide>ul>li>a { background-color:#e1e4ed; display:block; text-decoration:none; padding:5px 5px 5px 28px; color:#3c4e75; background-position: 6px -758px; }
.fb-guide>ul>li[class*="current"]>a { background-color:#ccd2e3; color:#2b3c60; }
.fb-guide>ul>li>a:hover { background-color:#b3bdda; }
.fb-guide>ul>li:first-child, .fb-guide>ul>li:first-child+li+li+li { border-left:1px solid #9facca; width:206px; }

.h-like { background-position: 0 -180px; }
.h-hit { background-position: 0 -240px; }
.h-game { background-position: 0 -300px; }

[class*="fb-list"] a { text-decoration: none; }
[class*="fb-list"] a:hover img { opacity: 0.7; filter: alpha(opacity=70); }
[class*="fb-list"] ul { padding:20px 0 20px 6px; }
[class*="fb-list"] ul>li { float:left; margin-bottom:20px; margin-left:30px; width:180px; color:#5f729a; }
[class*="fb-list"] ul>li h3, [class*="fb-list"] ul>li span { padding-left:12px; padding-right:12px; display:block; }
[class*="fb-list"] ul>li h3 { padding-top:3px;}
[class*="fb-list"] ul>li:first-child, [class*="fb-list"] ul>li:first-child+li+li+li, 
[class*="fb-list"] ul>li:first-child+li+li+li+li+li+li,
[class*="fb-list"] ul>li:first-child+li+li+li+li+li+li+li+li+li,
[class*="fb-list"] ul>li:first-child+li+li+li+li+li+li+li+li+li+li+li+li
{ margin-left:0; }

[class*="fb-list"] .pagenation { margin-bottom: 20px; }

[class*="fb-list"][class*="dara"] ul>li { background:#e1e4ed; border:1px solid #97a5c1; height:230px; }
[class*="fb-list"][class*="dara"] ul>li h3, [class*="fb-list"][class*="dara"] ul>li h3 a { font-size: 14px; color:#2b3c60; }
[class*="fb-list"][class*="dara"] ul>li h3 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

[class*="fb-list"][class*="game"] ul>li { background:#3b5a9b; border:1px solid #3b5a9b; height:176px; }
[class*="fb-list"][class*="game"] ul>li h3, [class*="fb-list"][class*="game"] ul>li h3 a { font-size:13px; color:#fff; line-height:15px; }

/* read-unreset new*/
.ct-read { clear:both; font-size:14px; padding:0 10px; }
.ct-read strong, .ct-read th { font-weight: bold; }
.ct-read em, .ct-read address, .ct-read caption, .ct-read cite { font-style: italic; }
.ct-read table { display: table; border-spacing: 2px; border-collapse: separate; }
.ct-read tr { display: table-row; vertical-align: inherit; }
.ct-read td { display: table-cell; border-spacing: 2px; padding: 2px; vertical-align: inherit; text-align: inherit; padding: 1px; border-collapse: none; }
.ct-read th { display: table-cell; vertical-align: inherit; font-weight: bold; padding: 1px; border-collapse: none; }
.ct-read p { display: block; margin: 1em 0; line-height: 1.5em; }
.ct-read blockquote { display: block; margin: 1em 40px; }
.ct-read address { display: block; font-style: italic; }
.ct-read center { display: block; text-align: center; }
.ct-read h1 { display: block; font-size: 2em; font-weight: bold; margin: .67em 0; }
.ct-read h2 { display: block; font-size: 1.5em; font-weight: bold; margin: .83em 0; }
.ct-read h3 { display: block; font-size: 1.17em; font-weight: bold; margin: 1em 0; }
.ct-read h4 { display: block; font-weight: bold; margin: 1.33em 0; }
.ct-read h5 { display: block; font-size: 0.83em; font-weight: bold; margin: 1.67em 0; }
.ct-read h6 { display: block; font-size: 0.67em; font-weight: bold; margin: 2.33em 0; }
.ct-read ul { display: block; list-style-type: disc; margin: 1em 0; padding-left: 40px; }
.ct-read ol { display: block; list-style-type: decimal; margin: 1em 0; padding-left: 40px; }
.ct-read li { display: list-item; }
.ct-read ul li { list-style-type: disc; }
.ct-read ol li { list-style-type: decimal; }
.ct-read pre, .ct-read code { display: block; font-family: Courier New; white-space: pre; margin: 1em 0; }
.ct-thumb { display: block; margin: 0 auto; }

/* font-face */
.fb-sec h1, .fb-guide strong, .tag-keys h2, [class*="tag-hit"] h2, .g-title { font-family: sukhumvitbold; font-weight:100; } 

/* sidebar */
.tag-keys h2 { font-size:24px; color:#fff; background:#3b5a9b; padding:8px 10px 5px; line-height:26px; margin-bottom:1px; }
.tag-keys-ad h2 { margin-bottom:5px; }

[class*="tag-hit"] { margin-bottom: 20px;}
[class*="tag-hit"] h2  { font-size:28px; color:#32456d; }
[class*="tag-word"] a { text-decoration:none; background: #dfdfdf; display: inline-block; float: left; margin: 0 1px 2px 0; padding: 8px 10px;}
[class*="tag-word"] a:hover { color:#fff; background:#3b5a9b; }
/* share-box */
[class*="share-box"] { padding: 20px 15px; border: 1px solid #96a4cf; background:#e1e4ed; margin-bottom:10px; }
[class*="share-box"]>h2 { font-weight:100; font-family: sukhumvitreg; float:left; width:75px; #width:80px; font-size:30px; line-height:36px; height:auto; color:#3b5a9b; }
[class*="share-box"]>h2>span { color:#3b5a9b; font-size:16px; display:block; line-height:14px; }
[class*="share-box"]>div>* { vertical-align:top; display:inline-block!important; margin-right:5px!important; #float:left; }
[class*="share-box"]>div>[class*="fb-share-button"] { display:block; width:60px; position:relative; }
[class*="share-box"] .fb_iframe_widget iframe { /*top:-16px;*/ left:0; width:60px!important; height:80px!important; }
/* sb-guide */
[class*="sb-guide"] { margin-bottom:20px!important;}
[class*="sb-guide"] a { text-decoration: none; color:#5f729a; }
[class*="sb-guide"]>ul>li { font-size:16px; }
[class*="sb-guide"]>ul>li>a { display:block; padding: 5px 10px 5px 45px; background-position: 12px -665px; }
[class*="sb-guide"]>ul>li a:hover { color:#2b3c60; }
[class*="sb-guide"]>ul>li[class*="current"]>* { background-color:#ccd2e3; background-position: 12px -568px; }
[class*="sb-guide"] ul>li[class*="current"]>* { color:#2b3c60; }
[class*="sb-guide"]>ul>li>ul { padding:0 0 10px; }
[class*="sb-guide"]>ul>li>ul>li { padding: 0 10px 0 42px; line-height:24px; }
[class*="sb-guide"]>ul>li>ul>li a { font-size:14px; padding:0 0 0 23px; background-position: 0 -763px; }
span[class="contact"] a { width:300px; height:104px; display:block; text-indent:-9999px; background-position: right -1096px; }
span[class="contact"] a:hover { opacity: 0.7; filter: alpha(opacity=70); }

/* magic */
h1{font-size:135%;}
.h2{font-size:120%;}
.h3{font-size:130%;}
.h4{font-size:150%;}
.h5{font-size:170%;}
.heading-category{}
.level-6{font-size:180%;}
.level-5{font-size:160%;}
.level-4{font-size:140%;}
.level-3{font-size:120%;}
.level-3{font-size:105%;}
.pagenation{padding:5px;margin:15px 5px 5px 5px;text-align:center;clear:both;}
.pagenation a, .pagenation dfn, .pagenation span{font-style:normal;padding:1px 7px;border:solid 1px rgb(200, 200, 200); text-decoration:none;}
.pagenation dfn{font-weight:bold;color:#FFFFFF;background:rgb(200, 200, 200);}
.pagenation a:hover{background:#e1e4eD;color:#2B3C60;}
.indent-nonex{display:none;}
.list-tags li a{padding-right:3px;}
.another-w{position:absolute;top:0;right:10px;}
.widget-search-wrap{ margin-top:10px;max-width:300px; background:#e1e4ed; height:41px; }
.search-now{vertical-align:middle; width:40px; height:41px; float:right; text-indent:-9999px; cursor:pointer; font-size:0; line-height:0; background-position: 0 -120px; }
.input-texts{padding:3px;height:25px;font-size:13px; background-color:transparent; width:240px; color:#32456d; margin-left:10px; margin-top:6px; margin-top /*\**/:10px\9; float:left; }
@media all and (min-width:0) {
   .input-texts { margin-top:6px; }
}
.codings2{width:80%;font-size:14px;height:50px;border:solid 1px #CCCCCC;display:block;margin:0 auto;margin-bottom:10px;font-size:10px !important;font-family:Tahoma;}
.codings{width:80%;font-size:13px;height:150px;border:solid 1px #CCCCCC;display:block;margin:0 auto;margin-bottom:10px;overflow:auto;}
.shownow-w{display:block !important;width:800px !important;text-align:center;padding:.5em;}
.shownow-w img{display:block;margin:0 auto;border:solid 1px rgb(180, 180, 180);}
.supported{background:url(../di/imgs/icon_all.gif) no-repeat;width:280px;min-height:140px;}
.supported li a, .supported li span{display:block;text-indent:-9999px;height:30px;margin:0 !important;padding:0 !important;}
.supported li{float:left;margin:0 !important;padding:0 !important;}
.icon-s-block{width:95px;}
.icon-s-forum{width:95px;}
.icon-s-myfri3nd{width:90px;}
.icon-exteen{width:88px;height:20px !important;}
.icon-bloggang{width:104px;height:20px !important;}
.icon-freeweb{width:75px;height:20px !important;}
.icon-facebook{width:70px;height:23px !important;}
.icon-friendster{width:100px;height:23px !important;}
.icon-hi5{width:80px;height:23px !important;}
.icon-multiply{width:50px;}
.icon-myyearbook{width:80px;}
.icon-myspace{width:70px;}
.icon-okut{width:64px;}
.icon-tagged{width:68px;}
.icon-zebo{width:55px;}
.icon-live{width:120px;}
.form-comm{padding:4em;padding-left:10em;padding-top:8em;}
.form-comm textarea{border:solid 1px #333333;width:300px;height:150px;margin:10px 0;padding:3px;}
.send-comment{padding:5px;}
.bg-comm{background:url(../di/imgs/bg-delwid.gif) no-repeat;min-height:300px;}
.now-showing2{}
.g-list dfn{font-style:normal;}
.g-list-index{display:table;padding-left:75px;}
.g-list-index ul li{float:left;width:224px;margin:10px 10px 20px 0;padding-left:4px;background:url(../di/imgs/bg-thumb.gif) no-repeat 50% 0;}
.carousel, .carousel2{height:1%;position:relative;}
.carousel .code, .carousel2 .code2{}
.jCarouselLite li, .jCarouselLite2 li{}
.carousel .jCarouselLite, .carousel2 .jCarouselLite2{float:left;visibility:hidden;left:-5000px}
.widget img{cursor:pointer;}
.jCarouselLite, .jCarouselLite2{}
.now-showing2 span{display:block;width:100%;height:155px;overflow:hidden;padding-top:4px;margin-left:-2px;margin-bottom:15px;}
.now-showing2 span a img{max-width:206px;display:block;margin:0 auto;width:expression(this.width > 206 ? 206:true);}
.cl{position:relative;clear:both;}
.f-tags a{display:inline !important;}
.logg{position:absolute;right:10px;top:50px;width:80px;}
.logg a{padding:2px;color:#307311;font-size:12px;display:block;}
.signinginn{padding-right:20px;padding-top:10px;}
.logg span{padding:2px;font-weight:600;display:block;}
.log-side{width:300px;float:right;padding-top:0px;padding-bottom:10px;}
.log-desc{margin-right:310px;padding-left:5px;}
.log-desc h3, .log-side h3{padding:5px 0;}
.p-tag{clear:both;text-align:left;}
#status{height:18px;background:url(../welcome/headmember.jpg) no-repeat;background-color:#a6a6a6;border:solid #999999 1px;font-family:Tahoma;font-size:12px;color:#666666;padding-top:5px;margin:5px -8px 5px 5px;}
#status strong{padding-left:90px;}
#welcome{background:url(../welcome/bg_page.jpg) no-repeat;border:solid #999999 1px;font-family:Tahoma;font-size:11px;color:#666666;}
#welcome a{color:#666666;}
#welcome .left{width:50%;min-height:280px;_height:250px;position:relative;float:left;margin-right:7px;padding:10px 10px 10px 15px;}
#welcome .left h3 a{font-family:Tahoma;font-weight:bold;font-size:12px;color:#CC0000;}
#welcome .left p{font-family:Tahoma;font-size:12px;}
#welcome .left ul, li{margin:0;padding:0;}
#welcome .left li{list-style-type:none;}
#welcome .left h3{font-size:12px;color:#990033;padding:0;margin:10px 0 5px 0;}
.banner_add{margin-top:20 px;}
#welcome .right{width:310px;position:relative;float:right;margin-right:10px;}
.imgright{float:right;}
.loginbox_welcome{width:310px;height:150px;margin-top:10px;background-color:#F0F0F0;}
.helpbox{background:url(../welcome/helpbox.gif) no-repeat;width:310px;height:136px;margin-top:5px;}
.helpbox p{margin:10px 0 15px 10px;}
.helpbox h3{padding:14px 0 0 40px;font-size:12px;color:#766464;}
.helpbox ul{margin:0;padding-left:15px;padding-top:10px;}
.helpbox ul li{list-style-type:none;}
.imgright{float:right;}
p.clear_all{clear:both;}
ul.box-wudget-hi5{padding-left:0px;height:50px;}
ul.box-wudget-hi5 li{display:block;float:left;height:29px;line-height:29px;margin-right:0px;_margin-right:-25px;font-size:12px;}
ul.box-wudget-hi5 li a{display:block;text-indent:32px;background-color:#99FF00;}
ul.box-wudget-hi5 .hi5_game a{background:url(../di/imgs/icon_hi5_game.gif) no-repeat;_width:80px;}
ul.box-wudget-hi5 .hi5_vdo a{background:url(../di/imgs/icon_hi5_video.gif) no-repeat;_width:80px;}
ul.box-wudget-hi5 .hi5_music a{background:url(../di/imgs/icon_hi5_music.gif) no-repeat;_width:80px;}
ul.box-wudget-hi5 .hi5_star a{background:url(../di/imgs/icon_hi5_star.gif) no-repeat;_width:80px;}
ul.box-wudget-hi5 .hi5_search a{background:url(../di/imgs/icon_hi5_search.gif) no-repeat;_width:120px;}
ul.box-wudget-hi5 .hi5_qq a{background:url(../di/imgs/icon_hi5_qq.gif) no-repeat;_width:110px;}

p.add-widget{position:absolute;margin-top:-37px;right:0;width:122px;height:37px; }
p.add-widget a{display:block;background-image:url(../di/imgs/nav.gif) !important;background-position:-827px -37px;width:122px;height:37px;text-indent:-9999px;}
p.add-widget a:hover{background-position:-827px -74px;}
.top-banner{width:728px;height:90px;margin:0 auto;background:url(../di/imgs/banner.gif) #e1f5fd no-repeat;border:solid 1px #666666;clear:both;margin-bottom:10px;}
.top-banner2{width:728px;height: 110px; #height: 90px; clear:both; float:right; margin-top:20px; margin-right: 10px;}
.top-banner2{}
#container, #header-wrap{position:relative;_overflow-x:hidden;}
#container:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
.content{float:left;}
.content{width:630px; #margin: 10px 0 0;}
.content-wrap{padding:0 1em 1em 1em;}
.invite{height:228px;background:url(../di/imgs/invite.gif) left top no-repeat;text-indent:-9999px;}
.widget-ach{padding:0 0 0 10px;}
.g-title{ background-color:#e1e4ed; font-size: 28px; height:41px; padding:0 0 0 50px; line-height:44px; color:#32456d; }
.g-title a { text-decoration: none; color:#32456d; background-position: right -380px; padding:0 45px 0 0; display:block; height:40px; }
.g-title a:hover { color:#000; }
.cha{background:url(../di/imgs/cha.gif) repeat-x;}
.hot-widget, .new-widget, .chose-widget{width:200px;display:block;background:url(../di/imgs/hot-widget.gif) no-repeat;text-indent:-9999px;}
.new-widget{background:url(../di/imgs/new-widget.gif) no-repeat;}
.chose-widget{background:url(../di/imgs/shose.gif) no-repeat;}
.g-title em{}
.g-row{ /* width:99.6%; border:solid 1px #707271; */ margin-bottom:10px; /*background:url(../di/imgs/bgrow.gif) 0 36px repeat-x; */ position:relative; width:100%; }
.g-row-sh{background:#fafafa;border-bottom:dashed 1px #d1d1d1;margin-bottom:20px;padding-bottom:10px;}
.prev, .next, .prev2, .next2{display:block;height:37px;text-indent:-9999px;position:absolute;width:37px;}
.prev, .prev2{background:url(../di/imgs/bg-back.gif) no-repeat;z-index:99;margin-top:-55px !important;margin-left:-55px;}
.next, .next2{background:url(../di/imgs/bg-next.gif) no-repeat;z-index:100;left:485px;margin-top:-55px !important;}
.ic-hot, .ic-new, .ic-quiz {position:absolute;width:41px;height:40px; /*background:url(../di/imgs/ic-hot.gif) no-repeat;*/ text-indent:-9999px; left:0;top:0;}
.ic-hot { background-position: 0 -60px; }
.ic-new { background-position:0 0; }
.ic-quiz  { background-position: 0 -360px; }
.styles li h2, .styles li p{position:absolute;visibility:hidden;}
.styles li a{display:block;padding-top:57px;padding-left:8px;}
.list-mms{background:url(../di/imgs/icons-index/bg_mms-glitter.gif) 23px 0 no-repeat !important;}
.list-sticker{background:url(../di/imgs/icons-index/bg_sticker.gif) 23px 0 no-repeat !important;}
.list-rss{background:url(../di/imgs/icons-index/bg_rss.gif) 23px 0 no-repeat !important;}
.list-slide{background:url(../di/imgs/icons-index/bg_slide.gif) 23px 0 no-repeat !important;}
.list-tb{background:url(../di/imgs/icons-index/bg_textdiy.gif) 23px 0 no-repeat !important;}
.list-gt{background:url(../di/imgs/list-gt.gif) 23px 0 no-repeat !important;}
.list-gg{background:url(../di/imgs/list-gg.gif) 23px 0 no-repeat !important;}
.list-ge{background:url(../di/imgs/list-ge.gif) 23px 0 no-repeat !important;}
.list-gp{background:url(../di/imgs/list-gp.gif) 23px 0 no-repeat !important;}
.list-gc{background:url(../di/imgs/list-gc.gif) 23px 0 no-repeat !important;}
.list-gf{background:url(../di/imgs/list-gf.gif) 23px 0 no-repeat !important;width:205px !important;}
.list-clip{background:url(../di/imgs/icons-index/bg_clipdiy.gif) 23px 0 no-repeat !important;}
.list-gdiy{background:url(../di/imgs/icons-index/bg_graphicdiy.gif) 23px 0 no-repeat !important;}
.list-gf img{margin-left:-20px;}
.sidebar{width:300px;float:right;padding-right:10px;}
.inside{float:right;}
.insidex{float:right;}
.inside-bar{float:left;width:283px;}
.g-tags{padding:5px;}
.g-tags li{display:inline;padding-right:5px;}
.g-list-sidebar li{min-height:150px;width:15.6em;margin:0 auto;margin-bottom:5px;border:solid 1px #0099CC;}
.b-box{width:300px;height:250px;margin:10px 0;}
.ad-sec{width:300px;height:125px;margin-bottom:10px;background:#660000;}
.ads-468 { width: 468px; height: 60px; margin:20px 0; }
.using-steps{padding:1em 0;width:70%;margin:0 auto;}
.using-steps{}
.go-to-site{padding:5px;width:150px;height:50px;line-height:50px;text-align:center;background:#660000;color:#FFFFFF;margin:0 auto;}
.go-to-site a{color:#FFFFFF;font-weight:bold;}
.goto-upl, .goto-clip, .goto-pic{display:block;background:url(../di/imgs/bg-start-upl.gif) no-repeat;width:132px;height:60px;visibility:visible;text-indent:-9999px;position:absolute;margin-top:270px;}
.goto-clip{margin-top:380px;}
.goto-pic{top:400px;}
.sub-on li{margin-bottom:10px;}
.submit-w-form{width:70%;margin:2em auto;padding-top:120px;text-align:right;}
.submit-w-form span{color:#999999;}
.submit-w-form input.texts{width:250px;border:solid 1px #717171;padding:3px;font-size:1.2em;}
.submit-w-form .sel{width:200px;border:solid 1px #717171;font-size:1.2em;}
.showing-w, .showing-code{width:400px;float:left;padding:1em;}
.showing-w p, .showing-code p{padding:5px 0;font-weight:bold;}
.showing-w img{display:block;margin:0 auto;}
.codings{width:380px;height:120px;margin-bottom:15px;border:solid 1px #717171;font-size:1.3em;}
.codings-re{height:120px;margin:0 auto;margin-bottom:15px;border:solid 1px #717171;font-size:1.3em;overflow:auto;padding:5px;width:90%;}
.clear{clear:both;}
.subb{width:250px;margin:0 auto;text-align:center;}
.cate li{display:inline;}
.result{padding:1em 0;}
.result img{display:block;margin:0 auto;}
.sepa{position:absolute;padding:1em 0 0 0;}
.sepa2{position:relative;padding:1em 0 0 0;}
.tag-keys{padding:1px;border:solid 1px #96a4cf;background:#e1e4ed;margin-bottom:10px;padding-bottom:10px;z-index:998 !important;}
.tag-keys-ad li{padding-left:10px;}
.keys-title, .cat-title, .sup-title, .sub-invite, .howto-title, .h-wudget-hi5{height:41px;background:url(../di/imgs/bg-tags.gif) no-repeat;text-indent:-9999px;}
.cat-title{background:url(../di/imgs/bg-cat.gif) no-repeat;}
.sup-title{background:url(../di/imgs/bg-support.gif) no-repeat;}
.h-wudget-hi5{background:url(../di/imgs/bg-hi5.gif) no-repeat;}
.sub-invite{background:url(../di/imgs/bg-invite.gif) no-repeat;}
.howto-title{background:none;}
.inside-how, .inside-how2{background:url(../di/imgs/bg-hoto.gif) #f5f5f5 right bottom no-repeat;text-indent:-9999px;height:140px;margin-left:11px;}
.inside-how2{margin-left:0;}
.indent-none{position:absolute;text-indent:-9999px;}
.title-last{background:url(../di/imgs/bg-last.gif) no-repeat;height:138px;text-indent:-9999px;}
.g-text-bg{background:url(../di/imgs/bg-gtext.gif) no-repeat;padding-top:140px;}
.g-graphic-bg{background:url(../di/imgs/bg-ggraphic.gif) no-repeat;padding-top:140px;}
.g-emo-bg{background:url(../di/imgs/bg-emoticon.gif) no-repeat;padding-top:140px;}
.g-mms-bg-hot{background:url(../di/imgs/bg-mms-page.gif) no-repeat;padding-top:140px;}
.g-mms-bg{background:url(../di/imgs/bg-mms-page-none.gif) no-repeat;padding-top:140px;}
.g-mms-bg .another-w, .g-mms-bg-hot .another-w{top:70px !important;}
.list-subcat{padding:0 80px 0 11px;}
.list-subcat:after{}
.hold-wrap{padding:0 1.5em;}
.w-result{background:url(../di/imgs/bg-widgets-result.gif) no-repeat;min-height:400px;}
.sum-result{padding-top:112px;padding-bottom:50px;}
.re-header{text-indent:-9999px;}
.bg-upp .re-header, .bg-upc .re-header, .bg-upl .re-header{display:none !important;}
.list-glitter-result dd{padding:10px 0;}
.valentine{background:url(../di/imgs/ais/bg.gif) no-repeat !important;}
.valentine .sum-result{visibility:hidden;padding-bottom:70px;}
.valentine .another-w{position:absolute;top:210px;right:5px;}
.w-result .btn-event{display:none;}
.valentine .btn-event{display:block;margin:0;padding:0;position:absolute;top:99px;left:159px;height:100px;z-index:9999;}
.valentine .btn-event span{margin:0;padding:0;}
.g-graphic{background:url(../di/imgs/bg-g-graphic.gif) no-repeat;height:50px;text-indent:-9999px;}
.g-emo{background:url(../di/imgs/bg-g-emo.gif) no-repeat;height:50px;text-indent:-9999px;}
.g-slidediy{background:url(../di/imgs/bg-g-slidediy.gif) no-repeat;height:50px;text-indent:-9999px;}
.show-user-re{float:left;}
.pagnation-re{background:url(../di/imgs/bg-pr.gif) repeat-x bottom;margin:10px 0;padding:5px;}
.pagnation-re a{padding:2px 6px;border:solid 1px #CCCCCC;margin-right:3px;}
.more{text-align:right;margin:10px;}
.more a{text-decoration:none;}
.search-widget{position:absolute;top:111px;left:700px;_display:inline;}
.search-widget input{border:solid 1px #666666;padding:0 2px;}
.inside-g{margin-left:10px;}
.inside-view li{width:205px;height:180px;_height:190px;}
.post-bg{background:url(../di/imgs/bg-postwid.gif) top left no-repeat;}
.posting-form{padding-top:120px;}
.posting-condition{width:70%;margin:120px auto 30px auto;}
.okk{text-align:center;padding:10px 0;}
.g-text-bg-result{background:url(../di/imgs/bg-gtext_blank.gif) no-repeat;padding-top:150px;}
.g-pic-bg-result{background:url(../di/imgs/bg-ggraphic_blank.gif) no-repeat;padding-top:150px;}
.g-emo-bg-result{background:url(../di/imgs/bg-emoticon_blank.gif) no-repeat;padding-top:150px;}
.g-textt{background:url(../di/imgs/bg-g-text.gif) no-repeat;height:50px;text-indent:-9999px;}
.link-black li a{color:#FFFFFF !important;padding-left:10px;}
.link-black p strong{color:#CCCCCC;font-size:1.1em;padding-bottom:5px;}
.link-black li a:hover{color:#FF6600 !important;}
.tell-admin{display:block;width:107px;height:37px;background:url(../di/imgs/btn_del.gif) no-repeat !important;text-indent:-9999px;position:absolute;margin-left:450px;}
.bg-upl{background:url(../di/imgs/bg-file.gif) no-repeat;}
.bg-upc{background:url(../di/imgs/bg-clip.gif) no-repeat;min-height:890px;}
.bg-upp{background:url(../di/imgs/bg-picture.gif) no-repeat;min-height:890px;}
.upl, .upc, .upp{visibility:hidden;}
.bg-notfound2{background:url(../di/imgs/bg-error.gif) no-repeat;}
.nott{min-height:180px;padding:40px 0;_height:180px;text-indent:-9999px;}
.t-1{width:550px;padding-left:350px;margin-bottom:20px;}
.t-2{width:550px;padding-left:350px;margin-bottom:30px;padding-top:50px}
.glitter-row{clear:both;display:table;border-bottom:dotted 1px rgb(200, 200, 200);padding-bottom:10px;width:90%;margin:0 auto;}
.regis{}
.register-side{float:left;width:230px;padding-left:10px;}
.content-wrap-register{margin-left:250px;padding-left:10px;border-left:dotted 1px #CCCCCC;min-height:300px;}
/*#m_smiPanelButton{position:absolute;right:10px;top:35px;width:180px;font-size:14px !important;}*/
.click-here{padding:5px;font-weight:700;text-align:center;background:#cc3300;color:#FFFFFF;}
.regis-step{}
.step{background:url(../di/imgs/regis/bg_menu.jpg) repeat-x;height:42px;}
.regis-step p{clear:both;}
.make-my-glitter{position:absolute;right:20px;margin-top:-70px;text-indent:-9999px;z-index:7899;}
.make-my-glitter a{display:block;width:200px;height:70px;background:url(../di/imgs/btn_create_text.gif) no-repeat;}
.showget_glitter{width:437px;height:320px;overflow:auto;position:absolute;top:170px;left:20px;}
.font-com{position:relative;margin-top:10px;text-align:center;}
.styles li{width:185px;height:165px !important;}
#wfmodule_divWildfirePost{z-index:9900;}
.position-m3{z-index:9999;min-height:20px;font-size:11px;padding-left:24px;margin-top:0;}
.bt-ctrl{position:relative;border-top:1px dashed #d5d6d1;margin:10px 10px 10px -10px;!important;height:30px !important;padding-top:6px;}
.bt-ctrl span, .bt-ctrl span a{display:block;width:90px;height:40px;text-indent:-9999px;}
.bt-pre{float:left;background:url(../di/imgs/bt-previous.gif) no-repeat;}
.bt-next{float:right;background:url(../di/imgs/bt-next.gif) no-repeat;}
.bt-send2friend{position:relative;margin-top:10px;padding-bottom:4em;}
.bg-send-email{padding-top:300px;background:url(../di/imgs/bg-sendtofriend.gif) 90% 0 no-repeat;}
.send-slide{background:url(../di/imgs/bg-sendtofriend_slide.gif) 90% 0 no-repeat !important;}
.send-clip{background:url(../di/imgs/bg-sendtofriend_clip.gif) 90% 0 no-repeat !important;}
.send-sticker{background:url(../di/imgs/bg-sendtofriend_sticker.gif) 90% 0 no-repeat !important;}
.t-center{text-align:center;}
.t-center p{padding-bottom:5px;}
.title-s2f{position:absolute;top:338px;width:338px;margin-left:74px;text-align:right;font-size:14px;color:#393937;}
.title-s2f strong{font-size:16px;}
.form-s2f{position:relative;color:#5f5e5c;}
.form-s2f fieldset{padding-left:40px;}
.form-s2f fieldset legend{display:block;margin-left:-40px;}
.form-s2f fieldset legend span{display:block;width:450px;height:33px;line-height:33px;text-indent:-9999px;}
.form-s2f fieldset p{padding-bottom:8px;}
.form-s2f fieldset p label{display:block;font-weight:bold;}
.form-s2f fieldset p span{display:inline-block;width:227px;margin-left:10px;vertical-align:top;}
.s-my-email{background:url(../di/imgs/head-send01.gif) no-repeat;}
.s-email{background:url(../di/imgs/head-send02.gif) no-repeat;}
.send-clip .s-my-email, .send-slide .s-my-email, .send-sticker .s-my-email{background:url(../di/imgs/head-send-w01.gif) no-repeat !important;}
.send-clip .s-email, .send-slide .s-email, .send-sticker .s-email{background:url(../di/imgs/head-send-w02.gif) no-repeat !important;}
.box-email{width:362px;height:28px;line-height:28px;border:1px solid #b6b8c4;}
.textarea-email{width:362px;height:78px;border:1px solid #b6b8c4;}
.thkforsend{height:65px;background:url(../di/imgs/thak.gif) center no-repeat;margin-top:3.2em;text-indent:-9999px;}
#send{border:none !important;}
.get-send2friend{text-align:center;margin:5px 0;}
.slide-bg-result{background:url(../di/imgs/h_edit-pic.gif) no-repeat;padding-top:50px;}
.slide-bg-result .title-s2f{top:238px !important;}
.clip-bg-result{background:url(../di/imgs/h_edit-clip.gif) no-repeat;padding-top:50px;}
.clip-bg-result .title-s2f{top:238px !important;}
.sticker-bg-result{background:url(../di/imgs/sticker/h-bar-sticker.gif) no-repeat;padding-top:50px;}
.sticker-bg-result .title-s2f{top:238px !important;}
.s2f-centerpage{float:none !important;margin:0 auto !important;}
.RSS-fonts tr td{padding:3px;}
.RSS-fonts tr td *{vertical-align:middle;}
.RSS-fonts span img{margin:3px 0 3px 8px;}
.inside-nav-search{position:relative;width:900px;margin:10px 0 10px 5px;}
.inside-nav-search ul{list-style-type:none;position:relative;width:900px;height:39px;background:url(../di/imgs/inside_nav.jpg) no-repeat 0 -78px;margin:0 0 10px 0;padding:0;}
.inside-nav-search ul li{float:left;}
.inside-nav-search ul li a, .inside-nav-search ul li span{position:relative;display:block;float:left;height:39px;background:url(../di/imgs/inside_nav.jpg) no-repeat;text-indent:-9999px;overflow:hidden;outline:none;}
.inside-nav-search ul li .in-s-grap{width:174px;background-position:0 0;}
.inside-nav-search ul li .in-s-grap:hover, .inside-nav-search ul li.TabbedPanelsTabSelected .in-s-grap{background-position:0 -39px;}
.inside-nav-search ul li .in-s-text{width:146px;background-position:-174px 0;}
.inside-nav-search ul li .in-s-text:hover, .inside-nav-search ul li.TabbedPanelsTabSelected .in-s-text{background-position:-174px -39px;}
.inside-nav-search ul li .in-s-emo{width:128px;background-position:-320px 0;}
.inside-nav-search ul li .in-s-emo:hover, .inside-nav-search ul li.TabbedPanelsTabSelected .in-s-emo{background-position:-320px -39px;}
.TabbedPanelsContentGroup{min-height:230px;_height:230px;}
.TabbedPanelsContent .result-widgets{clear:both;}
.TabbedPanelsContent .result-widgets .show-img-re a{height:auto !important;border:none !important;}
.inside-nav-search ul li.none{visibility:hidden;}
.show-glitter-ram{clear:both;margin:10px 0;}
.expect li ul li, .expect li ul li.glitter-row{background:none !important;border:none !important;}
.expect li ul li.glitter-row ol{padding-left:30px;_padding-left:40px;}
.expect .g-list li p{text-align:left;padding-left:20px;}
.expect .g-list li .now-showing2{text-align:center;padding-left:0;}
.expect .g-list li .now-showing2 span{height:auto !important;}
/*program online*/
.pro-online-detail{background:url(../di/imgs/pro-online-bg.jpg) no-repeat;width:619px;height:210px;display:block;text-indent:-9999px;margin:15px 0 15px 10px;}
.program-result{margin:0 0 15px 10px;}
.program-result h2{background:url(../di/imgs/icons-index/new-pro-ic.png) no-repeat;padding:0 0 10px 20px;color:#575757;font-size:14px;}
.program-result div{width:619px;height:158px;display:block;text-indent:-9999px;position:relative;margin-bottom:15px;}
.program-result .calculate{background:url(../di/imgs/cal-bg.jpg) no-repeat;}
.program-result div .start-work{background:url(../di/imgs/start-btn.png) no-repeat;width:129px;height:46px;display:block;position:absolute;bottom:-7px;right:10px;}
.program-result div .start-work:hover{background-position:0 -56px;}
.program-result .keyboard{background:url(../di/imgs/key-bg.jpg) no-repeat;}
.program-result .rssbox{background:url(../di/imgs/rss-bg.jpg) no-repeat;}
.back-to-1st{background:url(../di/imgs/icons-index/back-cursor.png) no-repeat;margin:10px 0 0 10px;padding:0 30px;}
.back-to-1st a{text-decoration:none;}
.back-to-1st a:hover{text-decoration:underline;}
.cal-info,.keyboard-info{background:url(../di/imgs/cal-info-bg.jpg) no-repeat;width:931px;height:209px;display:block;text-indent:-9999px;margin:15px auto;}
.keyboard-info{background:url(../di/imgs/key-info-bg.jpg) no-repeat;height:306px;}
.info-details{width:550px;height:auto;padding:117px 0 0 140px;}
.info-details p,.info-details ol li{text-indent:0;font-size:14px;}
.calculate-pro{width:510px;padding-bottom:5px;margin:50px auto;background-color:#eaeaea;}
.share-arti-api{position:absolute;top:60px;right:25px;}
.share-arti-api ul{overflow:hidden;}
.share-arti-api ul li{float:left;padding-left:10px;}
.social-btn{background-color:#eaeaea;padding:10px 0;overflow:hidden;border-radius:10px;width:683px;height:auto;margin:0 auto;}
.social-btn ul li{float:left;}
.social-btn ul li a{background:url(../di/imgs/social-btn.png) no-repeat;width:158px;height:45px;display:block;text-indent:-9999px;margin-left:10px;}
.social-btn ul li a:hover{opacity:0.8;}
.social-btn ul .tw-btn a{background-position:0 -55px;}
.social-btn ul .fb-btn a{background-position:0 -110px;}
.social-btn ul .cp-btn a{background-position:0 -165px;}
.keyboard-pro{width:683px;height:484px;margin:20px auto;background-color:#eaeaea;}


[class*="ico-time"], [class*="ico-pv"], [class*="ico-comment"], [class*="ico-writer"],
[class*="sort-option"] input[type="submit"], 
[class*="sort-result"] [class*="sbToggle"], 
[class*="sort-option"] [class*="sbToggle"], 
[class*="sort-result"]>div>ul>li, [class*="sort-option"]>div+div form input[type=submit]
 {	background-image: url(../di/imgs/archive.png); 	background-repeat: no-repeat;}

[class*="_child"][class*="-pd"][class*="_b5x"]>* {	padding-bottom: 5px;}
[class*="_child"][class*="-pd"][class*="_l20x"]>* {	padding-left: 20px;}
[class*="_child"][class*="-dp_block"]>* {	display: block;}
[class*="ico-time"], [class*="ico-pv"], [class*="ico-comment"], [class*="ico-writer"] { padding-left: 17px; font-size: 85%; color: #93969b;}
[class*="ico-comment"] {background-position: 0 -178px;}
[class*="ico-pv"] {	background-position: 0 -88px;}
[class*="ico-writer"] { background-position: 0 -644px;}

[class*="sort-option"] [class*="sbToggle"] {width: 28px;	height: 25px;	right: 0;	top: 7px; background-position: right -528px;}

.mg-top {margin-top: 10px;}
.main-content {	padding:10px;}
.main-content h1 {	font-family: sukhumvitbold;	font-weight: 400;	font-size: 2.2em;}
.post-list-box {	padding-bottom: 15px; margin-bottom: 15px;	border-bottom: 1px dotted #ccc;}
.post-list-content {	float: left;	width: 480px;	border-right: dotted 1px #ccc;}
.post-list-content img{	float: left;	margin-right: 10px;}
.post-list-content h2 a{	font-size: 13px;	color: #464646;	text-decoration: none;	font-weight: 700;}
.post-list-content h2 a:hover{	color: #3b5a9b;}
.archive-footer {	padding-top: 10px;	float: right;}
.pagination {	text-align: center;}
.pagination a,
.pagination span {padding: 0 8px;	border-right: 1px dotted #DDD;text-decoration: none;}
.pagination span {font-weight: bold;}
.sort-nav {	border-top: 1px solid #666;padding: 10px 0;margin: 10px 0;}
.sort-nav ul li{	float: left;	margin: 0 30px 0 0;}
.sort-stat {	float: right;	margin-top: 6px;}
.sort-stat span {	color: #3b5a9b;	font-weight: bold;	margin:0 2px;}


/*archive*/
[class*="sort-option"] [class*="sbHolder"] { width: 195px; }
[class*="sort-option"] [class*="sbHolder"]>ul { top: 34px !important; width: 183px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background-color: #eee; border: solid 1px #e0e0e0; }
[class*="sort-option"] [class*="sbSelector"] { height: 31px; overflow: hidden; padding-left: 10px; padding-top: 3px; font-family: sukhumvitbold; font-weight: 400;}
[class*="sort-option"] [class*="sbHolder"]>ul>li>a { font-family: sukhumvitbold; font-weight: 400;}
[class*="sort-option"] [class*="sbToggle"] { width: 28px; height: 25px; right: 0; top: 7px; background-position: right -528px;}
[class*="sort-option"]>div+div p { position: relative; }
[class*="sort-option"] label { height: 34px; padding-left: 10px; line-height: 34px; border: solid 1px #e0e0e0; -webkit-border-radius: 3px; border-radius: 3px;}
[class*="sort-option"] input[type=submit] { position: absolute; right: 0; width: 33px; height: 33px; background-position: -173px -293px;}
[class*="sort-result"] label, [class*="sort-result"] ul>li>a { line-height: 24px; font-weight: 700;}

[class*="mo-filter"] { display: none;}

[class*="sort-result"]>p>span { font-weight: 700;}
[class*="sort-result"] [class*="sbSelector"], [class*="sort-option"] [class*="sbSelector"] { background-color:#eee; -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px #e0e0e0;}
[class*="sort-result"] [class*="sbToggle"] { top: 0; right: 0; width: 22px; height: 22px; background-position: right -415px;}
[class*="sort-result"] [class*="sbSelector"] { height: 24px; line-height: 22px; padding-right: 30px; padding-left: 7px; font-weight: 700;}
[class*="sort-result"] [class*="sbHolder"] { width: 95px; }
[class*="sort-result"] label { margin-right: 5px;}
[class*="sort-result"] [class*="sbHolder"] ul { top: 25px !important; width: 93px !important; padding-top: 5px; padding-bottom: 5px; background-color: #f4f4f4; border: solid 1px #e0e0e0; border-top: solid 1px #eaeae;}
[class*="sort-result"]>div>ul>li { padding-left: 10px; background-position: 0 -576px;}
[class*="sort-result"]>div>ul>li:first-child { padding-left: 0; background: none;}
[class*="sort-result"] [class*="sbHolder"] ul>li>a { height: 22px; padding-left: 7px; line-height: 20px; }
[class*="sort-result"] [class*="sbHolder"] ul>li>a:hover { }
[class*="archive-page"] [id="content"]>header>*:first-child { font-family: sukhumvitreg; font-size: 220%; color: #000;}

/* selectbox-0.2 - selectbox */
[class*="sbToggle"] { position: absolute; display: block;}
[class*="sbHolder"] { position:relative; }
[class*="sbHolder"] ul { position: absolute; z-index:20; left:0; width: 100%; }
[class*="sort-option"] [class*="sbHolder"] { z-index: 7; }
[class*="sort-option"] [class*="sbHolder"] ul>li:first-child { display: none; } /* à ¹ƒà ¸ªà ¹ˆà ¹€à ¸¡à ¸·à ¹ˆà ¸­à ¸•à ¸±à ¸§à ¹€à ¸¥à ¸·à ¸­à ¸à ¹à ¸£à ¸à ¹„à ¸¡à ¹ˆà ¸¡à ¸µ value */
[class*="sort-option"] [class*="sbToggleOpen"] {  /*à ¹ƒà ¸ªà ¹ˆà ¸ à ¸²à ¸žà ¸¥à ¸¹à ¸à ¸¨à ¸£ click à ¹„à ¸”à ¹‰à ¸—à ¸µà ¹ˆà ¸™à ¸µà ¹ˆ*/ }
[class*="sbSelector"] { display:block; }
[class*="sbHolder"] ul>li>a { }
[class*="sort-result"] label { cursor:pointer; }
[class*="sort-result"] [class*="sbHolder"] { z-index:5; }
[class*="sort-result"] [class*="sbToggle"] { /*à ¹ƒà ¸ªà ¹ˆà ¸ à ¸²à ¸žà ¸¥à ¸¹à ¸à ¸¨à ¸£à ¹„à ¸”à ¹‰à ¸—à ¸µà ¹ˆà ¸™à ¸µà ¹ˆ*/ }
[class*="sort-result"] [class*="sbToggleOpen"] {  /*à ¹ƒà ¸ªà ¹ˆà ¸ à ¸²à ¸žà ¸¥à ¸¹à ¸à ¸¨à ¸£ click à ¹„à ¸”à ¹‰à ¸—à ¸µà ¹ˆà ¸™à ¸µà ¹ˆ*/ }
[class*="sort-result"] [class*="sbSelector"], [class*="sort-result"] [class*="sbHolder"] ul>li>a { padding-right:10px; }

/*archive page*/
[class*="archive-page"] [id="content"] header h1 { font-size: 220%;}
[class*="archive-footer"]>*>* { font-size: 85%;}
[class*="sort-result"] label, [class*="sort-result"] ul>li>a { font-size: 90%;}
[class*="sort-stat"] { font-size: 85%;}
[class*="sort-option"] [class*="sbSelector"] { font-size: 170%;}
[class*="sort-result"] [class*="sbSelector"] { font-size: 90%;}
[class*="sort-option"] [class*="sbHolder"]>ul>li>a { font-size: 165%;}
[class*="sort-option"]>div+div form input[type=text] { font-size: 115%;}

 #sort-time{float: left;}
.sort-bar {	width: 480px;}
.sort-result {	margin-top: 10px;	padding-top: 10px;	border-top: 3px solid #EEE;}
.sort-bar li { float: left;	display: inline;}
.sort-bar li:first-child a{	margin-right: 20px;	color: #3b5a9b!important ;}
.sort-result {	padding-bottom: 10px;}
.sort-time-list {	float: left;}


/* tag */

[class*="fbquiz-page"]  { display: block; overflow: hidden;}
[class*="fbquiz-page"]>section {}
[class*="fbquiz-page"]>section>h3 {}
[class*="fbquiz-page"]>section>ul { overflow: hidden; margin: 0 0 15px;}
[class*="fbquiz-page"]>section>ul>li { display: block; clear: both; line-height: 25px;}
[class*="fbquiz-page"]>section>p>img { min-width: 100%;}


[class*="seotag"] { overflow: hidden; margin: 20px 10px; display: block; clear: both; background: #e1e4ed;}
[class*="seotag"]>* { float: left; border-right: 1px solid #fff; padding: 9px 10px; text-align: center; font-size: 13px; font-weight: bold;}
[class*="seotag"]>strong { background: #32456d; color: #fff;}
[class*="seotag"]>a { color: #484848; border-bottom: 1px solid #dfdfdf;  border-top: 1px solid #dfdfdf; padding: 8px 10px;}
[class*="seotag"]>a:hover { background: #32465d; color: #fff;}



/* Quiz */

[class*="content-quiz"]::after, [class*="fbquiz"]::after, [class*="archive-list"]::after, [class*="quiz-profile"]::after, [class*="quiz-content"]::after, [class*="quiz-answer"]::after,
[class*="link-create"]::after, [class*="quiz-question"]::after, [class*="pagi-archive"]::after, [class*="createstep"]::after, [class*="top5quiz"]::after
 { clear:both; content: " "; display:block; }
 
[class*="quiz-answer"]>h3, [class*="link-create"]>a, [class*="quiz-answer"]>h3>[class*="ico-fbh"], 
[class*="createstep"] [class*="btn-nxt"], [class*="createstep"] [class*="btn-prev"] , [class*="divsocial"], [class*="btn-fball"],
[class*="archive-list"]>article>div>footer[class*="archive-footer"]>div>a
{ background:url(../di/imgs/fb/quiz-sprite.png) no-repeat; }

.breadcrumb-quiz { font-size: 13px; color:#444; padding:10px 10px 0; }
.breadcrumb-quiz a { color:#444; text-decoration:none; }

[class*="top5quiz"] { display: block; margin-bottom: 20px;}
[class*="top5quiz"]>h2 { background: #3b5a9b; color: #fff; font-family: sukhumvitreg; font-size: 28px; font-weight: bold; text-align: center; height: 40px; line-height: 40px;}
[class*="top5quiz"]>ol { overflow: hidden;}
[class*="top5quiz"]>ol>li { background: #e1e4ed; margin: 0 0 2px; padding: 10px 10px 8px; overflow: hidden; }
[class*="top5quiz"]>ol>li>a { float: left; margin-right: 15px;}
[class*="top5quiz"]>ol>li>a>img { width:80px;}
[class*="top5quiz"]>ol>li>h3 { font-family: tahoma; font-weight: bold; font-size: 13px;}
[class*="top5quiz"]>ol>li>h3>a { color: #636363;}
[class*="top5quiz"]>ol>li>h3>a:hover { color: #3b5a9b;}

[class*="fbquiz"]  { margin:20px 0; overflow: hidden; line-height:17px;}
[class*="fbquiz"]>div>article[class*="block-b"] { float: left; width:300px; margin-right: 20px; background: #32456d;}
[class*="fbquiz"]>div>article[class*="block-b"]>div { padding: 7px 10px; min-height: 65px;}
[class*="fbquiz"]>div>article[class*="block-b"]>div>h3>a { color: #fff; margin: 0 0 7px; display: block;}
[class*="fbquiz"]>div>article[class*="block-b"]>div>p { color: #b1caff;}
[class*="fbquiz"]>div>article[class*="block-s"] { float: left; width: 140px; margin-right: 20px;}
[class*="fbquiz"]>div>article[class*="block-s"]:nth-child(2n+3) { margin-right: 0;}
[class*="fbquiz"]>div>article[class*="block-s"]>h3 { font-weight: 400; font-size: 13px; margin: 0 0 15px;}

[class*="quiz-profile"] { margin: 0 0 10px 10px;}
[class*="quiz-profile"]>a { background:url(../di/imgs/fb/quiz-sprite.png) no-repeat; width: 306px; height: 114px; float:left; text-indent: -9999px;  }
[class*="quiz-profile"]>a { background-position: 0 0; margin-right: 8px; }
[class*="quiz-profile"]>a+a { background-position: -315px 0; margin-right: 0; }
[class*="quiz-profile2"] { margin: 30px 0 10px 10px;}
[class*="quiz-profile2"]>a { margin: 7px 0; float: right;}
[class*="quiz-profile2"]>a { background-position: -315px 0;  }
[class*="quiz-profile2"]>a+a { background-position: 0 0; }

[class*="archive-list"] { margin: 10px; overflow: hidden;  border-top: 3px solid #e4e4e4;}
[class*="archive-list"]>article { border-bottom: 1px dotted #dfdfdf; margin: 10px 0; overflow: hidden;}
[class*="archive-list"]>article>div { display: block; clear: both; width: 450px; border-right: 1px dotted #dfdfdf; position: relative; min-height: 100px;}
[class*="archive-list"]>article>div>a { float: left; margin-right: 15px; color: #636363;}
[class*="archive-list"]>article>div>h2>a, [class*="archive-list"]>article>div>p, 
[class*="archive-list"]>article>div>span, [class*="archive-list"]>article>div>span>a
 { display: block; margin-bottom: 5px; font-size: 13px; color: #636363; }
[class*="archive-list"]>article>div>span>strong, [class*="archive-list"]>article>div>span>a { display: inline; font-weight:400;}
[class*="archive-list"]>article>div>footer[class*="archive-footer"] { padding-left:20px; position:absolute; left:450px; top: -5px; width: 140px;}
[class*="ico-time"], [class*="ico-pv"], [class*="ico-comment"],  [class*="ico-writer"] {clear: both; color: #93969b; display: block; font-size: 85%; margin-bottom: 7px; padding-left: 22px;}
[class*="archive-list"]>article>div>footer[class*="archive-footer"]>div>a { background-position: 0 -1208px; display: block; float: left; height: 24px; margin: 10px 5px 0 0; text-indent: -9999px; width: 42px;}	
[class*="archive-list"]>article>div>footer[class*="archive-footer"]>div>a+a { background-position: -44px -1208px;}

[class*="pagi-archive"] { border: 1px solid #c4c4c4; display: block; margin: 10px auto;  text-align: center; width: 580px;}
[class*="pagi-archive"]>a {  display: inline-block; padding: 6px 10px; text-align: center; color: #636363; font-size: 13px;}
[class*="pagi-archive"]>a.active, [class*="pagi-archive"]>a:hover { background: #e5e4e4;}

[class*="quiz-content"]  { margin: 10px; font-size: 16px;}
[class*="quiz-content"]>h3 { font-size: 18px; margin-bottom: 5px;}
[class*="quiz-content"]>ul { overflow: hidden; margin: 0 0 15px;}
[class*="quiz-content"]>ul>li { display: block; clear: both; line-height: 25px;}
[class*="quiz-content"]>p { margin: 15px 0;}
/* [class*="quiz-content"]>p>img { min-width: 100%;} */
[class*="quiz-content"]>[class*="photo-read"] { overflow: hidden;}
[class*="quiz-content"]>[class*="photo-read"]>a { margin: 0 10px 10px 0; float:left;}
[class*="quiz-content"]>[class*="photo-read"]>a>figure>img { border: 1px solid #bbb; padding: 3px;}

[class*="content-quiz"] { width:960px;} 


[class*="quiz-answer"]  { display: block; overflow: hidden; margin: 10px; font-size: 16px; position: relative;}
/*[class*="quiz-answer"]>h2 { background-position: 0 -869px; height: 94px; margin-bottom: 50px; text-indent: -9999px;}*/
[class*="quiz-answer"]>h3 { color: #fff; background-position: 0 -560px; font-family: sukhumvitreg; font-size: 33px; height: 94px; line-height: 94px; margin-bottom: 30px; text-align: center;}
[class*="quiz-answer"]>h3>[class*="ico-fbh"] { background-position: -270px -1014px; display: inline-block; height: 40px; margin: 0 20px 0 0; position: relative; top: 10px; width: 40px;}
[class*="quiz-answer"]>h3.fbhead {  padding: 0 0 0 200px; text-align: left; width: 730px;}
[class*="quiz-answer"]>h4 { text-align: center; text-decoration: underline; display: block; font-family: tahoma; font-size:20px; font-weight: bold; margin: 0 0 20px;}
[class*="quiz-answer"]>div { overflow: hidden;}
[class*="quiz-answer"] [class*="divanswer"] {  margin: 20px auto;  width: 500px;}
[class*="quiz-answer"] [class*="divanswer"] >img { text-align:center;}
[class*="quiz-answer"] [class*="divanswer"] >p { line-height: 20px; font-size: 14px;  font-family: tahoma; color: #444; word-wrap: break-word;}
[class*="quiz-answer"] [class*="divanswer"] >p>strong { display:block;  font-size: 18px; margin: 12px 0 10px; color: #000;}
[class*="quiz-answer"] [class*="divanswer2"] {  margin: 20px ; width: 300px; float:left;}
[class*="quiz-answer"] [class*="divanswer2"]:nth-child(2n+1) { margin-left:150px; clear: left;}
[class*="quiz-answer"]>[class*="btn-answer"] { overflow: hidden; width: 500px;  margin: 0 auto;}
[class*="quiz-answer"]>[class*="btn-answer"]>a { font-family: tahoma; font-size:14px; font-weight: bold; border-radius: 3px; border:1px solid #12378d; background: #3b5a9b; min-width: 104px; text-align: center; height: 40px; line-height:40px; color: #fff; padding: 0 10px; display: block; float:left; margin: 0 12px;  }
[class*="quiz-answer"]>[class*="btn-answer"]>a:hover { border:1px solid #031c55; background: #32446c;}
[class*="quiz-answer"]>[class*="btn-answer2"] {width: 410px;}
[class*="quiz-answer"]>[class*="btn-answer3"] { width: 180px;}

[class*="divsocial"] {  background-position: -599px -989px; padding: 10px 20px 10px 70px; position: absolute; right: 10px; top: 0; width: 240px; height: 73px;}	
[class*="divsocial"] [class*="social-share"] { width: 250px;} 
[class*="divsocial"] [class*="social-share"] ul li a { border: none !important;}
[class*="divsocial"] [class*="social-share"] ul li a .social-icon { font-size: 25px; padding: 5px 0;}
[class*="divsocial"] [class*="social-share"] ul li a span { background: #fff;}
[class*="divsocial"] [class*="social-share"] ul li a small { padding: 6px 0;}
[class*="divsocial"] [class*="social-share"] .embed-btn { background: #8c939b; }
[class*="divsocial"] [class*="social-share"] a:hover.embed-btn small { color: #fff !important;}


[class*="link-create"] { width: 620px; margin: 20px auto;}
[class*="link-create"]>a { background-position: 0 -135px; display: block; height: 120px; margin: 20px 0; text-indent: -9999px; width: 620px;}	
[class*="link-create"]>a+a { background-position: 0 -275px;}
[class*="link-create"]>a+a+a { background-position: 0 -415px;}

[class*="quiz-question"] { width: 900px; margin: 0 auto; font-family: Tahoma; }
[class*="quiz-question"]>strong {font-size: 25px; text-align: center; margin-bottom: 25px; display: block; text-decoration: underline;}
[class*="quiz-question"]>h4 { text-align: center; display: block; font-family: tahoma; font-size:20px; font-weight: bold; margin: 0 0 10px;}
[class*="quiz-question"]>h5 { margin: 0 0 10px 60px; font-size: 16px;; font-weight: 400; color: #222;}
[class*="quiz-question"]>ul { overflow: hidden; line-height: 20px; padding: 0 100px;}
[class*="quiz-question"]>ul>li { display: block; margin-bottom: 10px;}
[class*="quiz-question"]>ul>li>ul { overflow: hidden;}
[class*="quiz-question"]>ul>li>ul>li { font-size: 14px; margin: 15px 0; display: block;}
[class*="quiz-question"]>ul>li>ul>li+li { margin: 0 0 10px 0;}
[class*="quiz-question"]>ul>li>ul>li>strong { font-size: 18px;}
/* [class*="quiz-question"]>ul>li>ul>li>input[type="radio"] { margin: 0 0 0 60px;}
[class*="quiz-question"]>ul>li>ul>li>label { margin: 0 0 0 10px;} */

[class*="quiz-question"]>ul>li>ul>li>img { clear: left; margin-left: 10px;}
[class*="quiz-question"] > ul > li > ul > li > input[type="radio"] {
    margin: 0 0 0 60px;
    position: relative;
    top: 22px;
}
[class*="quiz-question"]>ul>li>ul>li>label { clear: both; display: block; margin: 0 0 0 88px;}


[class*="line-section"] { border-bottom: 1px solid #dedede; width: 600px; margin: 20px auto; height: 2px;}
[class*="btn-fball"] { background-position: 0 -1143px; display: block; height: 40px; margin: 20px 0; text-indent: -9999px; width: 620px;}

/* hightlight 2 to archive */
[class*="highlight2"] { margin: 20px 10px 10px 10px; height: 248px; position:relative; width: 300px; float: left; }
[class*="highlight2"] [class*="slider"]>li { display:none; position:relative; }
[class*="highlight2"] [class*="slider"]>li>div {background: #32456d; bottom: 3px; color: #b1caff; font-size: 13px; height: 40px; left: 0; padding: 10px 15px; position: relative;  width: 270px; }
[class*="highlight2"] [class*="slider"]>li>div h3 { font-size:14px; }
[class*="highlight2"] [class*="slider"]>li>div h3 a { color:#fff; text-decoration:none; }
[class*="highlight2"] [class="flex-direction-nav"] a { position:absolute; z-index:50; display:block; height:52px; width:34px; top: 70px; text-indent:-9999px; background:url(../di/imgs/fb/nxt-pre-slider.png) no-repeat; }
[class*="highlight2"] [class="flex-direction-nav"] a:hover { background-color: inherit;}
[class*="highlight2"] [class="flex-direction-nav"] li:first-child a { background-position: 0 0; left:0;  }
[class*="highlight2"] [class="flex-direction-nav"] li:first-child a:hover { background-position: -35px 0 ; left:0;  }
[class*="highlight2"] [class="flex-direction-nav"] li:first-child+li a { background-position: 0px -55px; right:0;  }
[class*="highlight2"] [class="flex-direction-nav"] li:first-child+li a:hover { background-position: -35px -55px; right:0;  }
[class*="highlight2"] [class*="flex-control-nav"] {  left: 0; margin: 8px 0 0; position: relative; text-align: left; top: -25px; width: 100%;  z-index: 50; } 
[class*="highlight2"] [class*="flex-control-nav"]>li { display:inline-block; margin:0 5px 0 0; #display:inline; #zoom:1; }
[class*="highlight2"] [class*="flex-control-nav"] a { display:block; width:15px; height:15px; font-size:9px; font-weight: bold; line-height:15px; background-position: -71px -135px; color:#fff; text-decoration:none; text-align:center; cursor:pointer; }
[class*="highlight2"] [class*="flex-control-nav"] a[class*="flex-active"] { background-position: -51px -135px; text-decoration:none;}


[class*="createstep"] {}
/* [class*="createstep"] ul { width: 400px; margin: 0 auto 20px; padding: 0 100px 20px; overflow: hidden; font-family: tahoma; font-size: 14px; border-bottom: 1px solid #dedede;} */
[class*="createstep"] ul { width: 500px; margin: 0 auto 20px; padding: 0 100px 20px; overflow: hidden; font-family: tahoma; font-size: 14px; border-bottom: 1px solid #dedede;}
[class*="createstep"] ul li { display: block; margin-bottom: 20px; /*overflow: hidden;*/ position: relative;}
[class*="createstep"] ul li>label { display: block; color: #333; font-weight: bold;}
[class*="createstep"] ul li>label[class*="sm"] { position: absolute; right: 0; top: 0; width: 190px;}
[class*="createstep"] ul li>label[class*="sub_img"] { display: block; margin-top: 60px;}
[class*="createstep"] ul li>input[type="text"], [class*="createstep"] ul li>textarea { border-radius: 3px; background: #f4f4f4; border: 1px solid #bdbcbc; padding: 7px 8px; font-size: 16px; width: 380px; margin: 5px 0;}
[class*="createstep"] ul li>input[type="text"][class*="lg"] { width: 267px; float: left;}
[class*="createstep"] ul li>input[type="text"][class*="sm"] { width: 70px; float: left;}
[class*="createstep"] ul li>textarea { height: 160px; resize: none;}
[class*="createstep"] ul li>input[type="file"] { background:url(../di/imgs/fb/img300x180.png) no-repeat; height: 80px; text-indent: -9999px; width: 133px; margin: 5px 0;}
[class*="createstep"] ul li>input[type="file"][class*="300x300"] { background:url(../di/imgs/fb/img300x300.png) no-repeat; height: 133px; text-indent: -9999px; width: 133px; margin: 5px 0;}
[class*="createstep"] ul li>span { color: #f50909; font-size: 10px; display: block; clear: both;}
[class*="createstep"] ul li>[class*="count"] { width:150px; display:block; margin: 5px 0; overflow: hidden;}
[class*="createstep"] ul li>[class*="count"]>button { background-color: #fff; background-image:url(../di/imgs/fb/arrow-quiz.png); background-repeat: no-repeat; background-position: 7px 11px; border: 1px solid #bdbcbc; padding: 7px 8px; float: left; text-indent: -9999px; cursor: pointer; }
[class*="createstep"] ul li>[class*="count"]>button:hover { background-color: #e1e1e1;}
[class*="createstep"] ul li>[class*="count"]>button+span+button { background-position: -62px 11px;}
[class*="createstep"] ul li>[class*="count"]>span[id*="counter"], [class*="createstep"]>ul>li>[class*="count"]>span[id="counters"] {background: #f4f4f4; border-top: 1px solid #bdbcbc; border-bottom: 1px solid #bdbcbc; float: left; padding: 7px 0; text-align: center; width: 45px;}
[class*="createstep"] ul li>span[class*="minus"] {clear: none; color: #000; float: left; padding: 10px;}
[class*="createstep"] [class*="clsbtn"] { width:220px; margin: 0 auto; display: block; overflow: hidden;}
[class*="createstep"] [class*="btn-prev"] {  background-position: -10px -743px; display: block; height: 40px; line-height: 40px; margin: 10px auto; text-indent: -9999px; width: 104px;}
[class*="createstep"] [class*="btn-prev"]:hover { background-position: -131px -743px;}
[class*="createstep"] [class*="btn-nxt"] {  background-position: -10px -798px; display: block; height: 40px; line-height: 40px; margin: 10px auto; text-indent: -9999px; width: 104px;}
[class*="createstep"] [class*="btn-nxt"]:hover { background-position: -131px -798px;}
[class*="f-l"] { float: left;}
[class*="f-r"] { float: right;}

.sq_btn
{
	position: absolute;
	border-style: solid;
	border-width: 1px;
	margin: 5px 10px;
	padding: 7px 8px;
	width: 120px;
	color: #FFFFFF;
	background-color: #385593;
	font-family: Courier New;
}

.sq_btn:hover
{
	background-color: #2f4065;
}

.note_text
{
	color: #7E7E7E !important;
	font-weight: normal !important;
}

/*sanook menu*/
[class*="btn-show-rt2013"] [class*="sanook-menu"] { width:  948px !important;}