@font-face { 
    font-family: Jenna Sue; 
    src: url('../fonts/JennaSue-webfont.eot'); 
    src: local("Jenna Sue"), url('../fonts/JennaSue-webfont.ttf'); 
} 

@font-face { 
    font-family: News Cycle; 
    src: url('../fonts/NewsCycle-Regular.eot'); 
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf'); 

} 

html { 
    height: 100%;}

* { 
    margin: 0; 
    padding: 0;}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
    display:block;}

body { 
    /*font: normal .80em arial, sans-serif;*/

}

p { 
    padding: 0 0 25px 0;
    line-height: 1.7em;}

img { 
    border: 0;}

h1, h2, h3, h4, h5, h6 { 
    font: normal 350% arial, sans-serif;
    margin: 0 0 5px 0;
    padding: 0;}

h2 { 
    font: normal 170% arial, sans-serif;
    margin: 0;
    padding: 0 0 8px 0;}

h3 { 
    font: normal 150% arial, sans-serif;}

h4, h5, h6 { 
    margin: 0;
    padding: 0 0 5px 0;
    font: normal 110% arial, sans-serif;
    line-height: 1.5em;}

h5, h6 { 
    font: italic 95% arial, sans-serif;
    padding-bottom: 15px;}

a, a:hover { 
    outline: none;
    text-decoration: none;}

a:hover { 
    text-decoration: none;}


ol { 
    margin: 8px 0 22px 20px;}

ol li { 
    margin: 0 0 11px 0;}

#main, #header, #logo, #menubar, #site_content, #footer { 
    margin-left: auto; 
    margin-right: auto;}

#main { 
    width: 950px;
    margin: 0px auto;}

header { 
    width: 950px;
    height: 136px;}

#event_calendar{
    width: 300px;
    height: 200px;
}
#logo { 
    width: 613px;
    float: left;
    height: 97px;
    background: transparent;
    padding: 0;
    margin-top: 19px;
    margin-bottom: 20px;
}

#logo img{ 
    width: 613px;
    height: 97px;
    padding: 0;
    margin: 0;
}
#logo h1 { 
    font: normal 450% 'Jenna Sue', arial, sans-serif;
    padding: 6px 0 0 20px;}

#logo h1 a:hover { 
    text-decoration: none;}

#lang { 
    width: 208px;
    float: right;
    height: 42px;
    background: transparent;
    padding: 0;}

#logo h3 { 
    padding: 6px 0 0 20px;}

#logo h3 a:hover { 
    text-decoration: none;}

.a1{
    margin-right: 10px;
}


.location_bar{
    position: absolute;
    top:22px;
    left: 39px;
    height: 18px;
    color:#8E8E8E;
}
.location_bar img{
    vertical-align:text-bottom;

}
.gallery_view_title{
    width: 950px;
    height: 80px;

    text-align: center;
    vertical-align:middle;
}
.gallery_view_title h1{
    color:black;

    font-family: arial, sans-serif;
    font-size: 150%;
}

.gallery_full_view_title{
    width: 950px;
    height: 108px;

    text-align: center;
    vertical-align:middle;
}
.gallery_full_view_title h1{
    color:black;

    font-family: arial, sans-serif;
    font-size: 150%;
}

.gallery_list_content_bar{
    margin-top: 35px;
    margin-left: 39px;
    width: 950px;
    height: 45px;
    color:#8E8E8E;
}
.gallery_list_content_bar img{
    vertical-align:text-bottom;

}

.gallery_view_content_bar{
    margin-top: 35px;
    margin-left: 39px;
    width: 950px;
    height: 45px;
    color:#8E8E8E;
}
.gallery_view_content_bar img{
    vertical-align:text-bottom;

}

.gallery_full_view_content_bar{
    margin-top: 35px;
    margin-left: 39px;
    width: 950px;
    height: 45px;
    color:#8E8E8E;
}
.gallery_full_view_content_bar img{
    vertical-align:text-bottom;

}

.result_main_content_bar{
    position: absolute;
    top: 35px;
    left: 39px;
    width: 950px;
    height: 45px;
    color:#8E8E8E;
}
.result_main_content_bar img{
    vertical-align:text-bottom;
}

.contact_location_bar{
    color:#8E8E8E;
}
.contact_location_bar img{
    vertical-align:text-bottom;
}

.activities_menu_1{
    position: absolute;
    top:50px;
    left: 39px;
    width: 210px;
    height: 108px;
}

.activities_menu_2{
    position: absolute;
    top:50px;
    left: 249px;
    width: 667px;
    height: 38px;
}

.activities_main_menu{   
    position: relative;
    display: block;
    top:158px;
    left: 39px;
    width: 210px;

    background: url("../images/transparent.png");
    background-color: #0835B4;

}

.activities_main_menu_item_1{
    position: relative;
    display: block;
    float: left;
    width: 210px;
    height: 42px;
    cursor: pointer;
    background-image: url("../images/upcomingactivities_table_3_chi.jpg");
    background-repeat: no-repeat;
}

.activities_main_menu_item_1_text{
    position: absolute;
    display: block;
    top: 12px;
    left: 23px;
    color: #F0FEFF;
    font-size: 17px;
}

.activities_main_menu_item_2{
    position: relative;
    display: block;
    float: left;
    width: 210px;
    height: 42px;
    cursor: pointer;
    background-image: url("../images/upcomingactivities_table_4_chi.jpg");
    background-repeat: no-repeat;

}
.activities_main_menu_item_2_text{
    position: absolute;
    display: block;
    top: 12px;
    left: 23px;
    color: #F0FEFF;
    font-size: 17px;

}
.activities_main_menu_item_3{
    position: relative;
    display: block;
    float: left;
    width: 210px;
    height: 42px;
    cursor: pointer;
    background-image: url("../images/upcomingactivities_table_5_chi.jpg");
    background-repeat: no-repeat;

}
.activities_main_menu_item_3_text{
    position: absolute;
    display: block;
    top: 12px;
    left: 23px;
    color: #F0FEFF;
    font-size: 17px;

}

.activities_main_menu_item_1_content{
    margin-top: -1px;
    border: 0px;
    float: left;
    display: none;
    background-color: #0835B4;
}
.activities_main_menu_item_2_content{
    margin-top: -1px;
    border: 0px;
    float: left;
    display: none;
    background-color: #0835B4;
}
.activities_main_menu_item_3_content{
    margin-top: -1px;
    float: left;
    display: none;
    background-color: #0835B4;
}

.activities_main_menu_item_1_arrow{
    position: absolute;
    top:18px;
    left:70px;

}

.activities_main_menu_item_2_arrow{
    position: absolute;
    top:16px;
    left:70px;

}
.activities_main_menu_item_3_arrow{
    position: absolute;
    top:16px;
    left:70px;

}

.activities_1_centent_menu{

    margin-left: 20px;
    width: 190px;
    height: 43px;
    line-height: 43px;
    color: white

}
.activities_1_centent_menu img{
    vertical-align:middle;
}

.activities_2_centent_menu{

    margin-left: 20px;
    width: 190px;
    height: 43px;
    line-height: 43px;
    color: white
}
.activities_2_centent_menu img{
    vertical-align:middle;
}

.activities_3_centent_menu{
    margin-left: 20px;
    width: 190px;
    height: 43px;
    line-height: 43px;
    color: white
}
.activities_3_centent_menu img{
    vertical-align:middle;
}



/*
.activities_main_menu_item_2{
    float: left;
    width: 210px;
    height: 42px;
    background-image: url("../images/upcomingactivities_table_4.jpg");
}
.activities_main_menu_item_3{
    float: left;
    width: 210px;
    height: 42px;
    background-image: url("../images/upcomingactivities_table_5.jpg");
}*/

.activities_main_menu_bottom{
    margin-top: -1px;
    float: left;
    width: 210px;
    height: 42px;
    background-image: url("../images/upcomingactivities_table_2.jpg");
}
#support_br{
    color: white;
    position: absolute;
    top: 795px;
    left:39px;
    width: 900px;
    height: 25px;
}

#support_br p{
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 12px;
}

#tnc{
    color: white;
    position: absolute;
    top: 750px;
    left: 39px;
}

#tnc a{
    color: white;
    text-decoration: none;
    font-size: 12px;
}

.tnc{
    width: 950px;
    height: 50px;   
}
.tnc p{
    margin-left: 39px;
    margin-top: 20px;
    padding: 0;
    font-size: 12px;
}
.tnc p a{
    color:#8E8E8E;
}
.tnc p a:hover{
    color:#8E8E8E;
}
#tnc_content { 

    position: relative;
    width: 800px;
    height: 2700px;
    overflow: auto;
    margin: 0px auto 0 auto;
    padding: 0;
    font-size: 14px;
}



#site_content { 

    position: relative;
    width: 950px;
    height: 816px;
    overflow: hidden;
    margin: 0px auto 0 auto;
    padding: 0;
}

#gallery_full_view_content { 

    position: relative;
    width: 950px;
    height: 800px;
    overflow: hidden;
    margin: 0px auto 0 auto;
    padding: 0;}

#activities_content { 

    position: relative;
    width: 950px;
    height: 900px;
    overflow: hidden;
    margin: 0px auto 0 auto;
    padding: 0;}

#event_content{
    position: relative;
    width: 950px;
    height: 800px;
    overflow: hidden;
    margin: 0px auto 0 auto;
    padding: 0;}
.event_content_top{
    width: 950px;
    height: 105px;
}

.event_content_detail{
    position: relative;
    background-color: #0835B4;
    width: 950px;
    height: 600px;

}
.google_cal_button{
    position:absolute;
    top:90%;
    left: 45%;
}
.event_content_detail_1{
    color: white;
    position:absolute;
    top:30px;
    left:75px;
    width: 800px;
    height: 500px;
    overflow:auto;
}

#group_event{
    display:block;
}
#gallery_list_content{
    position: relative;
    width: 950px;
    height: 800px;
    overflow: hidden;
    margin: 0px auto 0 auto;
    padding: 0;}

#gallery_view_content{
    position: relative;
    width: 950px;

    overflow: hidden;
    margin: 0px auto 0 auto;
    padding: 0;}

.location_back{
    position: absolute;
    top:60px;
    left: 39px;
    cursor: pointer;
}

.gallery_view_back{
    margin-left: 39px;
    cursor: pointer;
}
.gallery_full_view_back{
    margin-left: 39px;
    cursor: pointer;
}

#left_content { 
    float: left;
    text-align: justify;
    width: 444px;
    padding: 35px 0 0 39px;
    margin: 0;}

#left_content ul { 
    margin: 2px 0 22px 0px;}

#left_content ul li { 
    list-style-type: none;
    margin: 0 0 0 0; 
    padding: 2px 0 2px 28px;
    line-height: 1.5em;}

#right_content { 
    float: right;
    width: 450px;
    padding: 0;
    min-height: 450px;}

#right_content img { 
    float: left;}

.hdo_gd_img{
    position: absolute;
    top: 615px;
    left: 0px;
    overflow: hidden;
    width: 624px; 
    height: 50px
}
#rscp_button_area{
    position: absolute;
    width: 214px;
    height: 124px;
    top:39px;
    left:39px;
    z-index: 9999;
    cursor: pointer;
}

#rscp_button{
    position: absolute;
    width: 214px;
    height: 124px;
    top:39px;
    left:39px;
    background-image: url("../images/rectangle_aboutrscp_chi.jpg");

}


#rscp_effect_menu{
    position: absolute;
    top:39px;
    left:259px;
    z-index: 100;
    display:none;
    background-color: #BF1E2E;

}
#rscp_effect_menu p{
    margin: 10px 10px 10px 10px;
    font-size: 24px;
    padding: 0;
    line-height: 24px;
}

#results_button_area{
    position: absolute;
    width: 214px;
    height: 124px;
    top:39px;
    left:703px;
    z-index: 9999;

    cursor: pointer;
}
#results_button{
    position: absolute;
    width: 214px;
    height: 124px;
    top:39px;
    left:703px;
    background-image: url("../images/rectangle_results_chi.jpg");
}

#results_effect_menu{
    position: absolute;
    top:39px;
    left:481px;
    z-index: 100;
    display:none;
    background-color: #019444;

}
#results_effect_menu p{
    margin: 10px 10px 10px 10px;
    font-size: 24px;
    padding: 0;
    line-height: 24px;
}

#rectangle_photogallery_area{
    position: absolute;
    width: 214px;
    height: 124px;
    top:171px;
    left:481px;
    z-index: 9999;

    cursor: pointer;
}
#rectangle_photogallery_button{
    position: absolute;
    width: 214px;
    height: 124px;
    top:171px;
    left:481px;
    background-image: url("../images/rectangle_photogallery_chi.jpg");

}
#rectangle_photogallery_effect_menu{
    position: absolute;
    top:171px;
    left:703px;
    z-index: 100;
    display:none;
    background-color: #F7941D;
    cursor: pointer;
}
#rectangle_photogallery_effect_menu p{
    margin: 10px 10px 10px 10px;
    font-size: 24px;
    padding: 0;
    line-height: 24px;
}

#rectangle_upcomingactivities_area{
    position: absolute;
    width: 214px;
    height: 124px;
    top:303px;
    left:259px;
    z-index: 9999;

    cursor: pointer;
}

#rectangle_upcomingactivities_button{
    position: absolute;
    width: 214px;
    height: 124px;
    top:303px;
    left:259px;
    background-image: url("../images/rectangle_upcomingactivities_chi.jpg");
    cursor: pointer;
}
#rectangle_upcomingactivities_effect_menu{
    position: absolute;
    top:303px;
    left:39px;
    z-index: 100;
    display:none;
    background-color: #0835B4;
    cursor: pointer;
}

#rectangle_upcomingactivities_effect_menu p{
    margin: 10px 10px 10px 10px;
    font-size: 24px;
    padding: 0;
    line-height: 24px;
}

#rectangle_contactus_area{
    position: absolute;
    width: 214px;
    height: 124px;
    top:303px;
    left:703px;
    z-index: 9999;
    cursor: pointer;
}

#rectangle_contactus_button{
    position: absolute;
    width: 214px;
    height: 124px;
    top:303px;
    left:703px;
    background-image: url("../images/rectangle_contactus_chi.jpg");
    cursor: pointer;
}
#rectangle_contactus_effect_menu{
    position: absolute;
    top:303px;
    left:481px;
    z-index: 100;
    display:none;
    background-color: #8B5F3C;
    cursor: pointer;
}

#rectangle_contactus_effect_menu p{
    margin: 10px 10px 10px 10px;
    font-size: 24px;
    padding: 0;
    line-height: 24px;
}

.flip_photo{
    width: 202px;
    height: 114px;
    margin: 5px 5px 5px 5px;

}

#flipped0{
    position: absolute;
    top:39px;
    left:259px;
    width: 212px;
    height: 124px;
    overflow:hidden;
    border: 1px solid white;
    display: inline-block;

}
#flipped1{
    position: absolute;
    top:39px;
    left:481px;
    width: 212px;
    height: 124px;
    overflow:hidden;
    border: 1px solid white;
    display: inline-block;

}
#flipped2{
    position: absolute;
    top:171px;
    left:39px;
    width: 212px;
    height: 124px;
    overflow:hidden;
    border: 1px solid white;
    display: inline-block;
}
#flipped3{
    position: absolute;
    top:171px;
    left:259px;
    width: 212px;
    height: 124px;
    overflow:hidden;
    border: 1px solid white;
    display: inline-block;
}
#flipped4{
    position: absolute;
    top:171px;
    left:703px;
    width: 212px;
    height: 124px;
    overflow:hidden;
    border: 1px solid white;
    display: inline-block;
}
#flipped5{
    position: absolute;
    top:303px;
    left:39px;
    width: 212px;
    height: 124px;
    overflow:hidden;
    border: 1px solid white;
    display: inline-block;
}
#flipped6{
    position: absolute;
    top:303px;
    left:481px;
    width: 212px;
    height: 124px;
    overflow:hidden;
    border: 1px solid white;

    background-color:  transparent;
}


footer { 
    height: 70px;
    width: 930px;
    float: right;
    margin: 20px auto 20px auto;
    padding: 0px 20px 0 0;
    border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border: 7px 7px 7px 7px;
    font: 160% 'News Cycle', arial, sans-serif;
    text-align: right;}

footer p { 
    padding: 0 0 10px 0;}

footer a, footer a:hover {
    text-decoration: none;}

/* styling for the slideshow on the homepage */
ul.slideshow {
    width: 950px;
    height: 450px;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;}

ul.slideshow li {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    list-style: none;}

ul.slideshow li.show {
    z-index: 500;}

ul img {
    border: none;}

#slideshow-caption {
    width: 950px;
    height: 90px;
    position: absolute;
    bottom: 0;
    left: 0; 
    z-index: 500;}

#slideshow-caption .slideshow-caption-container {
    padding: 20px 25px 0 25px;   
    z-index: 1000;}

#slideshow-caption p {
    padding: 0;
    font: normal 130% arial, sans-serif;}

/* form styling */
.form_settings { 
    margin: 0;}

.form_settings p { 
    padding: 0 0 10px 0;}

.form_settings span { 
    padding: 5px 0; 
    float: left; 
    width: 170px; 
    text-align: left;}

.form_settings input, .form_settings textarea { 
    padding: 4px; 
    width: 252px; 
    font: 100% 'trebuchet ms', arial, sans-serif;
    border: 0;
    border-bottom: 1px solid; 
    background: transparent;}

.form_settings .submit { 
    font: 220% 'Jenna Sue', arial, sans-serif; 
    border: 0; 
    width: 100px; 
    margin: 0 0 0 162px; 
    height: 33px;
    padding: 2px 0 3px 0;
    cursor: pointer; 
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;}

.form_settings textarea, .form_settings select { 
    font: 100% 'trebuchet ms', arial, sans-serif; 
    border: 1px solid; 
    border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    width: 250px;
    overflow: auto;}

.form_settings select { 
    width: 304px;}

.form_settings .checkbox { 
    margin: 4px 0; 
    padding: 0; 
    width: 14px;
    border: 0;
    background: none;}

/* styling for the activities page */
#activities_container h4 {
    font: normal 300% 'Jenna Sue', arial, sans-serif;
    margin: 0 0 15px 0;
    padding: 15px 0;}

#activities_container h4.select {
    width: 475px;}

.activities {
    background: url(../images/ical2.png) no-repeat;
    width: 71px;
    height: 69px;
    float: left;
    margin: 0 15px 0 0;}

.activities h2 {
    font: bold 110% arial, sans-serif;
    text-shadow: none;
    text-align: center;
    margin: 0;
    padding: 15px 0 0 0;}

.activities h3 {
    font: 160% arial, sans-serif;
    text-shadow: none;
    margin: 0;
    text-align: center;
    padding: 6px 0 0 0;}

#activities_text {
    padding: 20px;
    overflow: auto;
    height: 100%;}

#activities_text h1 {
    font: normal 300% 'Jenna Sue', arial, sans-serif;;
    margin: 0 0 15px 0;
    padding: 5px 0;}

.activities_event{
    position: absolute;
    top: 88px;
    left: 249px;
    width: 667px;
    height: 760px;
    overflow: auto;
}
.activities_event_table{
    width: 667px;
    table-layout:fixed; 
    border-spacing: 0px;
    border-collapse: separate;
    background-image: url("../images/upcoming_activities_bg.png");
}
.activities_event_table_tr{
    background-color: #EAF7FF;
}
.write_event{
    width: 667px;
    height: 50px;
}
.blue_event{
    width: 667px;
    height: 50px;
}
.event_content_1{

    width: 120px;
    height: 50px;
    text-align:center; 
    vertical-align:middle;
    overflow: hidden;
}
.event_content_2{

    width: 105px;
    height: 50px;
    text-align:center; 
    vertical-align:middle;
    overflow: hidden;
}
.event_content_3{

    width: 322px;
    height: 50px;

    padding-left:20px;
    vertical-align:middle;
    overflow: hidden;
}
.event_content_4{

    width: 100px;
    height: 50px;
    text-align:center; 
    vertical-align:middle;
    overflow: hidden;
}
.event_content_4 a{
    color: #BF1E2E;
    text-decoration:underline;
}
.event_content_4 a:hover{
    color: #BF1E2E;
}
/* stylesheet for sooperFish by www.sooperthemes.com -- author: jurriaan roelofs */
html body ul.sf-menu ul,html body ul.sf-menu ul li { 
    width: 180px;}

html body ul.sf-menu ul ul { 
    margin: 0 0 0 180px;}

ul.sf-menu,ul.sf-menu * { 
    margin: 0;
    padding: 0;}

ul.sf-menu { 
    display: block;
    position: relative;}

ul.sf-menu li { 
    display: block;
    list-style: none;
    float: left;
    position: relative;}

ul.sf-menu li:hover { 
    visibility: inherit; /* fixes IE7 'sticky bug' */ }

ul.sf-menu a { 
    display: block;
    position: relative;}

ul.sf-menu ul { 
    position: absolute;
    left: 0;
    width: 150px; 
    top: auto;
    left: -999999px;}

ul.sf-menu ul a { 
    zoom: 1; /* IE6/7 fix */ }

ul.sf-menu ul li { 
    float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
    width: 150px;}

ul.sf-menu ul ul { 
    top: 0;
    margin: 0 0 0 150px;}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, 
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { 
    left: auto;}

ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { 
    left: -999999px;}

/* autoArrows CSS */
span.sf-arrow { 
    width: 7px;
    height: 7px;
    position: absolute;
    top: 20px;
    right: 5px;
    display: block;
    overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
    font-size: 1px;
}

ul ul span.sf-arrow { 
    right: 5px;
    top: 20px;
    background-position: 0 100%;
}

/* theming the menu */
nav { 
    overflow: hidden;
    height: 40px;
    width: 950px;
    float: right;
    margin: 0px auto 0px auto;
    /*border-radius: 7px 7px 7px 7px;  圓角*/ 
    -moz-border-radius: 7px 7px 7px 7px;
    -webkit-border: 7px 7px 7px 7px;} 

/* Theming the menu */
ul#nav {
    background-color:#9D1D20;
    float: left;
}

ul#nav ul { 
    padding-bottom: 15px;
}

ul#nav li a { 
    padding: 0px 0px 0px 0px;
    font: 170% 'News Cycle', arial, sans-serif;
    text-decoration: none;
    margin-right: 0px;
}



.index_content{
    background: url("../images/bg_mainpage.jpg");
}

.item {   
    width: 280px;
    margin: 0;
    float: left;
}

#container{
    width: 855px;
    height: auto;
    margin:0 auto;
}

.loading{
    position: absolute;
    width:48px;
    height:48px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    background: url(../images/loader.gif) no-repeat center;
}

.box_index{
    color:white;
    display: block;
    height: 124px;
    width: 212px;
    margin:0 0 0 0; 
    padding: 0;
    border: 0;
    word-wrap: break-word; word-break: normal;
    overflow: hidden;
    font-size:26px;
    float:left;
}

#group_map {
    position: relative;
    background-image: url("../images/transparent.png");
    background-repeat: no-repeat;
    width: 950px;
    height: 800px;
    overflow: hidden;
}

#group_list{
    margin: 0px;
    padding: 0px;
}

.group_li{
    margin: 0px;
    padding: 0px;
}
.group_li div a{
    display: block;
    width: 260px;
    height: 29px;
    background-image: url("../images/RSCP_photogallery_b.png");
    margin: 0 10px 10px;
    color: white;
}
#group_map_badminton{
    position: absolute;
    top:0px;
    left:36.5px;
}


.t1{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/1_badminton_chi.jpg");
    z-index:5;
    top:0px;
    left:64px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.badminton_img{
    left: 198px;
    top:0px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.badminton_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.badminton_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .badminton_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t1 {
    background-color: blue;
    background: url("../images/1_badminton_select_chi.jpg");

}


.t2{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/2_basketball_chi.jpg");
    z-index:5;
    top:0px;
    left:234px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.basketball_img{
    left: 369px;
    top:0px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.basketball_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.basketball_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .basketball_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t2 {
    background-color: blue;
    background: url("../images/2_basketball_select_chi.jpg");

}

.t3{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/3_bowling_chi.jpg");
    z-index:5;
    top:0px;
    left:404px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.bowling_img{
    left: 539px;
    top:0px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.bowling_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.bowling_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .bowling_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t3 {
    background-color: blue;
    background: url("../images/3_bowling_select_chi.jpg");

}

.t4{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/4_bridge_chi.jpg");
    z-index:5;
    top:0px;
    left:574px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.bridge_img{
    left: 294px;
    top:0px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.bridge_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.bridge_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .bridge_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t4 {
    background-color: blue;
    background: url("../images/4_bridge_select_chi.jpg");

}

.t5{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/5_cookingcontest_chi.jpg");
    z-index:5;
    top:0px;
    left:744px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.cooking_contest_img{
    left: 464px;
    top:0px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.cooking_contest_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.cooking_contest_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .cooking_contest_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t5 {
    background-color: blue;
    background: url("../images/5_cookingcontest_select_chi.jpg");

}

.t6{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/6_dragonboat_chi.jpg");
    z-index:5;
    top:173px;
    left:64px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.dragon_boat_img{
    top:173px;
    left: 198px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.dragon_boat_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.dragon_boat_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .dragon_boat_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t6 {
    background-color: blue;
    background: url("../images/6_dragonboat_select_chi.jpg");

}

.t7{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/7_football_chi.jpg");
    z-index:5;
    top:173px;
    left:234px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.football_img{
    top:173px;
    left: 369px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.football_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.football_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .football_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t7 {
    background-color: blue;
    background: url("../images/7_football_select_chi.jpg");

}

.t8{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/8_golf_chi.jpg");
    z-index:5;
    top:173px;
    left:404px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.golf_img{
    top:173px;
    left: 539px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.golf_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.golf_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .golf_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t8 {
    background-color: blue;
    background: url("../images/8_golf_select_chi.jpg");

}

.t9{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/9_marathon_chi.jpg");
    z-index:5;
    top:173px;
    left:574px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.marathon_img{
    top:173px;
    left: 294px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.marathon_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.marathon_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .marathon_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t9 {
    background-color: blue;
    background: url("../images/9_marathon_select_chi.jpg");

}

.t10{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/10_party_chi.jpg");
    z-index:5;
    top:173px;
    left:744px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.party_img{
    top:173px;
    left: 464px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.party_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.party_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .party_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t10 {
    background-color: blue;
    background: url("../images/10_party_select_chi.jpg");

}

.t11{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/11_singingcontest_chi.jpg");
    z-index:5;
    top:345px;
    left:64px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.singing_contest_img{
    top:345px;
    left: 198px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.singing_contest_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.singing_contest_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .singing_contest_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t11 {
    background-color: blue;
    background: url("../images/11_singingcontest_select_chi.jpg");

}

.t12{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/12_snooker_chi.jpg");
    z-index:5;
    top:345px;
    left:234px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.snooker_img{
    top:345px;
    left: 369px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.snooker_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.snooker_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .snooker_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t12 {
    background-color: blue;
    background: url("../images/12_snooker_select_chi.jpg");

}


.t13{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/13_tabletennis_chi.jpg");
    z-index:5;
    top:345px;
    left:404px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.table_tennis_img{
    top:345px;
    left: 539px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.table_tennis_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.table_tennis_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .table_tennis_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t13 {
    background-color: blue;
    background: url("../images/13_tabletennis_select_chi.jpg");

}


.t14{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/14_volleyball_chi.jpg");
    z-index:5;
    top:345px;
    left:574px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.volleyball_img{
    top:345px;
    left: 294px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.volleyball_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    /*word-wrap: break-word;*/
}
.volleyball_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
#gallery_list_content ul li:hover .volleyball_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t14 {
    background-color: blue;
    background: url("../images/14_volleyball_select_chi.jpg");

}


.t15{
    height: 135px;
    width:135px;
    display:block;
    text-decoration: none;
    cursor: auto;
    position: absolute;
    background: url("../images/15_others_chi.jpg");
    z-index:5;
    top:345px;
    left:744px;
    color: -webkit-link;
    text-align: -webkit-match-parent;
    list-style: none;
}

.others_img{
    top:345px;
    left: 464px;
    display:block;
    width: auto;
    height:auto;
    position: absolute;
    visibility: hidden;
    background-image: url("../images/transparent.png");
}

.others_img a div{
    width: 210px;
    height: 29px;
    line-height: 29px;
    margin-left: 10px;
    font-size: 14px;
    color:white;
    /*word-wrap: break-word;*/
}
.others_img a:hover{
    color:brown;
    /*background-image: url("../images/RSCP_photogallery_b_select.png");*/
}
.group_li div a div{
    font-size: 14px;
    color:white;
}
.group_li div a div:hover{
    color:brown;
}
#gallery_list_content ul li:hover .others_img {
    visibility: visible;
    z-index: 500;

}
#gallery_list_content ul li:hover .t15 {
    background-color: blue;
    background: url("../images/15_others_select_chi.jpg");

}


#about_rscp__content { 
    position: relative;
    width: 950px;
    height: 1750px;
    background-image: url('../images/bg_aboutrscp.jpg');
    overflow: hidden;
    margin: 0px auto 0 auto;
    padding: 0;
    background-repeat: no-repeat;
}

.about_rscp_location_bar{
    margin-top: 22px;
    margin-left: 39px;
    color: #8E8E8E;
}
.about_rscp_location_bar img{
    vertical-align: text-bottom;
}
.about_rscp_logo{
    width: 950px;
    height: 196px;
    text-align: center;
}
.about_rscp_table{
    width: 950px;
    border-spacing: 70px 0;
    border-collapse: separate;
}
.about_rscp_table p{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    line-height: 18px;
}

.activites_page_tab{
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    height: 50px;
    border: 1px solid black;
    text-align: center;
}

.slideshowButton_a{
    position:absolute;
    top:730px;
    left:720px;
    display:block;
    width:129px;
    height:43px;
    background:url('../images/btn_slideshow_chi.png') no-repeat;
    cursor:pointer;
    z-index:2000;
}


#result_content{
    width:950px;
    display:block;
    text-align: center;
}

#result_content{
    width:950px;
    display:block;
    text-align: center;

}

#result_main_content{
    position: relative;
    width:950px;
    height: 1160px;
    display:block;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0px auto 0 auto;
    padding: 0;
    background:url('../images/bg_aboutrscp.jpg') no-repeat;
}

#contact_main_content{
    position: relative;
    width:950px;
    height: 1160px;
    display:block;
    overflow: hidden;
    margin: 0px auto 0 auto;
    padding: 0;
    background:url('../images/bg_aboutrscp.jpg') no-repeat;
}


li{
    list-style: none;	
}

#wrapper{
    margin: 0px auto;
    text-align: left;
    width: 960px;
}

#paging_container1{
    height: 320px;	
}

#paging_container2{
    height: 356px;	
}

#paging_container3{
    height: 190px;
}

#paging_container4{
    height: 307px;	
    overflow: hidden;
}

#paging_container8 .no_more{
    background-color: white;
    color: gray;
    cursor: default;
}

.ellipse{
    float: left;
}

.container{
    width: 260px;
    float: left;
    margin: 50px 10px 10px;
    padding: 20px;
    background-color: white;
}

.page_navigation , .alt_page_navigation{
    padding-bottom: 10px;
    width: 30%;
    margin: 0 auto;
}

.page_navigation a, .alt_page_navigation a{
    padding:3px 5px;
    margin:2px;
    color:black;
    text-decoration:none;
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    /*background-color:#DB5C04;*/
}
.active_page{
    background-color:blue !important;
    color:white !important;
}	

.result_file{
    font-size: 18px;
}
.result_file:hover{
    color: blue;
}
.result_day{
    font-size: 14px;
}

.contact_img_logo{
    width:196px; 
    height:196px; 
    margin-left: 100px;
    margin-top: 70px;
}