*{margin:0; padding:0} /* body { -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); } */ body{background:url(../images/bg-body.jpg) top center fixed} .page{width:950px; margin:20px auto 0; overflow:hidden; -webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);box-shadow:0px 0px 3px 0px rgba(50, 50, 50, 0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} @font-face { font-family: 'thaisans_neue_blackregular'; src: url('thaisansneue-black-webfont.eot');src: url('thaisansneue-black-webfont.eot?#iefix') format('embedded-opentype'),url('thaisansneue-black-webfont.woff') format('woff'),url('thaisansneue-black-webfont.ttf') format('truetype'),url('thaisansneue-black-webfont.svg#thaisans_neue_blackregular') format('svg');font-weight: normal;font-style: normal; } @font-face { font-family: 'thaisans_neueregular'; src: url('thaisansneue-regular-webfont.eot');src: url('thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),url('thaisansneue-regular-webfont.woff') format('woff'),url('thaisansneue-regular-webfont.ttf') format('truetype'),url('thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');font-weight: normal;font-style: normal; } @font-face { font-family: 'THSarabunNew'; src: url('thsarabunnew-webfont.eot'); src: url('thsarabunnew-webfont.eot?#iefix') format('embedded-opentype'), url('thsarabunnew-webfont.woff') format('woff'), url('thsarabunnew-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'THSarabunNew'; src: url('thsarabunnew_bolditalic-webfont.eot'); src: url('thsarabunnew_bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('thsarabunnew_bolditalic-webfont.woff') format('woff'), url('thsarabunnew_bolditalic-webfont.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'THSarabunNew'; src: url('thsarabunnew_italic-webfont.eot'); src: url('thsarabunnew_italic-webfont.eot?#iefix') format('embedded-opentype'), url('thsarabunnew_italic-webfont.woff') format('woff'), url('thsarabunnew_italic-webfont.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'THSarabunNew'; src: url('thsarabunnew_bold-webfont.eot'); src: url('thsarabunnew_bold-webfont.eot?#iefix') format('embedded-opentype'), url('thsarabunnew_bold-webfont.woff') format('woff'), url('thsarabunnew_bold-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } .thsarabunnew{ font-family: 'THSarabunNew', sans-serif; } .thsarabunnewt{ font-family: 'THSarabunNew', sans-serif; font-size:12px; } .container-feature{width:950px; margin:0 auto; position:relative; height:600px;} .container-feature2{width:950px; margin:0 0 15px 0; text-align:center;} .container-content{width:950px; float:left; position:relative} .content-cover{width:950px; float:left; padding:50px 0 0 0} .content-inner-detail{width:910px; float:left; padding:20px} .container{width:950px; margin:0 auto;} .row{width:100%; float:left} .inner{width:950px; margin:0 auto} .inner-content{width:930px; padding:10px; float:left} .in-box{padding:10px} .thumb-main{width:280px; float:left; margin:0 0 15px 0; overflow: hidden; text-align: center;} .thumb-main img{float:left; border:#FFF 2px solid; max-width:100%; height:auto} .img-resize {width: 200px; float:left; margin:0 0 15px 0; overflow: hidden; text-align: center;} .img-resize img {float:left; border:#FFF 2px solid; max-width:100%; height: auto; width: 200px;} .txt-contain{float:left; width:100%; margin:0 0 10px 0; font-size:12px; font-family:thaisans_neueregular; line-height:18px; color:#603913;} .txt-contain1{float:left; width:100%; margin:0 0 10px 20px; font-size:13px; font-family:thaisans_neueregular; line-height:22px; color:#603913;} .txt-contain2{text-align:center; width:100%; margin:0 0 10px 0; font-size:12px; font-family:thaisans_neueregular; line-height:18px; color:#603913;} .txt-guide{float:left; margin:0 0 0 0; font-size:12px; font-family:thaisans_neueregular; line-height:18px; color:#603913;} .clear{clear:both} /**/ .side-bar{width:250px; float:left; background:#EBEBEB url(../images/title-menu.gif) top left no-repeat; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);} .list-sidebar{padding:50px 10px 10px; float:left; width:230px} .list-sidebar li{ list-style:none; float:left; width:230px; font-size:13px; font-family:thaisans_neueregular; border-bottom:#d7d7d7 1px solid; padding:5px 0 } .list-sidebar li a{text-decoration:none; color: #999; width:230px; float:left} .list-sidebar li a:hover{color:#960} .list-sidebar li a.active{color:#960; background:url(../images/ar.png) center right no-repeat } .part-three{ width:33.33333%; float:left} .part-two{ width:50%; float:left} .part-four{ width:25%; float:left} .part-one{ width:100%; float:left} .center-txt-box{text-align:center} .center-txt-box img{margin:20px 0} .sub-txt{font-size:12px} .center-sub-txt{font-size:12px; text-align:center; line-height:40px} .txt-box-buddha{ font-size:12px; color: #333; line-height:18px} /**/ table tr td{padding:5px; font-size:11px} /**/ .center-column{width:910px; float:right; background:#FFF;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75)} .center-column img{-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;} /**/ .right-column{width:640px; float:right; background:#FFF;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); padding:230px 0 0 0} .right-column-no-head{width:640px; float:right; background:#FFF;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.75);} .inner-right{padding:10px; width:620px; float:left} .inner-right h4{font-size:14px; font-family:THSarabunNew; color:#424242; margin:10px 0; border-bottom:#EBEBEB 1px solid; padding:0 0 10px 0 } .inner-right h3{font-size:16px; font-family:thaisans_neueregular; color:#603913; margin:10px 0; border-bottom:#EBEBEB 1px solid; padding:0 0 10px 0 } .inner-right h2{font-size:18px; font-family:thaisans_neueregular; font-weight:bold; line-height:20px; color:#603913; margin:10px 0; border-bottom:#EBEBEB 1px solid; padding:0 0 10px 0 } .inner-right h2.intro-section{font-size:20px; font-family:thaisans_neueregular; line-height:30px; color:#603913; margin:10px auto; border-bottom:#EBEBEB 1px solid; padding:0 0 10px 0; width:400px; text-align:center; font-weight:normal } .inner-right h2.intro-section span{font-size:30px} .inner-right h1{font-size:22px; font-family:thaisans_neueregular; font-weight:bold; line-height:22px; color:#603913; margin:12px 0; border-bottom:#EBEBEB 1px solid; padding:0 0 12px 0 } .inner-right .date{font-size:10px; font-family:THSarabunNew; color:#515a5a; width:610px; float:left; margin:10px 0} .inner-right .sub-txt{font-size:11px} .inner-right .txt{width:600px; float:left; padding:10px} .inner-right .txt-row{width:600px; float:left; padding:10px 0} .inner-right .txt-row .txt-center{text-align:center; font-size:13px; font-family:thaisans_neueregular; line-height:18px; color:#603913} .inner-right .txt-row .txt-center a{color:#999; text-decoration:none} .inner-right .txt p{font-size:14px; font-family:THSarabunNew; color:#2E2E2E; line-height:26px; margin:0 0 20px 0} .inner-right .txt p.open-word{text-indent:50px; font-size:15px; font-weight:bold; line-height:24px; color:#603913} .inner-right .txt p.open-word-bg{text-indent:50px; color:#333} .inner-right .txt p.open-word-none-in{ color:#333} .inner-right .txt p.share{font-size:15px; font-weight:bold; color:#603913} .inner-right .txt p.date-mini{font-size:10px; font-family:THSarabunNew; color:#515a5a; float:left; margin:-10px 0 0 0} .inner-right .photos{text-align:center} .inner-right .txt p:last-child{margin:0} /**/ .btn_load_file{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:5px; text-decoration:none; background:#0C3; color:#060; border:#060 1px solid} /**/ .list-txt{float:left; width:100%} .list-txt li{list-style:none; font-family:thaisans_neueregular; line-height:18px; font-size:14px; margin:0 0 20px 0; float:left; width:100%} .list-txt li span{display:block; float:left; font-weight:bold; color:#C90} .list-txt li div{float:right; width:77%; line-height:26px} /**/ .list-txt-board{float:left; width:100%} .list-txt-board li{list-style:none; font-family:thaisans_neueregular; line-height:18px; font-size:14px; margin:0 0 20px 0; float:left; width:100%} .list-txt-board li span{display:block; float:left; font-weight:bold; color:#C90} .list-txt-board li div{float:right; width:65%; line-height:20px} /**/ .list-txt-wide{float:left; width:100%} .list-txt-wide li{list-style:none; margin:0 0 20px 0; float:left; width:100%} .list-txt-wide li span{display:block; float:left; font-weight:bold; color:#C90; margin:10px 0; font-family:thaisans_neueregular} .list-txt-wide li div{float:right; width:100%;font-family: Tahoma, Geneva, sans-serif; line-height:15px; font-size:13px;} .list-txt-wide li ul li{margin:0 0 5px 0; list-style:circle inside} /**/ .title-heading{font-size:15px; font-family:thaisans_neueregular; line-height:18px; color:#603913; margin:0 0 10px 0} /**/ .bg-y{background:#e5b83f} .bg-c-1{background:#FFF url(../images/bg-content-1.jpg) center top no-repeat;} .bg-c-2{background:#256e9f url(../images/bg-content-history.jpg) center top no-repeat;} .bg-c-3{background:#000 url(../images/bg-content-piya.jpg) center top no-repeat;} .bg-c-4{background:#ffbb33 url(../images/bg-content-dean2561.jpg) center top no-repeat;} .bg-c-5{background:#000 url(../images/bg-content-gallery.jpg) center top no-repeat;} .bg-c-6{background:#aca295 url(../images/bg-content-news.jpg) center top no-repeat;} .bg-c-7{background:#c7c6cb url(../images/bg-content-budha.jpg) center top no-repeat;} .bg-c-8{background:#ffbb33 url(../images/bg-content-map.jpg) center top no-repeat;} .bg-c-9{background:#dab74f url(../images/bg-content-budha-2.jpg) center top no-repeat;} .bg-c-10{background:#dab74f url(../images/bg-content-rattana.jpg) center top no-repeat;} .bg-c-11{background:#ffbb33 url(../images/bg-content-voice3.jpg) center top no-repeat;} /**/ .bg-s-1{background:#FFF url(../images/t-section.jpg) top center no-repeat} .bg-s-2{background:#FFF url(../images/t-history.jpg) top center no-repeat} .bg-s-3{background:#FFF url(../images/t-piya.jpg) top center no-repeat} .bg-s-4{background:#FFF url(../images/t-dean2561.jpg) top center no-repeat} .bg-s-5{background:#FFF url(../images/t-gallery.jpg) top center no-repeat} .bg-s-6{background:#FFF url(../images/t-news.jpg) top center no-repeat} .bg-s-7{background:#FFF url(../images/t-budha.jpg) top center no-repeat} .bg-s-8{background:#dab74f url(../images/t-bd.jpg) top center no-repeat} .bg-s-9{background:#dab74f url(../images/t-rattana.jpg) top center no-repeat} /*piyathuam-foundation*/ .s-piya-1{background:#FFF url(../images/t-2550.jpg) top center no-repeat} .s-piya-2{background:#FFF url(../images/t-2549.jpg) top center no-repeat} .s-piya-3{background:#FFF url(../images/t-2548.jpg) top center no-repeat} .s-piya-4{background:#FFF url(../images/t-2561.jpg) top center no-repeat} /**/ h1 a.logo{display:block; width:338px; height:120px; position:relative; z-index:300; margin:0 auto; background:url(../images/logo.png); text-decoration:none} h1 a.logo span{visibility:hidden} /**/ .dean{background:url(../images/dean2565.png); width:175px; height:214px; position:absolute; right:0; bottom:-38px; z-index:600} .load-file{ position:absolute; left:190px; bottom:-18px; z-index:600} .caution{width:180px;position:absolute; left:10px; bottom:35px; z-index:600; background:#FF0} .caution p{font-size:70%; padding:0 10px 10px} .btn-more-dean{display:block; background:url(../images/btn-more-dean.png) no-repeat; width:156px; height:27px; position:absolute; top:605px; right:11px; z-index:610; text-decoration:none} .btn-more-dean:hover{background-position:0 -27px} .btn-more-dean span{visibility:hidden} .ttt-banner{position:absolute; bottom:10px; left:20px; z-index:710} .ttt-banner2{transition:transform .2s;position:absolute; bottom:340px; left:740px; z-index:720} .ttt-banner2:hover{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);} .event-banner{position:absolute; top:10px; right:20px; z-index:610} .btn-list{display:block; float:left; width:100%; font-size:13px; font-family:thaisans_neueregular; color:#666; text-decoration:none; background:url(../images/bg-btn.gif) top repeat-x; text-align:center;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .btn-list-first:hover, .btn-list-mid:hover, .btn-list-last:hover{ background:url(../images/bg-btn.gif) bottom repeat-x;} .btn-list-first{display:block; float:left; width:100%; font-size:13px; font-family:thaisans_neueregular; color:#666; text-decoration:none; background:url(../images/bg-btn.gif) top repeat-x; text-align:center;-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;} .btn-list-mid{display:block; float:left; width:100%; font-size:13px; font-family:thaisans_neueregular; color:#666; text-decoration:none; background:url(../images/bg-btn.gif) top repeat-x; text-align:center;} .btn-list-last{display:block; float:left; width:100%; font-size:13px; font-family:thaisans_neueregular; color:#666; text-decoration:none; background:url(../images/bg-btn.gif) top repeat-x; text-align:center;-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;} .btn-list:hover{background:url(../images/bg-btn.gif) bottom repeat-x;} #active{background:url(../images/bg-btn.gif) bottom repeat-x;} .btn-list span{padding:5px;} /**/ .top-nav{width:950px; float:left;} .top-nav ul li{list-style:none; float:left; font-size:14px; font-family:thaisans_neueregular;} .top-nav ul li a{text-decoration:none; float:left; padding:5px 10px; color:#960; border-right: #C90 1px solid} .top-nav ul li a:hover{color: #FC0; background:#963} /**/ .nav{z-index:300; position:absolute; top:120px; left:160px} .nav ul li{float:left; list-style:none} .nav ul li a{padding:0 10px; float:left; background-position:0 -40px; text-decoration:none} .nav ul li a span{visibility:hidden} .nav ul li a:hover{background-position:0 0} /**/ a.news{width:120px; height:40px; background:url(../images/btn-news.png) no-repeat} a.about{width:135px; height:40px; background:url(../images/btn-about.png) no-repeat} a.place{width:130px; height:40px; background:url(../images/btn-place.png) no-repeat} a.budha{width:185px; height:40px; background:url(../images/btn-budha.png) no-repeat} /**/ .circular{width:100px;height: 100px;margin:0 auto 10px; background:no-repeat} .circular img{border-radius: 150px;-webkit-border-radius: 150px;-moz-border-radius: 150px; border:#ebebeb 1px solid} .circular-year{width:100px;height: 80px; padding:20px 0 0 0; border-radius: 150px;-webkit-border-radius: 150px;-moz-border-radius: 150px; background:#CCC; float:left; margin:10px} .circular-year span.h-title{ margin:0 auto 10px; display:block; text-align:center;font-size:27px; font-family:thaisans_neueregular; line-height:25px} .circular-year a.btn-view-year{color:#FFF; text-decoration:none; font-size:12px; font-family:thaisans_neueregular; margin:5px 20px; display:block; text-align:center; background:#0C3; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .circular-year a.btn-view-year:hover{background:#0F0; color:#333} /**/ .feature{width:950px; height:600px; float:left; position:absolute; z-index:100; left:0; top:0; background:#e5b83f} /**/ .list-gallery{width:100%; float:left} .list-gallery li{width:180px;height: 100%; border-radius: 150px;-webkit-border-radius: 150px;-moz-border-radius: 150px; float:left; margin:10px; list-style:none} .list-gallery li img{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border:#ebebeb 1px solid} /**/ .list-txt-row{width:100%; float:left} .list-txt-row li{float:left; width:100%; list-style:none; font-size:15px; font-family:thaisans_neueregular; border-bottom:#CCC 1px solid; padding:0 0 10px 0; margin:0 0 10px 0} .list-txt-row li h4{ line-height:28px} .list-txt-row li .photo-box{float:left; margin:0 10px 0 0} .list-txt-row li img{border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border:#ebebeb 1px solid} .list-txt-row li .detail-photo{float:left; width:80%; line-height:17px; font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#999} .list-txt-row li .view-btn{padding:5px 30px 5px 5px; text-decoration:none; background:#096 url(../images/ar-row.gif) right no-repeat; color:#FFF; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; background-position:90px 10px} .list-txt-row li .view-btn:hover{background:#0C6 url(../images/ar-row.gif) right no-repeat; background-position:90px 10px} .list-txt-row li .view-btn-news{padding:5px 30px 5px 5px; text-decoration:none; background:#096 url(../images/ar-row.gif) right no-repeat; color:#FFF; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; background-position:65px 10px} .list-txt-row li .view-btn-news:hover{background:#0C6 url(../images/ar-row.gif) right no-repeat; background-position:65px 10px} /**/ .pagination{width:100%; float:left} .pagination li{list-style:none; float:left; font-size:12px} .pagination li a{padding:5px 10px; float:left; background:#960; color:#FF0; text-decoration:none; margin:0 10px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;} .pagination li a:hover{background:#990} /**/ .head-form{font-size:16px; font-family:thaisans_neueregular; float:left; width:100px } .content_form{width:100%; float:left} .content_form input{float:left; margin:5px 0} .content_form input.insert{width:300px} .content_form img{float:left; margin:5px 0} .content_verify{width:100%; float:left} .content_verify input{float:left; margin:5px 0} .content_verify input.insert{width:100px} .content_verify img{float:left; margin:5px 0} /**/ .list-bank{width:100%; float:left} .list-bank li{list-style:none; float:left; width:100%; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#EBEBEB 1px solid} .list-bank li:last-child{border:none} .list-bank li .ic-bank1{float:left; width:180px} .list-bank li .ic-bank{float:left; width:100px} .list-bank li .txt-bank1{float:left; width:390px} .list-bank li .txt-bank{float:left; width:470px} .list-bank li h4{ font-family:thaisans_neueregular; font-size:14px; margin:0 0 10px 0} /**/ .list-restaurant{width:100%; float:left} .list-restaurant li{list-style:none; float:left; width:100%; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:#EBEBEB 1px solid} .list-restaurant li:last-child{border:none} .list-restaurant li .ic-restaurant{float:left; width:200px} .list-restaurant li .txt-restaurant{float:left; width:400px} .list-restaurant li h4{ font-family:thaisans_neueregular; font-size:14px; margin:0 0 10px 0} /**/ .list-sound{width:100%; float:left} .list-sound li{list-style:none; float:left; width:100%; border-bottom:#EBEBEB 1px solid; padding:0 0 10px 0; padding:10px 0 10px 0} /**/ .btn-center{ margin:20px auto; background:#0C3; text-align:center; color: #FF0; width:300px} .btn-center a{color: #FF0; text-decoration:none; font-weight:bold; padding:10px; display:block} .btn-center a:hover{background:#9C0} /**/ .footer{ width:950px; margin:20px auto; font-size:12px; font-family:thaisans_neueregular; line-height:18px; color:#666} .txt-footer{text-align:center} .txt-count{text-align:center;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; background:#06C; margin:0 auto; width:auto; color:#FFF; float:left; margin:20px 10px 0 0} .txt-date{text-align:center;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px; background: #CCC; margin:0 auto; width:auto; color: #000; float:left; margin:20px 0 0 0} .txt-count,.txt-date{margin:20px 0} /**/ /* New by Aon */ .imgBox{width:316px; height:166px; background:url(http://www.watpaphukon.org/images/banner_26072560.png) no-repeat; position:absolute; bottom:10px; left:210px; z-index:710;} .imgBox:hover{width:316px; height: 166px; background:url(http://www.watpaphukon.org/images/banner_26072560-2.png) no-repeat; position:absolute; bottom:10px; left:210px; z-index:710;} .fb-button { -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7; -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7; box-shadow:inset 0px 1px 0px 0px #54a3f7; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7)); background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0); background-color:#007dc1; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #124d77; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:13px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #154682; } .fb-button:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1)); background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%); background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%); background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%); background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%); background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0); background-color:#0061a7; } .fb-button:active { position:relative; top:1px; } .fb-buttonmini { -moz-box-shadow:inset 0px 1px 0px 0px #54a3f7; -webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7; box-shadow:inset 0px 1px 0px 0px #54a3f7; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7)); background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%); background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0); background-color:#007dc1; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #124d77; display:inline-block; cursor:pointer; color:#ffffff; font-family:thaisans_neueregular; font-size:13px; font-weight:normal; padding:2px 20px; text-decoration:none; text-shadow:0px 1px 0px #154682; } .fb-buttonmini:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1)); background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%); background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%); background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%); background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%); background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0); background-color:#0061a7; } .fb-buttonmini:active { position:relative; top:1px; } .line-button { -moz-box-shadow:inset 0px 1px 0px 0px #caefab; -webkit-box-shadow:inset 0px 1px 0px 0px #caefab; box-shadow:inset 0px 1px 0px 0px #caefab; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811)); background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%); background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%); background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%); background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%); background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0); background-color:#77d42a; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #268a16; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:13px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #aade7c; } .line-button:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a)); background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%); background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%); background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%); background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%); background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0); background-color:#5cb811; } .line-button:active { position:relative; top:1px; } .line-buttonmini { -moz-box-shadow:inset 0px 1px 0px 0px #caefab; -webkit-box-shadow:inset 0px 1px 0px 0px #caefab; box-shadow:inset 0px 1px 0px 0px #caefab; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00c300), color-stop(1, #5cb811)); background:-moz-linear-gradient(top, #00c300 5%, #5cb811 100%); background:-webkit-linear-gradient(top, #00c300 5%, #5cb811 100%); background:-o-linear-gradient(top, #00c300 5%, #5cb811 100%); background:-ms-linear-gradient(top, #00c300 5%, #5cb811 100%); background:linear-gradient(to bottom, #00c300 5%, #5cb811 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c300', endColorstr='#5cb811',GradientType=0); background-color:#00c300; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #268a16; display:inline-block; cursor:pointer; color:black; font-family:thaisans_neueregular; font-size:13px; font-weight:normal; padding:2px 20px; text-decoration:none; text-shadow:0px 1px 0px #aade7c; } .line-buttonmini:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a)); background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%); background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%); background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%); background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%); background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0); background-color:#5cb811; } .line-buttonmini:active { position:relative; top:1px; .profile{ /* ���ͤ��ʵ�ͧ�ç�Ѻ