/* -- common -- */

* {
    font-family:helvetica,tahoma,arial,'Heiti TC','Heiti SC','Apple LiGothic Medium','微軟正黑體','Microsoft JhengHei','新細明體';
    /*-webkit-font-smoothing:antialiased;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
ol,ul,p,h1,h2,h3 {
    margin:0; padding:0;
}

html {
    width:100%; height:100%;
}
:root {
    --body-bg-color:#eee;
}
body.website {
    width:100%; margin:0;
    background-color:#eee;
    background-color:var(--body-bg-color);
}
body.website * {
    font-family:'Noto Sans HK','Noto Sans TC','Noto Sans SC',sans-serif,helvetica,tahoma,arial,'Heiti TC','Heiti SC','Apple LiGothic Medium','微軟正黑體','Microsoft JhengHei','新細明體';
    /*font-family:'Noto Sans TC',helvetica,tahoma,arial,'Heiti TC','Heiti SC','Apple LiGothic Medium','微軟正黑體','Microsoft JhengHei','新細明體';*/
}
body.website_appl_embed {
    background-color:transparent;
}
body.website_pos,
body.website_terminal {
    height:100%;
}
body.website_etix {
    height:100%;
}
body.website_video_room {
    height:100%;
}
body.website_event_portal {
    height:100%;
}
body.website_kiosk {
    height:100%;
}
body.website_column {
    height:100%;
}
body.admin {
    width:100%; margin:0;
    background-color:#eee;
}
body.dialog {
    width:100%; margin:0;
    background-color:#fff;
}
body.fb_app {
    margin:0;
    background-color:#fafafa;
}
/* -- */




/* -- layout -- */
.layout {
    width:100%; height:100%; margin-left:auto; margin-right:auto;
}
    body.website_home .layout,
    body.website_people .layout,
    body.website_venue .layout,
    body.website_detail .layout {
        min-width:1140px;
    }
    body.website_pos .layout,
    body.website_terminal .layout,
    body.website_video_room .layout,
    body.website_event_portal .layout {
        
    }
    body.admin .layout {
        min-width:1140px;
    }
    .layout_responsive {
        min-width:auto!important;
    }
    .layout_responsive .content .detail img {
        max-width:100%!important;
        height:auto!important;
    }

.layout_xiqu_kayee {
    width:100%; height:100%;
}
.layout_xiqu_kayee .cover_page {
    position:relative; left:0; top:0;
    width:100%; height:100%;
}
.layout_xiqu_kayee .cover_page .page_logo {
    position:absolute; top:55%; left:15%; width:70%;
}
.layout_xiqu_kayee .cover_page .page_logo img {
    width:200px;
}
.layout_xiqu_kayee .cover_page .page_next {
    position:absolute; top:90%; width:100%; text-align:center;
}

/* -- */




/* -- frame -- */

#frame {
    position:relative; width:100%;
    margin-left:auto; margin-right:auto;
}
    body.website_ticketing #frame {
        /* max-width:1140px; */
    }
    body.website_job_market #frame {
        /* max-width:1140px; */
    }
    body.website_appl_embed #frame {
        padding-top:0;
    }
    body.website_pos #frame,
    body.website_terminal #frame {
        width:100%; min-width:1140px; height:100%; padding-top:0;
    }
    body.website_etix #frame {
        height:100%; padding-top:0;
    }
    body.website_video_room #frame {
        height:100%; padding-top:0;
    }
    body.website_event_portal #frame {
        padding-top:0;
    }
    body.website_kiosk #frame {
        height:100%; padding-top:0;
    }
    
    @media print {
        #frame {
            padding-top:0;
        }
    }

#dialog_frame {
    
}
#fb_app_frame {
    width:790px;  /* 810 - 20 */
    margin-left:auto; margin-right:auto;
}
/* -- */




/* -- header -- */

.header_bar {
    position:relative; z-index:200;
    width:100%;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
}
.header_bar_fixed {
    position:fixed;
}
.header_bar_fix_width {
    
}
.header_bar_max_width {
    
}
    @media print {
        .header_bar_fixed {
            position:relative;
        }
    }




.header_bar_1 {
    height:60px;
    background-color:#fffafa;
}

.header_bar_1 .bar {
    
}
    .header_bar_fix_width .header_bar_1 .bar {
        max-width:1140px; margin-left:auto; margin-right:auto;
    }
    .header_bar_max_width .header_bar_1 .bar {
        max-width:1140px; margin-left:auto; margin-right:auto;
    }

.header_bar_1 .logo {
    float:left; padding:14px 10px 0 20px;
}
.header_bar_1 .logo_small {
    display:none;
}

.header_bar_1 .shortcut {
    float:right; width:calc(100% - 236px); max-width:664px;
    padding:20px 20px 0 0;
    text-align:right;
    
}
.header_bar_1 .shortcut_item {
    vertical-align:middle;
}

.header_bar_1 .cms_search_keywords {
    width:calc(100% - 10px - 74px - 80px); margin-right:10px;
    border:1px solid #f00;
    padding:1px 8px; font-size:10pt; line-height:20px !important; border-radius:0;
    outline:none; appearance:none; -moz-appearance:none; -webkit-appearance:none;
}
.header_bar_1 .cms_search_go {
    width:64px; margin-right:10px;
    border:1px solid #f00; color:#f00; background-color:#fff;
    padding:1px 10px; font-size:10pt; line-height:20px !important;
    
}
.header_bar_1 .cms_search_go:hover {
    border:1px solid #f00; color:#fff; background-color:#f00;
}


    @media print {
        .header_bar_1 .shortcut {
            display:none;
        }
    }
    @media only screen and (max-width:900px) {
        .layout_responsive .header_bar_1 .cms_search_keywords {
            /*width:320px;*/
        }
    }
    @media only screen and (max-width:740px) {
        .layout_responsive .header_bar_1 .cms_search_keywords {
            width:calc(100% - 10px - 80px);
        }
        .layout_responsive .header_bar_1 .cms_search_go {
            display:none;
        }
    }
    @media only screen and (max-width:680px) {
        .layout_responsive .header_bar_1 .cms_search_keywords {
            /*width:240px;*/
        }
    }
    @media only screen and (max-width:590px) {
        .layout_responsive .header_bar_1 .logo_full {
            display:none;
        }
        .layout_responsive .header_bar_1 .logo_small {
            display:block;
        }
        .layout_responsive .header_bar_1 .shortcut {
            width:calc(100% - 236px + 143px);
        }
        .layout_responsive .header_bar_1 .cms_search_keywords {
            /*width:300px;*/
        }
    }
    @media only screen and (max-width:510px) {
        .layout_responsive .header_bar_1 .cms_search_keywords {
            /*width:200px;*/
        }
    }
    @media only screen and (max-width:410px) {
        .layout_responsive .header_bar_1 .cms_search_keywords {
            /*width:135px;*/
        }
    }




.header_bar_2 {
    height:60px;
    background-color:#f00; color:#fff;
    
    box-shadow:0 4px 4px rgba(0,0,0,0.4);
    -moz-box-shadow:0 4px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.4);
}

.header_bar_2 .bar {
    padding-left:32px; padding-right:32px;
}
    .header_bar_fix_width .header_bar_2 .bar {
        max-width:1140px; margin-left:auto; margin-right:auto;
    }
    .header_bar_max_width .header_bar_2 .bar {
        max-width:1140px; margin-left:auto; margin-right:auto;
    }

.header_bar_2 .platform {
    float:left;
    padding-left:8px; padding-right:40px;
    height:32px; margin-top:16px;
}
.header_bar_2 .platform_sep {
    border-right:1px solid #fff; padding-right:20px; margin-right:20px;
}
.header_bar_2 .platform .name {
    display:block; float:left;
    font-size:16pt; line-height:32px;
}
.header_bar_2 .platform .sub_name {
    display:block; float:left;
    font-size:12pt; line-height:32px;
    padding-left:6px;
}

.header_bar_2 .bar_2_nav {
    position:relative; float:left;
    margin-top:4px;
}
.header_bar_2 .bar_2_nav_list {
    list-style:none;
}
.header_bar_2 .bar_2_nav_item {
    float:left; display:block;
}
.header_bar_2 .bar_2_nav_item_selected {
    background-color:#a00;
}
.header_bar_2 .bar_2_nav_button {
    display:block; padding:6px 16px; margin:8px;
    font-size:16pt; line-height:24px;
    color:#fff; white-space:nowrap;
    border-radius:18px;
}
.header_bar_2 .bar_2_nav_button:hover {
    text-decoration:none;
    background-color:#fff; color:#f00;
}
.header_bar_2 .bar_2_nav_item > .bar_2_nav_list {
    position:absolute; display:block; top:100%;
    background-color:#a00;
    box-shadow:4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow:4px 4px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.2);
    visibility:hidden;
    
}
.header_bar_2 .bar_2_nav_item_selected > .bar_2_nav_list {
    visibility:visible;
}
.header_bar_2 .bar_2_nav_item > .bar_2_nav_list .bar_2_nav_item {
    float:none;
}
    @media only screen and (max-width:680px) {
        .layout_responsive .bar_2_nav {
            width:100%;
        }
        .layout_responsive .bar_2_nav .bar_2_nav_list {
            width:100%;
        }
        .layout_responsive .bar_2_nav .bar_2_nav_item > .bar_2_nav_list {
            width:100%; left:0px;
        }
    }
    @media only screen and (max-width:520px) {
        .layout_responsive .header_bar_2 .bar {
            padding-left:0px; padding-right:0px;
        }
        .layout_responsive .bar_2_nav > .bar_2_nav_list > .bar_2_nav_item {
            display:table; width:33.3%; height:52px; border:8px solid transparent;
        }
        .layout_responsive .bar_2_nav > .bar_2_nav_list > .bar_2_nav_item > .bar_2_nav_button {
            display:table-cell; padding:0; margin:0;
            text-align:center; vertical-align:middle;
        }
    }
    @media only screen and (max-width:400px) {
        .layout_responsive .bar_2_nav .bar_2_nav_button {
            font-size:14pt;
        }
    }
    @media only screen and (max-width:340px) {
        .layout_responsive .bar_2_nav .bar_2_nav_button {
            font-size:12pt;
        }
    }




.header_bar_2 .kayee_nav {
    position:relative; float:left;
    margin-top:12px;
}
.header_bar_2 .kayee_nav ul {
    list-style:none;
}
.header_bar_2 .kayee_nav li {
    float:left;
}
.header_bar_2 .kayee_nav li > ul {
    position:absolute; z-index:10; top:100%;
    visibility:hidden;
}
.header_bar_2 .kayee_nav li:hover > ul {
    visibility:visible;
}
.header_bar_2 .kayee_nav li > ul li {
    float:none;
}
.header_bar_2 .kayee_nav span {
    cursor:default;
}
.header_bar_2 .kayee_nav a {
    cursor:pointer;
}
.header_bar_2 .kayee_nav a:hover {
    text-decoration:none;
}

.header_bar_2 .kayee_nav_button {
    display:block;
    font-size:16pt; line-height:24px; padding:6px 16px; margin:0 8px;
    color:#fff;
    border-radius:19px;
}
.header_bar_2 .kayee_nav_item_selected .kayee_nav_button {
    /*background-color:#d00;*/
    /*background-color:#fff; color:#f00;*/
}
.header_bar_2 .kayee_nav li:hover {
    background-color:#a00;
}
.header_bar_2 .kayee_nav li > ul {
    background-color:#a00;
    box-shadow:4px 4px 4px rgba(0,0,0,0.2);
    -moz-box-shadow:4px 4px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:4px 4px 4px rgba(0,0,0,0.2);
}
.header_bar_2 .kayee_nav li > ul .kayee_nav_button {
    white-space:nowrap;
    background-color:#a00; color:#fff;
    margin-top:4px; margin-bottom:4px;
    /*border-radius:0px;*/
}
.header_bar_2 .kayee_nav li > ul .kayee_nav_button:hover {
    background-color:#fff; color:#f00;
}




.header_bar_3 {
    height:40px;
    /*background-color:#f00;*/
    background-color:#8d2b26;
    
    box-shadow:0 4px 4px rgba(0,0,0,0.4);
    -moz-box-shadow:0 4px 4px rgba(0,0,0,0.4);
    -webkit-box-shadow:0 4px 4px rgba(0,0,0,0.4);
}

.header_bar_3 .bar {
    
}
    /*
    .header_bar_fix_width .header_bar_3 .bar {
        width:1140px; margin-left:auto; margin-right:auto;
    }
    .header_bar_max_width .header_bar_3 .bar {
        max-width:1140px; margin-left:auto; margin-right:auto;
    }
    */

.header_bar_3 .logo {
    float:left; padding:4px 40px 0 20px;
}

.header_bar_3 .platform {
    float:left; margin-top:11px; height:26px; border-left:1px solid #fff;
}
.header_bar_3 .platform .name {
    padding-left:30px; font-size:16pt; line-height:26px; color:#fff;
}
    @media only screen and (max-width:1023px) {
        .website_etix .header_bar_3 .logo,
        .website_video_room .header_bar_3 .logo,
        .website_event_portal .header_bar_3 .logo {
            padding-left:10px; padding-right:20px;
        }
        .website_etix .header_bar_3 .name,
        .website_video_room .header_bar_3 .name,
        .website_event_portal .header_bar_3 .name {
            padding-left:15px;
        }
    }




/*
.header_bar_cdm {
    height:84px;
    background-color:#fff;
}
.header_bar_cdm .bar {
    
}
.header_bar_cdm .fix_width_bar,
.header_bar_cdm .max_width_bar {
    width:1140px; margin-left:auto; margin-right:auto;
}
    .layout_responsive .header_bar_cdm .fix_width_bar,
    .layout_responsive .header_bar_cdm .max_width_bar {
        width:100%; max-width:1140px; margin-left:auto; margin-right:auto;
    }
*/


/*
.header_bar_mill6chat {
    height:84px;
    background-color:#fff;
}
.header_bar_mill6chat .bar {
    height:100%;
}
.header_bar_mill6chat .fix_width_bar,
.header_bar_mill6chat .max_width_bar {
    width:1140px; min-width:1140px; margin-left:auto; margin-right:auto;
}
    .layout_responsive .header_bar_mill6chat .fix_width_bar,
    .layout_responsive .header_bar_mill6chat .max_width_bar {
        width:auto; min-width:0px; max-width:1140px; margin-left:auto; margin-right:auto;
    }
*/


/*
.header_bar_playacademy {
    height:148px;
    background-color:#fff;
}
.header_bar_playacademy .bar {
    height:100%;
}
.header_bar_playacademy .fix_width_bar,
.header_bar_playacademy .max_width_bar {
    width:1140px; min-width:1140px; margin-left:auto; margin-right:auto;
}
    .layout_responsive .header_bar_playacademy .fix_width_bar,
    .layout_responsive .header_bar_playacademy .max_width_bar {
        width:auto; min-width:0px; max-width:1140px; margin-left:auto; margin-right:auto;
    }
    @media only screen and (max-width:600px) {
        .layout_responsive .header_bar_playacademy {
            height:108px;
        }
    }
*/
/* -- */




/* -- footer -- */

.footer_bar {
    width:100%; max-width:1140px; margin-left:auto; margin-right:auto;
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
}
    @media print {
        .footer_bar {
            display:none;
        }
    }

.footer_bar .footer_bar_1 {
    padding:10px 10px 20px;
    border-top:1px solid #ddd;
    color:#959595; font-size:10pt;
    text-align:right;
}
.footer_bar .footer_bar_1 span {
}
.footer_bar .footer_bar_1 span.sep {
    color:#ccc; padding:0 6px;
}
.footer_bar .footer_bar_1 a {
    color:#959595; cursor:pointer;
}
.footer_bar .footer_bar_1 a:hover {
    text-decoration:underline;
}

/* -- */




/* -- content -- */

.content                       { min-height:400px; }
.side_bar                      { }

.single_content                { }

.left_content                  { width:calc(100% - 300px); }
.right_side_bar                { float:right; width:300px; }

.page_content                  { padding:20px; }
.database_content              { padding:0; /*padding:20px 0;*/ }
.function_content              { padding:20px 0; }

.database_side_bar             { padding:20px 0; }

.database_container          .detail  { }
.database_2_container        .detail  { }
.buying_container            .detail  { padding-left:20px; padding-right:20px; }
.ticketing_container         .detail  { padding-left:20px; padding-right:20px; }

.database_event_container    .content { padding-left:90px; padding-right:90px; }
.database_people_container   .content { padding-left:90px; padding-right:90px; }
.column_xiqu_kayee_container .content { padding-left:90px; padding-right:90px; }


  
.content .title                { color:#f00; font-size:20pt; font-weight:normal; line-height:1.2em; padding-bottom:1em; }
.content .stack_sep            { height:1px; margin:20px 0; background-color:#f00; }

.content .detail               { }

.content .detail               { color:#636363; font-size:10pt; line-height:1.4em; }
.database_container   .content .detail,
.database_2_container .content .detail,
.search_container     .content .detail {
    font-size:12pt; line-height:26px;
}
.content .detail a             { color:#32a0dc; }
.content .detail .text_date    { color:#636363; }
.content .detail hr            { border:0; height:1px; color:#999; background-color:#999; }

.content .detail h1            { color:#f00; font-size:20pt; font-weight:normal; line-height:1.2em; padding-bottom:1em; }
.content .detail h2            { color:#f00; font-size:16pt; line-height:1.2em; padding:0.8em 0; }
.website_appl_embed .content .detail h1 { color:#000; }
.website_appl_embed .content .detail h2 { color:#000; }

.content .detail ol            { margin-left:40px; margin-bottom:1em; }
.content .detail ul            { margin-left:40px; margin-bottom:1em; }

/*
.layout_responsive .content .detail img {
    width:100% !important;
    height:auto !important;
}
*/

.content .tools                { }
.content .tools a              {
    display:inline-block; margin:0 2px; padding:0 2px;
    background-color:#aaa; color:#fff; font-family:arial; font-size:12px; line-height:14px;
    border-radius:2px;
}
.content .tools a:hover        {
    background-color:#333; color:#fff;
    text-decoration:none;
}

/* -- side_bar ( database_side_bar_title ) -- */

.side_bar .database_side_bar_title {
    color:#f00; font-size:16pt; line-height:36px;
}

/* -- */


/* -- content ( database_list_title ) -- */
  
.content .database_list_title {
    margin:0 20px 6px; border-bottom:1px solid #ddd;
    color:#f00; font-size:16pt; line-height:36px;
}
.content .database_list_title a {
    color:#f00;
}
.content .database_list_title img {
    vertical-align:middle;
}
.content .database_list_title_sep {
    padding:0 14px; color:#e99;
}

.content a.database_list_title_option {
    display:inline-block;
    margin:2px 0 2px 12px; padding:0 6px;
    font-size:10pt; line-height:18px; vertical-align:middle;
    color:#959595; background-color:#fff;
    border:1px solid #959595;
    border-radius:9px;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
}
.content a.database_list_title_option:hover {
    color:#fff; background-color:#666;
    border-color:#666;
    text-decoration:none;
}

/* -- */


/* -- content ( database_list_menu ) -- */

.content .database_list_menu {
    margin:30px 0 30px;
    font-size:12pt;
}

.content .database_list_menu_item {
    display:inline-block;
    margin:2px 10px 2px 0; padding:8px 10px;
    font-size:10pt; line-height:20px; text-align:center;
    cursor:default;
    border-radius:19px;
    -moz-border-radius:19px;
    -webkit-border-radius:19px;
}
.content .database_list_menu_item img {
    vertical-align:middle;
}
.content .database_list_menu_item {
    color:#333; background-color:#fff;
    /* color:#633; background-color:#fcc; */
    border:1px solid #dfdfdf;
    cursor:pointer;
}
.content .database_list_menu_item:hover {
    color:#fff; background-color:#666;
    border-color:#666;
    text-decoration:none;
}
.content .database_list_menu_item_highlight {
    color:#fff; background-color:#0c0;
    border:1px solid #0c0;
}
.content .database_list_menu_item_highlight:hover {
    color:#fff; background-color:#090;
    border:1px solid #090;
}
.content .database_list_menu_item_sel {
    background-color:#f00; color:#fff;
    border:1px solid #f00;
}
.content .database_list_menu_item_sel:hover {
    background-color:#f00; color:#fff;
    border:1px solid #f00;
}
.content .database_list_menu_item_count {
    display:inline-block;
    margin-left:4px; padding:0 4px;
    min-width:20px; text-align:center;
    color:#fff; background-color:#f99;
    /* color:#333; background-color:#fff; */
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

.content .database_list_menu_option {
    display:inline-block;
    margin:2px 10px 2px 0; padding:0 4px;
    font-size:10pt; line-height:18px;
    color:#bbb;
    border:1px solid #bbb;
    border-radius:9px;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
}
.content .database_list_menu_option:hover {
    color:#666;
    border-color:#666;
    text-decoration:none;
}

/* -- */


/* -- content ( database_card ) -- */

.content .database_card {
    padding:5px; vertical-align:top;
}
.content .database_card_top {
    
}
.content .database_card:hover {
}

.content .database_card_name {
    margin-top:5px; height:32px; overflow:hidden;
    font-size:10pt; line-height:16px;
    cursor:default;
    word-wrap:break-word;
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
}
.content .artist_item .database_card_name {
    height:16px;
}
.content .database_card_name a {
    /*color:#f00;*/
}

.content .database_card_date {
    margin-top:5px; height:16px; overflow:hidden;
    /*color:#959595;*/ font-size:10pt; line-height:16px;
    cursor:default;
    white-space:nowrap;
}

.content .database_card_event {
    margin-top:5px; overflow:hidden;
    /*color:#959595;*/ /*color:#ff9595;*/ white-space:nowrap; font-size:10pt; line-height:16px;
    cursor:default;
}
.content .database_card_event a {
    /*color:#959595;*/ /*color:#ff9595;*/
}

.content .database_card_role {
    margin-top:5px; overflow:hidden;
    /*color:#959595;*/ white-space:nowrap; font-size:10pt; line-height:16px;
    cursor:default;
}

.content .database_card_fx {
    margin-top:5px; height:24px; overflow:hidden;
    white-space:nowrap; font-size:10pt; line-height:22px;   /* 22px + 2 x 1px border = 24px */
}
.content .database_card_fx .database_card_icon {
    display:inline-block; padding:0 8px; margin-right:8px;
    font-size:10pt; line-height:22px;                       /* 22px + 2 x 1px border = 24px */
    cursor:default;
    border:1px solid #959595; background-color:#fff; color:#333;
    border-radius:12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
}
.content .database_card_fx .ticketing_button,
.content .database_card_fx .application_button {
    border:1px solid #f00; background-color:#f00; color:#fff;
    border-radius:12px;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
}

.content a.buy_ticket_button {
    display:inline-block;
    background-color:#f66; color:#fff; padding:10px 40px; border:0;
    font-size:12pt; line-height:20px;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}
.content a.buy_ticket_button:hover {
    text-decoration:none;
    background-color:#f00;
    box-shadow:2px 2px 4px rgba(0,0,0,0.5);
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.5);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.5);
}


/* -- */


/* -- content ( database_row ) -- */

.content .database_row {
    padding:6px 0;
    border-bottom:1px solid #ddd;
}

.content .database_row_name {
    display:inline-block; width:400px; padding-right:10px;
    color:#f00; font-size:12pt; vertical-align:top;
}

.content .database_row_name a {
    color:#f00;
}

.content .database_row_date {
    display:inline-block; width:400px;
    font-size:12pt; vertical-align:top;
}

.content .database_row_event_research {
    display:inline-block; width:200px;
    font-size:12pt; vertical-align:top;
}

.content .database_row_event_research a {
    color:#99f;
}

.content .database_row_event_extra {
    display:inline-block;
    color:#999; font-size:10pt; line-height:21px;
}

.content .database_row_event_extra .icon {
    display:inline-block;
    background-color:#999; color:#fff; line-height:17px;
    margin-left:2px; margin-right:2px; min-width:20px; padding-left:4px; padding-right:4px;
    text-align:center;
}

.content .database_row_event_extra .no_data {
    background-color:#f00;
}

.content .database_row_event_extra a {
    color:#00f;
}

.content .database_row_media {
    display:inline-block; padding-left:35px; padding-top:15px;
    color:#999; font-size:10pt;
}

.content .database_row_event_data {
    display:inline-block; padding-left:35px; padding-top:15px;
    color:#999; font-size:10pt;
}

/* -- */


/* -- content ( database_diary ) -- */

.content .database_diary {
    margin-bottom:40px;
}

.content .database_diary_date {
    float:left; width:100px;
    font-size:12pt; line-height:30px; text-align:center;
    color:#fff; background-color:#f00;
    border-radius:0 15px 15px 0;
    -moz-border-radius:0 15px 15px 0;
    -webkit-border-radius:0 15px 15px 0;
}

.content .database_diary_title {
    margin-left:140px;
    font-size:12pt; line-height:24px;
    color:#f00;
}

.content .database_diary_detail {
    margin-left:140px; margin-top:1em;
    font-size:10pt;
    color:#959595;
}
.content .database_diary_detail a {
    color:#32a0dc;
}
.content .database_diary_detail a:hover {
    text-decoration:underline;
}

/* -- */



/* -- calendar_box -- */

.calendar_box {
}
.calendar_box ul {
    list-style:none;
    position:relative; display:block;
}

.calendar_box .calendar_header {
    width:100%; margin-bottom:20px;
    font-size:12pt; line-height:30px; text-align:center;
    background-color:#ddd; color:#fff;
    cursor:default;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}
.calendar_box .calendar_header_prev_month,
.calendar_box .calendar_header_next_month {
    display:inline-block; width:42px; height:30px;
    color:#fff; text-align:center;
    cursor:pointer;
}
.calendar_box .calendar_header_prev_month:hover,
.calendar_box .calendar_header_next_month:hover {
    text-decoration:none;
}
.calendar_box .calendar_header_prev_month {
    float:left; border-right:1px solid #fff;
}
.calendar_box .calendar_header_next_month {
    float:right; border-left:1px solid #fff;
}

.calendar_box .calendar_week {
    width:100%;
    font-size:12pt;
}
.calendar_box .calendar_week_cell {
    display:inline-block; width:calc((100% - 6px - 1px) / 7); line-height:30px; margin-left:1px;
    color:#959595; text-align:center;
    cursor:default;
}
.calendar_box .calendar_week .calendar_week_cell:first-child {
    margin-left:0px;
}
.calendar_box .calendar_week_cell_holiday {
    color:#f00;
}


.calendar_box .calendar_day {
    width:100%;
    font-size:12pt;
}
.calendar_box .calendar_day .calendar_day_cell {
    display:inline-block; width:calc((100% - 6px - 1px) / 7); line-height:30px; margin-left:1px;
    text-align:center;
}
.calendar_box .calendar_day .calendar_day_cell:first-child {
    margin-left:0px;
}
.calendar_box .calendar_day .calendar_day_cell span,
.calendar_box .calendar_day .calendar_day_cell a {
    display:block;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
}
.calendar_box .calendar_day .calendar_day_cell span {
    color:#aaa;
    cursor:default;
}
.calendar_box .calendar_day .calendar_day_cell a {
    color:#959595;
}
.calendar_box .calendar_day .calendar_day_cell a:hover {
    color:#fff; background-color:#666; text-decoration:none;
}
.calendar_box .calendar_day .calendar_day_cell_holiday span {
    color:#f00;
}
.calendar_box .calendar_day .calendar_day_cell_holiday a {
    color:#f00;
}
.calendar_box .calendar_day .calendar_day_cell_holiday a:hover {
    color:#fff; background-color:#f00; text-decoration:none;
}
.calendar_box .calendar_day .calendar_day_cell_today a {
    color:#666; font-weight:bold;
}
.calendar_box .calendar_day .calendar_day_cell_selected a {
    background-color:#fff;
}


/* -- */



/* -- event_calendar -- */

.event_calendar_week {
    display:block;
    padding:4px; margin-bottom:18px;  /* 18 = 22 - 4 */
}
.event_calendar_week_normal {
    background-color:#fff;
    box-shadow:2px 2px 2px rgba(128,128,128,0.4);
}
.event_calendar_week_normal:hover {
    box-shadow:2px 2px 2px rgba(128,128,128,0.8);
}
.event_calendar_week_blank {
}

.event_calendar_cell {
    float:left; width:150px; margin-right:7px;
    
}
.event_calendar_cell:last-child {
    margin-right:0;
}

.event_calendar_week_title {
    font-size:12pt; line-height:22px; padding:0;
    border-right:1px solid #666; color:#666;
}
    .event_calendar_week_blank .event_calendar_week_title {
        border-right:1px solid #aaa; color:#aaa;
    }

.event_calendar_day {
    font-size:12pt;
}
.event_calendar_day_holiday {
    color:#f00;
}
.event_calendar_day_title {
    padding:0 4px; line-height:22px;
    background-color:#999; color:#fff;
}
.event_calendar_day_holiday .event_calendar_day_title {
    background-color:#f99;
}
    .event_calendar_week_blank .event_calendar_day_title {
        background-color:#ddd;
    }
    .event_calendar_week_blank .event_calendar_day_holiday .event_calendar_day_title {
        background-color:#fdd;
    }

.event_calendar_event {
    display:block;
    padding-bottom:4px; border-bottom:1px solid #999;
}
.event_calendar_event:last-child {
    border-bottom:0px;
}
.event_calendar_event:hover {
    text-decoration:none;
}

.event_calendar_event_photo {
    margin:4px 0 0;
}
.event_calendar_event_name {
    display:block; margin:4px 0 0; max-height:36px; overflow:hidden;
    font-size:10pt; line-height:18px; color:#f00;
    word-wrap:break-word;
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
}
.event_calendar_event_time {
    display:block;
}
.event_calendar_event_time span {
    display:inline-block;
    padding-right:4px; border-right:1px solid #999; margin:4px 4px 0 0;
    font-size:10pt; line-height:18px;
    color:#999;
}
.event_calendar_event_time span:last-child {
    border-right:0px;
}
.event_calendar_event_button {
    display:block;
}
.event_calendar_event_button span {
    display:inline-block; padding:0 8px; margin:4px 4px 0 0;
    font-size:10pt; line-height:20px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border:1px solid #f00; background-color:#f00; color:#fff;
}

/* -- */




/* -- postcard -- */

.cs_postcard_frame {
    background-color:#fff;
    border:1px solid #dfdfdf;
    border-radius:5px;
}
.cs_postcard_frame:hover {
    text-decoration:none;
    border-color:#ccc;
    box-shadow:2px 2px 4px rgba(0,0,0,0.2);
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
.cs_postcard_frame_highlight {
    border-color:#f77;
}
.cs_postcard_frame_highlight:hover {
    border-color:#f00;
}
.cs_postcard_title_1 {
    color:#000;
}
.content .detail .cs_postcard_title_1 a,
.cs_postcard_title_1 a {
    color:#f00;
}
.cs_postcard_title_2 {
    color:#666;
}
.content .detail .cs_postcard_title_2 a,
.cs_postcard_title_2 a {
    color:#ff9595;
}
.cs_postcard_data {
    color:#333;
}
.content .detail .cs_postcard_data a,
.cs_postcard_data a {
    color:#f00;
}

/* -- */





/* -- summary -- */

.summary_block             { border-bottom:1px solid #fff; margin-bottom:20px; }
.summary_block img     { vertical-align:middle; }
.summary_block a       { color:#000; }
.summary_block a:hover { color:#f00; text-decoration:underline; }

.summary_block_title {
    padding-bottom:20px; line-height:20px;
    font-size:10pt; font-weight:bold;
}
.summary_block_title_highlight {
    display:inline-block; padding:0 4px; margin-left:4px;
    background-color:#f00; color:#fff; font-size:8pt; font-style:italic;
    transform-origin:left top; transform:rotate(-2deg);
}
.summary_block_content {
    padding-left:10px; padding-bottom:30px;
}


.summary_row {
    display:block;
}
.summary_row_caption {
    display:inline-block; vertical-align:top; width:220px; padding-right:20px;
    color:#fff;
}
.summary_row_data {
    display:inline-block; vertical-align:top;
}

.summary_item {
    display:block; margin:5px 0;
}
.summary_item_caption {
    display:inline-block; vertical-align:top; margin-left:-180px; width:180px; padding-right:20px;
    color:#fff;
}
.summary_item_data {
    display:inline-block; vertical-align:top;
}

.summary_color_stamp {
    display:inline-block; padding:0 4px; margin-left:4px;
    background-color:#f00; color:#fff; font-size:8pt; font-style:italic;
    transform-origin:left top; transform:rotate(-2deg);
}
.summary_color_warning {
    color:#f00;
}
.summary_color_url {
    color:#00f; font-family:courier; word-break:break-all;
}
a.summary_color_url {
    color:#00f;
}
.summary_color_remark {
    color:#333;
}