/* CSS For Exibition Page ----- Wonder Art */
	/* hide from ie on mac \*/
html { height: 100%;}
#flashcontent { height: 60%; }
	/* end hide */
body { height: 100%; margin: 0; padding: 0; background-color: #241c00; color:#ffffff; }
#ex_footer a { color:#cccccc; }
#ex_footer a:hover { color:#fff; }
#ex_top {width:100%; height:auto; background-color:#241c00;}
#ex_navbox {width:954px; height:20px; margin-top:20px;}
#ex_titlebox {width:100%; height:120px; background-color:#ffffff; }
#ex_title {width:954px; height:110px; padding-top:10px; }
#ex_btmbox {width:100%; height:400px; }
#ex_btm {width:954px; height:auto;}
#ex_btm_left {width:628px; height:730px; background-color:#ffffff; float:left; margin-top:10px; text-align:left;}
#ex_btm_right{ width:315px; height:730px; background-color:#fff; float:right; margin-top:10px; text-align:left;}
.ex_picbox2 {width:290px; height:auto; float:left; text-align:left;font-size:0.9em; margin-top:10px; margin-left:5px; color:#333333; }
.ex_picbox {width:138px; height:auto; float:left; text-align:left;font-size:0.9em; margin-top:10px; margin-right:15px; color:#333333; margin-bottom:15px;}
#ex_footer{ clear:both; width:100%; height:100px; padding-top:30px;}
#inside_left { width:628px; height:50px; margin-top:15px;  padding-left:15px;}
#ex_inside_right { width:305px; height:400px; margin-top:15px; padding-left:10px;}
#flash_error {width:100%; height:30px; text-align:center; padding-top: 100px;}
#ex_all_btn {with:100px; height:auto; clear:both;}
.ex_box2_des { width:150px; height:auto; float:right;}
.ex_box2_des2 { width:185px; height:auto; float:right;}
.ex_box2_des3 { width:200px; height:auto; float:right;}

#ex_search {width:590px; height:auto;}
#ex_search2 {width:120px; float:right; margin-top:5px; height:auto;}
.page_number_box2 {width:600px;  height:30px; margin-top:10px; text-align:right;}
.page_number_box2 li {  font-size:1.4em; color:#666666; font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; display:inline;}


/*for all page*/
#ex_all_btm_left {width:954px; height:auto; background-color:#ffffff; float:left; margin-top:10px; text-align:left;}
#all_inside_left { width:954px; height:auto; margin-top:25px;  padding-left:25px;}
#ex_search_all {width:900px; height:auto;}
.spacer {width:100%; height:20px; clear:both;}
#see_all { width:100px; height:20px; position:absolute; margin-left:690px; margin-top:20px;}
#for_number_box { width:auto; height:auto; clear:both; margin-left:100px;}

#sub_navi {width:590px; float:left; height:auto; padding:10px 0px 20px 8px;}
.single_sub_navi { padding:5px 5px 5px 5px; margin-right:5px; float:left; }
.single_sub_navi_active { padding:5px 5px 5px 5px; margin-right:5px; background-color:#999; width:93px; text-align:center; float:left;}
.single_sub_navi_active a { color:white;}

.img_container3 { width:112px; height:135px; padding-top:7px; margin-bottom:20px; margin-right:7px;  text-align:center; background-color:#fff; border:solid 1px #CCC;  float:left; }