html
{
    overflow: auto;
}
html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
}
body
{
    margin: 0;
    padding: 0;
    font-size: 13px;
    font-family: 'Lucida Grande' , Tahoma, Verdana, Arial, sans-serif;
    line-height: 1.231;
    background-color: #fff;
}
form
{
    padding: 0;
    margin: 0;
}
/*-----------------------------------------------*/
/* ALL Device Frame */
/*-----------------------------------------------*/

#wrap
{
    min-height: 100%;
    position: relative;
    padding: 0;
}
.wrap-in
{
    width: 980px;
    margin: 0 auto;
    padding: 0;
}
ol, ul, li
{
    list-style: none;
    margin: 0;
    padding: 0;
}
p
{
    margin: 0 0 1.5em 0;
    padding: 0;
    line-height: 1.6em;
}

h1
{
    font-size: 35px;
}
h2
{
    font-size: 29px;
}
h3
{
    font-size: 19px;
}
h4
{
    font-size: 18px;
}
h5
{
    font-size: 16px;
}
h6
{
    font-size: 14px;
}


.h-style-1 h1, .h-style-1 h2, .h-style-1 h3, .h-style-1 h4, .h-style-1 h5, .h-style-1 h6
{
    font-family: 'Oswald' , sans-serif;
}
.h-style-2 h1, .h-style-2 h2, .h-style-2 h3, .h-style-2 h4, .h-style-2 h5, .h-style-2 h6
{
    font-family: 'Open Sans' , sans-serif;
}
.h-style-3 h1, .h-style-3 h2, .h-style-3 h3, .h-style-3 h4, .h-style-3 h5, .h-style-3 h6
{
    font-family: 'Electrolize' , sans-serif;
}

h1, h2, h3, h4, h5, h6
{
    margin-bottom: 15px;
    color: #585757;
    font-weight: 400;
    line-height: 1.25;
}

h6
{
    line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0;
    padding: 0;
}

/* -------------------------------------------------- */
/*	Clearfix */
/* -------------------------------------------------- */

.clear
{
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

.clearfix:after
{
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    content: ".";
}
/* ---------------------------------------------------------------------- */
/*	Header */
/* ---------------------------------------------------------------------- */

#header
{
    position: relative;
    z-index: 9;
    width: 100%;
    padding: 0 0 20px 0;
}

#header #logoheader
{
}
#header #logoheader img
{
    width: 980px;
    height: 170px;
    background: url(../images/LogoThaiRSC08.png) no-repeat left top;
}
#header #visitorcounter
{
    line-height: 30px;
    background: #333;
    color: white;
    font-family: 'Lucida Grande' , Tahoma, Verdana, Arial, sans-serif;
    border-top: 0px solid #484848;
    margin-bottom: 0px;
    border-bottom: 1px solid #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#header #visitorcounter #title-header-small
{
    float: left;
}
#header #visitorcounter #title-data-visitor
{
    float: right;
}
#header #HeaderSecond
{
    padding: 20px 0;
    border-top: 1px solid #fce8f1;
    border-bottom: 1px solid #d25e92;
    background: #fbc5dd url(../images/bg-header-long.png) repeat-x left bottom;
    color: white;
    margin-bottom: 0px;
    margin-top: 0;
    min-height: 132px;
    background-image: -webkit-linear-gradient(top, #fbc5dd 0, #e97cad 700px);
    background-image: -moz-linear-gradient(top, #fbc5dd 0, #e97cad 700px);
    background-image: -ms-linear-gradient(top, #fbc5dd 0, #e97cad 700px);
    background-image: -o-linear-gradient(top, #fbc5dd 0, #e97cad 700px);
    background-image: linear-gradient(top, #fbc5dd 0, #e97cad 700px);
    z-index: 9999;
}
#HeaderSecond #slidefeature #TopSlide
{
    margin: 0 auto;
    padding: 0;
    background: none;
    position: relative;
}

#HeaderSecond #slidefeature .pics
{
    width: 960px;
    height: 350px;
    overflow: hidden;
    padding: 0;
    margin: 0 0 20px;
    position: relative;
    border: 5px solid white;
    -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
    box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
    z-index: 50;
}
#HeaderSecond #slidefeature section
{
    position: relative;
    width: 100%;
    height: 350px;
}
#HeaderSecond #slidefeature section img
{
    position: absolute;
    left: 0px;
    top: 0;
    width: 980px;
    max-width: 960px;
    height: 350px;
    border-width: 5px;
}
/* hide slides when js is disabled */
#HeaderSecond #slidefeature #slide-2, #HeaderSecond #slidefeature #slide-3, #HeaderSecond #slidefeature #slide-4, #HeaderSecond #slidefeature #slide-5, #HeaderSecond #slidefeature #slide-6, #HeaderSecond #slidefeature #slide-7, #HeaderSecond #slidefeature #slide-8, #HeaderSecond #slidefeature #slide-9, #HeaderSecond #slidefeature #slide-10
{
    display: none;
}

#HeaderSecond #slidefeature #TopSlide #prevSlide
{
    position: absolute; /*top: 78px;     left: -55px;*/
    top: 50%;
    left: 30px;
    width: 31px;
    height: 31px;
    background: url(../images/icon_arrow_roll_left.png) no-repeat 0 -31px;
    z-index: 9999;
    cursor: pointer;
}
#HeaderSecond #slidefeature #TopSlide #nextSlide
{
    position: absolute; /*top: 78px;     right: -40px;*/
    top: 50%;
    right: 30px;
    width: 31px;
    height: 31px;
    background: url(../images/icon_arrow_roll_right.png) no-repeat 0 -31px;
    z-index: 9999;
    cursor: pointer;
}
#HeaderSecond #slidefeature #TopSlide #pagenavigation
{
    position: absolute;
    width: 100%;
    top: 33%;
    left: 0;
    z-index: 100;
}
#HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-prev
{
    float: left;
}
#HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-next
{
    float: right;
    margin-right: 10px;
}
#HeaderSecond #slidefeature #TopSlide #pagenavigation a
{
    padding: 10px;
    background: #D60C62;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
}
#HeaderSecond #slidefeature #TopSlide #nextSlide:hover, #HeaderSecond #slidefeature #TopSlide #prevSlide:hover
{
    background-position: 0 0;
}

/*------------------------------------------------------------------------*/
/* title - menu */
/*------------------------------------------------------------------------*/

#title-menu, .col-full
{
    display: block;
}

#title-menu
{
    margin-bottom: 0px;
}
#title-menu span
{
    display: block;
    line-height: 20px;
    text-align: center;
    float: left;
    margin-left: 0px;
    font-size: 12px;
    font-weight: bold;
    color: Yellow;
}
#title-menu span.firstx
{
    width: 102px;
    margin-left: 0;
}
#title-menu span.secondx
{
    width: 102px;
    margin-left: 20px;
}
#title-menu span.thirthx
{
    width: 142px;
}
#title-menu span.fourthx
{
    width: 102px;
}
#title-menu span.fifthx
{
    width: 102px;
    margin-left: 20px;
}
#title-menu span.sixthx
{
    width: 102px;
    margin-left: 20px;
}
#title-menu span.seventhx
{
    width: 102px;
    margin-left: 20px;
}
#title-menu span.eigthx
{
    width: 102px;
    margin-left: 20px;
    margin-right: 0;
}

#title-menu span:first-child
{
    width: 102px;
    margin-left: 0;
}
/*------------------------------------------------------------------------*/
/* nav - menu */
/*------------------------------------------------------------------------*/


.col-full
{
    margin: 0 auto;
    position: relative;
    margin-bottom: 18px;
    height: 102px;
}
.col-full #nav
{
    float: left;
    list-style: none;
    padding: 0;
    height: 102px;
    width: 960px;
}
.col-full #nav li
{
    display: block;
    float: left;
    margin-right: 20px;
    width: 102px;
    height: 102px;
    background: #E3E5E5;
    overflow: hidden;
    cursor: pointer;
    border-top: 5px solid #6b2f4a;
}

.col-full #nav li:last-child, .col-full #nav li.last
{
    margin-right: 0;
}


.col-full #nav li span.rss_menu
{
    display: block;
    width: 102px;
    height: 102px;
    background: #E3E5E5;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

/* UP
*********/
.col-full #nav li span.rss_menu1
{
    background: url(../images/Sprite_rvp_9.png) -16px 2px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
}
.col-full #nav li span.rss_menu2
{
    background: url(../images/Sprite_rvp_9.png) -115px 2px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
}
.col-full #nav li span.rss_menu3
{
    background: url(../images/Sprite_rvp_9.png) -212px 2px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
}
.col-full #nav li span.rss_menu4
{
    background: url(../images/Sprite_rvp_9.png) -308px 2px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
}
.col-full #nav li span.rss_menu5
{
    background: url(../images/Sprite_rvp_9.png) -407px 2px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
}
.col-full #nav li span.rss_menu6
{
    background: url(../images/Sprite_rvp_9.png) -507px 2px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
}
.col-full #nav li span.rss_menu7
{
    background: url(../images/Sprite_rvp_9.png) -603px 2px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
}

.col-full #nav li span.rss_menu8
{
    background: url(../images/Sprite_rvp_9.png) -699px 2px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
}

/* Down
***********/
.col-full #nav li span.rss_menu1b
{
    background: url(../images/Sprite_rvp_9.png) -16px -100px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    top: 102px;
}
.col-full #nav li span.rss_menu2b
{
    background: url(../images/Sprite_rvp_9.png) -115px -100px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    top: 102px;
}
.col-full #nav li span.rss_menu3b
{
    background: url(../images/Sprite_rvp_9.png) -212px -100px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    top: 102px;
}
.col-full #nav li span.rss_menu4b
{
    background: url(../images/Sprite_rvp_9.png) -308px -100px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    top: 102px;
}
.col-full #nav li span.rss_menu5b
{
    background: url(../images/Sprite_rvp_9.png) -407px -100px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    top: 102px;
}
.col-full #nav li span.rss_menu6b
{
    background: url(../images/Sprite_rvp_9.png) -507px -100px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    top: 102px;
}
.col-full #nav li span.rss_menu7b
{
    background: url(../images/Sprite_rvp_9.png) -603px -100px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    top: 102px;
}

.col-full #nav li span.rss_menu8b
{
    background: url(../images/Sprite_rvp_9.png) -699px -100px;
    display: block;
    width: 102px;
    height: 102px;
    position: absolute;
    top: 102px;
}

/* nenu 
*********/
.item-menu
{
    display: none;
    position: absolute;
    top: 102px;
    left: 0;
    background: #f4e9fa;
    background: rgba(255, 255, 255, 1);
    background: #FAFAF0;
    min-height: 350px;
    width: 978px;
    border-bottom: 4px solid #BD649E;
    -webkit-box-shadow: 0 3px 14px rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, .12);
    box-shadow: 0 3px 4px rgba(0, 0, 0, .12);
    outline: none;
    z-index: 9999;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s;
    border-top: 1px solid #FAFAF0;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    border-radius: 0 0 0 0;
}
.item-menu .item-inner
{
    margin: 10px;
}

.item-menu-title
{
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    margin-bottom: 20px;
    border-bottom: 1px solid #248CC4;
    color: #248CC4;
}

.box-col1
{
    margin: 0;
}

.box-col1-left
{
    float: left;
    width: 300px;
    
}
.box-col1-right
{
    margin: 0 auto 0 240px;
    cursor: default;
}

.box-col1-left p
{
    padding: 10px 0;
}
.box-col1-right p
{
    padding: 10px 0;
}

.box-col1-left img.img-menu1
{
    width: 300px;
}

#nav li.nav-li .item-menu ul.list1
{
    list-style: none;
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
}
#nav li.nav-li .item-menu li
{
    height: 33px;
    line-height: 33px;
    width: 300px;
    border: 0;
    border-bottom: 1px solid #eee;
    background: #f9f9f9;
    list-style: none;
    float: none;
    margin: 0;
    padding: 0;
}
.col-full #nav li.nav-li li a
{
    background: url(../images/arrows.png) 5px 15px no-repeat;
    color: #000;
    display: block;
    line-height: 33px;
    text-decoration: none;
    padding-left: 14px;
}
.col-full #nav li.nav-li li a:hover
{
    color: #DA7403;
}
.m40
{
    margin: 0 0 0 25px;
}
#logocontact
{
    float: left;
    width: 350px;
}
#rssFeedRip
{
    margin: 0 auto 0 360px;
    background: #fff;
    padding: 3px;
    border: 1px solid #ebebeb;
}


.col-full #nav li.nav-li .item-menu #rssFeedRip #RipIn ul#RipIn-nav
{
    width: 555px;
    margin: 10px auto 0;
    list-style: none;
    float: none;
    height: 250px;
    overflow: hidden;
}
.col-full #nav li.nav-li .item-menu #rssFeedRip #RipIn ul#RipIn-nav li
{
    float: none;
    width: 555px;
    border-bottom: 1px solid #eee;
    padding: 5px 0 10px;
    background: #fff url(../images/fw-icon-32.png) no-repeat left 5px;
    line-height: normal;
    overflow: visible;
    color: #000;
    margin: 0;
    margin-bottom: 0px;
    height: auto;
}

.col-full #nav li.nav-li .item-menu #rssFeedRip #RipIn ul#RipIn-nav li a
{
    color: #000;
    background: none;
    line-height: normal;
    padding: 0 0 0 35px;
}
.col-full #nav li.nav-li .item-menu #rssFeedRip #RipIn ul#RipIn-nav li a:hover
{
    color: Orange;
}
.col-full #nav li.nav-li .item-menu #rssFeedRip #RipIn ul#RipIn-nav li p
{
    padding: 0 0 0 35px;
    color: #3B5998;
}
.col-full #nav li.nav-li .item-menu #rssFeedRip p
{
    line-height: normal;
    margin: 0;
    padding: 0;
    color: #000;
}

.col-full #nav li.nav-li .item-menu .box-col1 .title_bottom
{
    color: #000;
}

#logocontact img
{
    display: block;
    width: 250px;
    float: none;
    margin: 0 10px 0px 0;
    border: 0px solid #eee;
    padding-right: 0px;
}
#logocontact p
{
    margin: 0px 0;
    padding: 0px 0;
    text-align: center;
    float: none;
    text-indent: 0px;
}


#ShowcaseContent
{
    background: transparent;
    padding: 0px 0 0px;
}


.col-full #nav li.nav-li #SecondPageContent
{
    background: #fff;
    border-bottom: 0px solid #ddd;
}
.col-full #nav li.nav-li .content_bar
{
    background: #F8EDA3;
    border: 1px solid #fff;
    font-weight: bold;
    color: #137DB0;
    line-height: 35px;
    padding: 0 20px;
    border-width: 1px 0;
}

.col-full #nav li.nav-li .content_bar a
{
    padding-left: 50px;
    color: #83583D;
}
.col-full #nav li.nav-li #left_content
{
    float: left;
    width: 400px;
    background-color: whiteSmoke;
    min-height: 260px;
}
.col-full #nav li.nav-li #SecondPageContent .content-l
{
    border: none;
    background: none;
    padding: 10px 0 0;
    margin: 0 10px;
}
.col-full #nav li.nav-li #SecondPageContent .content-article
{
    margin-bottom: 10px;
}
.col-full #nav li.nav-li #SecondPageContent .image_left
{
    width: 70px;
    display: block;
    float: left;
    margin: 5px 10px 5px 0;
}
.col-full #nav li.nav-li #SecondPageContent .image_left a
{
    background: none;
    margin: 0;
    padding: 0;
}
.col-full #nav li.nav-li #SecondPageContent .image_left a img
{
    border: 0;
}
.col-full #nav li.nav-li #SecondPageContent .title_artical
{
    color: #137DB0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 0 0 0;
    margin: 0 0 6px 0;
}
.col-full #nav li.nav-li #SecondPageContent .title_artical a
{
    color: #137DB0;
    background: none;
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.col-full #nav li.nav-li #SecondPageContent .content-article p
{
    line-height: 15px;
    font-size: 12px;
    margin-top: 0px;
    padding: 0;
    overflow: hidden;
    max-height: 30px;
}
.col-full #nav li.nav-li #SecondPageContent .content-article p span
{
    width: auto;
    height: auto;
    background: none;
    color: #000;
}
.col-full #nav li.nav-li #SecondPageContent #right_content
{
    margin: 0 auto 0 410px;
    padding: 15px 10px 0 15px;
}
.col-full #nav li.nav-li #SecondPageContent #right_content div p
{
    line-height: 15px;
    padding: 0;
}
.col-full #nav li.nav-li #SecondPageContent #right_content div p
{
    float: none;
    width: auto;
    height: auto;
    background: none;
    color: #000;
}
.col-full #nav li.nav-li #SecondPageContent #right_content h5
{
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #333;
    padding: 0;
    margin: 0 0 12px 0;
}
.col-full #nav li.nav-li #SecondPageContent #right_content #in_r_content
{
}
.col-full #nav li.nav-li #SecondPageContent #right_content #in_r_content .imgs
{
    width: 400px;
    margin: 0 auto;
}
.col-full #nav li.nav-li #SecondPageContent #right_content #in_r_content img
{
    width: 400px;
    border: 0px solid #eee;
    padding-right: 0px;
}
.col-full #nav li.nav-li #SecondPageContent #right_content #in_r_content p
{
    margin: 0px 0;
    padding: 0px 0;
    text-align: left;
    float: none;
    text-indent: 30px;
}


.col-full #nav li.nav-li #network_rvp a
{
    margin: 0;
    padding: 0;
    position: relative;
    background: transparent;
}

.col-full #nav li.nav-li #network_rvp div.top-ul
{
    width: 925px;
    border: 1px solid #ddd;
    background: #f3f3f3;
    padding: 10px;
    font-weight: bold;
}

.col-full #nav li.nav-li #network_rvp ul
{
    width: 100%;
}
.col-full #nav li.nav-li #network_rvp ul li
{
    width: 100%;
}
.col-full #nav li.nav-li #network_rvp ul li
{
    width: 925px;
    padding: 0 10px;
    background: none;
    border: 1px solid #ddd;
    border-top: 0;
    background: #f7f7f7 url(../images/arrows.png) no-repeat 10px 14px;
}
.col-full #nav li.nav-li #network_rvp ul li a
{
    padding-left: 15px;
}

#network_rvp_st1 img
{
    margin-left: 0;
    margin-top: 0;
}

.col-full #nav li.nav-li #network_rvp div#more_network a
{
    display: block;
    padding: 15px 0 0 0;
    display: none;
    text-align: center;
}

.col-full #nav li.nav-li #more a
{
    display: block;
    margin: 0;
    padding: 5px 0 0;
    position: relative;
    background: transparent;
    color: #FF5706;
    text-decoration: none;
}
.col-full #nav li.nav-li #more a:hover
{
    text-decoration: underline;
}
.col-full #nav li.nav-li #white-paper a
{
    display: inline;
}
.col-full #nav li.nav-li #white-paper-general .list1
{
    margin: 10px 0 0;
}
.col-full #nav li.nav-li #white-paper-general .list1 li
{
    width: 330px;
}
.col-full #nav li.nav-li #white-paper-general li a
{
    background: url(../images/rvp_vsmall_40.png) no-repeat left 50%;
    padding-left: 42px;
}



.s-sum-a
{
    margin-bottom: 0;
}
.s-sum-content
{
    margin: 0px;
}
.tb-sum
{
    width: 100%;
    font-size: 12px;
    font-weight: bold;
}
.tb-sum td
{
    padding: 0px 0 5px;
}
.tb-sum td.lb-sum
{
    color: Red;
}

.s-box-R
{
    text-align: center;
    position: relative;
    margin-bottom: 20px;
}
.s-box-R::before
{
    border: 1px solid #3A3A3C;
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 290px;
    display: block;
    content: "";
    background-color: #474749;
    background: none,-khtml-gradient(linear,left top,left bottom,from(#616164),to(#3A3A3C));
    background: none,-moz-linear-gradient(top,#616164 0,#3A3A3C 100%);
    background: none,-webkit-gradient(linear,left top,left bottom,color-stop(0,#616164),color-stop(100%,#3A3A3C));
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.25) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    z-index: 2;
}

.s-box-R h2
{
    font-family: franklin-gothic-urw-cond, "Helvetica Condensed Bold" ,Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    background: #C13212;
    border: 1px solid #C13212;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.25) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    text-transform: uppercase;
    color: white;
    -moz-text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    -webkit-text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    -khtml-text-shadow: 0 1px 1px rgba(0,0,0,0.5);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin: 0;
    padding: 4px 30px;
    position: relative;
    z-index: 3;
}


.ss-box h2
{
    color: #3F89C3;
    clear: both;
    display: block;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    padding: 1px 0 0 0;
    background: #F0F9FD;
}
.ss-box-1
{
    padding: 15px 15px 15px 15px;
    border-top: 4px solid #A9CDE4;
    margin-bottom: 20px;
}


#title-menu
{
    margin-bottom: 0px;
}
#title-menu span
{
    display: block;
    line-height: 20px;
    text-align: center;
    float: left;
    margin-left: 0px;
    font-size: 12px;
    font-weight: bold;
    color: Yellow;
}
#title-menu span.firstx
{
    width: 102px;
    margin-left: 0;
}
#title-menu span.secondx
{
    width: 102px;
    margin-left: 20px;
}
#title-menu span.thirthx
{
    width: 142px;
}
#title-menu span.fourthx
{
    width: 102px;
}
#title-menu span.fifthx
{
    width: 102px;
    margin-left: 20px;
}
#title-menu span.sixthx
{
    width: 102px;
    margin-left: 20px;
}
#title-menu span.seventhx
{
    width: 102px;
    margin-left: 20px;
}
#title-menu span.eigthx
{
    width: 102px;
    margin-left: 20px;
    margin-right: 0;
}

#title-menu span:first-child
{
    width: 102px;
    margin-left: 0;
}


/* Thia rsc */
.th-rsc-list
{
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0;
}
.th-rsc-list li
{
    list-style: none;
    display: block;
}
.th-rsc-list li .span1
{
    width: 60px;
    float: left;
    display: block;
    padding: 4px 0;
    color: #3CA470;
    font-weight: bold;
    font: bold 13px 'Helvetica Neue' ,Helvetica,Arial,Geneva,sans-serif;
}

.th-rsc-list li .span2
{
    float: left;
    display: block;
    padding: 4px 0;
    color: #DA8A1F;
    font-weight: bold;
    font: bold 13px 'Helvetica Neue' ,Helvetica,Arial,Geneva,sans-serif;
}


ul.servicesTb
{
    margin: 10px 0 0 0;
    height: 310px;
    overflow: hidden;
}
ul.servicesTb li
{
    background: url(../images/bullet-arrow.png) no-repeat 0 1px;
}

ul.servicesTb li .color
{
    font-weight: normal;
    color: #177ed6;
    text-decoration: none;
}
ul.servicesTb li
{
    padding: 2px 0 5px 18px;
    border-bottom: 1px solid #E6E6E6;
    margin: 5px 0;
    font-size: 12px;
}
ul.servicesTb li:last-child
{
    border-bottom: 0;
}



/* Rip */
#law
{
    width: 900px;
}
#law-left
{
    float: left;
    width: 550px;
}
.col-full #nav li.nav-li .item-menu #law-left span
{
    background: none;
}
#content-title
{
    font-size: 14px;
    font-weight: bold;
    color: #248CC4;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
#content-upper
{
    margin: 0 0 10px;
}
#content-upper img
{
    display: block;
    width: 135px;
    float: left;
    margin: 0 10px 0px 0;
    border: 1px solid #eee;
    padding-right: 0px;
}
.col-full #nav li.nav-li .item-menu #content-upper p
{
    margin: 0px 0;
    padding: 0px 0;
    text-align: left;
    float: none;
    text-indent: 30px;
    line-height: normal;
}
.col-full #nav li.nav-li .item-menu #content-upper p span
{
    background: none;
    display: block;
    font-size: 13px;
    width: auto;
    height: auto;
    color: #000;
}
.col-full #nav li.nav-li .item-menu #content-upper p span.s1
{
    background: none;
    font-weight: bold;
    font-size: 13px;
    color: #000;
    text-indent: 0;
}
.col-full #nav li.nav-li .item-menu #content-lowper
{
    margin: 10px 0 0;
}
.col-full #nav li.nav-li .item-menu #content-lowper img
{
    display: block;
    width: 135px;
    float: right;
    margin: 0 0px 0px 10px;
    border: 0px solid #eee;
    padding-right: 0px;
}
.col-full #nav li.nav-li .item-menu #content-lowper p
{
    margin: 0px 0;
    padding: 0px 0;
    text-align: left;
    float: none;
    text-indent: 30px;
    line-height: normal;
}
.col-full #nav li.nav-li .item-menu #content-lowper p span
{
    background: none;
    display: block;
    font-size: 13px;
    width: auto;
    height: auto;
    color: #000;
}
.col-full #nav li.nav-li .item-menu #content-lowper p span.s1
{
    background: none;
    font-weight: bold;
    font-size: 13px;
    color: #000;
    text-indent: 0;
}

.col-full #nav li.nav-li .item-menu #law-right
{
    margin: 0 auto 0 550px;
}
.col-full #nav li.nav-li .item-menu #law-right #box-oic
{
    width: 300px;
    background: #fff;
    padding: 5px;
    float: right;
    border: 1px dashed #ddd;
    border-radius: 4px;
    text-align: center;
}

#topmenu #nav li.nav-li #law-right #box-oic a
{
    margin: 0;
    padding: 0;
    position: relative;
    background: transparent;
}
#law-right #box-oic #slogan-oic
{
    font-weight: bold;
    font-size: 16px;
    color: #CA5F1E;
    line-height: normal;
}

/* white paper */
.col-full #nav li.nav-li .item-menu #whitePaper
{
    width: 950px;
    margin: 0 auto;
}
.col-full #nav li.nav-li .item-menu #white-paper
{
    float: left;
    width: 600px;
}
.col-full #nav li.nav-li .item-menu #white-paper img
{
    display: block;
    width: 350px;
    float: left;
    margin: 0 10px 0px 0;
    border: 1px solid #eee;
    padding-right: 0px;
}
.col-full #nav li.nav-li .item-menu #white-paper p
{
    margin: 0px 0;
    padding: 0px 0;
    text-align: left;
    float: none;
    text-indent: 30px;
    line-height: normal;
}
.col-full #nav li.nav-li .item-menu #white-paper p span
{
    display: block;
    font-size: 13px;
    width: auto;
    height: auto;
    background: #fff;
    color: #000;
}
.col-full #nav li.nav-li .item-menu #white-paper p span.s1
{
    font-weight: bold;
    background: none;
    font-size: 13px;
    color: #000;
    text-indent: 0;
    padding-bottom: 10px;
}
.col-full #nav li.nav-li .item-menu #white-paper p span.s2
{
    color: #3B5998;
    background: none;
}
.col-full #nav li.nav-li .item-menu #white-paper #Raws span.s1-sub
{
    background: none;
}
.col-full #nav li.nav-li .item-menu #white-paper #Raws span.s1-sub span
{
    color: #3B5998;
    background: none;
}
.col-full #nav li.nav-li .item-menu #white-paper-general
{
    margin: 0 auto 0 620px;
}
.col-full #nav li.nav-li .item-menu #white-paper-general img
{
    width: 125px;
    height: 125px;
}
.col-full #nav li.nav-li .item-menu #white-paper a
{
    color: #FF5706;
    text-decoration: none;
}
.col-full #nav li.nav-li .item-menu #white-paper a:hover
{
    text-decoration: underline;
}
.col-full #nav li.nav-li .item-menu .trip5-box-fb span.hTitle
{
    cursor: pointer;
}


/* box stats */
#box-stats
{
    background: #EEE;
    padding: 3px;
    margin: 0px 0 0 0;
    width: 400px;
    float: left;
}
#box-stats-in
{
    background: white;
    border: 1px #CCC solid;
    padding: 10px;
    min-height: 70px;
}
#box-stats-in div a
{
    float: none;
    display: block;
    border: 0;
    margin-left: 0px;
    margin-bottom: 15px;
}

.col-full #nav li.nav-li .item-menu #box-stats-list span
{
    width: auto;
    height: auto;
    background: #fff;
    color: #000;
}

#box-stats-list
{
    float: right;
    width: 500px;
    padding: 3px;
    background: #EEE;
}
#box-stats-link
{
}
.col-full #nav li.nav-li .item-menu #box-stats-list span.box-link-title
{
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    padding: 0px 10px;
    color: #0673C4;
    text-shadow: 0 1px 0 white;
    display: block;
    border: 1px solid #CACACA;
    border-bottom: 0 none;
    background: #FAFAFA url(../images/bg-bar.png) repeat-x;
}
.col-full #nav li.nav-li .item-menu #box-stats-list span.box-link-title .box-link-title-icon
{
    position: relative;
    font-family: 'Lucida Grande' , Tahoma, Verdana, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    line-height: 1;
    text-decoration: none;
    width: 20px;
    height: 13px;
    margin-right: 5px;
    top: 2px;
    background: url(../images/label.gif) no-repeat center;
}

.col-full #nav li.nav-li .item-menu #box-stats-list span.box-link-title span:last-child
{
    display: inline;
    width: auto;
    height: auto;
    background: none;
}
.activity-link
{
    background-color: white;
    border: 1px solid #CACACA;
}


.col-full #nav li.nav-li .item-menu #box-stats-list ul.list-deadth
{
    margin: 0 0 5px 0;
}
.col-full #nav li.nav-li .item-menu #box-stats-list ul.list-deadth li
{
    font-weight: bold;
    color: #775584;
    font: bold 14px 'Helvetica Neue' ,Helvetica,Arial,Geneva,sans-serif;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
}

.col-full #nav li.nav-li .item-menu #box-stats-list ul.list-deadth li span
{
    width: auto;
    height: auto;
    background: #fff;
    color: #775584;
    line-height: 34px;
}

.col-full #nav li.nav-li .item-menu #box-stats-list ul.list-deadth li span.ic
{
    position: relative;
    display: block;
    margin: 0 0px 0 0;
    padding: 0 0 0 37px;
}
.col-full #nav li.nav-li .item-menu #box-stats-list ul.list-deadth li span.ic1
{
    background: url(../images/List_of_countriesdeath_rate.jpg) no-repeat left center;
}
.col-full #nav li.nav-li .item-menu #box-stats-list ul.list-deadth li span.ic2
{
    background: url(../images/Thailand.jpg) no-repeat left center;
}
.col-full #nav li.nav-li .item-menu #box-stats-list ul.list-deadth li span.ic3
{
    background: url(../images/japan.jpg) no-repeat left center;
}
.col-full #nav li.nav-li .item-menu #box-stats-list ul.list-deadth li span.ic4
{
    background: url(../images/usa.jpg) no-repeat left center;
}
.col-full #nav li.nav-li .item-menu #box-stats-list ul.list-deadth li span.ic5
{
    background: url(../images/australia.jpg) no-repeat left center;
}
.col-full #nav li.nav-li .item-menu #box-stats-list ul.list-deadth li span a
{
    background: none;
    padding: 0;
    margin: 0;
    color: #775584;
    text-decoration: none;
}
.col-full #nav li.nav-li .item-menu #box-stats-list ul.list-deadth li span a:hover
{
    text-decoration: underline;
}
#Raws
{
    margin-top: 15px;
}

/* footer Top*/
#footerTop
{
    background-color: #fff;
    border-top: 0 solid #eee;
    display: block;
    position: relative;
    padding: 10px 0;
}

#footerDownBig
{
    border-top: px solid #d8d8d7;
    background: #F8F8F8;
    padding: 20px 0;
    border-bottom: 1px solid #f7f7f7;
}
#footerDownBig .Wrapper
{
    width: 980px;
    margin: 0 auto;
}
#footerDownBig .box-logo-network
{
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
#footerDownBig .box-logo-network img
{
    border: 0;
}
#footerDown
{
    border-top: 1px solid #e68cb4;
    background: #e97cad url(../images/bg-footer-long.png) repeat-x left center;
    padding: 10px 0;
}
#footerTop .Wrapper
{
    color: #258AC7;
    line-height: 20px;
}
#footerDown .Wrapper
{
    color: #fff;
    padding: 0 0;
}

/* Media */

.lifted
{
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.drop-shadow
{
    width: 140px;
    height: 100px;
    background: white;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
    padding: 5px;
}
.media-box-image
{
    float: left;
    width: 140px;
    height: 160px;
    margin-bottom: 10px;
    margin-right: 50px;
}
.media-box-image p
{
    padding: 5px;
    margin: 0;
}
.media-box-image p a
{
    font-size: 13px;
    text-indent: 10px;
    text-decoration: none;
    color: #6d0897;
    font-weight: normal;
}

/* ---------------------------------------------------------------------- */
/*	nav-device
/* ---------------------------------------------------------------------- */
#nav-device
{
    display: none;
}


/* ---------------------------------------------------------------------- */
/*	Section
/* ---------------------------------------------------------------------- */
/* Left Column */
#section
{
    padding-bottom: 60px;
}
.wrap-in #LeftContent
{
    float: left;
    position: relative;
    width: 630px;
}
#board-alert #SignAccident
{
    height: 220px;
    overflow: hidden;
    background: url(../images/Board-Alert-1.png) no-repeat;
}
#board-alert
{
    margin-bottom: 30px;
}

#SignAccident #SignBox
{
    margin: 7px;
    text-align: center;
}
#SignBox .SignBoxTitle
{
    font-size: 16px;
    line-height: 36px;
    color: #000;
}
#SignBox #SumCase
{
    width: 620px;
    margin: 0 auto;
}
#SignBox #SumCase
{
    height: 25px;
}
#SignBox #SumCase li
{
    margin: 0;
    height: 25px;
    color: #000;
}
#SignBox #SumCase li span
{
    font-weight: bold;
    float: left;
    display: block;
    width: 180px;
    font-size: 16px;
    line-height: 25px;
    text-align: right;
}
#SignBox #SumCase li:last-child
{
    font-weight: bold;
    padding: 5px 0;
    color: #FFF;
}

#SignBox #SumCase li span.last
{
    width: 50px;
}
#SignBox #SumCase li span#score_inj, #SignBox #SumCase li span#score_dth, #SignBox #SumCase li span#score_tot
{
    color: #fff;
}

#SignBox #SumCase li#sumCurrentYear
{
    font-size: 16px;
    color: Yellow;
    font-weight: bold;
    padding: 15px 0 0px;
}
#SignBox #SumCase li#sumCurrentYear span
{
    display: inline;
    margin: 0;
    padding: 0;
    text-align: left;
    float: none;
}
#SignBox #SumCase li#sumCurrentYear span#years, #SignBox #SumCase li#sumCurrentYear span#all_inj, #SignBox #SumCase li#sumCurrentYear span#all_dth, #SignBox #SumCase li#sumCurrentYear span#all_sum
{
    color: #fff;
}
#SignBox #SumCase li#sumCurrentYear span.blockspan
{
    margin-right: 10px;
}
#LeftContent #FirstLeftTitleBox
{
    border: 1px solid #DFDECC;
    padding: 5px;
    background: #f6f6ed url(../images/bg-title-map-box.gif) repeat-x left bottom;
    background-image: -webkit-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
    background-image: -moz-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
    background-image: -ms-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
    background-image: -o-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
    background-image: linear-gradient(top, #f6f6ed 0, #6d6906 700px);
    margin-bottom: 24px;
    border-radius: 1px;
}
#FirstLeftTitleBox h1
{
    font-size: 16px;
    line-height: 36px;
}
#FirstLeftTitleBox p.source_by_rvp
{
    margin-bottom: 9px;
}
#FirstLeftTitleBox span
{
    color: #007FBF;
    text-decoration: none;
}

#FirstRight
{
    background: #F1CD50 url(../images/hand-stop-3.png) no-repeat 235px center;
    border-radius: 4px 4px 0 0;
}
#FirstRight h1
{
    color: #444;
    font-size: 16px;
    line-height: 36px;
    padding: 5px;
}
#FirstRight h2
{
    color: #444;
    font-size: 16px;
    padding: 5px;
}
#FirstRight p
{
    padding: 0px 5px 5px;
    color: #fff;
}
#FirstRight p.source_by_rvp
{
    margin-bottom: 0px;
}
#FirstRight span
{
    color: #fff;
    text-decoration: none;
}


#SecondRight
{
    background: #a5d4c6;
    border-radius: 4px 4px 0 0;
}
#SecondRight h1
{
    color: #444;
    font-size: 16px;
    line-height: 36px;
    padding: 5px;
}
#SecondRight h2
{
    color: #444;
    font-size: 16px;
    padding: 5px;
}
#SecondRight p
{
    padding: 0px 5px 5px;
    color: #666;
}
#SecondRight #add_activity
{
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0 10px 0 0;
    color: Red;
    font-size: 13px;
}
#SecondRight p.source_by_rvp
{
    margin-bottom: 0px;
}
#SecondRight span
{
    color: #fff;
    text-decoration: none;
}

#SecondLeftContent .noticeMap
{
    font-size: 16px;
    line-height: 25px;
    color: #CC0D68;
}
#SecondLeftContent ul.notice-Ul
{
    margin: 15px 0;
    display: none;
}
#SecondLeftContent ul.notice-Ul li
{
    height: 30px;
    margin-bottom: 8px;
    display: block;
}
#SecondLeftContent ul.notice-Ul li .liSp_1
{
    line-height: 30px;
    float: left;
    display: block;
}
#SecondLeftContent ul.notice-Ul li .liSp_1 img
{
    width: 30px;
    height: 30px;
}
#SecondLeftContent ul.notice-Ul li .liSp_2
{
    line-height: 30px;
    float: left;
    display: block;
    padding-left: 7px;
    color: #3B5998;
}
#SecondLeftContent p.source_by_rvp
{
    margin-bottom: 9px;
}
#SecondLeftContent span
{
    color: #007FBF;
    text-decoration: none;
}
#SecondLeftContent span#ProvinceSource
{
    font-size: 16px;
    color: Red;
    font-weight: bold;
}

/* map */
#map_canvas
{
    min-height: 427px;
    height: 458px;
    width: 595px;
    margin: 0px auto;
    border: 1px solid #eee;
}


#calendar
{
    margin: 0px auto;
}
.read-more-calendar
{
    color: #FF0000;
    text-decoration: none;
}
.read-more-calendar:hover
{
    color: #2E3133;
    text-decoration: none;
}
#LeftContent #SecondLeftContent
{
}
#SecondLeftContent p
{
    line-height: 21px;
    font-size: 12px;
    color: #2E3133;
    margin-bottom: 18px;
}

#SecondLeftContent .MapZone
{
    margin-bottom: 30px;
    text-align: center;
    background: #F2F7FA;
    border: 1px solid #E9EDF0;
    text-align: center;
    padding: 12px;
    clear: both;
}
.MapZone #SelProvince
{
    border-bottom: 0px solid #ccc;
    background: #fff;
    margin: 10px 0 25px 0;
    padding: 10px;
    border-width: 0px 0;
    text-align: inherit;
}
#SelProvince a
{
    color: #333;
    font-weight: bold;
    float: right;
    display: block;
    padding-bottom: 0;
}

#SelProvince #SelProvinceDrop
{
    color: #333;
    font-weight: bold;
    float: left;
    display: block;
}
#changwat, #ddlyear, #changwat54, #changwat55
{
    border: 1px solid #ccc;
    padding: 2px;
}

.s-box.list-detail
{
    border-radius: 0;
    background: none;
    float: none;
    width: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* RightContent*/
.wrap-in #RightContent
{
    float: right;
    position: relative;
    width: 315px;
}



.wrap-in #RightContent ul.servicesTb
{
    margin: 0;
    padding: 10px 0;
    height: 310px;
    overflow: hidden;
}
.wrap-in #RightContent ul.servicesTb li
{
    background: url(../images/bullet-arrow.png) no-repeat 0 1px;
}

.wrap-in #RightContent ul.servicesTb li .color
{
    font-weight: normal;
    color: #177ed6;
    text-decoration: none;
}
.wrap-in #RightContent ul.servicesTb li
{
    padding: 2px 0 5px 18px;
    border-bottom: 1px solid #E6E6E6;
    margin: 5px 0;
    font-size: 12px;
}
ul.servicesTb li:last-child
{
    border-bottom: 0;
}
/* bas Modify HighLight Event Other Months Days*/
.free-day
{
}
.free-day .ui-state-default
{
    color: #FF0000;
    background: #177ED6;
    color: #FFFFFF;
    border: 1px solid #f7f7f7;
}
.free-day .ui-state-active
{
    color: #FF0000;
    background: #177ED6;
    color: #FFFFFF;
    border: 1px solid #f7f7f7;
}
.free-day .ui-state-default
{
    color: #FF0000;
    background: #177ED6;
    color: #FFFFFF;
    border: 1px solid #f7f7f7;
}
.free-day .ui-state-highlight
{
    color: #FF0000;
    background: #177ED6;
    color: #FFFFFF;
    border: 1px solid #f7f7f7;
}
.free-day .ui-state-active
{
    color: #FF0000;
    background: #177ED6;
    color: #FFFFFF;
    border: 1px solid #f7f7f7;
}
.ui-datepicker-month:hover
{
    cursor: pointer;
}


.s-box
{
    margin: 0 0 15px;
    padding: 10px;
    border: 1px solid #DEDBD1;
    zoom: 1;
}
/*background: #FAFAFA url(../images/bg-top-grd.png) repeat-x top left; background: #F0F9FD;*/
.s-box .s-sum
{
    color: #000;
    font-size: 13px;
    font-weight: 700;
    padding: 0px 40px 0 0;
    position: relative;
    line-height: 30px;
    background: url(../images/title-bar-grd-sq-som.jpg) none no-repeat left top #EFEFEF;
    border-bottom: 1px solid #f18b44;
}

.s-box .list-showdate
{
    color: #177ED6;
    font-weight: bold;
}
.showdate
{
    font-size: 16px;
}

.s-box #ShowEventDate ul
{
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.s-box #ShowEventDate ul li
{
    display: block;
    height: 64px;
    margin: 0 0 10px;
}
.s-box #ShowEventDate ul li .spanImg
{
    float: left;
    display: block;
    width: 64px;
    height: 64px;
}
.s-box #ShowEventDate ul li .spanImg .Days
{
    text-align: center;
    line-height: 64px;
    padding-top: 10px;
    color: #EC8E0F;
    display: block;
    width: 64px;
    height: 64px;
    font-size: 24px;
    font-weight: bold;
}
.s-box #ShowEventDate ul li .spanText
{
    margin: 0;
    text-indent: 0;
    display: block;
    max-height: 64px;
    overflow: hidden;
    padding-left: 10px;
}
.s-box #ShowEventDate ul li .spanText a
{
    text-decoration: none;
    color: #333;
}
.s-box #ShowEventDate ul li .spanText a:hover
{
    text-decoration: underline;
}
.s-box #ShowEventDate ul li .spanText span
{
    color: #A3440C;
    display: block;
    padding-top: 5px;
}
.ShowEventDateCss
{
    text-align: center;
    color: #999;
    line-height: 30px;
}


/* footer */
#wrap footer
{
    position: absolute;
    bottom: 0;
    border: 0;
    border-top: 1px solid #e68cb4;
    background: #e97cad url(../images/bg-footer-long.png) repeat-x left center;
    padding: 10px 0;
    float: none;
    width: 100%;
    border-radius: 0px;
}

#wrap footer .wrap-in
{
    color: #fff;
    padding: 0 0;
}
#wrap footer .footer-in #footer-left
{
    float: left;
}

#wrap footer .footer-in #footer-right
{
    float: right;
    position: relative;
    padding-left: 20px;
}

#wrap footer .footer-in #footer-right a
{
    position: absolute;
    top: 0px;
    left: 0;
    border: 0;
}
#wrap footer .footer-in #footer-right a img
{
    width: 14px;
}


.whr-box
{
    display: block;
    padding: 20px 0;
    background: #E8EDF0;
    margin-top: -20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e7ebf2;
}

.whr-box .whr-box-contain
{
    margin: 0 auto;
    width: 980px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
}

.whr-box .whr-title
{
    background: #f6f7f8;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid #e9eaed;
    padding: 10px;
}

.whr-box .whr-detail
{
    padding: 10px;
    background: #fff;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}



.trip5-menu
{
    border-bottom: 1px solid #d3d6db;
    margin: 0;
    padding: 0;
}
.fb_rg
{
    border-top: 1px solid #d3d6db;
    padding: 10px;
    border-width: 1px 0 0 0;
}
.fb_rg a
{
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #3b5998;
}
.fb_rg a:hover
{
    text-decoration: underline;
}
.fb_rg a span.icc
{
    float: left;
    display: block;
    padding-left: 21px;
    position: relative;
    z-index: 3;
}
.fb_rg a span.icc .iccObj
{
    left: 0;
    position: absolute;
    top: 2px;
    vertical-align: middle;
    background: url(../images/fb16.png) no-repeat 0 0;
    display: block;
    height: 16px;
    width: 16px;
}
ul.ul-trip5
{
    list-style: none;
    margin: 0;
}
.brd-trip5
{
    padding: 12px 0 8px 12px;
}
.trip5
{
    margin: 0 auto;
    width: 950px;
    padding: 0;
    border-radius: 3px;
    border: 1px solid #d3d6db;
    background-color: #fafafa;
}

#nav li.nav-li .item-menu .ul-trip5 li
{
    height: auto;
    width: auto;
    border: none;
    border-bottom: none;
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
}



#nav li.nav-li .item-menu .ul-trip5 li
{
    float: left;
    display: block;
    padding-left: 10px;
    line-height: 36px;
}
#nav li.nav-li .item-menu .ul-trip5 li.fst
{
    padding-left: 0;
}
#nav li.nav-li .item-menu .ul-trip5 li a
{
    color: #3b5998;
    text-decoration: none;
    line-height: 36px;
    cursor: pointer;
}
#nav li.nav-li .item-menu .ul-trip5 li a:hover
{
    text-decoration: underline;
}
#nav li.nav-li .item-menu .ul-trip5 li a.lk
{
    line-height: 16px;
    display: block;
    font-weight: bold;
    color: #3b5998;
    margin-right: 5px;
    font-size: 14px;
}
#nav li.nav-li .item-menu .tIcon
{
    float: left;
    display: block;
    padding-left: 21px;
    position: relative;
    z-index: 3;
}
#nav li.nav-li .item-menu .tIcon .img
{
    left: 0;
    position: absolute;
    top: -1px;
    vertical-align: middle;
}
#nav li.nav-li .item-menu .tIcon .icBg
{
    background-position: 0 0;
}
#nav li.nav-li .item-menu .icObj
{
    float: left;
    background-image: url(../images/fb16.png);
    background-size: auto;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    width: 16px;
}
#nav li.nav-li .item-menu .icPnt
{
    background-image: url(../images/SpiteMore.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 0 -502px;
    height: 8px;
    width: 15px;
    left: 50%;
    margin-left: -4px;
    top: 17px;
    position: absolute;
    display: block;
    z-index: 5;
}
#nav li.nav-li .item-menu .llk
{
    background: #fff;
    padding: 1px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    zoom: 1;
}
#nav li.nav-li .item-menu .icPnt
{
    display: none;
}
#nav li.nav-li .item-menu .ctn
{
    padding: 9px;
}
.pnt1, .pnt2, .pnt3, .pnt4, .pnt5
{
}
.showPnt
{
    display: block;
}
#nav li.nav-li .item-menu .ctn .trip5-box-fb
{
    width: 300px;
    float: left;
    height: 48px;
    margin: 0 10px 10px 0;
}
#nav li.nav-li .item-menu .ctn .b_fs
{
    margin-left: 0;
}
#nav li.nav-li .item-menu .ctn .trip5-box-fb img
{
    width: 48px;
    height: 48px;
    float: left;
}
#nav li.nav-li .item-menu .ctn .trip5-box-fb a
{
    text-decoration: none;
    cursor: pointer; 
}

#nav li.nav-li  .trip5-box-fb a span
{
    cursor: pointer;
}
#nav li.nav-li .item-menu .ctn .trip5-box-fb a:hover
{
    text-decoration: underline;
}
#nav li.nav-li .item-menu .ctn .trip5-box-fb .lkTitle
{
    font-weight: bold;
    color: #555;
    cursor: pointer;
    display: block;
    padding-left: 50px;
}
#nav li.nav-li .item-menu .ctn .trip5-box-fb .lkTitle span
{
    display: block;
    
    cursor: pointer;
}
#nav li.nav-li .item-menu .ctn .trip5-box-fb .lkTitle .hTitle
{
    font-size: 13px;
    cursor: pointer;
}
#nav li.nav-li .item-menu .trip5-box-fb .lkTitle .oTitle
{
    font-weight: normal;
    font-size: 12px;
    color: #999;
}



/*-----------------------------------------------*/
/* ALL Device Frame */
/*-----------------------------------------------*/





/* MOBILE LAYOUT (PORTRAIT/280px, 320PX) 
----------------------------------------------- */

@media only screen and (max-width: 767px)
{
    body
    {
        background-color: #E8D9E2;
    }
    #wrap
    {
        margin-left: auto;
        margin-right: auto;
        width: 280px;
        padding: 0 0 10px; /*margin-left: auto;         margin-right: auto;         width: 87.36%;         min-width: 280px; 	    padding-left: 1.82%; 	    padding-right: 1.82%;*/
    }
    .wrap-in
    {
        width: auto;
        margin: 0;
        padding: 0;
    }


    /* ---------------------------------------------------------------------- */
    /*	Header */
    /* ---------------------------------------------------------------------- */
    #header
    {
        margin-bottom: 212px;
        padding-bottom: 0;
    }
    #header #logoheader
    {
        margin-bottom: 10px;
    }
    #header #logoheader
    {
    }
    #header #logoheader img
    {
        width: 100%;
        height: 112px;
        background: url(../images/AndroidHeaderTop1.png) no-repeat left top;
    }

    #header #visitorcounter
    {
        line-height: 30px;
        background: #333;
        color: white;
        border: 1px solid white;
        margin: 0 0 10px;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
    }
    #header #visitorcounter #title-header-small
    {
        float: none;
        padding: 5px;
        color: #F75B9D;
    }
    #header #visitorcounter #title-data-visitor
    {
        float: none;
        padding: 5px;
    }
    #header #visitorcounter #title-data-visitor span.label-visit
    {
        display: block;
        float: left;
        padding: 0px;
        margin: 0;
    }
    #header #visitorcounter #title-data-visitor span.label-online, #header #visitorcounter #title-data-visitor span.label-unit
    {
        float: left;
    }
    #header #visitorcounter #title-data-visitor .label-visit.n1, #header #visitorcounter #title-data-visitor .label-visit.n1.nlast
    {
        clear: left;
        margin-left: 0;
    }
    .label-pipe
    {
        display: none;
    }
    #header #HeaderSecond
    {
        padding-top: 0px;
        border: 0;
        background: none;
        color: white;
        margin-bottom: 0px;
        margin-top: 0;
        z-index: 9999;
        height: auto;
        width: 280px;
        padding-bottom: 0px;
    }
    #HeaderSecond #slidefeature #TopSlide
    {
        margin: 0 auto;
        padding: 0;
        background: none;
        position: relative;
    }
    #HeaderSecond #slidefeature .pics
    {
        width: 278px;
        height: 150px;
        overflow: hidden;
        padding: 0;
        margin: 0;
        position: relative;
        border: 1px solid white;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        z-index: 50;
    }
    #HeaderSecond #slidefeature section
    {
        width: 980px;
        position: relative;
        height: 150px;
    }
    #HeaderSecond #slidefeature section img
    {
        position: absolute;
        left: 0px;
        top: 0;
        width: 100%;
        max-width: 278px;
        height: 150px;
        border-width: 1px;
    }
    /* hide slides when js is disabled */
    #HeaderSecond #slidefeature #slide-2, #HeaderSecond #slidefeature #slide-3, #HeaderSecond #slidefeature #slide-4, #HeaderSecond #slidefeature #slide-5, #HeaderSecond #slidefeature #slide-6, #HeaderSecond #slidefeature #slide-7, #HeaderSecond #slidefeature #slide-8, #HeaderSecond #slidefeature #slide-9, #HeaderSecond #slidefeature #slide-10
    {
        display: none;
    }
    #HeaderSecond #slidefeature #TopSlide #prevSlide
    {
        position: absolute; /*top: 78px;     left: -55px;*/
        top: 50%;
        left: 30px;
        width: 31px;
        height: 31px;
        background: url(../images/icon_arrow_roll_left.png) no-repeat 0 -31px;
        z-index: 9999;
        cursor: pointer;
    }
    #HeaderSecond #slidefeature #TopSlide #nextSlide
    {
        position: absolute; /*top: 78px;     right: -40px;*/
        top: 50%;
        right: 30px;
        width: 31px;
        height: 31px;
        background: url(../images/icon_arrow_roll_right.png) no-repeat 0 -31px;
        z-index: 9999;
        cursor: pointer;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation
    {
        position: absolute;
        width: 100%;
        top: 45%;
        left: 0;
        z-index: 100;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-prev, #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-next
    {
        width: 40px;
        font-size: 11px;
        padding: 5px 3px;
        text-align: center;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-prev
    {
        float: left;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-next
    {
        float: right;
        margin-right: 0;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a
    {
        padding: 10px;
        background: #D60C62;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
    }
    #HeaderSecond #slidefeature #TopSlide #nextSlide:hover, #HeaderSecond #slidefeature #TopSlide #prevSlide:hover
    {
        background-position: 0 0;
    }

    /*-----------------------------------*/
    /* title - menu, col-full  */
    /*-----------------------------------*/
    #title-menu, .col-full
    {
        display: none;
    }

    /* ---------------------------------------------------------------------- */
    /*	nav-device */
    /* ---------------------------------------------------------------------- */
    #nav-device
    {
        position: absolute;
        display: block;
        border: 1px solid #fff;
        width: 268px;
        padding: 5px;
        top: 107%;
        background: url(../images/feature-bg.png);
        height: auto;
        min-height: 160px;
        z-index: 60;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        background: #d25e92;
        background: url(../images/noise-bg.png), -webkit-radial-gradient(center center, cover circle, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.4)), -webkit-linear-gradient(#fbc5dd 50%, #d25e92);
        z-index: 1;
    }
    #menu-main-sum1
    {
        /*แก้*/ /*margin: 0 0 0px 10px;*/
        float: none;
    }
    #menu-main-sum2
    {
        float: none; /*แก้*/ /*margin: 0 0 5px 10px;*/
    }
    #nav-device .menu-main
    {
        height: auto; /*เสริม*/
        width: 100%;
        overflow: auto;
        margin: 10px 0 10px 5px;
        list-style-type: none;
        position: relative;
    }
    #nav-device .menu-main li
    {
        float: none;
        height: 25px;
        margin-left: 0px; /*เสริม*/
        float: left;
        text-align: center;
        margin: 0 4px;
        line-height: 100%;
        height: 74px;
        width: 58px;
        overflow: hidden;
    }
    #nav-device .menu-main li img
    {
        display: block;
        height: 48px;
        width: 48px;
    }
    #nav-device .menu-main a
    {
        color: #62C0F9;
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 0;
        font-weight: bold;
        font-size: 11px;
        font-weight: bold; /*background: url(../images/bullet-arrow.png) no-repeat -5px center; */
    }
    #nav-device .menu-main a:active
    {
        color: #FB8637;
    }
    #nav-device .menu-main a span
    {
        display: block;
        padding-bottom: 1px;
        border-bottom: 1px solid #D60C62;
        padding: 0 0 0 15px;
    }

    /*-----------------------------------*/
    /* section */
    /*-----------------------------------*/
    #section
    {
        padding-bottom: 20px;
        width: 100%;
    }
    .wrap-in #LeftContent, .wrap-in #RightContent
    {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

    #RightContent .major-acc
    {
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        border-radius: 4px 4px 4px 4px;
    }

    .list-major-accident
    {
        border-radius: 0px 0px 4px 4px;
    }

    #board-alert
    {
        border: 1px solid white;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        margin: 0;
        margin-bottom: 10px;
    }
    #board-alert #SignAccident
    {
        width: 100%;
        background-image: none;
        background: #167C23;
        padding-bottom: 10px;
        height: 200;
    }

    #SignAccident h1.SignBoxTitle
    {
        font-size: 12px;
        font-weight: bold;
        line-height: 18px;
    }

    #SignBox #SumCase
    {
        width: 100%;
        margin: 0 auto;
        height: auto;
    }
    #SignBox #SumCase
    {
        height: 25px;
    }
    #SignBox #SumCase li
    {
        display: block;
        float: none;
        width: 100%;
        text-align: left;
        margin: 0;
        height: 25px;
        color: #000;
        font-size: 12px;
    }
    #SignBox #SumCase li span
    {
        font-weight: bold;
        float: left;
        display: block;
        width: 90px;
        font-size: 13px;
        line-height: 18px;
        text-align: right;
    }
    #SignBox #SumCase li#sumCurrentYear
    {
        font-size: 12px;
        padding: 10px 0 0px;
        display: block;
        padding-bottom: 5px;
    }
    #SignBox #SumCase li#sumCurrentYear span
    {
        display: inline;
        margin: 0;
        padding: 0 15px;
        text-align: left;
        float: none;
        font-size: 13px;
    }

    #SignBox #SumCase li#sumCurrentYear span.blockspan
    {
        display: block;
        margin-right: 0px;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .clear_in
    {
        clear: both;
    }
    #SignBox #SumCase li
    {
        height: auto;
    }
    #SignBox #SumCase li:last-child
    {
        padding-top: 5px;
        font-size: 11px;
        text-align: center;
        margin: auto;
        border-top: 1px solid #7AA848;
    }

    /* Map Zone */
    #LeftContent #FirstLeftTitleBox
    {
        border: 1px solid #DFDECC;
        padding: 5px;
        background: #f6f6ed url(../images/bg-title-map-box.gif) repeat-x left bottom;
        background-image: -webkit-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -moz-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -ms-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -o-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        margin-bottom: 24px;
        border-radius: 1px;
    }
    #FirstLeftTitleBox h1
    {
        font-size: 16px;
        line-height: 36px;
    }
    #FirstLeftTitleBox p.source_by_rvp
    {
        margin-bottom: 9px;
    }
    #FirstLeftTitleBox span
    {
        color: #007FBF;
        text-decoration: none;
    }

    #FirstRight
    {
        background: #F1CD50 url(../images/hand-stop-3.png) no-repeat 235px center;
        border-radius: 4px 4px 0 0;
    }
    #FirstRight h1
    {
        color: #444;
        font-size: 16px;
        line-height: 36px;
        padding: 5px;
    }
    #FirstRight h2
    {
        color: #444;
        font-size: 16px;
        padding: 5px;
    }
    #FirstRight p
    {
        padding: 0px 5px 5px;
        color: #fff;
    }
    #FirstRight p.source_by_rvp
    {
        margin-bottom: 0px;
    }
    #FirstRight span
    {
        color: #fff;
        text-decoration: none;
    }


    #SecondRight
    {
        background: #a5d4c6;
        border-radius: 4px 4px 0 0;
    }
    #SecondRight h1
    {
        color: #444;
        font-size: 16px;
        line-height: 36px;
        padding: 5px;
    }
    #SecondRight h2
    {
        color: #444;
        font-size: 16px;
        padding: 5px;
    }
    #SecondRight p
    {
        padding: 0px 5px 5px;
        color: #666;
    }
    #SecondRight #add_activity
    {
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        padding: 0 10px 0 0;
        color: Red;
        font-size: 13px;
    }
    #SecondRight p.source_by_rvp
    {
        margin-bottom: 0px;
    }
    #SecondRight span
    {
        color: #fff;
        text-decoration: none;
    }

    #SecondLeftContent .noticeMap
    {
        font-size: 16px;
        line-height: 25px;
        color: #CC0D68;
    }
    #SecondLeftContent ul.notice-Ul
    {
        margin: 15px 0;
        display: none;
    }
    #SecondLeftContent ul.notice-Ul li
    {
        height: 30px;
        margin-bottom: 8px;
        display: block;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_1
    {
        line-height: 30px;
        float: left;
        display: block;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_1 img
    {
        width: 30px;
        height: 30px;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_2
    {
        line-height: 30px;
        float: left;
        display: block;
        padding-left: 7px;
        color: #3B5998;
    }
    #SecondLeftContent p.source_by_rvp
    {
        margin-bottom: 9px;
    }
    #SecondLeftContent span
    {
        color: #007FBF;
        text-decoration: none;
    }
    #SecondLeftContent span#ProvinceSource
    {
        font-size: 16px;
        color: Red;
        font-weight: bold;
    }
    /* map */
    #map_canvas
    {
        height: 250px;
        width: 100%;
        margin: 0px auto;
        border: 1px solid #eee;
    }

    #calendar
    {
        margin: 0px auto;
    }
    .read-more-calendar
    {
        color: #FF0000;
        text-decoration: none;
    }
    .read-more-calendar:hover
    {
        color: #2E3133;
        text-decoration: none;
    }
    #LeftContent #SecondLeftContent
    {
    }
    #SecondLeftContent p
    {
        line-height: 21px;
        font-size: 12px;
        color: #2E3133;
        margin-bottom: 18px;
    }

    #SecondLeftContent .MapZone
    {
        margin-bottom: 30px;
        text-align: center;
        background: #F2F7FA;
        border: 1px solid #E9EDF0;
        text-align: center;
        padding: 12px;
        clear: both;
    }
    .MapZone #SelProvince
    {
        border-bottom: 0px solid #ccc;
        background: #fff;
        margin: 10px 0 25px 0;
        padding: 10px;
        border-width: 0px 0;
        text-align: left;
    }
    #SelProvince a
    {
        color: #333;
        font-weight: bold;
        float: none;
        display: block;
        padding-bottom: 5px;
    }

    #SelProvince #SelProvinceDrop
    {
        color: #333;
        font-weight: bold;
        float: none;
        display: block;
    }
    #changwat, #ddlyear, #changwat54, #changwat55
    {
        border: 1px solid #ccc;
        padding: 2px;
    }

    p.read-more
    {
        margin-bottom: 10px;
    }

    /* calendar*/
    .s-box.cd
    {
        padding-top: 0;
        margin: 0 0 10px;
    }

    .s-box .cd .s-sum-content
    {
    }

    .s-box.list-detail
    {
        background: #f5f5f5;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        border-radius: 4px 4px 4px 4px;
    }
    #second_right
    {
        float: none;
        width: 100%;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        background: none;
        border-radius: 4px 4px 4px 4px;
    }
    #second_right .s-box.cd
    {
        border-radius: 0 0 4px 4px;
    }
    #SecondRight #add_activity
    {
        display: none;
    }
    .ui-datepicker
    {
        display: none;
        width: 100%;
        cursor: default;
        text-transform: uppercase;
        font-family: Tahoma;
        font-size: 12px;
        background: #f7f7f7;
    }
    .ui-datepicker table
    {
        width: 100%;
    }
    .ui-datepicker table td
    {
        padding: 0 4px;
    }

    .ui-datepicker-calendar td
    {
        padding: 0 4px;
    }

    .s-box
    {
        margin: 0 0 15px;
        padding: 10px;
        border: 1px solid #DEDBD1;
        zoom: 1;
    }
    /*background: #FAFAFA url(../images/bg-top-grd.png) repeat-x top left; background: #F0F9FD;*/
    .s-box .s-sum
    {
        color: #000;
        font-size: 13px;
        font-weight: 700;
        padding: 0px 40px 0 0;
        position: relative;
        line-height: 30px;
        background: url(../images/title-bar-grd-sq-som.jpg) none no-repeat left top #EFEFEF;
        border-bottom: 1px solid #f18b44;
    }

    .s-box .list-showdate
    {
        color: #177ED6;
        font-weight: bold;
    }
    .showdate
    {
        font-size: 16px;
    }

    .s-box #ShowEventDate ul
    {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .s-box #ShowEventDate ul li
    {
        display: block;
        height: 64px;
        margin: 0 0 10px;
    }
    .s-box #ShowEventDate ul li .spanImg
    {
        float: left;
        display: block;
        width: 64px;
        height: 64px;
    }
    .s-box #ShowEventDate ul li .spanImg .Days
    {
        text-align: center;
        line-height: 64px;
        padding-top: 10px;
        color: #EC8E0F;
        display: block;
        width: 64px;
        height: 64px;
        font-size: 24px;
        font-weight: bold;
    }
    .s-box #ShowEventDate ul li .spanText
    {
        margin: 0;
        text-indent: 0;
        display: block;
        max-height: 64px;
        overflow: hidden;
        padding-left: 10px;
    }
    .s-box #ShowEventDate ul li .spanText a
    {
        text-decoration: none;
        color: #333;
    }
    .s-box #ShowEventDate ul li .spanText a:hover
    {
        text-decoration: underline;
    }
    .s-box #ShowEventDate ul li .spanText span
    {
        color: #A3440C;
        display: block;
        padding-top: 5px;
    }
    .ShowEventDateCss
    {
        text-align: center;
        color: #999;
        line-height: 30px;
    }

    /* footer */
    #wrap footer
    {
        position: relative;
        bottom: 0;
        border: 1px solid #e68cb4;
        background: #e97cad;
        padding: 10px;
        float: none;
        width: auto;
        border-radius: 4px;
    }

    #wrap footer .wrap-in
    {
        color: #fff;
        padding: 0 0;
    }
    #wrap footer .footer-in #footer-left
    {
        float: none;
        padding: 5px 0;
    }

    #wrap footer .footer-in #footer-right
    {
        float: none;
        position: relative;
        padding-left: 0px;
        padding: 5px 0;
        width: auto;
    }

    #wrap footer .footer-in #footer-right a
    {
        position: relative;
        top: 0;
        left: 0;
        border: 0;
    }
    #wrap footer .footer-in #footer-right a img
    {
        width: 14px;
    }

    #footerDownBig .Wrapper
    {
        width: auto;
        margin: 0 auto;
    }

    .whr-box
    {
        display: none;
    }
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) Mobile แนวนอน
----------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px)
{
    body
    {
        background-color: #E8D9E2;
    }
    #wrap
    {
        margin-left: auto;
        margin-right: auto;
        width: 420px;
        padding: 0 0 10px;
    }
    .wrap-in
    {
        width: auto;
        margin: 0;
        padding: 0;
    }

    /* ---------------------------------------------------------------------- */
    /*	Home */
    /* ---------------------------------------------------------------------- */

    #header
    {
        margin-bottom: 214px;
        padding-bottom: 0;
    }
    #header #logoheader
    {
        margin-bottom: 10px;
    }
    #header #logoheader
    {
    }
    #header #logoheader img
    {
        width: 100%;
        height: 132px;
        background: url(../images/AndroidHeaderTopLanscape.png) no-repeat left top;
    }
    #header #visitorcounter
    {
        border: 1px solid white;
        margin: 0 0 10px;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
    }
    #header #visitorcounter #title-header-small
    {
        float: none;
        padding: 5px;
        color: #F75B9D;
    }
    #header #visitorcounter #title-data-visitor
    {
        float: none;
        padding: 5px;
    }
    #header #visitorcounter #title-data-visitor span.label-visit
    {
        display: block;
        float: left;
        padding: 0px;
        margin: 0;
    }
    #header #visitorcounter #title-data-visitor span.label-online, #header #visitorcounter #title-data-visitor span.label-unit
    {
        float: left;
    }
    #header #visitorcounter #title-data-visitor .label-visit.n1
    {
        clear: none;
        margin-left: 10px;
    }
    #header #visitorcounter #title-data-visitor .label-visit.n1.nlast
    {
        margin-left: 0;
        clear: left;
    }
    .label-pipe
    {
        display: none;
    }

    #header #HeaderSecond
    {
        padding-top: 0px;
        border: 0;
        background: none;
        color: white;
        margin-bottom: 0px;
        margin-top: 0;
        z-index: 9999;
        height: auto;
        width: 420px;
    }
    nav, nav ul
    {
        padding: 0;
        margin: 0;
    }
    nav.navigation
    {
        clear: both;
        margin: 0;
        height: auto;
    }
    #HeaderSecond #slidefeature #TopSlide
    {
        margin: 0 auto;
        padding: 0;
        background: none;
        position: relative;
    }
    #HeaderSecond #slidefeature .pics
    {
        width: 418px;
        height: 180px;
        overflow: hidden;
        padding: 0;
        margin: 0;
        position: relative;
        border: 1px solid white;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        z-index: 50;
    }
    #HeaderSecond #slidefeature section
    {
        width: 980px;
        position: relative;
        height: 180px;
    }
    #HeaderSecond #slidefeature section img
    {
        position: absolute;
        left: 0px;
        top: 0;
        width: 100%;
        max-width: 418px;
        height: 180px;
        border-width: 0px;
    }
    /* hide slides when js is disabled */
    #HeaderSecond #slidefeature #slide-2, #HeaderSecond #slidefeature #slide-3, #HeaderSecond #slidefeature #slide-4, #HeaderSecond #slidefeature #slide-5, #HeaderSecond #slidefeature #slide-6, #HeaderSecond #slidefeature #slide-7, #HeaderSecond #slidefeature #slide-8, #HeaderSecond #slidefeature #slide-9, #HeaderSecond #slidefeature #slide-10
    {
        display: none;
    }
    #HeaderSecond #slidefeature #TopSlide #prevSlide
    {
        position: absolute; /*top: 78px;     left: -55px;*/
        top: 50%;
        left: 30px;
        width: 31px;
        height: 31px;
        background: url(../images/icon_arrow_roll_left.png) no-repeat 0 -31px;
        z-index: 9999;
        cursor: pointer;
    }
    #HeaderSecond #slidefeature #TopSlide #nextSlide
    {
        position: absolute; /*top: 78px;     right: -40px;*/
        top: 50%;
        right: 30px;
        width: 31px;
        height: 31px;
        background: url(../images/icon_arrow_roll_right.png) no-repeat 0 -31px;
        z-index: 9999;
        cursor: pointer;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation
    {
        position: absolute;
        width: 100%;
        top: 45%;
        left: 0;
        z-index: 100;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-prev, #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-next
    {
        width: 40px;
        font-size: 11px;
        padding: 5px 3px;
        text-align: center;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-prev
    {
        float: left;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-next
    {
        float: right;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a
    {
        padding: 10px;
        background: #D60C62;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
    }
    #HeaderSecond #slidefeature #TopSlide #nextSlide:hover, #HeaderSecond #slidefeature #TopSlide #prevSlide:hover
    {
        background-position: 0 0;
    }

    /*-----------------------------------*/
    /* title - menu, col-full  */
    /*-----------------------------------*/
    #title-menu, .col-full
    {
        display: none;
    }

    /* ---------------------------------------------------------------------- */
    /*	nav-device
                    /* ---------------------------------------------------------------------- */
    /*
                    #nav-device
                    {
                        position: absolute;
                        display: block;
                        border: 1px solid #fff;
                        width: 408px;
                        padding: 5px;
                        top: 107%;
                        background: url(../images/feature-bg.png);
                        height: auto;
                        min-height: 110px;
                        z-index: 60;
                        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
                        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
                        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
                    }
                    #menu-main-sum1
                    {
                        margin: 0 0 5px 10px;
                        float: left;
                    }
                    #menu-main-sum2
                    {
                        float: right;
                        margin: 0 0 5px 0px;
                    }
                    #nav-device .menu-main
                    {
                        height: auto;
                    }
                    #nav-device .menu-main li
                    {
                        float: none;
                        height: 25px;
                        margin-left: 0px;
                    }
                    #nav-device .menu-main a
                    {
                        color: #62C0F9;
                        min-width: 140px;
                        text-decoration: none;
                        display: block;
                        line-height: 24px;
                        text-align: left;
                        padding: 0 10px 0 0;
                        font-weight: bold;
                        background: url(../images/bullet-arrow.png) no-repeat -5px center; 
                    }
                    */

    /*แก้ไข*/
    #nav-device
    {
        position: absolute;
        display: block;
        border: 1px solid #fff;
        width: 408px;
        padding: 5px;
        top: 107%;
        background: url(../images/feature-bg.png);
        height: auto;
        min-height: 160px;
        z-index: 60;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        background: #d25e92;
        background: url(../images/noise-bg.png), -webkit-radial-gradient(center center, cover circle, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.4)), -webkit-linear-gradient(#fbc5dd 50%, #d25e92);
        z-index: 1;
    }
    #menu-main-sum1
    {
        /*แก้*/ /*margin: 0 0 0px 10px;*/
        float: none;
    }
    #menu-main-sum2
    {
        float: none; /*แก้*/ /*margin: 0 0 5px 10px;*/
    }
    #nav-device .menu-main
    {
        height: auto; /*เสริม*/
        width: 100%;
        overflow: auto;
        margin: 10px 0 10px 5px;
        list-style-type: none;
        position: relative;
    }
    #nav-device .menu-main li
    {
        float: none;
        height: 25px;
        margin-left: 0px; /*เสริม*/
        float: left;
        text-align: center;
        margin: 0 20px;
        line-height: 100%;
        height: 74px;
        width: 58px;
        overflow: hidden;
    }
    #nav-device .menu-main li img
    {
        display: block;
        height: 48px;
        width: 48px;
    }
    #nav-device .menu-main a
    {
        color: #62C0F9;
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 0;
        font-weight: bold;
        font-size: 11px;
        font-weight: bold; /*background: url(../images/bullet-arrow.png) no-repeat -5px center; */
    }




    #nav-device .menu-main a span
    {
        display: block;
        padding-bottom: 1px;
        border-bottom: 1px solid #D60C62;
        padding: 0 0 0 15px;
    }


    /*-----------------------------------*/
    /* section */
    /*-----------------------------------*/
    #section
    {
        padding-bottom: 20px;
        width: 100%;
    }

    .wrap-in #LeftContent, .wrap-in #RightContent
    {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }
    #RightContent .major-acc
    {
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
    }
    #board-alert
    {
        border: 1px solid white;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        margin: 0;
        margin-bottom: 10px;
    }
    #board-alert #SignAccident
    {
        width: 100%;
        background-image: none;
        background: #167C23;
        height: auto;
    }

    #SignAccident h1.SignBoxTitle
    {
        font-size: 14px;
        font-weight: bold;
        line-height: 25px;
    }

    #SignBox #SumCase
    {
        width: 100%;
        margin: 0 auto;
    }
    #SignBox #SumCase
    {
        height: auto;
        margin: 10px 0 0 50px;
        display: block;
    }
    #SignBox #SumCase li
    {
        margin: 0;
        height: 25px;
        color: #000;
    }
    #SignBox #SumCase li span
    {
        font-weight: bold;
        float: left;
        display: block;
        width: 100px;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
    }
    #SignBox #SumCase li:last-child
    {
        font-weight: bold;
        padding: 5px 0;
        color: #FFF;
    }

    #SignBox #SumCase li span.last
    {
        width: 50px;
    }
    #SignBox #SumCase li span#score_inj, #SignBox #SumCase li span#score_dth, #SignBox #SumCase li span#score_tot
    {
        color: #fff;
    }

    #SignBox #SumCase li#sumCurrentYear
    {
        font-size: 13px;
        color: Yellow;
        font-weight: bold;
        padding: 15px 0 15px;
        margin-left: -20px;
    }
    #SignBox #SumCase li#sumCurrentYear span
    {
        display: inline;
        margin: 0;
        padding: 0;
        text-align: left;
        float: none;
        font-size: 13px;
    }
    #SignBox #SumCase li#sumCurrentYear span#years, #SignBox #SumCase li#sumCurrentYear span#all_inj, #SignBox #SumCase li#sumCurrentYear span#all_dth, #SignBox #SumCase li#sumCurrentYear span#all_sum
    {
        color: #fff;
    }
    #SignBox #SumCase li#sumCurrentYear span.blockspan
    {
        margin-right: 10px;
        float: left;
        width: auto;
    }
    .clear_in
    {
        clear: both;
    }
    #SignBox #SumCase li
    {
        height: 25px;
    }
    #SignBox #SumCase li:last-child
    {
        border: 0;
        padding-top: 0px;
        font-size: 13px;
        text-align: left;
        margin-left: -50px;
        padding-top: 5px;
        border-top: 1px solid #7AA848;
    }

    /* Map Zone */
    #LeftContent #FirstLeftTitleBox
    {
        border: 1px solid #DFDECC;
        padding: 5px;
        background: #f6f6ed url(../images/bg-title-map-box.gif) repeat-x left bottom;
        background-image: -webkit-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -moz-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -ms-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -o-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        margin-bottom: 24px;
        border-radius: 1px;
    }
    #FirstLeftTitleBox h1
    {
        font-size: 16px;
        line-height: 36px;
    }
    #FirstLeftTitleBox p.source_by_rvp
    {
        margin-bottom: 9px;
    }
    #FirstLeftTitleBox span
    {
        color: #007FBF;
        text-decoration: none;
    }

    #FirstRight
    {
        background: #F1CD50 url(../images/hand-stop-3.png) no-repeat 235px center;
        border-radius: 4px 4px 0 0;
    }
    #FirstRight h1
    {
        color: #444;
        font-size: 16px;
        line-height: 36px;
        padding: 5px;
    }
    #FirstRight h2
    {
        color: #444;
        font-size: 16px;
        padding: 5px;
    }
    #FirstRight p
    {
        padding: 0px 5px 5px;
        color: #fff;
    }
    #FirstRight p.source_by_rvp
    {
        margin-bottom: 0px;
    }
    #FirstRight span
    {
        color: #fff;
        text-decoration: none;
    }


    #SecondRight
    {
        background: #a5d4c6;
        border-radius: 4px 4px 0 0;
    }
    #SecondRight h1
    {
        color: #444;
        font-size: 16px;
        line-height: 36px;
        padding: 5px;
    }
    #SecondRight h2
    {
        color: #444;
        font-size: 16px;
        padding: 5px;
    }
    #SecondRight p
    {
        padding: 0px 5px 5px;
        color: #666;
    }
    #SecondRight #add_activity
    {
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        padding: 0 10px 0 0;
        color: Red;
        font-size: 13px;
    }
    #SecondRight p.source_by_rvp
    {
        margin-bottom: 0px;
    }
    #SecondRight span
    {
        color: #fff;
        text-decoration: none;
    }

    #SecondLeftContent .noticeMap
    {
        font-size: 16px;
        line-height: 25px;
        color: #CC0D68;
    }
    #SecondLeftContent ul.notice-Ul
    {
        margin: 15px 0;
        display: none;
    }
    #SecondLeftContent ul.notice-Ul li
    {
        height: 30px;
        margin-bottom: 8px;
        display: block;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_1
    {
        line-height: 30px;
        float: left;
        display: block;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_1 img
    {
        width: 30px;
        height: 30px;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_2
    {
        line-height: 30px;
        float: left;
        display: block;
        padding-left: 7px;
        color: #3B5998;
    }
    #SecondLeftContent p.source_by_rvp
    {
        margin-bottom: 9px;
    }
    #SecondLeftContent span
    {
        color: #007FBF;
        text-decoration: none;
    }
    #SecondLeftContent span#ProvinceSource
    {
        font-size: 16px;
        color: Red;
        font-weight: bold;
    }
    /* map */
    #map_canvas
    {
        height: 250px;
        width: 100%;
        margin: 0px auto;
        border: 1px solid #eee;
    }

    #calendar
    {
        margin: 0px auto;
    }
    .read-more-calendar
    {
        color: #FF0000;
        text-decoration: none;
    }
    .read-more-calendar:hover
    {
        color: #2E3133;
        text-decoration: none;
    }
    #LeftContent #SecondLeftContent
    {
    }
    #SecondLeftContent p
    {
        line-height: 21px;
        font-size: 12px;
        color: #2E3133;
        margin-bottom: 18px;
    }

    #SecondLeftContent .MapZone
    {
        margin-bottom: 30px;
        text-align: center;
        background: #F2F7FA;
        border: 1px solid #E9EDF0;
        text-align: center;
        padding: 12px;
        clear: both;
    }
    .MapZone #SelProvince
    {
        border-bottom: 0px solid #ccc;
        background: #fff;
        margin: 10px 0 25px 0;
        padding: 10px;
        border-width: 0px 0;
        text-align: left;
    }
    #SelProvince a
    {
        color: #333;
        font-weight: bold;
        float: none;
        display: block;
        padding-bottom: 5px;
    }

    #SelProvince #SelProvinceDrop
    {
        color: #333;
        font-weight: bold;
        float: none;
        display: block;
    }
    #changwat, #ddlyear, #changwat54, #changwat55
    {
        border: 1px solid #ccc;
        padding: 2px;
    }

    p.read-more
    {
        margin-bottom: 10px;
    }

    /* calendar*/
    #SecondRight.main-title-activity
    {
        padding: 0 6px;
        width: auto;
    }

    .s-box.cd
    {
        padding-top: 0;
        float: none;
        width: auto;
        padding: 0 3px;
    }

    .s-box .cd .s-sum-content
    {
    }

    .s-box.list-detail
    {
        background: #f5f5f5;
        float: none;
        width: auto;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        border-radius: 4px 4px 4px 4px;
    }
    .nex_right
    {
        width: 100%;
    }
    #second_right
    {
        float: none;
        width: auto;
    }
    #SecondRight #add_activity
    {
        display: none;
    }
    #second_right .ui-datepicker
    {
        display: none;
        width: 420px;
        max-width: 410px;
        cursor: default;
        text-transform: uppercase;
        font-family: Tahoma;
        font-size: 12px;
        background: #f7f7f7;
    }
    .ui-datepicker table
    {
        width: 100%;
    }


    .ui-datepicker table td
    {
        padding: 0 15 px;
    }

    .ui-datepicker-calendar td
    {
        padding: 0 4px;
    }

    .s-box
    {
        margin: 0 0 15px;
        padding: 10px;
        border: 1px solid #DEDBD1;
        zoom: 1;
    }
    /*background: #FAFAFA url(../images/bg-top-grd.png) repeat-x top left; background: #F0F9FD;*/
    .s-box .s-sum
    {
        color: #000;
        font-size: 13px;
        font-weight: 700;
        padding: 0px 40px 0 0;
        position: relative;
        line-height: 30px;
        background: url(../images/title-bar-grd-sq-som.jpg) none no-repeat left top #EFEFEF;
        border-bottom: 1px solid #f18b44;
    }

    .s-box .list-showdate
    {
        color: #177ED6;
        font-weight: bold;
    }
    .showdate
    {
        font-size: 16px;
    }

    .s-box #ShowEventDate ul
    {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .s-box #ShowEventDate ul li
    {
        display: block;
        height: 64px;
        margin: 0 0 10px;
    }
    .s-box #ShowEventDate ul li .spanImg
    {
        float: left;
        display: block;
        width: 64px;
        height: 64px;
    }
    .s-box #ShowEventDate ul li .spanImg .Days
    {
        text-align: center;
        line-height: 64px;
        padding-top: 10px;
        color: #EC8E0F;
        display: block;
        width: 64px;
        height: 64px;
        font-size: 24px;
        font-weight: bold;
    }
    .s-box #ShowEventDate ul li .spanText
    {
        margin: 0;
        text-indent: 0;
        display: block;
        max-height: 64px;
        overflow: hidden;
        padding-left: 10px;
    }
    .s-box #ShowEventDate ul li .spanText a
    {
        text-decoration: none;
        color: #333;
    }
    .s-box #ShowEventDate ul li .spanText a:hover
    {
        text-decoration: underline;
    }
    .s-box #ShowEventDate ul li .spanText span
    {
        color: #A3440C;
        display: block;
        padding-top: 5px;
    }
    .ShowEventDateCss
    {
        text-align: center;
        color: #999;
        line-height: 30px;
    }

    /* footer */
    #wrap footer
    {
        position: relative;
        bottom: 0;
        border: 1px solid #e68cb4;
        background: #e97cad;
        padding: 10px;
        float: none;
        width: auto;
        border-radius: 4px;
    }

    #wrap footer .wrap-in
    {
        color: #fff;
        padding: 0 0;
    }
    #wrap footer .footer-in #footer-left
    {
        float: none;
        padding: 5px 0;
    }

    #wrap footer .footer-in #footer-right
    {
        float: none;
        position: relative;
        padding-left: 0px;
        padding: 5px 0;
        width: 340px;
    }

    #wrap footer .footer-in #footer-right a
    {
        position: absolute;
        top: 0px;
        left: 100%;
        border: 0;
    }
    #wrap footer .footer-in #footer-right a img
    {
        width: 14px;
    }
    #footerDownBig .Wrapper
    {
        width: auto;
        margin: 0 auto;
    }
    .whr-box
    {
        display: none;
    }
}


/* TABLET LAYOUT 
----------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 991px)
{
    body
    {
        background-color: #E8D9E2;
    }
    #wrap
    {
        margin-left: auto;
        margin-right: auto;
        width: 712px;
        padding: 0 0 10px;
    }
    .wrap-in
    {
        width: auto;
        margin: 0;
        padding: 0;
    }

    /* ---------------------------------------------------------------------- */
    /*	Home */
    /* ---------------------------------------------------------------------- */

    #header
    {
        margin-bottom: 10px;
        padding-bottom: 0;
    }
    #header #logoheader
    {
        margin-bottom: 10px;
    }
    #header #logoheader
    {
    }
    #header #logoheader img
    {
        width: 100%;
        height: 150px;
        background: url(../images/AndroidHeaderTopTablet.png) no-repeat left top;
    }
    #header #visitorcounter
    {
        border: 1px solid white;
        margin: 0 0 10px;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
    }
    #header #visitorcounter #title-header-small
    {
        float: none;
        padding: 5px;
        color: #F75B9D;
    }
    #header #visitorcounter #title-data-visitor
    {
        float: none;
        padding: 5px;
    }
    #header #visitorcounter #title-data-visitor span.label-visit
    {
        display: block;
        float: left;
        padding: 0px;
        margin: 0;
    }
    #header #visitorcounter #title-data-visitor span.label-online, #header #visitorcounter #title-data-visitor span.label-unit
    {
        float: left;
    }
    #header #visitorcounter #title-data-visitor .label-visit.n1
    {
        clear: none;
        margin-left: 10px;
    }
    #header #visitorcounter #title-data-visitor .label-visit.n1.nlast
    {
        margin-left: 0;
        clear: none;
    }
    .label-pipe
    {
        display: none;
    }

    #header #HeaderSecond
    {
        padding-top: 0px;
        border: 0;
        background: none;
        color: white;
        margin-bottom: 0px;
        margin-top: 0;
        z-index: 9999;
        height: auto;
        width: 712px;
    }
    nav, nav ul
    {
        padding: 0;
        margin: 0;
    }
    nav.navigation
    {
        clear: both;
        margin: 0;
        height: auto;
    }
    #HeaderSecond #slidefeature #TopSlide
    {
        margin: 0 auto;
        padding: 0;
        background: none;
        position: relative;
    }
    #HeaderSecond #slidefeature .pics
    {
        width: 710px;
        height: 250px;
        overflow: hidden;
        padding: 0;
        margin: 0;
        position: relative;
        border: 1px solid white;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        z-index: 50;
    }
    #HeaderSecond #slidefeature section
    {
        width: 960px;
        position: relative;
        height: 250px;
    }
    #HeaderSecond #slidefeature section img
    {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        max-width: 710px;
        height: 250px;
        border-width: 0px;
    }
    /* hide slides when js is disabled */
    #HeaderSecond #slidefeature #slide-2, #HeaderSecond #slidefeature #slide-3, #HeaderSecond #slidefeature #slide-4, #HeaderSecond #slidefeature #slide-5, #HeaderSecond #slidefeature #slide-6, #HeaderSecond #slidefeature #slide-7, #HeaderSecond #slidefeature #slide-8, #HeaderSecond #slidefeature #slide-9, #HeaderSecond #slidefeature #slide-10
    {
        display: none;
    }
    #HeaderSecond #slidefeature #TopSlide #prevSlide
    {
        position: absolute; /*top: 78px;     left: -55px;*/
        top: 50%;
        left: 30px;
        width: 31px;
        height: 31px;
        background: url(../images/icon_arrow_roll_left.png) no-repeat 0 -31px;
        z-index: 9999;
        cursor: pointer;
    }
    #HeaderSecond #slidefeature #TopSlide #nextSlide
    {
        position: absolute; /*top: 78px;     right: -40px;*/
        top: 50%;
        right: 30px;
        width: 31px;
        height: 31px;
        background: url(../images/icon_arrow_roll_right.png) no-repeat 0 -31px;
        z-index: 9999;
        cursor: pointer;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation
    {
        position: absolute;
        width: 100%;
        top: 45%;
        left: 0;
        z-index: 100;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-prev, #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-next
    {
        width: 40px;
        font-size: 11px;
        padding: 5px 3px;
        text-align: center;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-prev
    {
        float: left;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-next
    {
        float: right;
        margin-right: 0;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a
    {
        padding: 10px;
        background: #D60C62;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
    }
    #HeaderSecond #slidefeature #TopSlide #nextSlide:hover, #HeaderSecond #slidefeature #TopSlide #prevSlide:hover
    {
        background-position: 0 0;
    }

    /*-----------------------------------*/
    /* title - menu, col-full  */
    /*-----------------------------------*/
    #title-menu, .col-full
    {
        display: none;
    }

    /* ---------------------------------------------------------------------- */
    /*	nav-device
                    /* ---------------------------------------------------------------------- */

    /*
                    #nav-device
                    {
                        position: absolute;
                        bottom: 0;
                        display: block;
                        border: 0;
                        border-top: 1px solid #777;
                        width: 700px;
                        padding: 5px;
                        margin: 0 0 1px 1px;
                        background: url(../images/feature-bg.png);
                        height: 70px;
                        z-index: 60;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;
                        box-shadow: none;
                    }
                    #menu-main-sum1
                    {
                        margin: 0px 0 5px 0;
                    }
                    #nav-device .menu-main
                    {
                        height: 25px;
                    }
                    #nav-device .menu-main li
                    {
                        float: left;
                        height: 25px;
                        margin-left: 10px;
                    }
                    #nav-device .menu-main a
                    {
                        color: #62C0F9;
                        min-width: 140px;
                        text-decoration: none;
                        display: block;
                        line-height: 24px;
                        text-align: left;
                        padding: 0 10px;
                        font-weight: bold;
                       
                    }
                    */

    /*แก้ไข*/
    #nav-device
    {
        position: absolute;
        bottom: 0;
        display: block;
        border: 0;
        border-top: 1px solid #777;
        width: 700px;
        padding: 5px;
        margin: 0 0 1px 1px;
        background: url(../images/feature-bg.png);
        height: 70px;
        z-index: 60;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #menu-main-sum1
    {
        /*แก้*/ /*margin: 0 0 0px 10px;*/
        float: left;
    }
    #menu-main-sum2
    {
        float: left; /*แก้*/ /*margin: 0 0 5px 10px;*/
    }
    #nav-device .menu-main
    {
        height: auto; /*เสริม*/
        width: auto;
        overflow: auto;
        margin: 0px 0 0px 5px;
        list-style-type: none;
        position: relative;
    }
    #nav-device .menu-main li
    {
        float: none;
        height: 25px;
        margin-left: 0px; /*เสริม*/
        float: left;
        text-align: center;
        margin: 0 12px;
        line-height: 100%;
        height: 74px;
        width: 58px;
        overflow: hidden;
    }
    #nav-device .menu-main li img
    {
        display: block;
        height: 48px;
        width: 48px;
    }
    #nav-device .menu-main a
    {
        color: #62C0F9;
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 0;
        font-weight: bold;
        font-size: 11px;
        font-weight: bold; /*background: url(../images/bullet-arrow.png) no-repeat -5px center; */
    }

    #nav-device .menu-main a span
    {
        display: block;
        padding-bottom: 1px;
        border-bottom: 1px solid #D60C62;
    }

    /*-----------------------------------*/
    /* section */
    /*-----------------------------------*/
    #section
    {
        padding-bottom: 20px;
        width: 100%;
    }

    .wrap-in #LeftContent, .wrap-in #RightContent
    {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

    #board-alert
    {
        border: 0px solid white;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
    }
    #board-alert #SignAccident
    {
        height: 220px;
        width: 100%;
        background: url(../images/Board-Alert-Tablet.png) no-repeat left top;
        padding-bottom: 10px;
    }

    #SignAccident h1.SignBoxTitle
    {
        font-size: 14px;
        font-weight: bold;
        line-height: 38px;
    }

    #SignBox #SumCase
    {
        width: 100%;
        margin: 0 auto;
    }
    #SignBox #SumCase
    {
        height: auto;
        margin: 10px 0 0 50px;
        display: block;
    }
    #SignBox #SumCase li
    {
        margin: 0;
        height: 25px;
        color: #000;
    }
    #SignBox #SumCase li span
    {
        font-weight: bold;
        float: left;
        display: block;
        width: 100px;
        font-size: 14px;
        line-height: 18px;
        text-align: right;
    }
    #SignBox #SumCase li:last-child
    {
        font-weight: bold;
        padding: 5px 0;
        color: #FFF;
    }

    #SignBox #SumCase li span.last
    {
        width: 50px;
    }
    #SignBox #SumCase li span#score_inj, #SignBox #SumCase li span#score_dth, #SignBox #SumCase li span#score_tot
    {
        color: #fff;
    }

    #SignBox #SumCase li#sumCurrentYear
    {
        font-size: 13px;
        color: Yellow;
        font-weight: bold;
        padding: 15px 0 15px;
        margin-left: 50px;
    }
    #SignBox #SumCase li#sumCurrentYear span
    {
        display: inline;
        margin: 0;
        padding: 0;
        text-align: left;
        float: none;
        font-size: 13px;
    }
    #SignBox #SumCase li#sumCurrentYear span#years, #SignBox #SumCase li#sumCurrentYear span#all_inj, #SignBox #SumCase li#sumCurrentYear span#all_dth, #SignBox #SumCase li#sumCurrentYear span#all_sum
    {
        color: #fff;
    }
    #SignBox #SumCase li#sumCurrentYear span.blockspan
    {
        margin-right: 10px;
        float: left;
        width: auto;
    }
    .clear_in
    {
        clear: both;
    }

    #SignBox #SumCase li
    {
        height: auto;
        margin-left: 150px;
    }
    #SignBox #SumCase li:last-child
    {
        border: 0;
        font-size: 13px;
        text-align: center;
        padding-top: 5px;
        margin-left: -130px;
    }

    /* Map Zone */
    #LeftContent #FirstLeftTitleBox
    {
        border: 1px solid #DFDECC;
        padding: 5px;
        background: #f6f6ed url(../images/bg-title-map-box.gif) repeat-x left bottom;
        background-image: -webkit-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -moz-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -ms-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -o-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        margin-bottom: 24px;
        border-radius: 1px;
    }
    #FirstLeftTitleBox h1
    {
        font-size: 16px;
        line-height: 36px;
    }
    #FirstLeftTitleBox p.source_by_rvp
    {
        margin-bottom: 9px;
    }
    #FirstLeftTitleBox span
    {
        color: #007FBF;
        text-decoration: none;
    }

    #FirstRight
    {
        background: #F1CD50 url(../images/hand-stop-3.png) no-repeat 235px center;
        border-radius: 4px 4px 0 0;
    }
    #FirstRight h1
    {
        color: #444;
        font-size: 16px;
        line-height: 36px;
        padding: 5px;
    }
    #FirstRight h2
    {
        color: #444;
        font-size: 16px;
        padding: 5px;
    }
    #FirstRight p
    {
        padding: 0px 5px 5px;
        color: #fff;
    }
    #FirstRight p.source_by_rvp
    {
        margin-bottom: 0px;
    }
    #FirstRight span
    {
        color: #fff;
        text-decoration: none;
    }


    #SecondRight
    {
        background: #a5d4c6;
        border-radius: 4px 4px 0 0;
    }
    #SecondRight h1
    {
        color: #444;
        font-size: 16px;
        line-height: 36px;
        padding: 5px;
    }
    #SecondRight h2
    {
        color: #444;
        font-size: 16px;
        padding: 5px;
    }
    #SecondRight p
    {
        padding: 0px 5px 5px;
        color: #666;
    }
    #SecondRight #add_activity
    {
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        padding: 0 10px 0 0;
        color: Red;
        font-size: 13px;
    }
    #SecondRight p.source_by_rvp
    {
        margin-bottom: 0px;
    }
    #SecondRight span
    {
        color: #fff;
        text-decoration: none;
    }

    #SecondLeftContent .noticeMap
    {
        font-size: 16px;
        line-height: 25px;
        color: #CC0D68;
    }
    #SecondLeftContent ul.notice-Ul
    {
        margin: 15px 0;
        display: none;
    }
    #SecondLeftContent ul.notice-Ul li
    {
        height: 30px;
        margin-bottom: 8px;
        display: block;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_1
    {
        line-height: 30px;
        float: left;
        display: block;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_1 img
    {
        width: 30px;
        height: 30px;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_2
    {
        line-height: 30px;
        float: left;
        display: block;
        padding-left: 7px;
        color: #3B5998;
    }
    #SecondLeftContent p.source_by_rvp
    {
        margin-bottom: 9px;
    }
    #SecondLeftContent span
    {
        color: #007FBF;
        text-decoration: none;
    }
    #SecondLeftContent span#ProvinceSource
    {
        font-size: 16px;
        color: Red;
        font-weight: bold;
    }
    /* map */
    #map_canvas
    {
        height: 250px;
        width: 100%;
        margin: 0px auto;
        border: 1px solid #eee;
    }

    #calendar
    {
        margin: 0px auto;
    }
    .read-more-calendar
    {
        color: #FF0000;
        text-decoration: none;
    }
    .read-more-calendar:hover
    {
        color: #2E3133;
        text-decoration: none;
    }
    #LeftContent #SecondLeftContent
    {
    }
    #SecondLeftContent p
    {
        line-height: 21px;
        font-size: 12px;
        color: #2E3133;
        margin-bottom: 18px;
    }

    #SecondLeftContent .MapZone
    {
        margin-bottom: 30px;
        text-align: center;
        background: #F2F7FA;
        border: 1px solid #E9EDF0;
        text-align: center;
        padding: 12px;
        clear: both;
    }
    .MapZone #SelProvince
    {
        border-bottom: 0px solid #ccc;
        background: #fff;
        margin: 10px 0 25px 0;
        padding: 10px;
        border-width: 0px 0;
        text-align: inherit;
    }
    #SelProvince a
    {
        color: #333;
        font-weight: bold;
        float: right;
        display: block;
        padding-bottom: 0;
    }

    #SelProvince #SelProvinceDrop
    {
        color: #333;
        font-weight: bold;
        float: left;
        display: block;
    }
    #changwat, #ddlyear, #changwat54, #changwat55
    {
        border: 1px solid #ccc;
        padding: 2px;
    }



    p.read-more
    {
        margin-bottom: 10px;
    }

    /* calendar*/
    #SecondRight.main-title-activity
    {
        padding: 0 6px;
        width: auto;
    }

    .s-box.cd
    {
        padding-top: 0;
        float: none;
        width: auto;
        padding: 0 3px;
    }

    .s-box .cd .s-sum-content
    {
    }

    .s-box.list-detail
    {
        background: #f5f5f5;
        float: right;
        width: 330px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
    }
    .nex_right
    {
        width: 712px;
    }
    #second_right
    {
        float: left;
        width: 350px;
    }
    #SecondRight #add_activity
    {
        display: none;
    }
    #second_right .ui-datepicker
    {
        display: none;
        width: 350px;
        max-width: 340px;
        cursor: default;
        text-transform: uppercase;
        font-family: Tahoma;
        font-size: 12px;
        background: #f7f7f7;
    }
    .ui-datepicker table
    {
        width: 100%;
    }


    .ui-datepicker table td
    {
        padding: 0 15 px;
    }

    .ui-datepicker-calendar td
    {
        padding: 0 4px;
    }

    .s-box
    {
        margin: 0 0 15px;
        padding: 10px;
        border: 1px solid #DEDBD1;
        zoom: 1;
    }
    /*background: #FAFAFA url(../images/bg-top-grd.png) repeat-x top left; background: #F0F9FD;*/
    .s-box .s-sum
    {
        color: #000;
        font-size: 13px;
        font-weight: 700;
        padding: 0px 40px 0 0;
        position: relative;
        line-height: 30px;
        background: url(../images/title-bar-grd-sq-som.jpg) none no-repeat left top #EFEFEF;
        border-bottom: 1px solid #f18b44;
    }

    .s-box .list-showdate
    {
        color: #177ED6;
        font-weight: bold;
    }
    .showdate
    {
        font-size: 16px;
    }

    .s-box #ShowEventDate ul
    {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .s-box #ShowEventDate ul li
    {
        display: block;
        height: 64px;
        margin: 0 0 10px;
    }
    .s-box #ShowEventDate ul li .spanImg
    {
        float: left;
        display: block;
        width: 64px;
        height: 64px;
    }
    .s-box #ShowEventDate ul li .spanImg .Days
    {
        text-align: center;
        line-height: 64px;
        padding-top: 10px;
        color: #EC8E0F;
        display: block;
        width: 64px;
        height: 64px;
        font-size: 24px;
        font-weight: bold;
    }
    .s-box #ShowEventDate ul li .spanText
    {
        margin: 0;
        text-indent: 0;
        display: block;
        max-height: 64px;
        overflow: hidden;
        padding-left: 10px;
    }
    .s-box #ShowEventDate ul li .spanText a
    {
        text-decoration: none;
        color: #333;
    }
    .s-box #ShowEventDate ul li .spanText a:hover
    {
        text-decoration: underline;
    }
    .s-box #ShowEventDate ul li .spanText span
    {
        color: #A3440C;
        display: block;
        padding-top: 5px;
    }
    .ShowEventDateCss
    {
        text-align: center;
        color: #999;
        line-height: 30px;
    }

    /* footer */
    #wrap footer
    {
        position: relative;
        bottom: 0;
        border: 1px solid #e68cb4;
        background: #e97cad;
        padding: 10px;
        float: none;
        width: auto;
        border-radius: 4px;
    }

    #wrap footer .wrap-in
    {
        color: #fff;
        padding: 0 0;
    }
    #wrap footer .footer-in #footer-left
    {
        float: none;
        padding: 5px 0;
    }

    #wrap footer .footer-in #footer-right
    {
        float: none;
        position: relative;
        padding-left: 0px;
        width: 340px;
        padding: 5px 0;
    }

    #wrap footer .footer-in #footer-right a
    {
        position: absolute;
        top: 0px;
        left: 100%;
        border: 0;
    }
    #wrap footer .footer-in #footer-right a img
    {
        width: 14px;
    }
    #footerDownBig .Wrapper
    {
        width: auto;
        margin: 0 auto;
    }
    .whr-box
    {
        display: none;
    }
}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1176px)
{
    html, body
    {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    body
    {
        background-color: #fff;
    }

    #wrap
    {
        min-height: 100%;
        position: relative;
        padding: 0;
    }
    .wrap-in
    {
        width: 980px;
        margin: 0 auto;
        padding: 0;
    }

    /* ---------------------------------------------------------------------- */
    /*	Header */
    /* ---------------------------------------------------------------------- */

    #header
    {
        position: relative;
        z-index: 9;
        width: 100%;
        padding: 0 0 20px 0;
    }

    #header #logoheader
    {
    }
    #header #logoheader img
    {
        width: 980px;
        height: 170px;
        background: url(../images/LogoThaiRSC08.png) no-repeat left top;
    }
    #header #visitorcounter
    {
        line-height: 30px;
        background: #333;
        color: white;
        font-family: 'Lucida Grande' , Tahoma, Verdana, Arial, sans-serif;
        border-top: 0px solid #484848;
        margin-bottom: 0px;
        border-bottom: 1px solid #000;
    }
    #header #visitorcounter #title-header-small
    {
        float: left;
    }
    #header #visitorcounter #title-data-visitor
    {
        float: right;
    }
    #header #HeaderSecond
    {
        padding: 20px 0;
        border-top: 1px solid #fce8f1;
        border-bottom: 1px solid #d25e92;
        background: #fbc5dd url(../images/bg-header-long.png) repeat-x left bottom;
        color: white;
        margin-bottom: 0px;
        margin-top: 0;
        min-height: 132px;
        background-image: -webkit-linear-gradient(top, #fbc5dd 0, #e97cad 700px);
        background-image: -moz-linear-gradient(top, #fbc5dd 0, #e97cad 700px);
        background-image: -ms-linear-gradient(top, #fbc5dd 0, #e97cad 700px);
        background-image: -o-linear-gradient(top, #fbc5dd 0, #e97cad 700px);
        background-image: linear-gradient(top, #fbc5dd 0, #e97cad 700px);
        z-index: 9999;
    }
    #HeaderSecond #slidefeature #TopSlide
    {
        margin: 0 auto;
        padding: 0;
        background: none;
        position: relative;
    }
    #HeaderSecond #slidefeature .pics
    {
        width: 960px;
        height: 350px;
        overflow: hidden;
        padding: 0;
        margin: 0 0 20px;
        position: relative;
        border: 5px solid white;
        -webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        -moz-box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        box-shadow: 0 3px 20px rgba(0, 0, 0, .7);
        z-index: 50;
    }
    #HeaderSecond #slidefeature section
    {
        position: relative;
        width: 100%;
        height: 350px;
    }
    #HeaderSecond #slidefeature section img
    {
        position: absolute;
        left: 0px;
        top: 0;
        width: 980px;
        max-width: 960px;
        height: 350px;
        border-width: 5px;
    }
    /* hide slides when js is disabled */
    #HeaderSecond #slidefeature #slide-2, #HeaderSecond #slidefeature #slide-3, #HeaderSecond #slidefeature #slide-4, #HeaderSecond #slidefeature #slide-5, #HeaderSecond #slidefeature #slide-6, #HeaderSecond #slidefeature #slide-7, #HeaderSecond #slidefeature #slide-8, #HeaderSecond #slidefeature #slide-9, #HeaderSecond #slidefeature #slide-10
    {
        display: none;
    }
    #HeaderSecond #slidefeature #TopSlide #prevSlide
    {
        position: absolute; /*top: 78px;     left: -55px;*/
        top: 50%;
        left: 30px;
        width: 31px;
        height: 31px;
        background: url(../images/icon_arrow_roll_left.png) no-repeat 0 -31px;
        z-index: 9999;
        cursor: pointer;
    }
    #HeaderSecond #slidefeature #TopSlide #nextSlide
    {
        position: absolute; /*top: 78px;     right: -40px;*/
        top: 50%;
        right: 30px;
        width: 31px;
        height: 31px;
        background: url(../images/icon_arrow_roll_right.png) no-repeat 0 -31px;
        z-index: 9999;
        cursor: pointer;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation
    {
        position: absolute;
        width: 100%;
        top: 33%;
        left: 0;
        z-index: 100;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-prev
    {
        float: left;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a.sexyslider-next
    {
        float: right;
    }
    #HeaderSecond #slidefeature #TopSlide #pagenavigation a
    {
        padding: 10px;
        background: #D60C62;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
    }
    #HeaderSecond #slidefeature #TopSlide #nextSlide:hover, #HeaderSecond #slidefeature #TopSlide #prevSlide:hover
    {
        background-position: 0 0;
    }

    /*-----------------------------------*/
    /* title - menu, col-full  */
    /*-----------------------------------*/
    #title-menu, .col-full
    {
        display: block;
    }

    /* ---------------------------------------------------------------------- */
    /*	Section */
    /* ---------------------------------------------------------------------- */
    /* Left Column */
    #section
    {
        padding-bottom: 60px;
    }
    .wrap-in #LeftContent
    {
        float: left;
        position: relative;
        width: 630px;
    }
    #board-alert #SignAccident
    {
        height: 220px;
        overflow: hidden;
        background: url(../images/Board-Alert-1.png) no-repeat;
    }
    #board-alert
    {
        margin-bottom: 30px;
    }

    #SignAccident #SignBox
    {
        margin: 7px;
        text-align: center;
    }
    #SignBox .SignBoxTitle
    {
        font-size: 16px;
        line-height: 36px;
        color: #000;
    }
    #SignBox #SumCase
    {
        width: 620px;
        margin: 0 auto;
    }
    #SignBox #SumCase
    {
        height: 25px;
    }
    #SignBox #SumCase li
    {
        margin: 0;
        height: 25px;
        color: #000;
    }
    #SignBox #SumCase li span
    {
        font-weight: bold;
        float: left;
        display: block;
        width: 180px;
        font-size: 16px;
        line-height: 25px;
        text-align: right;
    }
    #SignBox #SumCase li:last-child
    {
        font-weight: bold;
        padding: 5px 0;
        color: #FFF;
    }

    #SignBox #SumCase li span.last
    {
        width: 50px;
    }
    #SignBox #SumCase li span#score_inj, #SignBox #SumCase li span#score_dth, #SignBox #SumCase li span#score_tot
    {
        color: #fff;
    }

    #SignBox #SumCase li#sumCurrentYear
    {
        font-size: 16px;
        color: Yellow;
        font-weight: bold;
        padding: 15px 0 0px;
    }
    #SignBox #SumCase li#sumCurrentYear span
    {
        display: inline;
        margin: 0;
        padding: 0;
        text-align: left;
        float: none;
    }
    #SignBox #SumCase li#sumCurrentYear span#years, #SignBox #SumCase li#sumCurrentYear span#all_inj, #SignBox #SumCase li#sumCurrentYear span#all_dth, #SignBox #SumCase li#sumCurrentYear span#all_sum
    {
        color: #fff;
    }
    #SignBox #SumCase li#sumCurrentYear span.blockspan
    {
        margin-right: 10px;
    }
    #LeftContent #FirstLeftTitleBox
    {
        border: 1px solid #DFDECC;
        padding: 5px;
        background: #f6f6ed url(../images/bg-title-map-box.gif) repeat-x left bottom;
        background-image: -webkit-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -moz-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -ms-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: -o-linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        background-image: linear-gradient(top, #f6f6ed 0, #6d6906 700px);
        margin-bottom: 24px;
        border-radius: 1px;
    }
    #FirstLeftTitleBox h1
    {
        font-size: 16px;
        line-height: 36px;
    }
    #FirstLeftTitleBox p.source_by_rvp
    {
        margin-bottom: 9px;
    }
    #FirstLeftTitleBox span
    {
        color: #007FBF;
        text-decoration: none;
    }

    #FirstRight
    {
        background: #F1CD50 url(../images/hand-stop-3.png) no-repeat 235px center;
        border-radius: 4px 4px 0 0;
    }
    #FirstRight h1
    {
        color: #444;
        font-size: 16px;
        line-height: 36px;
        padding: 5px;
    }
    #FirstRight h2
    {
        color: #444;
        font-size: 16px;
        padding: 5px;
    }
    #FirstRight p
    {
        padding: 0px 5px 5px;
        color: #fff;
    }
    #FirstRight p.source_by_rvp
    {
        margin-bottom: 0px;
    }
    #FirstRight span
    {
        color: #fff;
        text-decoration: none;
    }


    #SecondRight
    {
        background: #a5d4c6;
        border-radius: 4px 4px 0 0;
    }
    #SecondRight h1
    {
        color: #444;
        font-size: 16px;
        line-height: 36px;
        padding: 5px;
    }
    #SecondRight h2
    {
        color: #444;
        font-size: 16px;
        padding: 5px;
    }
    #SecondRight p
    {
        padding: 0px 5px 5px;
        color: #666;
    }
    #SecondRight #add_activity
    {
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        padding: 0 10px 0 0;
        color: Red;
        font-size: 13px;
    }
    #SecondRight p.source_by_rvp
    {
        margin-bottom: 0px;
    }
    #SecondRight span
    {
        color: #fff;
        text-decoration: none;
    }

    #SecondLeftContent .noticeMap
    {
        font-size: 16px;
        line-height: 25px;
        color: #CC0D68;
    }
    #SecondLeftContent ul.notice-Ul
    {
        margin: 15px 0;
        display: none;
    }
    #SecondLeftContent ul.notice-Ul li
    {
        height: 30px;
        margin-bottom: 8px;
        display: block;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_1
    {
        line-height: 30px;
        float: left;
        display: block;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_1 img
    {
        width: 30px;
        height: 30px;
    }
    #SecondLeftContent ul.notice-Ul li .liSp_2
    {
        line-height: 30px;
        float: left;
        display: block;
        padding-left: 7px;
        color: #3B5998;
    }
    #SecondLeftContent p.source_by_rvp
    {
        margin-bottom: 9px;
    }
    #SecondLeftContent span
    {
        color: #007FBF;
        text-decoration: none;
    }
    #SecondLeftContent span#ProvinceSource
    {
        font-size: 16px;
        color: Red;
        font-weight: bold;
    }
    /* map */
    #map_canvas
    {
        min-height: 427px;
        height: 458px;
        width: 595px;
        margin: 0px auto;
        border: 1px solid #eee;
    }

    #calendar
    {
        margin: 0px auto;
    }
    .read-more-calendar
    {
        color: #FF0000;
        text-decoration: none;
    }
    .read-more-calendar:hover
    {
        color: #2E3133;
        text-decoration: none;
    }
    #LeftContent #SecondLeftContent
    {
    }
    #SecondLeftContent p
    {
        line-height: 21px;
        font-size: 12px;
        color: #2E3133;
        margin-bottom: 18px;
    }

    #SecondLeftContent .MapZone
    {
        margin-bottom: 30px;
        text-align: center;
        background: #F2F7FA;
        border: 1px solid #E9EDF0;
        text-align: center;
        padding: 12px;
        clear: both;
    }
    .MapZone #SelProvince
    {
        border-bottom: 0px solid #ccc;
        background: #fff;
        margin: 10px 0 25px 0;
        padding: 10px;
        border-width: 0px 0;
        text-align: inherit;
    }
    #SelProvince a
    {
        color: #333;
        font-weight: bold;
        float: right;
        display: block;
        padding-bottom: 0;
    }

    #SelProvince #SelProvinceDrop
    {
        color: #333;
        font-weight: bold;
        float: left;
        display: block;
    }
    #changwat, #ddlyear, #changwat54, #changwat55
    {
        border: 1px solid #ccc;
        padding: 2px;
    }

    .s-box.list-detail
    {
        border-radius: 0;
        background: none;
        float: none;
        width: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }


    /* RightContent*/
    .wrap-in #RightContent
    {
        float: right;
        position: relative;
        width: 315px;
    }



    .wrap-in #RightContent ul.servicesTb
    {
        margin: 0;
        padding: 10px 0;
        height: 310px;
        overflow: hidden;
    }
    .wrap-in #RightContent ul.servicesTb li
    {
        background: url(../images/bullet-arrow.png) no-repeat 0 1px;
    }

    .wrap-in #RightContent ul.servicesTb li .color
    {
        font-weight: normal;
        color: #177ed6;
        text-decoration: none;
    }
    .wrap-in #RightContent ul.servicesTb li
    {
        padding: 2px 0 5px 18px;
        border-bottom: 1px solid #E6E6E6;
        margin: 5px 0;
        font-size: 12px;
    }
    ul.servicesTb li:last-child
    {
        border-bottom: 0;
    }
    /* bas Modify HighLight Event Other Months Days*/
    .free-day
    {
    }
    .free-day .ui-state-default
    {
        color: #FF0000;
        background: #177ED6;
        color: #FFFFFF;
        border: 1px solid #f7f7f7;
    }
    .free-day .ui-state-active
    {
        color: #FF0000;
        background: #177ED6;
        color: #FFFFFF;
        border: 1px solid #f7f7f7;
    }
    .free-day .ui-state-default
    {
        color: #FF0000;
        background: #177ED6;
        color: #FFFFFF;
        border: 1px solid #f7f7f7;
    }
    .free-day .ui-state-highlight
    {
        color: #FF0000;
        background: #177ED6;
        color: #FFFFFF;
        border: 1px solid #f7f7f7;
    }
    .free-day .ui-state-active
    {
        color: #FF0000;
        background: #177ED6;
        color: #FFFFFF;
        border: 1px solid #f7f7f7;
    }
    .ui-datepicker-month:hover
    {
        cursor: pointer;
    }


    .s-box
    {
        margin: 0 0 15px;
        padding: 10px;
        border: 1px solid #DEDBD1;
        zoom: 1;
    }
    /*background: #FAFAFA url(../images/bg-top-grd.png) repeat-x top left; background: #F0F9FD;*/
    .s-box .s-sum
    {
        color: #000;
        font-size: 13px;
        font-weight: 700;
        padding: 0px 40px 0 0;
        position: relative;
        line-height: 30px;
        background: url(../images/title-bar-grd-sq-som.jpg) none no-repeat left top #EFEFEF;
        border-bottom: 1px solid #f18b44;
    }

    .s-box .list-showdate
    {
        color: #177ED6;
        font-weight: bold;
    }
    .showdate
    {
        font-size: 16px;
    }

    .s-box #ShowEventDate ul
    {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .s-box #ShowEventDate ul li
    {
        display: block;
        height: 64px;
        margin: 0 0 10px;
    }
    .s-box #ShowEventDate ul li .spanImg
    {
        float: left;
        display: block;
        width: 64px;
        height: 64px;
    }
    .s-box #ShowEventDate ul li .spanImg .Days
    {
        text-align: center;
        line-height: 64px;
        padding-top: 10px;
        color: #EC8E0F;
        display: block;
        width: 64px;
        height: 64px;
        font-size: 24px;
        font-weight: bold;
    }
    .s-box #ShowEventDate ul li .spanText
    {
        margin: 0;
        text-indent: 0;
        display: block;
        max-height: 64px;
        overflow: hidden;
        padding-left: 10px;
    }
    .s-box #ShowEventDate ul li .spanText a
    {
        text-decoration: none;
        color: #333;
    }
    .s-box #ShowEventDate ul li .spanText a:hover
    {
        text-decoration: underline;
    }
    .s-box #ShowEventDate ul li .spanText span
    {
        color: #A3440C;
        display: block;
        padding-top: 5px;
    }
    .ShowEventDateCss
    {
        text-align: center;
        color: #999;
        line-height: 30px;
    }

    /* footer */
    #wrap footer
    {
        position: absolute;
        bottom: 0;
        border: 0;
        border-top: 1px solid #e68cb4;
        background: #e97cad url(../images/bg-footer-long.png) repeat-x left center;
        padding: 10px 0;
        float: none;
        width: 100%;
        border-radius: 0px;
    }

    #wrap footer .wrap-in
    {
        color: #fff;
        padding: 0 0;
    }
    #wrap footer .footer-in #footer-left
    {
        float: left;
    }

    #wrap footer .footer-in #footer-right
    {
        float: right;
        position: relative;
        padding-left: 20px;
    }

    #wrap footer .footer-in #footer-right a
    {
        position: absolute;
        top: 0px;
        left: 0;
        border: 0;
    }
    #wrap footer .footer-in #footer-right a img
    {
        width: 14px;
    }

    #footerDownBig .Wrapper
    {
        width: 980px;
        margin: 0 auto;
    }

    .whr-box
    {
        display: block;
    }

}