html,body { width:100%; height:100%; margin:0 auto; padding:0px; font-family:Verdana,  Arial, sans-serif, 新細明體; 
             font-size:13px; line-height:20px; color:#5d5d5d; text-align: center;}
body {
             background-color:#f9a1b1;
             background-image:url('../_image/av_01_bg.jpg');
             background-repeat:repeat-x;background-position:0px 0px; 
}             
             
             
p, div, * { margin:0px; padding:0px; font-family: Verdana, Arial, sans-serif, 新細明體; font-size:13px; line-height:20px; } 

img { margin:0px; padding:0px; border:0px; text-align: center;vertical-align:middle;}

table {border-collapse:collapse; border-spacing:0;}

A         { text-decoration:none; }
A:link    { color : #670013; text-decoration : none; }
A:visited { color : #670013; text-decoration : none; }
A:active  { color : #000000; text-decoration : none; }
A:hover   { color : #000000; text-decoration : none; }

#main_area { margin:0px auto; width:802px; backhround-color:#fcbdc5;
             background-image:url('../_image/av_01_bg_02.jpg');
             background-repeat:repeat-x;background-position:0px 0px; 
             border-left:1px solid #ffffff;  border-right:1px solid #ffffff;}
             
             

table.main {width:800px; height:100%; margin:0px auto;}  
table.main td.button_area {width:390px; height:152px; text-align: center;background:url('../_image/av_01_06.jpg') no-repeat;}

BODY {
       margin : 0px;
       padding: 0px;
       font-family : Arial, Helvetica, sans-serif, serif;
       font-size:12;
       line-height: 16pt;
       background-color : #FBF3DB;
       scrollbar-face-color: #EAEAEA;
       scrollbar-shadow-color: #666666;
       scrollbar-highlight-color: #FFFFFF;
       scrollbar-3dlight-color: #666666;
       scrollbar-darkshadow-color: #DCE0E2;
       scrollbar-track-color: #EAEAEA;
       scrollbar-arrow-color: #666666;
       background:#fbf3db url(../_image/main_bg_01.gif) repeat-x 0px 0px;
       text-align: center;
     }
     
     
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
/* End hide from IE-mac */
     

FORM { margin:0; }

.frame-top {
	margin: auto; height: 391px; width: 980px; text-align: center; 
}
.top-left-area {
	float:left;margin: 0;  height: 260px; width:358px; border:0px solid #ffffff;
} 
.top-left-area-01 {
	float:left; margin: 0;  height: 58px; width:358px; border:0px solid #ffffff;
	background: url(../_image/top_title_01.gif) no-repeat;
}
.top-left-area-02 {
	float:left;margin:0px; height: 195px; width:358px; border:0px solid #ffffff;
	background: url(../_image/area_left_bg_01.jpg) no-repeat;
	text-align: left;	
	
} 
.top-left-area-02-w {
	margin:30px 30px 30px 50px; 
	text-align: left;
	color:#223D00;	
}  


.top-center-area {
	float:left;margin: 0;  height: 260px; width:221px; border:0px solid #ffffff;
}

.top-right-area {
	float:left;margin: 0;  height: 260px; width:401px; border:0px solid #ffffff;
}
.top-right-area-01 {
	float:left; margin:7px 0px 0px 0px;  height: 223px; width:401px; border:0px solid #ffffff;
	background: url(../_image/area_right_bg_01.jpg) no-repeat;
}
.top-right-area-01-w {
	margin:30px 43px 3px 3px; 
	text-align: left;
	color:#C51B66;	
}  
.top-right-area-01-b {
	margin:5px 20px 0px 0px; 
	text-align: right;
	color:#C51B66;	
}
.top-right-area-02 {
	float:left; margin:0px;  height: 30px; width:401px; border:0px solid #ffffff;
	background: url(../_image/exit_left_bg_01.jpg) no-repeat;
}
.top-right-area-02-b {
	margin:35px 35px 0px 0px; 
	text-align: right;
	color:#C51B66;	
}

.center-bg {
	margin:auto; padding-top:5px;height: 310px; width: 980px; text-align: center;  border-top:1px solid #E588A5;
	background:url(../_image/icon_area.png) no-repeat;
}

.icon-area-bg {
	margin:3px auto 0px auto; height: 71px; width: 963px; text-align: center;  border:0px solid #ffffff;
	background:url(../_image/icon_area_01.png) no-repeat;
}
.icon-area-title {
	float:left;margin:0px; height: 71px; width: 172px; text-align: center;  border:0px solid #ffffff;
}
.icon-area-content {
	float:left;margin:0px; height: 61px; text-align: center;  border:0px solid #ffffff;
}


.blog-left-area {
	float:left;margin:auto; width: 298px; text-align: left;  border:0px solid #F0A9B8;
}

.blog-right-area {
	float:left;margin:auto; width: 682px; text-align: center;  border:0px solid #F0A9B8;
}

.blog-cat-bg {
  background:url(../_image/cat_area_bg.png) repeat;
}

.blog-art-bg {
  background:url(../_image/art_area_bg.png) repeat;
}

.blog-center-area {
	float:left;margin:auto; width: 980px; text-align: center;  border:0px solid #F0A9B8;
}


.cat           { color : #C51B66; text-decoration : none; }
.cat A         { color : #C51B66; text-decoration:none;}
.cat A:link    { color : #C51B66; text-decoration : none; }
.cat A:visited { color : #C51B66; text-decoration : none; }
.cat A:active  { color : #000000; text-decoration : none; }
.cat A:hover   { color : #000000; text-decoration : none; }

.art           { color : #004CAA; text-decoration : none; }
.art  A         { color : #004CAA; text-decoration:none;}
.art  A:link    { color : #004CAA; text-decoration : none; }
.art  A:visited { color : #004CAA; text-decoration : none; }
.art  A:active  { color : #000000; text-decoration : none; }
.art  A:hover   { color : #000000; text-decoration : none; }

.notice           { color : #000000; text-decoration : none; }
.notice A         { color : #000000; text-decoration:none;}
.notice A:link    { color : #000000; text-decoration : none; }
.notice A:visited { color : #000000; text-decoration : none; }
.notice A:active  { color : #A5A5A5; text-decoration : none; }
.notice A:hover   { color : #A5A5A5; text-decoration : none; }

INPUT.login {
        font-family : Arial, Helvetica, sans-serif, serif;
        color : #0F93F6;
        font-size : 12px;
        background-color : #ffffff;
        border : 1px solid #B2B3B3;
        margin-left:5;
        margin-right:5;
      }


TABLE  {font-size:13;line-height: 16pt}

TR.deep 		{ background-color:#4A4A4A; font-family : Arial, Helvetica, sans-serif, serif; color :#ffffff; font-size : 13px; line-height: 18pt}
TR.blight 		{ background-color:#D6D5D5; }
TR.light 		{ background-color:#EBEAEA; }
TD.middle		{ background-color:#B3D8FF; }
TD.light 		{ background-color:#E2F0FE; }

/* LINK */

/* bule - red */
A         {text-decoration:none;}
A:link    { color : #004084; text-decoration : none; }
A:visited { color : #004084; text-decoration : none; }
A:active  { color : #000000; text-decoration : none; }
A:hover   { color : #000000; text-decoration : none; }

/* bule - red */
A.white         {text-decoration:none;}
A.white:link    { color : #ffffff; text-decoration : none; }
A.white:visited { color : #ffffff; text-decoration : none; }
A.white:active  { color : #024A8B; text-decoration : none; }
A.white:hover   { color : #024A8B; text-decoration : none; }


.footer01  { color : #E2F0FE; text-decoration : none;} 

.specbox   { color : #004084; text-decoration : none; font-weight: bold;}

/* brown - white */
.articaltitle           { color : #5A5959; text-decoration : none; }
.articaltitle A         { color : #5A5959; text-decoration:none;}
.articaltitle A:link    { color : #5A5959; text-decoration : none; }
.articaltitle A:visited { color : #5A5959; text-decoration : none; }
.articaltitle A:active  { color : #FF6400; text-decoration : none; }
.articaltitle A:hover   { color : #FF6400; text-decoration : none; }

.f11_white               {color : #ffffff;}



INPUT {
        font-family : Arial, Helvetica, sans-serif, serif;
        color : #000000;
        font-size : 11px;
        background-color : #FFFEFD;
        border : 1px solid #666666;
        margin-left:5;
        margin-right:5;
      }


TEXTAREA {
           width : 270px;
           font-family : Arial, Helvetica, sans-serif, serif;
           color : #000000;
           font-size : 12px;
           background-color : #F8F8F8;
           border : 1px solid #666666;
         }