@charset "utf-8";
/* CSS Document */

.font_w{ color:#fff;}
.font_r{ color:#CC0000;}
.font_w15 { font-size:16px; color:#FFFFFF; font-weight:bold;}
.font_w15 a{ font-size:16px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
.font_w15 a:hover{ text-decoration:underline;}
.font_c15 { font-size:16px; color:#0054A8; font-weight:bold; line-height:23px;}
.font_c15 a{ font-size:16px; color:#0054A8; font-weight:bold; line-height:23px; text-decoration:none;}
.font_c15 a:hover{ text-decoration:underline;}
.font_c13 { color:#0054A8; line-height:21px;}
.font_c13 a{ color:#0054A8; text-decoration:none;}
.font_c13 a:hover{ text-decoration:underline;}
.font_g13 { font-size:16px; color:#666666; line-height:20px;}
.font_g13 a{ font-size:16px; color:#666666; line-height:20px; text-decoration:none;}
.font_g13 a:hover{ text-decoration:underline;}
.TOP_BUTTON {font-size:16px; line-height:17px; background-image:url(../images/s3.gif); border: #004160 solid 1px; margin:0; padding:5px 0 1px 0;}
.TOP_BUTTON2 {font-size:16px; line-height:17px; background-image:url(../images/s2.gif); border: #004160 solid 1px; margin:0; padding:5px 0 1px 0;}

body{ font-size:16px; line-height:30px; margin:0; padding:0; background:url(../images/skyeyes_index_01.gif);}

/*-----table----*/
.table { padding:3px;}
.table caption{}
.table tr{ padding:3px;}
.table th{ padding:3px;}
.table td{ padding:3px;}
.table a{ color:#333333; text-decoration:none;}
.table a:hover{ text-decoration:underline;}

/*-----index----*/
#SKYEYES_INDEX{ display:block; width:98%; margin:0 auto; padding:0 0 0 4px; background:url(../images/skyeyes_index_03.gif) repeat-y;}
#SKYEYES_INDEX_BGD{ display:block; min-width:990px; margin:0; padding:0 4px 0 0; background:url(../images/skyeyes_index_03b.gif) repeat-y right;}

#HEAD{ display:block; height:280px; margin:0; padding:0; position:relative; background:url(../images/skyeyes_index_04.jpg) repeat-x;}
#HEAD h1{ width:900px; height:108px; margin:0; padding:0; position:absolute; left:0; top:0; text-indent:-9999px; background:url(../images/skyeyes_index_02a.jpg) no-repeat;}
#HEAD h2{ width:900px; height:172px; margin:0; padding:0; position:absolute; left:0; top:108px; text-indent:-9999px; background:url(../images/skyeyes_index_02b.jpg) no-repeat;}

#TOP_MENU{ display:block; width:500x; height:30px; margin:0; padding:0; position:absolute; right:0; top:25px;}
#TOP_MENU ul{ margin:0; padding:0;}
#TOP_MENU li{ float:right; margin:0; padding:0 5px; border-left:dotted #FFFFFF 1px; font-size:16px; color:#FFF;}
#TOP_MENU li a{ color:#FFF; text-decoration:none;}
#TOP_MENU li a:hover{ color:#FFF; text-decoration:underline;}

#MENU{ display:block; width:581px; height:81px; margin:0; padding:0 0 0 7px; position:absolute; right:0; top:108px; background:url(../images/skyeyes_index_MB_01.gif) no-repeat left;}
#MENU ul{ display:block; width:576px; margin:0; padding:0 5px 0 0; background:url(../images/skyeyes_index_MB_10.gif) repeat-x;}
#MENU li{ margin:0; padding:0; float:left;}

#MENU1 a{ display:block; width:72px; height:81px; background:url(../images/skyeyes_index_MB_02.jpg) left top no-repeat; text-indent:-9999px;}
#MENU1 a:hover{ background:url(../images/skyeyes_index_MB_02.jpg) left bottom no-repeat;}
#MENU2 a{ display:block; width:72px; height:81px; background:url(../images/skyeyes_index_MB_03.jpg) left top no-repeat; text-indent:-9999px;}
#MENU2 a:hover{ background:url(../images/skyeyes_index_MB_03.jpg) left bottom no-repeat;}
#MENU3 a{ display:block; width:72px; height:81px; background:url(../images/skyeyes_index_MB_04.jpg) left top no-repeat; text-indent:-9999px;}
#MENU3 a:hover{ background:url(../images/skyeyes_index_MB_04.jpg) left bottom no-repeat;}
#MENU4 a{ display:block; width:72px; height:81px; background:url(../images/skyeyes_index_MB_05.jpg) left top no-repeat; text-indent:-9999px;}
#MENU4 a:hover{ background:url(../images/skyeyes_index_MB_05.jpg) left bottom no-repeat;}
#MENU5 a{ display:block; width:72px; height:81px; background:url(../images/skyeyes_index_MB_06.jpg) left top no-repeat; text-indent:-9999px;}
#MENU5 a:hover{ background:url(../images/skyeyes_index_MB_06.jpg) left bottom no-repeat;}
#MENU6 a{ display:block; width:72px; height:81px; background:url(../images/skyeyes_index_MB_07.jpg) left top no-repeat; text-indent:-9999px;}
#MENU6 a:hover{ background:url(../images/skyeyes_index_MB_07.jpg) left bottom no-repeat;}
#MENU7 a{ display:block; width:72px; height:81px; background:url(../images/skyeyes_index_MB_08.jpg) left top no-repeat; text-indent:-9999px;}
#MENU7 a:hover{ background:url(../images/skyeyes_index_MB_08.jpg) left bottom no-repeat;}
#MENU8 a{ display:block; width:72px; height:81px; background:url(../images/skyeyes_index_MB_09.jpg) left top no-repeat; text-indent:-9999px;}
#MENU8 a:hover{ background:url(../images/skyeyes_index_MB_09.jpg) left bottom no-repeat;}

#RUN_WORD{ display:block; width:100%; line-height:30px; color: #00356A; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; right:0; top:225px; padding:0;}
#RUN_WORD ul{ margin:0 0 0 391px; padding:0;}
#RUN_WORD li{ margin:0; padding:0;}
#RUN_WORD li a{ color: #00356A; text-decoration:none;}
#RUN_WORD li a:hover{  text-decoration: underline;}


#CONTENT{ display:block; width:100%; min-height:453px; margin:0; padding:0 0 10px 0; position:relative; background:#00a0ff url(../images/skyeyes_index_09.gif) no-repeat right bottom;}

#LEFT{ display:block; width:306px; margin:0; padding:0; float:left;}

#LOGIN{ display:block; width:306px; height:253px; margin:0; padding:47px 0 0 0; background:url(../images/skyeyes_index_05.jpg) no-repeat;}
#LOGIN h4{ display:block; width:306px; height:90px; text-indent:-9999px; margin:0; padding:0;}
#LOGIN p{ color: #666666; font-size:13px; margin:3px 0; padding:0; text-align:center;}

#MSG{ display:block; width:306px; height:180px; margin:0; padding:0; background:url(../images/skyeyes_index_08.jpg) no-repeat;}
#MSG h4{ display:block; width:306px; height:60px; margin:0; padding:0; text-indent:-9999px;}
#MSG ul{ display:block; width:246px; margin:0 20px 0 40px; padding:0;}
#MSG li{ font-size:18px; line-height:36px; margin:0 0 3px 0; padding:0 0 0 24px; background:url(../images/light.gif) no-repeat; font-family: "Arial Unicode MS", "微軟正黑體"; border-bottom:dotted #FFFFFF 1px;}
#MSG li a{ color:#FFFFFF; text-decoration:none;}
#MSG li a:hover{ text-decoration: underline;}

#SKYEYES_NEWS{ display:block; width:306px; float:right; margin:0; padding:0 0 12px 0; background:url(../images/skyeyes_index_SN_04.gif) bottom no-repeat;}
#SKYEYES_NEWS h4{ display:block; width:306px; height:64px; margin:0; padding:0; background:url(../images/skyeyes_index_SN_01.gif) no-repeat; text-indent:-9999px;}
#SKYEYES_NEWS ul{ display:block; width:306px; margin:0; padding:0; background:url(../images/skyeyes_index_SN_02.gif) repeat-y;}
#SKYEYES_NEWS li{ font-size:16px;}
#SKYEYES_NEWS li a{ color:#fff; text-decoration:none;}
#SKYEYES_NEWS li a:hover{ text-decoration: underline;}

#HOT_NEWS{ display:block; margin:0 5px 10px 306px; padding:0 12px 0 0; background:url(../images/skyeyes_index_HN_dr.gif) no-repeat right bottom; position:relative;}
#HOT_NEWS h4{ display:block; min-width:330px; height:50px; margin:0px; padding:0px; background:url(../images/skyeyes_index_06.jpg) no-repeat top left; text-indent:-9999px;}
#HOT_NEWS ul, #SYSTEM_INF ul{ margin:0; padding:0 10px 10px 20px; background:#ccecff url(../images/skyeyes_index_HN_dl.gif) no-repeat left bottom;}
#HOT_NEWS li, #SYSTEM_INF li{ font-size:16px; margin:0 0 -3px 0; padding:0 0 0 0; background:url(../images/e01.gif) no-repeat;}
#HOT_NEWS li a, #SYSTEM_INF li a{ color:#333333; text-decoration:none;}
#HOT_NEWS li a:hover, #SYSTEM_INF li a:hover{ text-decoration: underline;}

#HOT_NEWS h6 a{ display:block; width:94px; height:27px; font-size:13px; background:url(../images/skyeyes_index_HN_tr_1.gif) no-repeat; position:absolute; right:0; top:0; color:#003366; text-decoration:none; margin:0; padding:0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center;}
#SYSTEM_INF h6 a{ display:block; width:94px; height:27px; font-size:13px; background:url(../images/skyeyes_index_HN_tr_2.gif) no-repeat; position:absolute; right:0; top:0; color:#006633; text-decoration:none; margin:0; padding:0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center;}
#HOT_NEWS h6 a:hover, #SYSTEM_INF h6 a:hover{ text-decoration: underline;}

#SYSTEM_INF{ display:block; margin:0 5px 0 306px; padding:0 12px 0 0; background:url(../images/skyeyes_index_HN_dr.gif) no-repeat right bottom; position:relative;}
#SYSTEM_INF h4{ display:block; min-width:330px; height:50px; margin:0; padding:0; background:url(../images/skyeyes_index_07.jpg) no-repeat top left; text-indent:-9999px;}



#FOOTER{ clear:both; display:block; width:100%; height:120px; margin:0; padding:0; background:url(../images/skyeyes_index_09a.jpg) repeat-x;}
#FOOTER ul{ display:block; margin:0 auto; padding:10px 0; background:url(../images/skyeyes_index_09.jpg) no-repeat right top;}
#FOOTER li{ font-size:16px; line-height:24px; text-align:center; margin:0; padding:0; color:#FFFFFF;}