/* -- 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%;
}
body.cms {
    margin:0;
    width:100%; height:100%;
    background-color:#fff;
}
body.admin {
    margin:0;
    width:100%; height:100%;
}
body.dialog {
    margin:0;
    background-color:#000;
}

/* -- */




/* -- layout -- */

.layout {
    min-height:100%;
}

/* -- */



/* -- frame -- */

#frame {
    width:100%; min-width:1060px; margin-left:auto; margin-right:auto;
}

/* -- */




/* -- header -- */

#header {
    width:100%; min-width:1060px;
    background-color:#ec008c;
}



.header_bar {
    position:relative;
    width:1060px; margin-left:auto; margin-right:auto;
}



.header_search_bar {
    width:1060px; margin-left:auto; margin-right:auto;
    margin-top:10px; border-top:1px solid #fff; padding:10px;
    font-size:12pt; text-align:right;
}
.header_search_bar input,
.header_search_bar select {
    font-size:12pt;
}
.header_search_bar a {
    color:#fff;
}



.header_nav {
    position:absolute; right:45px; top:30px; z-index:100;
}
.header_nav ul {
    list-style:none;
}
.header_nav li {
    position:relative;
    float:left;
}
.header_nav li > ul {
    position:absolute; top:100%; right:0;
    visibility:hidden;
}
.header_nav li:hover > ul {
    visibility:visible;
}
.header_nav li > ul li {
    float:none;
}
.header_nav a:hover {
    text-decoration:none;
}



.header_nav .header_nav_item {
    display:block;
    font-size:14pt; line-height:40px; padding:0 10px;
    cursor:pointer; white-space:nowrap;
    color:#fff;
}
.header_nav .cms_lang {
    padding-left:0; padding-right:0;
}
/*.header_nav .header_nav_menu_selected .header_nav_item,*/
.header_nav .header_nav_item:hover {
    background-color:#b3006b; color:#fff;
}
.header_nav .header_nav_item_blank:hover {
    background-color:transparent;
}
.header_nav li > ul {
    padding:10px 0;
    background-color:#ec008c;
}
.header_nav li > ul .header_nav_item {
    font-size:12pt; line-height:32px;
    text-align:left;
}   



.header_nav .art_form_curr_select_drama { background-color:#662d91; color:#fff; }
.header_nav .art_form_curr_select_xiqu  { background-color:#f58220; color:#000; }
.header_nav .art_form_curr_select_dance { background-color:#80c342; color:#000; }

/* -- */




/* -- footer -- */

#footer {
    width:1060px; margin-left:auto; margin-right:auto;
    padding:20px 0 40px;
}

.footer_message {
    display:inline-block; margin:0 20px;
    font-size:12pt;
}
.footer_icon {
    display:inline-block; margin:0 20px;
    font-size:10pt;
}
.footer_copyright {
    display:inline-block; margin:0 20px;
}

/* -- */




/* -- content -- */

.single_content             { width:1060px; margin-left:auto; margin-right:auto; margin-top:50px; }

.content h1,
.content .title             { font-size:18pt; font-weight:bold; line-height:30px; margin-top:20px; margin-bottom:20px; color:#ec008c; }

.content h2,
.content .sub_title         { font-size:18pt; font-weight:bold; line-height:30px; margin-top:20px; margin-bottom:20px; color:#ec008c; }

.content h3                 { font-size:16pt; font-weight:bold; line-height:26px; margin-top:10px; margin-bottom:10px; color:#ec008c; }

.content .detail            { font-size:12pt; line-height:26px; color:#ec008c;}
.content .detail a          { color:#b3006b; text-decoration:none; }
.content .detail a:hover    { text-decoration:underline; }

.content .long_detail       { overflow:hidden; }

.content .tools             { color:#aaa; font-family:arial; font-size:8pt; line-height:1em; }
.content .tools a           { background:#aaa; color:#fff; padding:0 2px; margin-left:4px; }


.content ul.yb_session_menu { list-style:none; margin-top:30px; margin-bottom:30px; }
.content ul.yb_session_menu li
                            { float:left; height:30px; overflow:hidden; }
.content ul.yb_session_menu li a
                            { display:inline-block; font-size:14pt; line-height:30px; }

.content ul.yb_session_menu li.text_sel,
.content ul.yb_session_menu li.text:hover
                            { background-color:#ec008c; }

.content ul.yb_session_menu li.text a
                            { padding:0 10px; color:#ec008c; }
.content ul.yb_session_menu li.text_sel a,
.content ul.yb_session_menu li.text a:hover
                            { color:#fff; text-decoration:none; }


.content ul.yb_month_menu   { list-style:none; margin-top:30px; margin-bottom:30px; }
.content ul.yb_month_menu li
                            { float:left; height:30px; overflow:hidden; }
.content ul.yb_month_menu li a
                            { display:inline-block; font-size:14pt; line-height:30px; }

.content ul.yb_month_menu li.text_sel,
.content ul.yb_month_menu li.text:hover
                            { background-color:#ec008c; }

.content ul.yb_month_menu li.text a
                            { padding:0 10px; color:#ec008c; }
.content ul.yb_month_menu li.text_sel a,
.content ul.yb_month_menu li.text a:hover
                            { color:#fff; text-decoration:none; }

.content ul.yb_month_menu li.icon a
                            { }
.content ul.yb_month_menu li.icon img
                            { margin-top:0px; }
.content ul.yb_month_menu li.icon_sel img,
.content ul.yb_month_menu li.icon:hover img
                            { margin-top:-30px; }


.content .art_form_index_list  { display:inline-block; width:440px; background-color:#ec008c; color:#fff; font-size:10pt; line-height:16px; padding:6px; text-align:right; }
.content .art_form_index       { display:inline-block; width:16px; height:16px; margin-left:14px; margin-right:4px; vertical-align:top;
                                 border-radius:8px;
				 -moz-border-radius:8px;
				 -webkit-border-radius:8px;
}
.content .art_form_index:hover { text-decoration:none; }
.content .art_form_index_drama { background-color:#662d91; color:#fff; }
.content .art_form_index_xiqu  { background-color:#f58220; color:#000; }
.content .art_form_index_dance { background-color:#80c342; color:#000; }
.content .art_form_index_text  { margin-right:14px; }

.content .art_form_icon_list   { display:inline-block; background-color:#ec008c; margin-right:10px; padding:2px; vertical-align:middle; }
.content .art_form_icon        { display:inline-block; width:16px; height:16px; font-size:8pt; margin-right:1px;
                                 border-radius:8px;
				 -moz-border-radius:8px;
				 -webkit-border-radius:8px;
}
.content .art_form_icon_drama  { background-color:#662d91; }
.content .art_form_icon_xiqu   { background-color:#f58220; }
.content .art_form_icon_dance  { background-color:#80c342; }


.content .yb_2_col          { margin-top:10px; }
.content .yb_2_col_photo
                            { margin-left:10px; }
.content .yb_2_col_photo_booklet
                            { display:block; margin-top:10px; text-align:center; font-size:12pt; color:#fff; cursor:pointer; }
.content .yb_2_col_photo_booklet:hover
                            { text-decoration:none; }
.content .yb_2_col_photo_booklet img
                            { vertical-align:middle; }
.content .yb_2_col_table
                            { }
.content .yb_2_col_table tr td:first-child
                            { width:440px; background-color:#ec008c; color:#fff; padding:0 10px; text-align:right; vertical-align:top; }
.content .yb_2_col_table tr td:last-child
                            { width:620px; padding:0 10px; text-align:left; vertical-align:top; }
.content .yb_2_col_caption
                            { font-size:12pt; line-height:26px; }
.content .yb_2_col_caption a
                            { color:inherit; }
.content .yb_2_col_caption .yb_repeated_caption
                            { /*color:#b3006b;*/ }


.content .yb_cal            { margin-top:30px; }
.content .yb_cal_table
                            { }
.content .yb_cal_table tr
                            { margin-bottom:10px; }
.content .yb_cal_table tr td.yb_cal_date
                            { width:26px; padding-right:6px; background-color:#ec008c; color:#fff; vertical-align:top; text-align:right; }
.content .yb_cal_table tr td.yb_cal_holiday
                            { background-color:#f00;}
.content .yb_cal_table tr td.yb_cal_blank_date
                            { background-color:transparent; }
.content .yb_cal_table tr td.yb_cal_detail
                            { width:125px; vertical-align:top; }
.content .yb_cal_date
                            { font-size:10pt; line-height:26px; }
.content .yb_cal_table .detail
                            { width:125px; padding-left:6px; overflow:hidden; font-size:10pt; }
.content .yb_cal_table .detail a
                            { white-space:nowrap; }


.content .yb_home_button
                            {
                              display:inline-block; margin-bottom:20px;
                              padding:0 20px;
                              background-color:#ec008c; color:#fff;
                              font-size:14pt; line-height:40px;
                              border-radius:20px;
                              -moz-border-radius:20px;
                              -webkit-border-radius:20px;
			      box-shadow:4px 4px 12px #aaa;
			      -moz-box-shadow:4px 4px 12px #aaa;
			      -webkit-box-shadow:4px 4px 12px #aaa;
                            }
.content .yb_home_button:hover
                            {
                              text-decoration:none;
                              background-color:#b3006b;
                            }

/* -- */