@charset "utf-8";
/* CSS Document */

body { background:url(../images_CF/bg-all-white.jpg) top center repeat-y; }

.ads-float { position:absolute; top:0; left:50%; z-index:998; width:1px; height:1px; }
#fixme { position:fixed; left:0; bottom:0px; z-index:99999 !important; border:0px; }

section#subnav { width:1000px; margin:0 auto 0; box-shadow:0 2px 4px rgba(0,0,0,0.3); padding-top:3px;  }
section#subnav ul { width:1000px; margin:0 auto; background:#FFDB0D; box-shadow:0 2px 4px rgba(0,0,0,0.3) inset; height:43px; }
section#subnav ul li { width:84px; display:inline; float:left; text-align:center; box-shadow:0 2px 4px rgba(0,0,0,0.3) inset; position:relative; height:43px; }
section#subnav ul li a { display:block; width:100%; font-size:11px; color:#FFFFFF; position:absolute; bottom:0; left:0; z-index:5; height:34px; padding:9px 0 0 0; box-shadow:0 3px 4px rgba(0,0,0,0.3) inset; }
section#subnav ul li a span { display:block; font-size:22px; line-height:18px; }
section#subnav ul li:first-child { width:146px; margin-left:7px; font-weight:bold; background:#121212; color:#5FEF30; line-height:43px; text-shadow:0 2px 4px rgba(95,239,48,0.6), 0 -2px 4px rgba(95,239,48,0.6), 2px 0 4px rgba(95,239,48,0.6), -2px 0 4px rgba(95,239,48,0.6); }
section#subnav ul li.sub-clip a { background:#FFDB0D; color:rgba(0,0,0,0.5); }
section#subnav ul li.sub-photo a { background:#FF2511; }
section#subnav ul li.sub-web a { background:#9327CB; }
section#subnav ul li.sub-place a { background:#A8D6F0; color:rgba(0,0,0,0.5); }
section#subnav ul li.sub-fb a { background:#3C5A98; }
section#subnav ul li.sub-tw a { background:#29AAE1; }
section#subnav ul li.sub-ins a { background:#FFA10D; }
section#subnav ul li.sub-app a { background:#FA0064; }
section#subnav ul li.sub-event a { background:#FFA7D1; color:rgba(0,0,0,0.5); }
section#subnav ul li.sub-award a { background:#059BA9; }
section#subnav ul li:hover a { height:40px; box-shadow:0 3px 4px rgba(0,0,0,0) inset; z-index:99; }
section#subnav ul li:hover a:before { content:" "; width:1px; height:1px; border-top:18px solid rgba(0,0,0,0.3); border-right:6px solid rgba(0,0,0,0.3); border-bottom:18px solid transparent; border-left:6px solid transparent; position:absolute; left:-13px; top:6px; } 
section#subnav ul li:hover a:after { content:" "; width:1px; height:1px; border-top:18px solid rgba(0,0,0,0.3); border-left:6px solid rgba(0,0,0,0.3); border-bottom:18px solid transparent; border-right:6px solid transparent; position:absolute; right:-13px; top:6px; } 
section#subnav ul li a:hover { text-decoration:none; }

section#promote { width:1000px; margin:0 auto; }
section#promote>nav, section#promote>div, section#promote>article { display:inline; float:left; }
section#promote>nav.aside-nav { width:141px; margin-left:7px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border-bottom:5px solid #121212; border-right:5px solid #121212; background:#121212; overflow:hidden; overflow-y:scroll; height:263px; }
section#promote>nav.aside-nav ul { margin:5px 0 0 5px; background:#ECECEC; border-bottom-left-radius:5px; }
section#promote>nav.aside-nav ul li { border-bottom:1px solid #DEDEDE; border-top:1px solid #F5F5F5; }
section#promote>nav.aside-nav ul li:first-child { border-top:0; }
section#promote>nav.aside-nav ul li:last-child { border-bottom:0; }
section#promote>nav.aside-nav ul li a { display:block; padding:4px 0; color:#000000; -ms-transition:padding linear 0.2s; -moz-transition:padding linear 0.2s; -webkit-transition:padding linear 0.2s; -o-transition:padding linear 0.2s; }
section#promote>nav.aside-nav ul li a:before { content:" "; display:inline; width:18px; text-align:center; height:15px; padding-top:2px; float:left; background:url(../images_CF/ico-arrow.png) center center no-repeat; }
section#promote>nav.aside-nav ul li a:hover { padding:4px 0 4px 5px; background:#6FCA34; text-decoration:none; color:#FFFFFF; box-shadow:0 -7px 7px rgba(0,0,0,0.1) inset; } 
section#promote>nav.aside-nav ul li:last-child a:hover { border-bottom-left-radius:5px; }

section#promote>div.bigbanner { width:443px; min-height:262px; padding:9px 2px 0 5px; position:relative; }
section#promote>div.bigbanner>div.big-float { position:absolute; z-index:8; }

section#promote>article.event { width:397px; padding:9px 0 0 0; position:relative; }
section#promote>article.event .day { background:#333333; border-bottom:4px solid #FFC216; color:#ccc; padding:4px; }
section#promote>article.event ul li { border:1px solid #DEDEDE; display:inline; float:left; width:180px; margin:5px 0 0 5px; padding:5px; border-radius:5px; overflow:hidden; height:40px; line-height:14px; }
section#promote>article.event ul li:first-child { width:277px; height:50px; }
section#promote>article.event ul li>a>img { width:40px; height:40px; display:inline; float:left; margin-right:5px; }
section#promote>article.event ul li:first-child>a>img { width:50px; height:50px; }
section#promote>article.event ul li a { color:#5E5E5E; font-size:11px; line-height:10px; }
section#promote>article.event ul li a strong { color:#0286B7; font-size:12px; }

section#promote>article.event .calendar { position:absolute; width:90px; height:96px; top:5px; right:5px; background:#FFFFFF; border:1px solid #B2B2B2; border-radius:5px; box-shadow:0 0 3px rgba(0,0,0,0.3), 0 5px 20px rgba(0,0,0,0.2) inset; }
section#promote>article.event .calendar>strong { display:block; background:#F6D700; margin:3px 0 0; text-align:center; padding:2px 0; }
section#promote>article.event .calendar>em { display:block; font-size:40px; line-height:34px; text-align:center; font-style:normal; font-weight:bold; padding:2px 0; }
section#promote>article.event .calendar>span { font-size:11px; color:#ccc; text-align:center; border-bottom:1px solid #ccc; display:block; margin:0 5px; padding:0 0 2px; }
section#promote>article.event .calendar>p { text-align:center; font-size:12px; font-weight:bold; padding:2px 0 0 0; }


section#tabs { width:1000px; margin:0 auto; padding-top:5px; overflow:hidden; clear:both; }
section#tabs ul { width:990px; margin:0 auto; overflow:hidden; }
section#tabs ul li { width:110px; display:inline; float:left; position:relative; }
section#tabs ul li a { display:block; -ms-transition:background linear .2s; -moz-transition:background linear .2s; -webkit-transition:background linear .2s; -o-transition:background linear .2s; width:110px; text-shadow:0 1px 0 rgba(255,255,255,0.4); padding:8px 0 10px; font-size:15px; font-weight:bold; color:#000; background:#FFF; box-shadow:0 -15px 15px rgba(0,0,0,0.1) inset, 1px 0 1px rgba(0,0,0,0.1) inset, -1px 0 1px rgba(0,0,0,0.1) inset; text-align:center; }
section#tabs ul li:before { display:block; width:100%; height:6px; content:" "; background:#90CD27; border-top-left-radius:10px; border-top-right-radius:10px; }
section#tabs ul li a:hover, section#tabs ul li a.active { background:#90CD27; text-decoration:none; box-shadow:0 -15px 15px rgba(0,0,0,0.1) inset; padding:4px 0 14px; color:#FFFFFF; text-shadow:0 0 0 rgba(0,0,0,0) }
section#tabs ul li a.active:after { display:block; z-index:5; content:" "; position:absolute; bottom:0; left:45px; border-bottom:8px solid #FFF; border-right:8px solid transparent; border-left:8px solid transparent; width:1px; height:1px; }
section#tabs ul li:nth-child(2):before, section#tabs ul li:nth-child(2) a:hover, section#tabs ul li:nth-child(2) a.active { background:#EC093F; color:#FFFFFF; text-shadow:0 1px 0px rgba(0,0,0,0.2); }
section#tabs ul li:nth-child(3):before, section#tabs ul li:nth-child(3) a:hover, section#tabs ul li:nth-child(3) a.active { background:#FF8A00; }
section#tabs ul li:nth-child(4):before, section#tabs ul li:nth-child(4) a:hover, section#tabs ul li:nth-child(4) a.active { background:#FABD27; }
section#tabs ul li:nth-child(5):before, section#tabs ul li:nth-child(5) a:hover, section#tabs ul li:nth-child(5) a.active { background:#88C100; }
section#tabs ul li:nth-child(6):before, section#tabs ul li:nth-child(6) a:hover, section#tabs ul li:nth-child(6) a.active { background:#FA0064; color:#FFFFFF; text-shadow:0 1px 0px rgba(0,0,0,0.2); }
section#tabs ul li:nth-child(7):before, section#tabs ul li:nth-child(7) a:hover, section#tabs ul li:nth-child(7) a.active { background:#023F85; color:#FFFFFF; text-shadow:0 1px 0px rgba(0,0,0,0.2); }
section#tabs ul li:nth-child(8):before, section#tabs ul li:nth-child(8) a:hover, section#tabs ul li:nth-child(8) a.active { background:#00BAC1; }
section#tabs ul li:nth-child(9):before, section#tabs ul li:nth-child(9) a:hover, section#tabs ul li:nth-child(9) a.active { background:#00C176; }

section.highlight { width:990px; position:relative; overflow:hidden; padding:0 0 10px; }
section.highlight p.tagcloud { padding:3px 0; box-shadow:0 3px 6px rgba(0,0,0,0.1); border-bottom:1px solid #DEDEDE; text-align:center; }
section.highlight p.tagcloud:before { content:" คำเด่น: "; font-weight:bold; color:#666666; }
section.highlight p.tagcloud a { color:#0074BD; }
section.highlight p.tagcloud a:after { content:","; font-weight:normal; }
section.highlight p.tagcloud a:last-child:after { content:""; }
section.highlight article.main-content { width:990px; margin:0 auto; overflow:hidden; margin-top:5px; }
section.highlight article.main-content>ul { overflow:hidden; }
section.highlight article.main-content>ul li { display:inline; float:left; width:180px; padding:5px; height:135px; }
section.highlight article.main-content>ul li:first-child { width:410px; height:280px; }
section.highlight article.main-content>ul li a { line-height:13px; display:block; font-size:12px; color:#595959; text-align:center; }
section.highlight article.main-content>ul li a:hover { color:#990000; }
section.highlight article.main-content>ul li a strong { display:block; font-size:13px; color:#DE6E00; padding:0 0 2px; }
section.highlight article.main-content>ul li a img { border:1px solid #CCC; opacity:1; -ms-transition:opacity linear .3s; -moz-transition:opacity linear .3s; -webkit-transition:opacity linear .3s; -o-transition:opacity linear .3s; }
section.highlight article.main-content>ul li a:hover img { opacity:.7; }
section.highlight article.main-content>ul li:first-child a img { display:block; }
section.highlight article.main-content>ul li:first-child a { text-align:left; line-height:15px; }
section.highlight h3 { display:inline; float:left; margin-left:4px; clear:both; border-top-left-radius:10px; border-top-right-radius:20px; position:relative; padding:7px 30px 3px 20px; font-size:13px; font-weight:bold; }
section.highlight h3:before { content:" "; width:20px; height:15px; position:absolute; bottom:0; right:-10px; }
section.highlight h3:after { content:" "; width:1px; height:10px; background:#FFF; position:absolute; bottom:0; right:-19px; border:10px solid transparent; border-radius:100%; -webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -o-transform:rotate(-20deg); -ms-transform:rotate(-20deg) }
section.highlight article.sub-content { display:inline; float:left; width:662px; position:relative; clear:both; }
section.highlight article.sub-content ul { border-left:1px solid #E0E0E0; background:#FFF; z-index:99; position:relative;  border-right:1px solid #E0E0E0; overflow:hidden; }
section.highlight article.sub-content ul li { display:inline; float:left; width:210px; padding:7px 5px; }
section.highlight article.sub-content ul li a { color:#5E5E5E; }
section.highlight article.sub-content ul li a:hover { color:#990000; }
section.highlight article.sub-content ul li:hover { background:#ECECEC; }
section.highlight article.sub-content ul li a img { display:inline; float:left; margin-right:5px; border-radius:5px; }
section.highlight article.sub-content:before { content:" "; width:300px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:8px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section.highlight article.sub-content:after { content:" "; width:300px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:8px; right:5px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); }
section.highlight>footer { display:inline; float:right; position:relative; top:-30px; right:10px; width:300px; background:#FFF; position:relative; z-index:2; }
section.highlight>footer:before { content:" "; display:block; width:280px; height:15px; position:absolute; top:2px; left:10px; z-index:1; border-radius:100%; box-shadow:0 -3px 10px rgba(0,0,0,0.4); margin-top:5px; }
section.highlight>footer p { background:#FFF; position:relative; z-index:3; padding:0 0 5px; margin-top:6px; }
section.highlight a.more-highlight { display:block; -ms-transition:background linear .3s; -moz-transition:background linear .3s; -webkit-transition:background linear .3s; -o-transition:background linear .3s; width:240px; z-index:2; position:relative; text-align:center; margin:0 auto; padding:6px 0 4px; border-radius:10px 10px 30px 30px ; font-weight:bold; text-shadow:0 1px 1px rgba(255,255,255,0.5); }
section.highlight a.more-highlight:before { width:98%; height:60%; content:" "; display:block; z-index:1; position:absolute; top:1px; left:2px; background:rgba(255,255,255,.2); border-radius:10px 10px 30px 30px; box-shadow:0 7px 10px rgba(255,255,255,.6) inset; }
section.highlight a.more-highlight:after { content:" คลิกที่นี่"; }

section#boxnews1 p.tagcloud { border-top:2px solid #80BC15; }
section#boxnews1 h3 { background:#90CD27; box-shadow:0 -5px 20px rgba(122,174,28,0.9) inset; color:#FFF; }
section#boxnews1 h3:before { background:#90CD27; box-shadow:-5px -5px 20px rgba(122,174,28,0.9) inset; }
section#boxnews1 article.sub-content { border-top:3px solid #90CD27; }
section#boxnews1 article.sub-content ul { border-bottom:3px solid #90CD27; }
section#boxnews1 a.more-highlight { background:#80BE15; color:#000000; box-shadow:0 -10px 20px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(0,0,0,.4); }
section#boxnews1 a.more-highlight:hover { background:#FFDE01; }

section#boxnews2 p.tagcloud { border-top:2px solid #FF003A; }
section#boxnews2 h3 { background:#FF003A; box-shadow:0 -5px 20px rgba(202,26,67,0.9) inset; color:#FFF; }
section#boxnews2 h3:before { background:#FF003A; box-shadow:-5px -5px 20px rgba(202,26,67,0.9) inset; }
section#boxnews2 article.sub-content { border-top:3px solid #FF003A; }
section#boxnews2 article.sub-content ul { border-bottom:3px solid #FF003A; }
section#boxnews2 a.more-highlight { background:#FF003A; color:#FFF; box-shadow:0 -10px 20px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(0,0,0,.4); }
section#boxnews2 a.more-highlight:hover { background:#FFDE01; }

section#boxnews3 p.tagcloud { border-top:2px solid #FF6B0D; }
section#boxnews3 h3 { background:#FF6B0D; box-shadow:0 -5px 20px rgba(202,26,67,0.9) inset; color:#FFF; }
section#boxnews3 h3:before { background:#FF6B0D; box-shadow:-5px -5px 20px rgba(202,26,67,0.9) inset; }
section#boxnews3 article.sub-content { border-top:3px solid #FF6B0D; }
section#boxnews3 article.sub-content ul { border-bottom:3px solid #FF6B0D; }
section#boxnews3 a.more-highlight { background:#FF6B0D; color:#FFF; box-shadow:0 -10px 20px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(0,0,0,.4); }
section#boxnews3 a.more-highlight:hover { background:#FFDE01; }

section#boxnews4 article.main-content ul { padding-top:2px; }
section#boxnews4 article.main-content ul li { width:160px !important; padding:3px 3px 3px 4px !important; }
section#boxnews4 article.main-content ul li:first-child { width:315px !important; }
section#boxnews4 p.tagcloud { border-top:2px solid #FFA10D; }
section#boxnews4 h3 { background:#FEC00D; box-shadow:0 -5px 20px rgba(255,161,13,0.9) inset; color:#FFF; }
section#boxnews4 h3:before { background:#FEC00D; box-shadow:-5px -5px 20px rgba(255,161,13,0.9) inset; }
section#boxnews4 article.sub-content { border-top:3px solid #FFA10D; }
section#boxnews4 article.sub-content ul { border-bottom:3px solid #FFA10D; }
section#boxnews4 a.more-highlight { background:#FEC00D; color:#FFF; box-shadow:0 -10px 20px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(0,0,0,.4); }
section#boxnews4 a.more-highlight:hover { background:#FFDE01; }

section#boxnews5 article.main-content ul { padding-top:3px; }
section#boxnews5 article.main-content ul li { width:156px !important; padding:0 3px 3px 3px !important; }
section#boxnews5 article.main-content ul li:first-child, section#boxnews5 article.main-content ul li:nth-child(2), section#boxnews5 article.main-content ul li:nth-child(3) { width:166px !important; height:263px !important; padding:1px !important; }
section#boxnews5 article.main-content ul li:first-child strong, section#boxnews5 article.main-content ul li:nth-child(2) strong, section#boxnews5 article.main-content ul li:nth-child(3) strong { text-align:center !important; }
section#boxnews5 article.main-content ul li a strong { color:#4A4A4A !important; }
section#boxnews5 p.tagcloud { border-top:2px solid #679100; }
section#boxnews5 h3 { background:#83BB02; box-shadow:0 -5px 20px rgba(103,145,0,0.9) inset; color:#FFF; }
section#boxnews5 h3:before { background:#83BB02; box-shadow:-5px -5px 20px rgba(103,145,0,0.9) inset; }
section#boxnews5 article.sub-content { border-top:3px solid #679100; }
section#boxnews5 article.sub-content>ul { border-bottom:3px solid #679100; overflow:hidden; padding-bottom:8px; }
section#boxnews5 article.sub-content>ul>li { padding:4px !important; font-size:12px; box-shadow:0 3px 4px rgba(0,0,0,0.3); }
section#boxnews5 article.sub-content>ul>li>strong { display:block; color:#FFFE9F; padding:3px 0 4px; text-align:center;  }
section#boxnews5 article.sub-content>ul>li:first-child a { color:#FFFFFF !important; }
section#boxnews5 article.sub-content>ul>li a img { display:block !important; float:none !important;  margin:0 auto 5px; border:1px solid #FFF; width:104px; }
section#boxnews5 article.sub-content>ul>li a span { display:block; border-top:1px dashed #FFFFFF; font-size:11px; padding-top:6px; margin-top:6px; }
section#boxnews5 article.sub-content>ul>li a:hover { text-decoration:none; }
section#boxnews5 article.sub-content>ul>li:nth-child(2) strong, section#boxnews5 article.sub-content>ul>li:nth-child(2) a { color:#776D0C !important; }
section#boxnews5 article.sub-content>ul>li:nth-child(2) a span { border-top:1px dashed #776D0C; }
section#boxnews5 article.sub-content>ul>li:first-child { width:121px; display:inline; float:left; background:#FA820A; text-align:center; margin:6px 0 0 5px; }
section#boxnews5 article.sub-content>ul>li:nth-child(2) { width:121px; display:inline; float:left; background:#FFF300; text-align:center; margin:6px 0 0 5px; }
section#boxnews5 article.sub-content>ul>li:nth-child(3) { width:180px; display:inline; float:left; background:#FA0064; margin:6px 0 0 5px; border-radius:10px; }
section#boxnews5 article.sub-content>ul>li:last-child { width:180px; display:inline; float:left; background:#00BAC1; margin:6px 0 0 5px; border-radius:10px; }
section#boxnews5 article.sub-content>ul>li>ul>li { border-bottom:1px dashed #CCCCCC; padding:6px 5px !important; }
section#boxnews5 article.sub-content>ul>li>ul>li a { color:#515151; font-size:11px; display:block !important; }
section#boxnews5 article.sub-content>ul>li>ul>li>a>strong { color:#00B5C1; font-size:12px; display:block; }
section#boxnews5 article.sub-content>ul>li>footer { text-align:center; padding:3px 0 0; }
section#boxnews5 article.sub-content>ul>li>footer a { color:#FFF; font-size:11px; }
section#boxnews5 a.more-highlight { background:#83BB02; color:#FFF; box-shadow:0 -10px 20px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(0,0,0,.4); }
section#boxnews5 a.more-highlight:hover { background:#FFDE01; }


section#boxnews6 article.main-content ul li { width:140px !important; padding:3px !important; height:205px !important; border-bottom:1px dashed #CCCCCC; color:#F80265; }
section#boxnews6 article.main-content ul li:first-child, section#boxnews6 article.main-content ul li:nth-child(2) { width:200px !important; height:290px !important; padding:4px 1px 1px !important; border:0; }
section#boxnews6 article.main-content ul li:first-child strong, section#boxnews6 article.main-content ul li:nth-child(2) strong { text-align:center !important; }
section#boxnews6 article.main-content ul li:nth-child(7), section#boxnews6 article.main-content ul li:nth-child(8), section#boxnews6 article.main-content ul li:nth-child(9), section#boxnews6 article.main-content ul li:nth-child(10) { width:280px !important; height:16px !important; border:0; margin:5px 0 0; }
section#boxnews6 article.main-content ul li a { display:inline !important; }
section#boxnews6 article.main-content ul li a strong { color:#4A4A4A !important; padding:0 !important; }
section#boxnews6 p.tagcloud { border-top:2px solid #D30859; }
section#boxnews6 h3 { background:#FA0062; box-shadow:0 -5px 20px rgba(211,8,89,0.9) inset; color:#FFF; }
section#boxnews6 h3:before { background:#FA0062; box-shadow:-5px -5px 20px rgba(211,8,89,0.9) inset; }
section#boxnews6 article.sub-content { border-top:3px solid #D30859; }
section#boxnews6 article.sub-content ul { border-bottom:3px solid #D30859; }
section#boxnews6 a.more-highlight { background:#FA0062; color:#FFF; box-shadow:0 -10px 20px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(0,0,0,.4); }
section#boxnews6 a.more-highlight:hover { background:#FFDE01; }

section#boxnews7 article.main-content ul li { width:140px !important; padding:3px !important; height:205px !important; border-bottom:1px dashed #CCCCCC; color:#003F84; }
section#boxnews7 article.main-content ul li:first-child, section#boxnews7 article.main-content ul li:nth-child(2) { width:200px !important; height:290px !important; padding:4px 1px 1px !important; border:0; }
section#boxnews7 article.main-content ul li:first-child strong, section#boxnews7 article.main-content ul li:nth-child(2) strong { text-align:center !important; }
section#boxnews7 article.main-content ul li:nth-child(7), section#boxnews7 article.main-content ul li:nth-child(8), section#boxnews7 article.main-content ul li:nth-child(9), section#boxnews7 article.main-content ul li:nth-child(10) { width:280px !important; height:16px !important; border:0; margin:5px 0 0; }
section#boxnews7 article.main-content ul li a { display:inline !important; }
section#boxnews7 article.main-content ul li a strong { color:#4A4A4A !important; padding:0 !important; }
section#boxnews7 p.tagcloud { border-top:2px solid #012C5E; }
section#boxnews7 h3 { background:#014085; box-shadow:0 -5px 20px rgba(1,44,94,0.9) inset; color:#FFF; }
section#boxnews7 h3:before { background:#014085; box-shadow:-5px -5px 20px rgba(1,44,94,0.9) inset; }
section#boxnews7 article.sub-content { border-top:3px solid #012C5E; }
section#boxnews7 article.sub-content ul { border-bottom:3px solid #012C5E; }
section#boxnews7 a.more-highlight { background:#014085; color:#FFF; box-shadow:0 -10px 20px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(0,0,0,.4); }
section#boxnews7 a.more-highlight:hover { background:#FFDE01; }

section#boxnews8 article.main-content ul { width:750px; display:inline; float:left; }
section#boxnews8 article.main-content ul li { width:126px !important; padding:5px !important; height:140px !important; color:#003F84; }
section#boxnews8 article.main-content ul li:first-child { width:340px !important; height:270px !important; padding:4px 1px 1px !important; border:0; }
section#boxnews8 article.main-content ul li:first-child a strong { color:#2F8294 !important;  }
section#boxnews8 article.main-content ul li a strong { color:#4A4A4A !important; padding:0 !important; }
section#boxnews8 p.tagcloud { border-top:2px solid #03878D; }
section#boxnews8 h3 { background:#00BAC3; box-shadow:0 -5px 20px rgba(3,135,141,0.9) inset; color:#FFF; }
section#boxnews8 h3:before { background:#00BAC3; box-shadow:-5px -5px 20px rgba(3,135,141,0.9) inset; }
section#boxnews8 article.sub-content { border-top:3px solid #03878D; }
section#boxnews8 article.sub-content ul { border-bottom:3px solid #03878D; }
section#boxnews8 a.more-highlight { background:#00BAC3; color:#FFF; box-shadow:0 -10px 20px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(0,0,0,.4); }
section#boxnews8 a.more-highlight:hover { background:#FFDE01; }
section#boxnews8 article.main-content ol { width:219px; display:inline; float:right; position:relative; margin:5px 10px 0 0; }
section#boxnews8 article.main-content ol:before { content:" "; display:block; width:215px; height:32px; background:rgba(255,255,255,.8); position:absolute; top:2px; left:2px; z-index:5; box-shadow:0 2px 3px rgba(0,0,0,0.3); }
section#boxnews8 article.main-content ol:after { content:" "; display:block; width:188px; height:26px; background:url(../images_CF/logo-homeanddecor.png) top right no-repeat; position:absolute; top:4px; left:5px; z-index:5; }
section#boxnews8 article.main-content ol li:first-child { border-bottom:1px dashed #00BAC1; padding:0 0 5px; }
section#boxnews8 article.main-content ol li:first-child a:first-child { display:block; font-size:12px; }
section#boxnews8 article.main-content ol li:first-child a:first-child img { border:2px solid #E8E8E8; }

section#boxnews8 article.main-content ol li { padding:4px 0 0; color:#2F8196; }
section#boxnews8 article.main-content ol li a { color:#2F8196; font-size:11px; }

section#boxnews9 article.main-content>ul { width:670px; display:inline; float:left; }
section#boxnews9 article.main-content>ul li { width:150px !important; padding:5px !important; height:130px !important; color:#003F84; }
section#boxnews9 article.main-content>ul li:first-child { width:340px !important; height:280px !important; padding:4px 1px 1px !important; border:0; }
section#boxnews9 article.main-content>ul li:first-child a strong { color:#2F8294 !important;  }
section#boxnews9 article.main-content>ul li a strong { color:#4A4A4A !important; padding:0 !important; }
section#boxnews9 p.tagcloud { border-top:2px solid #04965D; }
section#boxnews9 h3 { background:#01C176; box-shadow:0 -5px 20px rgba(4,150,93,0.9) inset; color:#FFF; }
section#boxnews9 h3:before { background:#01C176; box-shadow:-5px -5px 20px rgba(4,150,93,0.9) inset; }
section#boxnews9 a.more-highlight { background:#01C176; color:#FFF; box-shadow:0 -10px 20px rgba(0,0,0,0.2) inset, 0 2px 0 rgba(0,0,0,.4); }
section#boxnews9 a.more-highlight:hover { background:#FFDE01; }
section#boxnews9 article.main-content>ul li:nth-child(4) a img, section#boxnews9 article.main-content>ul li:nth-child(5) a img, section#boxnews9 article.main-content>ul li:nth-child(6) a img, section#boxnews9 article.main-content>ul li:nth-child(7) a img { display:inline; float:left; }
section#boxnews9 article.main-content>ul li:nth-child(4), section#boxnews9 article.main-content>ul li:nth-child(5), section#boxnews9 article.main-content>ul li:nth-child(6), section#boxnews9 article.main-content>ul li:nth-child(7) { height:55px !important; }
section#boxnews9 article.main-content aside { width:300px; display:inline; float:right; margin-right:10px; }
section#boxnews9 article.main-content aside ul { width:290px; border:1px solid #C7C7C7; border-radius:10px; padding:5px; margin-top:5px; }
section#boxnews9 article.main-content aside ul li { padding:3px 4px 2px; font-size:12px; }
section#boxnews9 article.main-content aside ul li:first-child { background:#A7E9CE; border-radius:5px; font-weight:bold; font-size:12px; }
section#boxnews9 article.main-content aside ul.football-today li span { display:inline-block; width:50px; display:inline; float:right; text-align:center; }
section#boxnews9 article.main-content aside ul.football-today li a { color:#333; }
section#boxnews9 article.main-content aside ul.football-today li:nth-child(3), section#boxnews9 article.main-content aside ul.football-today li:nth-child(5) { background:#C3EEDD; }
section#boxnews9 article.main-content aside ul.football-analysis ul { overflow:hidden; }
section#boxnews9 article.main-content aside ul.football-analysis li { text-align:center; clear:both; overflow:hidden; }
section#boxnews9 article.main-content aside ul.football-analysis li span { width:48px; display:inline; float:left; font-size:11px; color:#990000; }
section#boxnews9 article.main-content aside ul.football-analysis li span+span { float:right; }
section#boxnews9 article.main-content aside ul.football-analysis li strong { display:inline; float:left; width:186px; font-weight:normal; }
section#boxnews9 article.main-content aside ul.football-analysis li:first-child span { color:#000000; font-size:12px; }
section#boxnews9 article.main-content aside ul.football-analysis li a { color:#333; }
section#boxnews9 article.main-content aside ul.football-analysis li:nth-child(3), section#boxnews9 article.main-content aside ul.football-analysis li:nth-child(5) { background:#C3EEDD; }
section#boxnews9 article.sub-content { border-top:3px solid #04965D; }
section#boxnews9 article.sub-content ul { border-bottom:3px solid #04965D; padding:4px; }
section#boxnews9 article.sub-content ul li { display:block !important; width:100% !important; padding:0 !important; height:22px; border:1px solid #D9D9D9; border-right:0; border-bottom:0; }
section#boxnews9 article.sub-content ul li:first-child { background:#666666; color:#FFFFFF; font-size:12px; }
section#boxnews9 article.sub-content ul li:first-child a { color:#FFFFFF; }
section#boxnews9 article.sub-content ul li:first-child a:hover { text-decoration:none; color:#FFFFFF; }
section#boxnews9 article.sub-content ul li:last-child { border-bottom:1px solid #D9D9D9; }
section#boxnews9 article.sub-content ul li span, section#boxnews9 article.sub-content ul li em, section#boxnews9 article.sub-content ul li strong { display:inline; float:left; border-right:1px solid #D9D9D9; height:22px; line-height:22px; text-align:center; }
section#boxnews9 article.sub-content ul li a { display:block; }
section#boxnews9 article.sub-content ul li a span:first-child { width:40px; }
section#boxnews9 article.sub-content ul li a span:first-child img { display:block; margin-top:3px; float:none !important; border-radius:0 !important; border:0px solid #FFF !important;  }
section#boxnews9 article.sub-content ul li span { width:126px; }
section#boxnews9 article.sub-content ul li em { width:70px; font-style:normal; }
section#boxnews9 article.sub-content ul li strong { width:170px; font-weight:normal; }

div.hilightbox { width:990px; margin:0 auto; min-height:620px; position:relative; top:-2px; }
div.hilightbox div.target-banner { position:absolute; bottom:0px; right:10px; }

section#ads-news { width:1000px; margin:0 auto; padding:15px 0 25px; overflow:hidden; }
section#ads-news article.keyword { width:570px; display:inline; float:left; }
section#ads-news article.keyword header { display:inline; float:left; color:#FFFFFF; margin-left:4px; clear:both; background:#D60000; border-top-left-radius:10px; border-top-right-radius:20px; position:relative; padding:7px 30px 3px 20px; font-size:13px; box-shadow:0 -5px 20px rgba(152,0,0,.9) inset; text-shadow:0 1px 1px rgba(0,0,0,.5); font-weight:bold; }
section#ads-news article.keyword header:before { content:" "; width:20px; height:15px; background:#D60000; position:absolute; bottom:0; right:-10px; box-shadow:-5px -5px 20px rgba(152,0,0,.9) inset; }
section#ads-news article.keyword header:after { content:" "; width:1px; height:10px; background:#FFF; position:absolute; bottom:0; right:-19px; border:10px solid transparent; border-radius:100%; -webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -o-transform:rotate(-20deg); -ms-transform:rotate(-20deg) }
section#ads-news article.keyword header strong { color:#FFFF00; }
section#ads-news article.keyword article { display:block; position:relative; clear:both; border-top:3px solid #B80000; }
section#ads-news article.keyword article:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 12px 10px rgba(0,0,0,0.2); position:absolute; bottom:8px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#ads-news article.keyword article:after { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 12px 10px rgba(0,0,0,0.2); position:absolute; bottom:8px; right:5px; transform:rotate(-3deg); -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); }
section#ads-news article.keyword article p { background:#FFF; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px; position:relative; z-index:2; border:1px solid #CCC;  }
section#ads-news article.keyword header span { font-size:20px; position:absolute; bottom:-2px; right:7px; z-index:3; font-weight:normal; }

section#ads-news article.hotevent { width:570px; padding:15px 0 0; display:inline; float:left; position:relative; }
section#ads-news article.hotevent header { display:inline; float:left; color:#BE0100; margin-left:4px; clear:both; background:#FEB008; border-top-left-radius:10px; border-top-right-radius:20px; position:relative; padding:7px 30px 3px 20px; font-size:13px; box-shadow:0 -5px 20px rgba(202,123,4,.9) inset; text-shadow:0 1px 1px rgba(0,0,0,.1); font-weight:bold; text-transform:uppercase; }
section#ads-news article.hotevent header:before { content:" "; width:20px; height:15px; background:#FEB008; position:absolute; bottom:0; right:-10px; box-shadow:-5px -5px 20px rgba(202,123,4,.9) inset; }
section#ads-news article.hotevent header:after { content:" "; width:1px; height:10px; background:#FFF; position:absolute; bottom:0; right:-19px; border:10px solid transparent; border-radius:100%; -webkit-transform:rotate(-20deg); -moz-transform:rotate(-20deg); -o-transform:rotate(-20deg); -ms-transform:rotate(-20deg) }
section#ads-news article.hotevent header strong { color:#FFF; }
section#ads-news article.hotevent article { display:block; clear:both; position:relative; border-top:3px solid #FD9A00; }
section#ads-news article.hotevent article:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 12px 10px rgba(0,0,0,0.2); position:absolute; bottom:8px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#ads-news article.hotevent article:after { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 12px 10px rgba(0,0,0,0.2); position:absolute; bottom:8px; right:5px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -o-transform:rotate(3deg); }
section#ads-news article.hotevent article ul { background:#FDF8E4; position:relative; overflow:hidden; z-index:2; padding-bottom:5px; border:1px solid #CCC; display:block; }
section#ads-news article.hotevent article ul li { display:inline; float:left; width:263px; margin:5px 0 0 5px; padding:5px; border:1px solid #FFF; background:#F2E9C8; }
section#ads-news article.hotevent article ul li a { font-size:11px; color:#333333; }
section#ads-news article.hotevent article ul li a strong { font-size:12px; color:#900; }
section#ads-news article.hotevent article ul li a img { display:inline; float:left; margin-right:5px; border:1px solid #BBBBB9; }
section#ads-news article.hotevent footer { background:url(../images_CF/border-spring.png) top left repeat; width:300px; height:21px; position:absolute; top:34px; right:10px; z-index:5; }

section#ads-news article.shortnews { display:inline; float:right; width:395px; position:relative; background:#3B3C3F; margin-right:10px; border:5px solid #1A1A1A; border-radius:20px; box-shadow:-3px 4px 9px rgba(255,255,255,.1) inset, 0px 1px 0px rgba(255,255,255,.1) inset, 0 -100px 150px rgba(0,0,0,0.5) inset; }
section#ads-news article.shortnews:before { width:40px; height:4px; content:" "; display:block; position:absolute; top:-9px; border-top-left-radius:5px; border-top-right-radius:5px; left:15px; z-index:1; background:#000; }
section#ads-news article.shortnews:after { width:405px; height:20px; content:" "; display:block; position:absolute; bottom:-25px; left:-5px; z-index:1; border-top-left-radius:20px; border-top-right-radius:20px; background:#ccc; box-shadow:0 -8px 20px rgba(255,255,255,1) inset; }
section#ads-news article.shortnews header { background:#ECECEC; margin:12px 12px 0; border-top-left-radius:5px; border-top-right-radius:5px; overflow:hidden; }
section#ads-news article.shortnews header a { display:block; margin:0 25px; background:#0B6EE6; color:#FFF; font-size:18px; font-weight:bold; border-radius:0px 0px 40px 40px; padding:3px 0; text-align:center; box-shadow:0 -15px 25px rgba(23,170,255,1) inset, 0 2px 5px rgba(0,0,0,0.3); margin-bottom:5px; }
section#ads-news article.shortnews header a span { font-size:15px; color:#CBE4FF; font-weight:normal; }

section#ads-news article.shortnews #slide-up { height:270px; overflow:hidden; background:#ECECEC; margin:0 12px; }
section#ads-news article.shortnews #slide-up ul { -moz-animation:slide-up 25s infinite; -webkit-animation:slide-up 25s infinite; position:relative; top:0; left:0; }
section#ads-news article.shortnews #slide-up ul:hover { -moz-animation-play-state:paused; -webkit-animation-play-state:paused; }
section#ads-news article.shortnews #slide-up ul li { font-size:12px; border-bottom:1px solid #BEBEBE; border-top:1px solid #FFF; }
section#ads-news article.shortnews #slide-up ul li:first-child { border-top:0; }
section#ads-news article.shortnews #slide-up ul li:last-child { border-bottom:0; }
section#ads-news article.shortnews #slide-up ul li a { color:#333333; display:block; padding:5px 10px 6px 60px; position:relative; transition:background linear .1s; -moz-transition:background linear .1s; -webkit-transition:background linear .1s; -o-transition:background linear .1s; }
section#ads-news article.shortnews #slide-up ul li a:hover { background:#0F8CBB; text-decoration:none; color:#FFFFFF; }
section#ads-news article.shortnews #slide-up ul li a time { display:block; background:#1784FF; font-size:11px; color:#FFFFFF; padding:1px 3px; position:absolute; top:4px; left:5px; width:43px; }
section#ads-news article.shortnews #slide-up ul li a:hover time { background:#FF6600; }
section#ads-news article.shortnews footer { background:#ECECEC; margin:0 12px 12px; padding-top:15px; position:relative; width:371px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
section#ads-news article.shortnews footer p.go-sn { display:block; background:#1784FF; box-shadow:0 7px 10px rgba(13,100,202,.8) inset, 0 -2px 3px rgba(0,0,0,0.3); padding:3px 5px; border-bottom-left-radius:5px; }
section#ads-news article.shortnews footer p.go-sn a { color:#FFF; }
section#ads-news article.shortnews footer p.go-more { position:absolute; bottom:0; right:0; border-bottom-right-radius:5px; }
section#ads-news article.shortnews footer p.go-more a { display:block; color:#BE0100; background:#4A4A4C; border-radius:30px 0 0 0; position:relative; padding:7px 10px 5px 30px; color:#FFF; font-size:13px; box-shadow:-5px 2px 15px rgba(0,0,0,.9) inset, 0 -2px 3px rgba(0,0,0,0.3); text-shadow:0 1px 1px rgba(0,0,0,.1); font-weight:bold; }
@-webkit-keyframes slide-up { 
	0% {top:0px; opacity:1;}
	30% {top:0px; opacity:1;}
	32.5% { opacity:0.6; }
	35% {top:-270px; opacity:1;}
	65% {top:-270px; opacity:1;}
	67.5% { opacity:0.6; }
	70% {top:-540px; opacity:1;}
	99% {top:-540px; opacity:1;}
	99.5% { opacity:0.6; }
	100% {top:0px; opacity:1;}
}
@-moz-keyframes slide-up { 
	0% {top:0px; opacity:1;}
	30% {top:0px; opacity:1;}
	32.5% { opacity:0.6; }
	35% {top:-270px; opacity:1;}
	65% {top:-270px; opacity:1;}
	67.5% { opacity:0.6; }
	70% {top:-540px; opacity:1;}
	99% {top:-540px; opacity:1;}
	99.5% { opacity:0.6; }
	100% {top:0px; opacity:1;}
}

section#ads-horo { width:1000px; margin:0 auto; overflow:hidden; }
section#ads-horo article.horoscope { width:990px; margin:0 auto; position:relative; overflow:hidden; }
section#ads-horo article.horoscope:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#ads-horo article.horoscope header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#ads-horo article.horoscope header h3 { background:#8C39C9; display:inline; float:left; color:#FFFFFF; font-weight:normal; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(80,5,150,.9) inset; }
section#ads-horo article.horoscope header h3 a { color:#FFFFFF; font-size:30px; display:inline; float:left; padding:0; line-height:30px; }
section#ads-horo article.horoscope header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#ads-horo article.horoscope header em { color:#ccc; font-size:11px; font-style:normal; }
section#ads-horo article.horoscope ul { overflow:hidden; background:#000; min-height:230px; width:351px; display:inline; float:left; position:relative; z-index:2; border-top:3px solid #500596; padding:9px 5px 0; border-bottom-left-radius:10px; }
section#ads-horo article.horoscope ul li { display:inline; float:left; width:170px; margin-bottom:7px; overflow:hidden; }
section#ads-horo article.horoscope ul li a { color:#FFFFFF; font-size:12px; }
section#ads-horo article.horoscope ul li a strong { color:#D296FF; }
section#ads-horo article.horoscope ul li a img { opacity:1; -ms-transition:opacity linear .3s; -moz-transition:opacity linear .3s; -webkit-transition:opacity linear .3s; -o-transition:opacity linear .3s; display:inline; float:left; margin-right:5px; }
section#ads-horo article.horoscope ul li a:hover img { opacity:.7; }
section#ads-horo article.horoscope ul li:first-child { display:block; float:none; width:340px; }
section#ads-horo article.horoscope div.banner615 { width:615px; height:225px; display:inline; float:right; padding:7px; background:#000000; border-bottom-right-radius:10px; border-top:3px solid #500596; }
section#ads-horo article.horoscope footer { display:inline; float:right;  width:170px;  }
section#ads-horo article.horoscope footer a { display:block; padding:7px 15px 7px 25px; background:#8C39C9; border-radius:0 0 5px 20px; color:#FFF;  box-shadow:0 -5px 20px rgba(80,5,150,.9) inset; font-size:12px; margin:0 15px 0 0; }
section#ads-horo article.horoscope footer a:after { content:" คลิกที่นี่"; }

section#vdoclip article.vdoclip { width:990px; margin:0 auto; position:relative; overflow:hidden; }
section#vdoclip article.vdoclip:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#vdoclip article.vdoclip header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#vdoclip article.vdoclip header h3 { background:#01BAB2; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(0,151,142,.9) inset; }
section#vdoclip article.vdoclip header h3 a { color:#FFFFFF; font-size:30px; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#vdoclip article.vdoclip header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#vdoclip article.vdoclip header em { color:#ccc; font-size:11px; font-style:normal; }
section#vdoclip article.vdoclip ul { overflow:hidden; background:#FFFFFF; position:relative; z-index:2; border-top:3px solid #05C1B4; padding:9px 5px 0; box-shadow:0 0 2px rgba(0,0,0,0.5) inset; border-bottom-left-radius:10px; border-bottom-right-radius:10px;  }
section#vdoclip article.vdoclip ul li { display:inline; float:left; width:153px; text-align:center; min-height:120px; padding:0 5px; }
section#vdoclip article.vdoclip ul li a { color:#666666; font-size:12px; line-height:14px; }
section#vdoclip article.vdoclip ul li a img { opacity:1; -ms-transition:opacity linear .3s; -moz-transition:opacity linear .3s; -webkit-transition:opacity linear .3s; -o-transition:opacity linear .3s; display:block; width:145px; margin:0 auto; }
section#vdoclip article.vdoclip ul li a:hover img { opacity:.7; }
section#vdoclip article.vdoclip ul li:first-child { width:489px; min-height:297px; padding:0; }
section#vdoclip article.vdoclip ul li:first-child figcaption { clear:both; margin-top:1px; background:#585858; color:#FFFFFF; text-align:left; padding:5px; box-shadow:0 3px 2px rgba(0,0,0,0.2); }
section#vdoclip article.vdoclip footer { display:inline; float:right;  width:170px;  }
section#vdoclip article.vdoclip footer a { display:block; padding:7px 15px 7px 25px; background:#00BDB1; border-radius:0 0 5px 20px; color:#FFF;  box-shadow:0 -5px 20px rgba(0,151,142,.9) inset; font-size:12px; margin:0 15px 0 0; }
section#vdoclip article.vdoclip footer a:after { content:" คลิกที่นี่"; }

section#entertain { width:1000px; margin:0 auto; overflow:hidden; }
section#entertain article.photo { width:680px; display:inline; float:left; margin-left:5px; position:relative; }
section#entertain article.photo:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#entertain article.photo header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#entertain article.photo header h3 { background:#7CCC0B; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(112,187,8,.9) inset; }
section#entertain article.photo header h3 a { color:#FFFFFF; font-size:30px; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#entertain article.photo header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#entertain article.photo header em { color:#ccc; font-size:11px; font-style:normal; }
section#entertain article.photo ul { overflow:hidden; background:#FFFFFF; position:relative; z-index:2; border-top:3px solid #83D50E; padding:9px 0; box-shadow:0 0 5px rgba(0,0,0,0.5); border-bottom-left-radius:10px; border-bottom-right-radius:10px;  }
section#entertain article.photo ul li { display:inline-block; width:24.5%; text-align:center; margin-top:10px; vertical-align:top; }
section#entertain article.photo ul li a { display:block; }
section#entertain article.photo ul li a+a { color:#666666; font-size:12px; line-height:14px; display:inline; padding:0 5px; }
section#entertain article.photo ul li a img { opacity:1; -ms-transition:opacity linear .3s; -moz-transition:opacity linear .3s; -webkit-transition:opacity linear .3s; -o-transition:opacity linear .3s; }
section#entertain article.photo ul li a:hover img { opacity:.7; }
section#entertain article.photo footer { display:inline; float:right; width:190px;  }
section#entertain article.photo footer a { display:block; padding:7px 15px 7px 25px; background:#93EA12; border-radius:0 0 5px 20px; color:#000;  box-shadow:0 -5px 20px rgba(112,187,8,.9) inset; font-size:12px; margin:0 15px 0 0; }
section#entertain article.photo footer a:after { content:" คลิกที่นี่"; }

section#entertain div.banner300 { display:inline; float:right; width:300px; margin:10px 0 0; }

section#entertain article.musicstation { width:300px; background:url(../images_CF/hd-music.jpg) top center no-repeat; display:inline; float:right; position:relative; padding-top:50px; }
section#entertain article.musicstation header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:10px 0 0 0; padding:5px 10px; text-align:right; }
section#entertain article.musicstation header h3 { background:#00B4FE; display:inline; float:left; color:#FFFFFF; padding:5px 17px 0 8px; border-radius:0 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(5,149,199,.9) inset; }
section#entertain article.musicstation header h3 a { color:#FFFFFF; font-size:26px; font-weight:normal; text-shadow:0 -1px 0px #46751A; display:inline; float:left; padding:0; line-height:26px; }
section#entertain article.musicstation header h3 span { font-size:18px; display:inline; float:left; margin-right:5px; font-weight:normal; }
section#entertain article.musicstation header em { color:#ccc; font-size:11px; font-style:normal; }
section#entertain article.musicstation nav { border-top:2px solid #009ACA; }
section#entertain article.musicstation nav ul { overflow:hidden; border-bottom:3px solid #088FBF; box-shadow:0 -7px 15px #E1D4CE inset; background:#FFF; }
section#entertain article.musicstation nav ul li { display:inline; float:left; font-size:11px; }
section#entertain article.musicstation nav ul li:hover, section#entertain article.musicstation nav ul li.active { background:#088FBF; box-shadow:0 8px 10px rgba(9,193,246,.9) inset; }
section#entertain article.musicstation nav ul li a { color:#333333; display:block; padding:5px 4px 5px 5px; }
section#entertain article.musicstation nav ul li:last-child a { padding:5px 6px 5px 7px; }
section#entertain article.musicstation nav ul li a:hover, section#entertain article.musicstation nav ul li.active a { color:#FFFFFF; text-decoration:none; }
section#entertain article.musicstation nav ul li a:before { content:" "; display:inline-block; margin-right:1px; width:1px; height:1px; border-left:4px solid #333; border-top:3px solid transparent; border-bottom:3px solid transparent; }
section#entertain article.musicstation nav ul li:hover a:before, section#entertain article.musicstation nav ul li.active a:before { border-left:4px solid #FFF; }
section#entertain article.musicstation ol { border-left:5px solid #000; border-right:5px solid #000; border-top:0; }
section#entertain article.musicstation ol li { list-style-type:decimal-leading-zero; font-size:18px; color:#000; border-bottom:1px dashed #999999; list-style-position:inside; overflow:hidden; padding:0 0 0 5px; }
section#entertain article.musicstation ol li:hover { background:#17B2F4; box-shadow:0 -10px 20px rgba(0,0,0,0.3) inset; }
section#entertain article.musicstation ol li:last-child { border:0; }
section#entertain article.musicstation ol li a { font-size:12px; font-family:Tahoma; color:#666666; display:inline-block; padding:2px 3px 2px; width:250px; }
section#entertain article.musicstation ol li a:before { content:"เพลงใหม่ "; }
section#entertain article.musicstation ol li a span { display:inline; float:right; margin:3px 5px 0 0; }
section#entertain article.musicstation ol li:hover a:hover { color:#FFFFFF; text-decoration:none; }
section#entertain article.musicstation footer { background:#000000; padding:5px 0 0; border-bottom-left-radius:10px; border-bottom-right-radius:10px; width:300px; }
section#entertain article.musicstation footer a { display:block; color:#FFFFFF; font-weight:bold; text-shadow:0 -1px 1px rgba(0,0,0,0.3); margin:0 25px; background:#00B4FE; text-align:center; padding:5px 0; border-radius:40px 40px 0 0; box-shadow:0 -8px 20px rgba(8,130,171,.9) inset, 0 1px 2px rgba(255,255,255,.6) inset; }
section#entertain article.musicstation footer a:after { content:" ทั้งหมด คลิกที่นี่"; }

section#gamecenter { width:1000px; margin:0 auto; position:relative; background:url(../images_CF/bg-game-02.jpg) #000 bottom right no-repeat; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
section#gamecenter>header { background:#000; border-top-right-radius:10px; box-shadow:0 5px 35px rgba(255,255,255,.2) inset, 0 -2px 7px rgba(51,172,246,.9) inset, 0 -1px 1px rgba(51,172,246,.7) inset; position:relative; margin:10px 0 0 0; padding:5px 10px; text-align:right; }
section#gamecenter>header h3 { background:url(../images_CF/bg-game-01.jpg) #000 top left no-repeat; display:block; width:200px; height:42px; border-radius:10px 40px 0 0; position:absolute; top:-15px; left:0; display:inline; float:left; z-index:2; box-shadow:0 15px 20px rgba(51,172,246,.2) inset, 0 2px 10px rgba(51,172,246,.4) inset, 2px 1px 1px rgba(51,172,246,1), 0 1px 1px rgba(51,172,246,.7) inset; }
section#gamecenter>header h3 a { color:#80FBFF; font-size:18px; letter-spacing:9px; text-align:left; text-transform:uppercase; font-weight:normal; position:absolute; top:10px; left:55px; z-index:4; display:block; }
section#gamecenter>header h3 a strong { font-size:38px; font-family:Tahoma; display:block; padding-top:5px; line-height:32px; letter-spacing:0px; color:#66E6FF; background: -webkit-gradient(linear, left top, left bottom, from(#1E90AE), to(#83FDFF)); -webkit-background-size:100%; -webkit-text-fill-color: transparent; -webkit-background-clip:text; }
section#gamecenter>header h3 a:hover { text-decoration:none; }
section#gamecenter>header h3 span { font-size:32px; display:block; color:#80FBFF; position:absolute; top:17px; left:15px; z-index:4; font-weight:normal; }
section#gamecenter>header h3:after { content:" "; background:url(../images_CF/bg-game-01.jpg) #000 0 -41px no-repeat; width:210px; height:15px; display:block; position:absolute; bottom:-14px; left:0; z-index:3; }
section#gamecenter>header em { color:#80F6FF; font-size:11px; font-style:normal; }
section#gamecenter>article { background:url(../images_CF/bg-game-01.jpg) 0 -40px no-repeat; overflow:hidden; width:1000px; position:relative; padding-bottom:5px; }
section#gamecenter>article ol { width:270px; display:inline; float:right; margin:10px; }
section#gamecenter>article ol li { padding-bottom:5px; overflow:hidden; }
section#gamecenter>article ol li a { color:#FFF; font-size:12px; line-height:15px; display:block; }
section#gamecenter>article ol li a strong { color:#00E4FF; display:block; font-size:13px; }
section#gamecenter>article ol li a img { display:inline; float:left; margin:3px 3px 6px; border:1px solid #33ACF6; box-shadow:0 0 6px 2px rgba(30,167,214,.8); }
section#gamecenter>article ol li:after { width:270px; height:1px; display:block; clear:both; content:" "; background:#A2F5FF; box-shadow:0 0 3px 2px rgba(30,167,214,.8); }
section#gamecenter>article ul { overflow:hidden; width:400px; display:inline; float:right; margin-top:7px; }
section#gamecenter>article ul li { display:inline; float:left; width:100px; margin:5px 0; text-align:center; }
section#gamecenter>article ul li a { display:block; text-align:center; color:#FFFFFF; }
section#gamecenter>article ul li a img { border:1px solid #33ACF6; box-shadow:0 0 5px 2px rgba(30,167,214,1); -ms-transition:box-shadow linear .5s; -webkit-transition:box-shadow linear .3s; -moz-transition:box-shadow linear .3s; -o-transition:box-shadow linear .3s; }
section#gamecenter>article ul li a:hover img { border:1px solid #33E6F6; box-shadow:0 0 5px 2px rgba(30,167,214,.7), 0 0 5px 5px rgba(30,167,214,.6), 0 0 7px 10px rgba(30,167,214,.3); }
section#gamecenter article section.new { display:inline; float:right; width:285px; margin:40px 10px 0 0; }
section#gamecenter article section.new header { border-radius:40px 40px 0px 0px; font-size:13px; background:#02060B; border:1px solid #43B2F7; box-shadow:0 0 3px 2px rgba(30,167,214,.8), 0 5px 10px rgba(255,255,255,.4) inset; text-align:center; margin:0 40px; padding:3px 0; color:#8FFDFF; font-weight:bold; }
section#gamecenter article section.new article { background:#15445B; border-radius:10px; border:1px solid #43B2F7; box-shadow:0 0 3px 2px rgba(30,167,214,.8), 0 -100px 50px rgba(0,0,0,0.9) inset; text-align:center; padding:10px; }
section#gamecenter article section.new article a { display:block; background:#20528F; box-shadow:0 100px 80px rgba(0,0,0,0.9) inset; padding:10px; border-radius:10px; color:#FFF; font-size:12px; }
section#gamecenter article section.new article a:hover { text-decoration:none; color:#FFCC00; }
section#gamecenter article section.new article a img { border:1px solid #33ACF6; box-shadow:0 0 5px 2px rgba(30,167,214,.6); -ms-transition:box-shadow linear .5s; -webkit-transition:box-shadow linear .3s; -moz-transition:box-shadow linear .3s; -o-transition:box-shadow linear .3s; }
section#gamecenter article section.new article a:hover img { box-shadow:0 0 5px 2px rgba(30,167,214,.6), 0 0 5px 5px rgba(30,167,214,.4), 0 0 7px 10px rgba(30,167,214,.1); }
section#gamecenter footer { position:relative; z-index:4; min-height:38px; overflow:hidden; }
section#gamecenter footer:before { width:996px; margin:0 auto; height:1px; display:block; clear:both; content:" "; background:#A2F5FF; box-shadow:0 0 3px 2px rgba(30,167,214,.8); }
section#gamecenter footer>a { position:absolute; bottom:0; right:10px; display:block; padding:5px 15px 3px 25px; color:#FFFFFF; border-radius:40px 20px 0px 0px; font-size:13px; background:#02060B; border:1px solid #43B2F7; box-shadow:0 0 3px 3px rgba(30,167,214,.8), 0 5px 10px rgba(255,255,255,.4) inset; }
section#gamecenter footer>a:after { content:" คลิกที่นี่"; }
section#gamecenter footer p { width:760px; text-align:center; padding:2px 10px 0; }
section#gamecenter footer p a { color:#FFFFFF; font-size:11px; }
section#gamecenter footer p a:after { content:","; display:inline; }
section#gamecenter footer p a:last-child:after { content:""; }

div.target-middle { width:728px; margin:15px auto; }

section#glitter-icare { width:1000px; margin:15px auto 0; }
section#glitter-icare>article { width:500px; display:inline; float:left; position:relative; }
section#glitter-icare>article:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#glitter-icare>article header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#glitter-icare>article header h3 { background:#EA1299; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(190,6,117,.9) inset; }
section#glitter-icare>article header h3 a { color:#FFFFFF; font-size:30px; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#glitter-icare>article header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#glitter-icare>article header em { color:#ccc; font-size:11px; font-style:normal; }
section#glitter-icare>article ul { min-height:150px; overflow:hidden; background:#FFFFFF; position:relative; z-index:2; border-top:3px solid #CF0A7E; padding:4px 0 10px; box-shadow:0 0 5px rgba(0,0,0,0.5); border-bottom-left-radius:10px; border-bottom-right-radius:10px;  }
section#glitter-icare>article ul li { display:inline; float:left; width:166px; text-align:center; margin-top:10px; }
section#glitter-icare>article ul li a { color:#666666; font-size:12px; line-height:14px; display:block; }
section#glitter-icare>article footer a { display:inline; float:right; padding:7px 15px 7px 25px; background:#E4128F; box-shadow:0 -5px 20px rgba(184,10,114,.9) inset; border-radius:0 0 5px 20px; color:#FFF; font-size:12px; margin:0 15px 0 0; }
section#glitter-icare>article footer a:after { content:" คลิกที่นี่"; }
section#glitter-icare>article.glitter header { border-top-right-radius:0; }
section#glitter-icare>article.glitter ul { border-bottom-right-radius:0; }
section#glitter-icare>article.icare header h3 { background:#7EC4FF; box-shadow:0 -15px 20px rgba(157,211,255,.9) inset; }
section#glitter-icare>article.icare header h3 a { color:#FFF; display:block; font-size:30px; }
section#glitter-icare>article.icare header h3 a:after { content:" "; background:url(../images_CF/icon-icare.png) top right no-repeat; width:38px; height:46px; display:block; position:absolute; bottom:-3px; right:-9px; z-index:99; }
section#glitter-icare>article.icare ul { border-top:3px solid #7FC5FF; border-bottom-left-radius:0; }
section#glitter-icare>article.icare ul li { width:156px; border-right:1px dashed #666; text-align:left; padding:0 5px; }
section#glitter-icare>article.icare ul li a { display:block; font-size:12px; }
section#glitter-icare>article.icare ul li a img { border:1px solid #999; }
section#glitter-icare>article.icare ul li a strong { paddingp:5px 0 3px; font-size:13px; color:#068FFF; display:block; }
section#glitter-icare>article.icare ul li:last-child { border:0; }
section#glitter-icare>article.icare footer a { background:#60ABE8; box-shadow:0 -5px 20px rgba(157,211,255,.9) inset; }


section#socialcorner { width:1000px; margin:7px auto 0; overflow:hidden; clear:both; }
section#socialcorner>header { overflow:hidden; background:#83FD00; border-radius:10px 50px 0 0; box-shadow:0 -15px 25px rgba(104,188,0,.8) inset, 0 0 5px rgba(0,0,0,0.3); display:inline; float:left; padding:8px 0 0 20px; width:830px; margin-top:5px; }
section#socialcorner>header h3 { display:inline; float:left; padding:1px 20px 0 10px; font-size:30px; color:#1B5F00; text-shadow:0 2px 1px rgba(255,255,255,.5); line-height:30px; font-weight:normal; }
section#socialcorner>header h3 span { font-size:22px; font-weight:normal; }
section#socialcorner>header ul { display:inline; float:left; }
section#socialcorner>header ul li { display:inline; float:left; position:relative; z-index:4; }
section#socialcorner>header ul li:nth-child(2) { left:-5px; z-index:3; }
section#socialcorner>header ul li:nth-child(3) { left:-10px; z-index:2; }
section#socialcorner>header ul li:nth-child(4) { left:-15px; z-index:1; }
section#socialcorner>header ul li a { font-size:30px; color:#FFFFFF; padding:5px 30px 1px 50px; background:url(../images_CF/ico-fb.png) #3C5A98 10px center no-repeat; letter-spacing:1px; display:block; box-shadow:0 20px 25px rgba(0,0,0,0.1) inset, 0 0 5px rgba(0,0,0,0.6); border-radius:10px 40px 0 0; }
section#socialcorner>header ul li:nth-child(2) a { color:#28AAE1; background:url(../images_CF/ico-tw.png) #FFFFFF 10px center no-repeat; }
section#socialcorner>header ul li:nth-child(4) a { color:#E6ECF1; background:url(../images_CF/ico-ins.png) #326289 10px center no-repeat; }
section#socialcorner>header ul li:nth-child(3) a { color:#7A7C7C; box-shadow:0 20px 25px rgba(153,219,248,0.9) inset, 0 0 5px rgba(0,0,0,0.6); background:url(../images_CF/ico-msn.png) #FBFFFF 10px center no-repeat; }
section#socialcorner article.facebook { background:#6FCE00; clear:both; border-radius:10px; border-top-left-radius:0; position:relative; z-index:3; }
section#socialcorner article.facebook header { background:#3C5A99; box-shadow:0 0 3px rgba(0,0,0,0.3); padding:5px 10px; color:#FFFFFF; border-top-left-radius:10px; border-top-right-radius:10px; }
section#socialcorner article.facebook section { background:#FFF; overflow:hidden; padding:0 0 5px 0; border-left:5px solid #3C5A99; border-right:5px solid #3C5A99; border-bottom:10px solid #3C5A99; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
section#socialcorner article.facebook section ul { width:670px; display:inline; float:left; overflow:hidden; }
section#socialcorner article.facebook section ul li { width:314px; margin:5px 0 0 5px; display:inline; float:left; padding:8px; background:#EDEFF4; -ms-transition:background linear .3s; -webkit-transition:background linear .3s; -moz-transition:background linear .3s; -o-transition:background linear .3s; }
section#socialcorner article.facebook section ul li:hover { background:#C6D3F3; }
section#socialcorner article.facebook section ul li a { color:#3C5A99; font-size:12px; }
section#socialcorner article.facebook section ul li a img { display:inline; float:left; margin-right:5px; border:1px solid #C5C5C6; }
section#socialcorner article.facebook section ol { width:318px; display:inline; float:right; overflow:hidden; }
section#socialcorner article.facebook section ol li { width:106px; display:inline; float:left; padding:4px 0 2px; margin:4px 0 0; -ms-transition:background linear .3s; -moz-transition:background linear .3s; -webkit-transition:background linear .3s; -o-transition:background linear .3s; }
section#socialcorner article.facebook section ol li:hover { background:#CCCCCC; }
section#socialcorner article.facebook section ol li a { font-size:11px; color:#666666; display:block; text-align:center; }
section#socialcorner article.facebook section ol li a img { border:2px solid #FFF; }
section#socialcorner article.facebook section ol li a:hover img { border:2px solid #FFF; }
section#socialcorner article.facebook footer { position:absolute; bottom:0; right:0; }
section#socialcorner article.facebook footer a { display:block; padding:6px 20px 6px 20px; color:#FFFFFF; background:#395693; font-size:12px; border-radius:20px 0 10px 0; }
section#socialcorner article.facebook footer a:after { content:" คลิกที่นี่"; }

section#mobilecorner { width:1000px; margin:7px auto 0; overflow:hidden; }
section#mobilecorner>header { overflow:hidden; background:#00C3FD; border-radius:10px 50px 0 0; box-shadow:0 -15px 25px rgba(0,136,198,.5) inset, 0 0 5px rgba(0,0,0,0.3); display:inline; float:left; padding:8px 0 0 20px; width:650px; margin-top:5px; }
section#mobilecorner>header h3 { display:inline; float:left; padding:1px 20px 0 10px; font-size:30px; color:#002C56; text-shadow:0 2px 1px rgba(255,255,255,.5); line-height:30px; font-weight:normal; }
section#mobilecorner>header h3 span { font-size:22px; font-weight:normal; }
section#mobilecorner>header ul { display:inline; float:left; }
section#mobilecorner>header ul li { display:inline; float:left; position:relative; z-index:3; }
section#mobilecorner>header ul li:nth-child(2) { left:-5px; z-index:2; }
section#mobilecorner>header ul li:nth-child(3) { left:-10px; z-index:1; }
section#mobilecorner>header ul li a { font-size:30px; color:#FFFFFF; padding:5px 30px 1px 50px; background:url(../images_CF/ico-ios.png) #020202 10px center no-repeat; letter-spacing:1px; display:block; box-shadow:0 20px 25px rgba(0,0,0,0.1) inset, 0 0 5px rgba(0,0,0,0.6); border-radius:10px 40px 0 0; }
section#mobilecorner>header ul li:nth-child(2) a { color:#FFFFFF; background:url(../images_CF/ico-andriod.png) #31577C 10px center no-repeat; }
section#mobilecorner>header ul li:nth-child(3) a { color:#4A4A4A; background:url(../images_CF/ico-app.png) #FFF 10px center no-repeat; }
section#mobilecorner article.smartphone { background:#0090D1; clear:both; border-radius:10px; border-top-left-radius:0; position:relative; z-index:3; }
section#mobilecorner article.smartphone header { background:#020202; box-shadow:0 0 3px rgba(0,0,0,0.3); padding:5px 10px; color:#FFFFFF; border-top-left-radius:10px; border-top-right-radius:10px; }
section#mobilecorner article.smartphone section { background:#FFF; overflow:hidden; padding:0 0 5px 0; border-left:5px solid #020202; border-right:5px solid #020202; border-bottom:10px solid #020202; border-bottom-left-radius:10px; }
section#mobilecorner article.smartphone section ol { width:480px; display:inline; float:left; overflow:hidden; }
section#mobilecorner article.smartphone section ol li { width:150px; display:inline; float:left; margin:7px 0 0 10px; }
section#mobilecorner article.smartphone section ol li a { font-size:11px; color:#666666; display:block; }
section#mobilecorner article.smartphone section ol li a img { -ms-transition:opacity linear .3s; -moz-transition:opacity linear .3s; -webkit-transition:opacity linear .3s; -o-transition:opacity linear .3s; }
section#mobilecorner article.smartphone section ol li a:hover img { opacity:.7; }
section#mobilecorner article.smartphone section ol li a strong { color:#232323; font-size:12px; }
section#mobilecorner article.smartphone section ul { width:500px; display:inline; float:right; overflow:hidden; }
section#mobilecorner article.smartphone section ul li { width:230px; margin:5px 5px 0 0; min-height:70px; line-height:13px; overflow:hidden; display:inline; float:left; padding:5px; border:1px solid #C6C6C6; -ms-transition:background linear .3s; -moz-transition:background linear .3s; -webkit-transition:background linear .3s; -o-transition:background linear .3s; }
section#mobilecorner article.smartphone section ul li:hover { background:#FFF5DC; }
section#mobilecorner article.smartphone section ul li a { color:#8A8A8A; font-size:11px; }
section#mobilecorner article.smartphone section ul li a strong { color:#0090D3; font-size:12px; }
section#mobilecorner article.smartphone section ul li a img { display:inline; float:left; margin-right:5px; }
section#mobilecorner article.smartphone footer { display:inline; float:right; }
section#mobilecorner article.smartphone footer a { display:block; padding:0px 20px 6px 20px; color:#FFFFFF; background:#020202; font-size:12px; border-radius:0 0 10px 20px; }
section#mobilecorner article.smartphone footer a:after { content:" คลิกที่นี่"; }

section#mobilecorner article.android header { background:#31577C; }
section#mobilecorner article.android section { border-left:5px solid #31577C; border-right:5px solid #31577C; border-bottom:10px solid #31577C; }
section#mobilecorner article.android footer a { background:#31577C; }

section#mobilecorner article.app header { background:#9C9C9C; }
section#mobilecorner article.app section { border-left:5px solid #9C9C9C; border-right:5px solid #9C9C9C; border-bottom:10px solid #9C9C9C; }
section#mobilecorner article.app section ul { width:980px; display:block; float:none; overflow:hidden; }
section#mobilecorner article.app section ul li { width:80px; margin:5px 0 0 6px; display:inline; float:left; padding:5px 6px 5px 6px; border:0; }
section#mobilecorner article.app section ul li:hover { background:none; padding:0px 6px 10px 6px; }
section#mobilecorner article.app section ul li a { color:#8A8A8A; font-size:12px; }
section#mobilecorner article.app section ul li a strong { color:#0090D3; font-size:13px; display:block; }
section#mobilecorner article.app section ul li a img { display:block; margin-right:0; }
section#mobilecorner article.app footer a { background:#9C9C9C; }

section#pr { width:1000px; margin:7px auto 0; position:relative; clear:both; overflow:hidden; }
section#pr header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#pr header h3 { background:#01BBEC; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(1,139,202,.9) inset; }
section#pr header h3 a { color:#FFFFFF; font-size:30px; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#pr header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#pr header em { color:#ccc; font-size:11px; font-style:normal; }
section#pr article { overflow:hidden; background:#FFFFFF; position:relative; z-index:2; border-top:3px solid #0C8FD5; padding:0 0 9px; box-shadow:0 0 5px rgba(0,0,0,0.3) inset; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
section#pr article ul { clear:both; overflow:hidden; }
section#pr article ul li { display:inline; float:left; width:150px; margin:0 0 5px 5px; padding:5px; height:50px; overflow:hidden; }
section#pr article ul li a { color:#666; font-size:11px; display:block; line-height:13px; }
section#pr article ul li a img { display:inline; float:left; margin-right:5px; }
section#pr article ul li:nth-child(2), section#pr article ul li:nth-child(4), section#pr article oul li:nth-child(6), section#pr article ul li:nth-child(7), section#pr article ul li:nth-child(9), section#pr article ul li:nth-child(11), section#pr article ul li:nth-child(14), section#pr article ul li:nth-child(16), section#pr article ul li:nth-child(18) { background:#ECECEC; }

section#women { width:1000px; margin:7px auto 0; position:relative; overflow:hidden; }
section#women:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#women header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#women header h3 { background:#FC0174; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(194,0,87,.9) inset; }
section#women header h3 a { color:#FFFFFF; font-size:30px; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#women header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#women header em { color:#ccc; font-size:11px; font-style:normal; }
section#women aside { background:#FC0175; box-shadow:0 -15px 20px rgba(194,0,87,.9) inset; padding:7px; }
section#women aside a { color:#FFF; font-size:12px; }
section#women aside a:after { content:","; }
section#women aside a:last-child:after { content:""; }
section#women article { overflow:hidden; background:#FFFFFF; position:relative; z-index:2; border-top:3px solid #CC005B; padding:9px 0; box-shadow:0 0 5px rgba(0,0,0,0.3) inset; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
section#women article ul { overflow:hidden; margin:0 0 0 10px; width:680px; display:inline; float:left; }
section#women article ul li { display:inline; float:left; width:225px; margin:0 0 8px 8px; }
section#women article ul li a { color:#0F0F0F; font-size:12px; line-height:14px; display:block; }
section#women article ul li a strong { color:#FC2582; }
section#women article ul li a img { border:1px solid #ccc; display:inline; float:left; margin-right:5px; }
section#women article ul li a:hover img { border:1px solid #F90076; }
section#women article ul li:first-child { width:210px; margin:0 0 8px 0; }
section#women article ul li:first-child a strong { display:block; }
section#women footer a { display:inline; float:right; padding:7px 15px 7px 25px; background:#FC0174; box-shadow:0 -10px 15px rgba(173,1,77,.9) inset; border-radius:0 0 5px 20px; color:#FFF; font-size:12px; margin:0 15px 0 0; }
section#women .target-banner { width:300px; display:inline; float:right; margin:5px 10px 0 0; }
section#women footer a:after { content:" ทั้งหมดคลิกที่นี่"; }

section#wedding-baby { width:1000px; margin:0px auto 0; overflow:hidden; }
section#wedding-baby>article { width:500px; display:inline; float:left; position:relative; }
section#wedding-baby>article:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#wedding-baby>article header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#wedding-baby>article header h3 { background:#F7D267; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(169,123,1,.9) inset; }
section#wedding-baby>article header h3 a { color:#FFFFFF; font-size:30px; text-shadow:0 -2px 0px #666; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#wedding-baby>article header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; text-shadow:0 -2px 0px #666; font-weight:normal; }
section#wedding-baby>article header em { color:#ccc; font-size:11px; font-style:normal; }
section#wedding-baby>article ul { overflow:hidden; background:#FFECC4; position:relative; z-index:2; border-top:3px solid #A97B01; padding:4px 0 10px; box-shadow:0 0 5px rgba(0,0,0,0.5); border-bottom-left-radius:10px; border-bottom-right-radius:10px;  }
section#wedding-baby>article ul li { display:inline; float:left; width:270px; margin:0 0 0 5px; border-bottom:1px dashed #D8BB7F; background:#FFFFFF; padding:5px; -ms-transition:background linear .3s; -webkit-transition:background linear .3s; -moz-transition:background linear .3s; -o-transition:background linear .3s; }
section#wedding-baby>article ul li:hover { background:#FFF7E7; }
section#wedding-baby>article ul li a { color:#666666; font-size:12px;  }
section#wedding-baby>article ul li a img { display:inline; float:left; margin-right:5px; border:1px solid #AFAFAD; }
section#wedding-baby>article ul li:first-child { width:190px; padding:5px; border-bottom:0; }
section#wedding-baby>article.wedding ul li:first-child a strong { color:#997100; display:block;  }
section#wedding-baby>article footer a { display:inline; float:right; padding:7px 15px 7px 25px; background:#F7D267; box-shadow:0 -5px 20px rgba(169,123,1,.9) inset; border-radius:0 0 5px 20px; color:#000; font-size:12px; margin:0 15px 0 0; }
section#wedding-baby>article footer a:after { content:" ทั้งหมด คลิกที่นี่";}
section#wedding-baby>article.wedding header { border-top-right-radius:0; }
section#wedding-baby>article.wedding ul { border-bottom-right-radius:0; }
section#wedding-baby>article.wedding ul li { padding:8px 5px; }
section#wedding-baby>article.baby header h3 { background:#04BEF7; box-shadow:0 -15px 20px rgba(1,124,245,.9) inset; }
section#wedding-baby>article.baby ul { border-top:3px solid #007BF5; border-bottom-left-radius:0; background:#16BFF8; }
section#wedding-baby>article.baby ul li { width:142px; border-right:1px dashed #666; border-bottom:0; padding:8px 10px; margin:0; min-height:190px; }
section#wedding-baby>article.baby ul li:hover { background:#CEF3FF; }
section#wedding-baby>article.baby ul li a { font-size:12px; display:block; text-align:center; }
section#wedding-baby>article.baby ul li a+a { display:inline; }
section#wedding-baby>article.baby ul li a img { border:1px solid #A0A0A0; float:none; }
section#wedding-baby>article.baby ul li:first-child { margin-left:6px; }
section#wedding-baby>article.baby ul li:last-child { border:0; }
section#wedding-baby>article.baby footer a { background:#04BEF7; box-shadow:0 -5px 20px rgba(1,124,245,.9) inset; color:#FFFFFF; }

section#health-pet { width:1000px; margin:0px auto 0; overflow:hidden; }
section#health-pet>article { width:500px; display:inline; float:left; position:relative; }
section#health-pet>article:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#health-pet>article header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#health-pet>article header h3 { background:#46E5FB; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(22,184,249,.9) inset; }
section#health-pet>article header h3 a { color:#FFFFFF; font-size:30px; text-shadow:0 -2px 0px #666; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#health-pet>article header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; text-shadow:0 -2px 0px #666; font-weight:normal; }
section#health-pet>article header em { color:#ccc; font-size:11px; font-style:normal; }
section#health-pet>article ul { overflow:hidden; background:#FFF; position:relative; z-index:2; border-top:3px solid #23C3FF; padding:4px 0 10px; box-shadow:0 0 5px rgba(0,0,0,0.5); border-bottom-left-radius:10px; border-bottom-right-radius:10px;  }
section#health-pet>article ul li { display:inline; float:left; width:270px; margin:0 0 0 5px; border-bottom:1px dashed #D8BB7F; background:#FFFFFF; padding:7px 5px; }
section#health-pet>article ul li a { color:#666; font-size:12px;  }
section#health-pet>article ul li a img { display:inline; float:left; margin-right:5px; border:1px solid #B18932; }
section#health-pet>article ul li:first-child { width:190px; padding:5px; border-bottom:0; }
section#health-pet>article.pet ul li:first-child a strong { color:#997100; display:block;  }
section#health-pet>article footer a { display:inline; float:right; padding:7px 15px 7px 25px; background:#46E5FB; box-shadow:0 -5px 20px rgba(22,184,249,.9) inset; border-radius:0 0 5px 20px; color:#000; font-size:12px; margin:0 15px 0 0; }
section#health-pet>article footer a:after { content:" ทั้งหมด คลิกที่นี่"; }
section#health-pet>article.health header { border-top-right-radius:0; }
section#health-pet>article.pet header { background:#E7C27B; }
section#health-pet>article.pet header em { color:#815C16; }
section#health-pet>article.health ul { border-bottom-right-radius:0; }
section#health-pet>article.pet header h3 { background:#C59540; box-shadow:0 -15px 20px rgba(135,99,21,.9) inset; }
section#health-pet>article.pet ul { border-top:3px solid #BB9238; border-bottom-left-radius:0; }
section#health-pet>article.health ul li { width:142px; border-right:1px dashed #9F9F9F; border-bottom:0; padding:8px 10px; margin:0; }
section#health-pet>article.pet ul li a strong { color:#9B752C; }
section#health-pet>article.health ul li a img { float:none; border:2px solid #ccc; -ms-transition:opacity linear .3s; -webkit-transition:opacity linear .3s; -moz-transition:opacity linear .3s; -o-transition:opacity linear .3s; }
section#health-pet>article.health ul li a { font-size:12px; display:block; text-align:center; }
section#health-pet>article.health ul li a+a { display:inline; }
section#health-pet>article.health ul li a strong { font-size:13px; }
section#health-pet>article.health ul li a:hover img { border:2px solid #23C3FF; opacity:.7; }
section#health-pet>article.health ul li:first-child { margin-left:6px; }
section#health-pet>article ul li:last-child { border:0; }
section#health-pet>article.pet footer a { background:#C59540; box-shadow:0 -5px 20px rgba(135,99,21,.9) inset; }

section#men { width:1000px; margin:0 auto 0; position:relative; overflow:hidden; }
section#men:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#men header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#men header h3 { background:#006EF3; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(1,79,179,.9) inset; }
section#men header h3 a { color:#FFFFFF; font-size:30px; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#men header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#men header em { color:#ccc; font-size:11px; font-style:normal; }
section#men article { overflow:hidden; background:#FFFFFF; position:relative; z-index:2; border-top:3px solid #006FF4; box-shadow:0 0 5px rgba(0,0,0,0.3) inset; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
section#men article ul { overflow:hidden; width:680px; display:inline; float:left; margin:3px 0 5px 5px; }
section#men article ul li { display:inline; float:left; width:217px; padding:5px; margin-top:5px; -ms-transition:background linear .3s; -webkit-transition:background linear .3s; -moz-transition:background linear .3s; -o-transition:background linear .3s; }
section#men article ul li:hover { background:#D1E6FF; }
section#men article ul li a { color:#0F0F0F; font-size:12px; line-height:14px; display:block; }
section#men article ul li a strong { color:#106BC9; }
section#men article ul li a img { border:1px solid #106BC9; display:inline; float:left; margin-right:3px; }
section#men article ul li:first-child { width:210px; margin:0; }
section#men article ul li:first-child a strong { display:block; }
section#men footer a { display:inline; float:right; padding:7px 15px 7px 25px; background:#006EF3; box-shadow:0 -10px 15px rgba(1,79,179,.9) inset; border-radius:0 0 5px 20px; color:#FFF; font-size:12px; margin:0 15px 0 0; }
section#men footer a:after { content:" ทั้งหมด คลิกที่นี่"; }
section#men .target-banner { width:300px; display:inline; float:right; margin:10px 10px 0 0; }

section#home { width:1000px; margin:0 auto 0; position:relative; overflow:hidden; }
section#home:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#home header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#home header h3 { background:#89C2B9; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(100,159,149,.9) inset; }
section#home header h3 a { color:#FFFFFF; font-size:30px; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#home header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#home header em { color:#ccc; font-size:11px; font-style:normal; }
section#home article { overflow:hidden; background:#FFFFFF; position:relative; z-index:2; border-top:3px solid #86BFB8; padding:9px 0; box-shadow:0 0 5px rgba(0,0,0,0.3) inset; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
section#home article ul { overflow:hidden; padding-bottom:10px; }
section#home article ul li { display:inline; float:left; width:134px; padding:10px 10px; border-left:1px dashed #CCCCCC; -ms-transition:background linear .3s; -webkit-transition:background linear .3s; -moz-transition:background linear .3s; -o-transition:background linear .3s; }
section#home article ul li:hover { background:#CCF3ED; }
section#home article ul li a { color:#0F0F0F; font-size:12px; text-align:center; display:block; }
section#home article ul li a+a { display:inline; }
section#home article ul li a strong { color:#629A91; font-size:13px; }
section#home article ul li a img { border:1px solid #629A91; }
section#home article ul li:first-child { width:345px; height:243px; margin:0 15px; overflow:hidden; position:relative; border:1px solid #629A91; padding:0; }
section#home article ul li:first-child a+a { position:absolute; display:block; padding:3px 10px; width:325px; bottom:0; left:0; background:#6BA79E; background:rgba(107,167,158,.9); color:#FFFFFF; text-align:left; }
section#home article ul li:first-child a strong { display:block; color:#FFFFFF; }
section#home article ul li:first-child a img { -ms-transition:opacity linear .3s; -webkit-transition:opacity linear .3s; -moz-transition:opacity linear .3s; -o-transition:opacity linear .3s; }
section#home article ul li:first-child a:hover img { opacity:.7; }
section#home footer a { display:inline; float:right; padding:7px 15px 7px 25px; background:#89C2B9; box-shadow:0 -10px 15px rgba(100,159,149,.9) inset; border-radius:0 0 5px 20px; color:#FFF; font-size:12px; margin:0 15px 0 0; }
section#home footer a:after { content:" ทั้งหมด คลิกที่นี่"; }

section#guide { width:1000px; margin:7px auto 0; position:relative; overflow:hidden; }
section#guide:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#guide header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#guide header h3 { background:#81CB0E; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(99,165,5,.9) inset; }
section#guide header h3 a { color:#FFFFFF; font-size:30px; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#guide header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#guide header em { color:#ccc; font-size:11px; font-style:normal; }
section#guide article { overflow:hidden; background:#FFFFFF; position:relative; z-index:2; border-top:3px solid #75C107; padding:9px 0; box-shadow:0 0 5px rgba(0,0,0,0.3) inset; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
section#guide article ul { overflow:hidden; margin:0 0 0 10px; width:680px; display:inline; float:left; }
section#guide article ul li { display:inline; float:left; width:150px; padding:0 10px; border-left:1px dashed #CCCCCC; }
section#guide article ul li a { color:#0F0F0F; font-size:12px; line-height:14px; }
section#guide article ul li a strong { color:#020202; padding-bottom:5px; display:block; }
section#guide article ul li a img { border:1px solid #CCCCCC; -ms-transition:opacity linear .3s; -webkit-transition:opacity linear .3s; -moz-transition:opacity linear .3s; -o-transition:opacity linear .3s; }
section#guide article ul li a:hover img { opacity:.7; }
section#guide article ul li:first-child { border:0; padding-left:0; }
section#guide footer a { display:inline; float:right; padding:7px 15px 7px 25px; background:#81CB0E; box-shadow:0 -10px 15px rgba(99,165,5,.9) inset; border-radius:0 0 5px 20px; color:#FFF; font-size:12px; margin:0 15px 0 0; }
section#guide footer a:after { content:" คลิกที่นี่";}
section#guide .target-banner { width:300px; display:inline; float:right; margin:10px 10px 0 0; }

section#travel { width:1000px; margin:0 auto 0; position:relative; overflow:hidden; }
section#travel:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#travel header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#travel header h3 { background:#26BF02; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(11,139,16,.9) inset; }
section#travel header h3 a { color:#FFFFFF; font-size:30px; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#travel header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#travel header em { color:#ccc; font-size:11px; font-style:normal; }
section#travel article { overflow:hidden; background:#FFFFFF; position:relative; z-index:2; border-top:3px solid #29C300; padding:9px 0; box-shadow:0 0 5px rgba(0,0,0,0.3) inset; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
section#travel article ul { overflow:hidden; }
section#travel article ul li { display:inline; float:left; width:305px; margin:0 0 5px 10px; -ms-transition:background linear .3s; -webkit-transition:background linear .3s; -moz-transition:background linear .3s; -o-transition:background linear .3s; }
section#travel article ul li:hover { background:#D7F2AD; }
section#travel article ul li a { color:#0F0F0F; font-size:12px; line-height:14px; display:block; }
section#travel article ul li a strong { color:#069; }
section#travel article ul li a img { border:1px solid #4B9837; display:inline; float:left; margin-right:5px; }
section#travel article ul li:first-child { width:345px; margin:0 0 0 10px; overflow:hidden; position:relative; border:1px solid #C7C5C6; padding:0; }
section#travel article ul li:first-child a+a { position:absolute; display:block; width:100%; padding:8px 10px; bottom:0; left:0; background:#4C4C4C; background:rgba(0,0,0,.6); color:#FFFFFF; }
section#travel article ul li:first-child a strong { display:block; color:#FFFFFF; }
section#travel footer a { display:inline; float:right; padding:7px 15px 7px 25px; background:#26BF02; box-shadow:0 -10px 15px rgba(11,139,16,.9) inset; border-radius:0 0 5px 20px; color:#FFF; font-size:12px; margin:0 15px 0 0; }
section#travel footer a:after { content:" คลิกที่นี่"; }

section#services { width:1000px; margin:0 auto 0; overflow:hidden; clear:both; padding-bottom:10px; }

section#services article.topservice { width:180px; display:inline; float:left; margin-left:10px; }
section#services article.topservice>header { border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#services article.topservice>header h3 { background:#444444; display:inline; float:left; color:#FFFFFF; padding:5px 20px 0 5px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; }
section#services article.topservice>header h3 a { color:#FFFFFF; font-size:30px; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#services article.topservice>header h3 span { font-size:20px; display:inline; float:left; margin-right:5px; font-weight:normal; }
section#services article.topservice>section { border:1px solid #666; border-bottom:0; }
section#services article.topservice>section header { background:#E9E9E9; padding:4px 5px; box-shadow:0 -5px 20px rgba(0,0,0,0.2) inset; }
section#services article.topservice>section:last-child { border-bottom:1px solid #666; border-top:0;  border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
section#services article.topservice>section ul { padding-bottom:7px; }
section#services article.topservice>section ul li { display:block; }
section#services article.topservice>section ul li a { display:block; padding:3px 10px; color:#666; -ms-transition:padding linear .3s; -webkit-transition:padding linear .3s; -moz-transition:padding linear .3s; -o-transition:padding linear .3s; }
section#services article.topservice>section ul li a:hover { padding:3px 0 3px 20px; }
section#services article.topservice>section ul li a:before { content:"» "; }
section#services article.topservice>section ul li:hover { background:#FAE6C2; }

section#services article.xfile { width:790px; display:inline; float:right; margin-right:10px; position:relative; }
section#services article.xfile:before { content:" "; width:200px; height:50px; z-index:1; display:block; box-shadow:-10px 15px 10px rgba(0,0,0,0.2); position:absolute; bottom:35px; left:25px; -ms-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -o-transform:rotate(-3deg); }
section#services article.xfile header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#services article.xfile header h3 { background:#29C700; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(118,229,53,.9) inset; }
section#services article.xfile header h3 a { color:#FFFFFF; font-size:30px; display:inline; float:left; padding:0; line-height:30px; font-weight:normal; }
section#services article.xfile header h3 span { font-size:24px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#services article.xfile header em { color:#ccc; font-size:11px; font-style:normal; }
section#services article.xfile ul { overflow:hidden; background:#FFFFFF; position:relative; z-index:2; border-top:3px solid #76E535; border-left:1px solid #48E800; border-right:1px solid #48E800; }
section#services article.xfile ul li { display:inline; float:left; width:146px; text-align:center; border-right:1px dashed #CCCCCC; padding:0 5px; margin:10px 0; }
section#services article.xfile ul li:last-child { border-right:0; }
section#services article.xfile ul li a { color:#666666; font-size:12px; line-height:14px; display:block; }
section#services article.xfile ol { overflow:hidden; background:#FFFFFF; position:relative; z-index:2; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px 5px; border:1px solid #48E800; border-top:0; }
section#services article.xfile ol li { display:inline; float:left; width:188px; margin:5px 0 0 5px; overflow:hidden; }
section#services article.xfile ol li a { color:#666; }
section#services article.xfile ol li a img { display:inline; float:left; margin-right:5px; border:1px solid #AFAFAF; }
section#services article.xfile footer a { display:inline; float:right; padding:7px 15px 7px 25px; background:#29C700; box-shadow:0 -5px 20px rgba(118,229,53,.9) inset; border-radius:0 0 5px 20px; color:#FFF; font-size:12px; margin:0 15px 0 0; }
section#services article.xfile footer a:after { content:" คลิกที่นี่"; }

section#services article.luckydraw { width:790px; display:inline; float:right; margin-right:10px; position:relative; }
section#services article.luckydraw header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#services article.luckydraw header h3 { background:#FFE304; display:inline; float:left; color:#000; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(255,246,0,.9) inset; }
section#services article.luckydraw header h3 a { color:#000; font-size:20px; display:inline; float:left; padding:0; line-height:25px; }
section#services article.luckydraw header h3 span { font-size:20px; display:inline; float:left; margin-right:10px; font-weight:normal; }
section#services article.luckydraw header em { color:#ccc; font-size:11px; font-style:normal; }
section#services article.luckydraw ul { overflow:hidden; background:#FFFFFF; position:relative; z-index:2; box-shadow:0 3px 2px rgba(0,0,0,0.2); border:1px solid #FDE500; border-top:3px solid #FDE500; border-right:1px solid #FDE500; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
section#services article.luckydraw ul li { display:inline; float:left; width:187px; text-align:center; padding:0 5px; margin:10px 0 5px; }
section#services article.luckydraw ul li a+a:before { content:"ชิงรางวัล "; color:#990000; font-weight:bold; }
section#services article.luckydraw ul li a { color:#666666; font-size:12px; line-height:14px; display:block; }
section#services article.luckydraw ul li a img { border:1px solid #AFAFAF; }
section#services article.luckydraw ol { overflow:hidden; background:#666; position:relative; z-index:1; padding:15px 5px 10px; top:-10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
section#services article.luckydraw ol li { display:inline; float:left; width:188px; margin:5px 0 0 5px; overflow:hidden; }
section#services article.luckydraw ol li a+a:before { content:"ประกาศผล "; color:#FC0; font-weight:bold; }
section#services article.luckydraw ol li a { color:#FFF; }
section#services article.luckydraw ol li a img { display:inline; float:left; margin-right:5px; border:1px solid #AFAFAF; }

section#services article.webdirectory { width:790px; display:inline; float:left; margin-left:10px; position:relative; overflow:hidden; }
section#services article.webdirectory header { background:#000; border-top-right-radius:10px; box-shadow:0 3px 35px rgba(255,255,255,.6) inset; position:relative; margin:12px 0 0 0; padding:5px 10px; text-align:right; }
section#services article.webdirectory header h3 { background:#80A095; display:inline; float:left; color:#FFFFFF; padding:5px 30px 0 10px; border-radius:10px 40px 0 0; position:absolute; bottom:0; left:0; z-index:2; box-shadow:0 -15px 20px rgba(76,125,106,.9) inset; }
section#services article.webdirectory header h3 a { color:#FFFFFF; font-size:30px; font-weight:normal; display:inline; float:left; padding:0; line-height:30px; }
section#services article.webdirectory header h3 span { font-size:28px; display:inline; float:left; margin-right:5px; font-weight:normal; }
section#services article.webdirectory header em { color:#ccc; font-size:11px; font-style:normal; }
section#services article.webdirectory ul { overflow:hidden; border:1px solid #62887B; border-top:3px solid #4C7D6A; padding:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; line-height:18px; }
section#services article.webdirectory ul li h4 { display:inline; float:left; clear:left; padding:0 5px 0 0; }
section#services article.webdirectory ul li h4:after { content:": "; }
section#services article.webdirectory ul li a { color:#666666; font-size:12px; }
section#services article.webdirectory ul li a:after { content:", "; }
section#services article.webdirectory ul li a:last-child:after { content:""; }
section#services article.webdirectory ul li a:hover { color:#990000; background:#FF9; }
section#services article.webdirectory footer a { display:inline; float:right; padding:7px 15px 7px 25px; background:#80A095; box-shadow:0 -10px 15px rgba(76,125,106,.9) inset; border-radius:0 0 5px 20px; color:#FFF; font-size:12px; margin:0 15px 0 0; }
section#services article.webdirectory footer a:after { content:" คลิกที่นี่"; } 

section#lotto { width:980px; margin:10px auto 5px; position:relative; overflow:hidden; }
section#lotto header { background:url(../images_CF/lotto-bg.png) bottom left no-repeat; width:391px; height:99px; display:inline; float:left; position:relative; z-index:2; }
section#lotto article { background:#DEDDBC; width:589px; overflow:hidden; display:inline; float:left; height:89px; margin-top:10px; position:relative; left:-5px; z-index:1 }
section#lotto header h3 { display:inline; float:left; overflow:hidden; font-size:12px; width:137px; text-align:center; margin:5px 0 0 33px; }
section#lotto header h3 strong { display:block; color:#03397C; font-size:16px; }
section#lotto header h3.first { color:#690; width:183px;  margin:5px 0 0 10px; }
section#lotto header h3.first strong { padding:5px 0 0 0; font-size:32px; color:#000000; letter-spacing:6px; }
section#lotto header h3.first:before { content:"ตรวจสลากกินแบ่งรัฐบาล ตรวจหวย"; display:block; font-weight:normal; color:#333333; font-size:11px; }
section#lotto header h3.first:after { content:"รางวัลละ 2,000,000 บาท"; display:block; font-size:11px; font-weight:normal; color:#666666; }
section#lotto article p.three { display:inline; float:left; width:290px; text-align:center; font-size:11px; margin:5px 0 0 0;  }
section#lotto article p.three:before { content:"ตรวจสลากกินแบ่งรัฐบาล"; font-size:11px; }
section#lotto article p.three strong { display:block; margin:5px 10px; border:1px solid #633; background:#FFFFFF; padding:5px; border-radius:5px; }
section#lotto article p.three strong span { font-size:26px; margin:0 5px; color:#5A2C00; }
section#lotto article p.three:after { content:"4รางวัล รางวัลละ 2,000 บาท"; display:block; }
section#lotto article p.two { display:inline; float:left; width:125px; text-align:center; font-size:11px; margin:5px 0 0 0;  }
section#lotto article p.two strong { display:block; margin:5px 10px; border:1px solid #633; background:#FFFFFF; padding:5px; border-radius:5px;  }
section#lotto article p.two strong span { font-size:26px; margin:0 5px; color:#5A2C00; }
section#lotto article p.two:after { content:"รางวัลละ 1,000 บาท"; display:block; }
section#lotto footer { position:absolute; bottom:0; right:5px; width:159px; height:90px; z-index:2; }