/* Theme Name: Resorta Theme Theme URI: http://example.com/example/ Description: A search engine optimized website framework for WordPress. Author: Bompitt Author URI: http://www.bompitt.me/ Version: 1.0 */ /* @group Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } fieldset { border: none; } img { border: none; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-block; display: block; } table { border-collapse: collapse; border-spacing: 0; } abbr { border: 0; } pre, code { font-family: Courier, "Courier New", monospace; font-size: 12px; color: #000;} ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } p {font-size:15px; color:#333; font-family:"Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif; line-height:24px; font-weight: normal; font-variant: normal;} ol, ul {list-style: none;} a {color:#FFF;} a:hover {} a:link, a:visited, a:active, a:hover {text-decoration: none;} h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal;} strong {font-weight: bold;} cite, em, i {font-style: italic;} h1 { font-size:26px;line-height:30px; } h2 { font-size:22px; color:#000; line-height:30px; } h3 { font-size:16px;line-height:30px; } h4 { font-size:16px;line-height:22px; } h5 { font-size:15px; } h6 { font-size:12px; } h1 a:hover {text-decoration:underline;} * html p {font-family:Tahoma, sans-serif; line-height:28px; } * html .entry-title, .entry-meta, .entry-date, .comments-link, .view-counter, .entry-content, .entry-summary, .entry-utility, .readmore, .widget-title {font-family:Tahoma, sans-serif;} /* = Body -------------------------------------------------------------- */ html, body { height: 100%; } body { background: #fff; margin: 0px; text-align: center;} #wrapper { margin-left:auto;margin-right:auto;width:100%;} /* =Header -------------------------------------------------------------- */ #header {position:fixed;top:0;width:100%;height:70px;background: url(images/bg-header.jpg) repeat-y center;z-index:9999;} #main {position:relative;margin:0 auto 0 auto;width:980px;height:900px;} #menu-main {position:relative;margin:0 auto 0 auto;width:980px;height:70px;font:Arial, Helvetica, sans-serif;} #main-logo {float:left;width:245px;height:70px;} /* =Menu1 -------------------------------------------------------------- */ #menu1 { float:left /* Float ของภาพทั้งหมด*/; width : 640px;margin-left:90px;} #menu1 ul, #menu1 li { margin : 0; padding : 0; } #menu1 li { display : inline; } #menu1 a { background:url(images/menu1.png) no-repeat; float:left;height : 0; overflow : hidden; padding-top:70px;color:#786e61;} #menu1 li#menu-home a { width: 65px; background-position : 0 0;} #menu1 li#menu-home a:hover{ background-position : 0 -80px; } #menu1 li#menu-home a.mPS2id-highlight { background-position : 0 -80px; } #menu1 li#menu-info a { width: 50px; background-position :-155px 0;margin-left:90px; } #menu1 li#menu-info a:hover { background-position : -155px -80px; } #menu1 li#menu-info a.mPS2id-highlight { background-position : -155px -80px; } #menu1 li#menu-gallery a { width: 80px; background-position : -300px 0;margin-left:90px; } #menu1 li#menu-gallery a:hover { background-position : -300px -80px; } #menu1 li#menu-gallery a.mPS2id-highlight { background-position : -300px -80px; } #menu1 li#menu-contact a { width: 110px; background-position : -460px 0;margin-left:90px; } #menu1 li#menu-contact a:hover { background-position : -460px -80px; } #menu1 li#menu-contact a.mPS2id-highlight { background-position : -460px -80px; } * html #textmenu a { width: 100%; } /* =Menu2 -------------------------------------------------------------- */ #menu2 { float:left /* Float ของภาพทั้งหมด*/; width :140px;margin:24px 0 0 180px;} #menu2 ul, #menu2 li { margin : 0; padding : 0; } #menu2 li { display : block; } #menu2 a { background:url(images/menu2.png) no-repeat; float:left;height : 0; overflow : hidden; padding-top:28px;color:#786e61;} #menu2 li#menu-concept a { width: 140px;background-position : 0 -20px;} #menu2 li#menu-concept a:hover{ background-position : -140px -20px; } #menu2 li#menu-concept a.mPS2id-highlight { background-position : -140px -20px; } #menu2 li#menu-information a { width: 140px;background-position :0 -50px; } #menu2 li#menu-information a:hover { background-position : -140px -50px; } #menu2 li#menu-information a.mPS2id-highlight { background-position : -140px -50px; } #menu2 li#menu-facility a { width: 140px; background-position : 0 -80px; } #menu2 li#menu-facility a:hover { background-position : -140px -80px; } #menu2 li#menu-facility a.mPS2id-highlight { background-position : -140px -80px; } #menu2 li#menu-plan a { width: 140px; background-position : 0 -110px; } #menu2 li#menu-plan a:hover { background-position : -140px -110px; } #menu2 li#menu-plan a.mPS2id-highlight { background-position : -140px -110px; } * html #textmenu a { width: 100%; } /* Page ----------------------------------*/ #home-page {position:relative;width:100%;height:1300px;margin:70px auto 0 auto;} #home-page { background: url(images/bg1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #slider-box {position:relative;margin:0 auto 0 auto;width:980px;height:350px;} #slider-main {position:absolute;margin:10px auto 15px auto;width:974px;background:#096;height:310px;border :solid 3px #FFF; } .flex-control-nav.flex-control-paging {padding-bottom:10px!important;} #home-row2 {position:relative;margin:0 auto 0 auto;width:100%;background:#08789b;height:305px;} #center-box {position:relative; margin:0 auto 0 auto; width:980px;/*background:#C60;*/ min-height:20px; overflow:visible;} #home-row2-left-box {position:relative;float:left;width:490px;height:305px;} #home-row2-left-box img{margin:14px 0 6px 0;} #home-row2-left-box h2{padding:0 0 0 0;color:#FFF;font-size:30px!important;line-height:34px!important;} #home-row2-right-box {position:relative;float:left;width:490px;background:#FFF;height:270px;} #home-row2-right-box img {margin:30px 0 0 0;border: solid 3px #FFF;} #home-row2-right-box img:hover {border: solid 3px #91CADD;} #home-row3 {position:relative;margin:0 auto 0 auto;width:100%;background: url(images/bg03.png) repeat;height:325px;} #home-row3-top-box {position:relative;margin:0 auto 0 auto;width:100%;height:235px;} #home-row4 {position:relative;margin:0 auto 0 auto;width:100%;background:#FFF;height:214px;} #home-row3-top-box h1{padding:40px 0 40px 0;color:#FFF;font-size:50px;} #home-row3-top-box h2{padding:0 0 10px 0;color:#FFF;font-size:32px;} #stickyheader{margin:-70px auto 0 auto;width:100%;background:#08789b;height:230px;overflow:hidden;z-index:1000;} #sub-menu-fake-box1 {margin:0 auto 0 auto;width:100%;background:#999;height:70px;} #menu-box2 {margin:0 auto 0 auto;width:980px;background:url(images/bg-menu2.png) no-repeat;height:160px;} /* concept-page ----------------------------------------- */ #info-page1 {position:relative;margin:0 auto 0 auto;width:100%;height:2800px;z-index:1;} #info-page1 { background: url(images/bg2.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #invisible-page {position:relative;margin:0 auto 0 auto;width:940px;height:160px;} #concept-page {position:relative;margin:0 auto 0 auto;padding-top:40px;width:940px;height:800px;} #concept-box-row1 {position:relative; margin:0 auto 0 auto; width:940px;height:180px;background:#08789b;} #concept-box {position:relative;float:left;width:315px;height:180px;} #concept-box-detail {position:relative;margin:8px 25px 0 25px;width:265px;height:160px;text-align:left!important;color:#FFF!important;} #concept-box-detail h1 {padding:0 0 6px 0;color:#FFF;font-size:34px!important;} #concept-box-detail h2 {padding:0 0 4px 0;color:#FFF;font-size:20px!important;line-height:24px!important;} #concept-box-detail h3 {color:#FFF;font-size:18px!important;line-height:24px!important;} .image-concept1 {margin:20px 0 100px 0;} /* information-page --------------------------------- */ #information-page {position:relative;margin:0 auto 0 auto;padding-top:40px;width:940px;height:700px;} #information-left-box{position:relative;float:left;margin:0 0 0 0;width:314px;height:540px;background:url(images/bg04.png);border: solid 3px #FFF;text-align:left!important;color:#FFF!important;padding:20px 40px !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} #information-right-box{padding-top:20px; position:relative;float:left;margin:0 0 0 16px;width:518px;height:560px;background:url(images/bg04.png);border: solid 3px #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} #information-right-box img{margin:5px 5px 25px 5px;} #information-left-box h1{color:#FFF;font-size:32px!important;padding:0 0 14px 0;} #information-left-box h2{color:#FFF;font-size:21px!important;line-height:34px!important;} .image-info1 {margin:12px 0 0 0;} /* facility-page ---------------------------------------- */ #facility-page{position:relative;margin:0 auto 0 auto;padding-top:70px;width:940px;height:500px;} #facility-row1 {float:left;position:relative;padding:0 0 0 5px;margin:0 auto 0 auto;width:950px;height:182px;background:url(images/image-facility1_01.png) no-repeat;} #facility-row2 {float:left;position:relative;margin:25px auto 0 auto;width:950px;height:182px;/*background:url(images/image-facility2.png) no-repeat;*/} #facility-row3 {float:left;position:relative;margin:25px auto 0 70px;width:950px;height:100px;/*background:url(images/image-facility2.png) no-repeat;*/} #facility-deatail {float:left;position:relative;margin:0 0 0 5px;width:311px;height:160px;text-align:left!important;} #facility-deatail h1{color:#FFF;font-size:36px!important;padding:20px 20px 14px 20px;} #facility-deatail h2{color:#FFF;font-size:20px!important;line-height:28px!important;padding:0 20px 0 20px;} .logolist{display:block;} .logolist li{float:left; height:100px; margin-right:10px; margin-bottom:15px;} /* plan-page ---------------------------------------------------------- */ #plan-page-bg {position:relative;margin:0 auto 0 auto;width:100%;height:700px;z-index:1;} #plan-page-bg { background: url(images/bg3.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} #plan-page{position:relative;margin:0 auto 0 auto;padding-top:100px;width:940px;height:500px;} #plan-page-left-box{position:relative;float:left;margin:0 0 0 0;width:298px;height:294px;background:url(images/bg04.png);border: solid 3px #fff;text-align:left!important;color:#FFF!important;padding:20px 40px !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} #plan-page-detail {position:relative;margin:0 0 0 0;width:310px;height:300px;text-align:left!important;} #plan-page-detail h1{color:#FFF;font-size:32px!important;padding:0 0 10px 0;} #plan-page-detail h2{color:#FFF;font-size:21px!important;line-height:28px!important;} #plan-page-right-box {position:relative;float:left;margin:0 0 0 10px;width:540px;height:330px;} #plan-page-right-box img{border: solid 3px #fff;} #plan-page-right-box img:hover {border: solid 3px #91CADD;} /* gallery-resorta-page ------------------------------------------------------------ */ #gallery-resorta-page {position:relative;width:100%;height:900px;z-index:2000;background:#1b1b1b;} #gallery-top-bar{position:relative;width:100%;height:120px;background:#08789b;z-index:3000;} #gallery-icon-image {position:relative;margin:0 auto 0 auto;width:724px;height:120px;} #gallery-icon-image img {float:left;margin:0 0 0 5px;} #gallery-resorta-content {position:relative;margin:0 auto 0 auto;width:940px;height:600px;} /* contact-page --------------------------------------------------------------- */ #contact-page {position:relative;width:100%;height:700px;z-index:2000;background:#1b1b1b;} #contact-top-bar {position:relative;width:100%;height:120px;background:#08789b;z-index:3000;} #contact-top-icon {position:relative;margin:0 auto 0 auto;width:800px;height:120px;} #contact-top-ico img {float:left;margin:0 0 0 3px;} #contact-left-box {position:relative;float:left;width:490px;height:530px;background:url(images/contact-bg1.png) repeat-x;} #contact-left-box h1{color:#FFF!important;font-size:36px!important;padding:0 0 8px 0;} #contact-left-box h2{color:#FFF!important;font-size:22px!important;padding:0 0 8px 0;line-height:24px!important;} #contact-left-box h3{color:#FFF!important;font-size:21px!important;} #contact-detail1 {position:relative;margin:50px 0 0 0;width:100%;height:110px;} #contact-detail2 {position:relative;margin:20px 0 0 0;width:100%;height:110px;} #contact-detail3 {position:relative;float:left;margin:30px 0 0 0;width:480px;height:80px;background:url(images/mobile-icon.png) no-repeat;} #mobile-box{position:absolute;margin:6px 0 0 80px;width:180px;height:30px;} #email-box{position:absolute;margin:6px 0 0 294px;width:180px;height:30px;} #contact-right-box {position:relative;float:left;width:490px;height:600px;background:url(images/contact-bg2.png) repeat-x;} #contact-right-box img{margin:24px 0 0 0;border: solid 3px #fff;} #contact-right-box img:hover {border: solid 3px #91CADD;} /* footer -------------------------------------- */ #footer{position:relative;margin:-23px 0 0 0;width:100%;height:35px;background: url(images/bg-footer.jpg) repeat-y center;z-index:9999;} #footer h2{color:#FFF!important;font-size:12px!important;padding:2px 0 0 0;} /* =Content - Gallery Post -------------------------------------------------------------- */ .post { margin: 60px 0 0 0;color:#FFF; } .post p{ margin: 30px 0 0 20px; color:#FFF; font-size:24px; font-weight: bold; } .gallery-item img{border:solid 5px #FFF!important;} .gallery-item img:hover {border:solid 5px #3fa0be!important;} #content { width : 940px; margin: 0 20px 0 20px;} .content-intro{margin:100px; 0 100px 0} /*Register for Promotion*/ #registerpro-page {position:relative;width:100%;height:700px;z-index:2000;background:#08789b;} #registerpro-top-bar {position:relative;width:100%;height:120px;background:#08789b;z-index:3000;} #registerpro-top-icon {position:relative;margin:0 auto 0 auto;width:800px;height:120px;} #registerpro-top-ico img {float:left;margin:0 0 0 3px;} #registerpro-form{width: 450px;margin:0 auto 0 auto;}