/* CSS Document */

/* Common CSS Start */
@charset "utf-8"; 
*{font-family:Verdana, 新細明體;}

A, A:LINK{text-decoration:none; color:#666;}
A:HOVER{color:#000;}

IMG{display:block;}

.border_1{border-width:1px; border-style:solid;}
.border_2{border-width:2px; border-style:solid;}
.border_top{border-top-width:1px; border-top-style:solid;}
.border_right{border-right-width:1px; border-right-style:solid;}
.border_bottom{border-bottom-width:1px; border-bottom-style:solid;}
.border_left{border-left-width:1px; border-left-style:solid;}
.border_table{border-style:solid; border-width:1px 2px 2px 1px;}
.border_td{border-style:solid; border-width:1px 0 0 1px;}

.border_white{border-color:#FFF;}
.border_black{border-color:#000;}
.border_gray{border-color:#999;}
.border_gray_L{border-color:#DDD;}
.border_gray_D{border-color:#555;}

.pad_1{padding:1px;}
.pad_2{padding:2px;}
.pad_3{padding:3px;}
.pad_4{padding:4px;}
.pad_5{padding:5px;}

.f1{font-size:1px;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f20{font-size:20px;}
.f36{font-size:36px;}

A.link_gray_D, A.link_gray_D:LINK{text-decoration:none; color:#666;}
A.link_gray_D:HOVER{color:#333;}
A.link_blue, A.link_blue:LINK{text-decoration:none; color:#06C;}
A.link_blue:HOVER{color:#009;}
A.link_gray, A.link_gray:LINK{color:#BBB; text-decoration:none;}
A.link_gray:HOVER{color:#FFF;}
A.link_red, A.link_red:LINK{color:#900; text-decoration:none;}
A.link_red:HOVER{color:#F00;}
A.link_red_D, A.link_red_D:LINK{color:#A00; text-decoration:none;}
A.link_red_D:HOVER{color:#F00;}

SPAN.close{position:absolute; z-index:1010;}
SPAN.close A, SPAN.close A:LINK{width:40px; height:40px; float:left; background-image:url(../images/close.gif);}
SPAN.close A:HOVER{background-position:40px 0;}

SPAN.closeicon{float:left;}
SPAN.closeicon A, SPAN.closeicon A:LINK{width:15px; height:15px; float:left; background-image:url(../images/!close.gif);}
SPAN.closeicon A:HOVER{background-position:15px 0;}

SPAN.checked{width:15px; height:15px; float:left; background:url(../images/checked.gif);}

TABLE.padding TD{padding:5px;}
TABLE.tablepadding_5 TD P{padding:0 5px; font-size:11px; color:#333; margin:0;}
TABLE.border{border-style:solid; border-width:1px 2px 2px 1px;}
TABLE.border TD{border-style:solid; border-width:1px 0 0 1px;}

INPUT.input, TEXTAREA.input{border:solid 1px #CCC; padding:3px; font-size:11px;}
INPUT.button{border:solid 1px #666; padding:2px; font-size:10px;}

DIV.choosefile{}
DIV.choosefile INPUT.file{position:relative; text-align:right; -moz-opacity:0; filter:alpha(opacity:0); opacity:0; z-index:2;}
DIV.choosefile IMG{position:absolute; z-index:1;}
DIV.choosefile DIV{position:absolute; z-index:3; width:335px; height:30px; top:0; left:100px;}
DIV.choosefile DIV SPAN{float:left; padding:8px; z-index:4; color:#FFF; font-size:11px;}
DIV.choosefile DIV A, DIV.choosefile DIV A:LINK{float:left; padding:8px; display:none;}

.white{color:#FFF;}
.gray{color:#999;}
.gray_D{color:#666;}
.gray_DD{color:#333;}
.gray_L{color:#CCC;}
.gray_LL{color:#EEE;}
.red_L{color:#F00;}
.red_D{color:#900;}
.red{color:#C00;}
.blue{color:#06C;}
.blue_D{color:#33A;}
.orange{color:#F60;}

.bd{font-weight:bold;}

DIV#float{z-index:1001; position:absolute; width:100%; height:100%; display:none;}
DIV#overlay{z-index:901; display:block;}
DIV#overlay DIV{position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px;}
/* Common CSS End */

/* Blog CSS Start */
A.saysomething, A.saysomething:LINK{background:url(../images/blog_saysomething.gif); width:200px; height:30px; display:block; margin:auto;}
A.saysomething:HOVER{background-position:0 30px;}

DIV.blogtop{position:fixed; _position:absolute; z-index:800; background-color:#FFF; left:50%; margin-left:-450px; width:900px; height:75px; border-bottom:solid 1px #999;}
DIV.announcement{width:900px; margin:0 auto 50px auto; border-bottom:solid 1px #999;}

DIV.img{position:relative;}
DIV.img IMG.image{display:none; cursor:pointer;}
DIV.thumb IMG.image{display:none; position:absolute;}
DIV.img IMG.loading{position:absolute; left:50%; top:50%; margin:-16px 0 0 -16px;}
DIV.thumb IMG.loading{position:absolute; left:50%; top:50%; margin:-16px 0 0 -5px;}
DIV.thumb{position:absolute; display:none; background-image:url(../images/blog_showthumb.png); width:280px; height:260px;}

DIV.thread{border-top:solid 1px #999;}
DIV.thread DIV.threadtitle{border-left:solid 3px #666; padding:3px 0 3px 10px; margin:5px 0 0 0;}

DIV.thread A, DIV.thread A:LINK{color:#999; text-decoration:none;}
DIV.thread A:HOVER{color:#333; text-decoration:underline;}

DIV.thread DIV.threadtitle A, DIV.thread DIV.threadtitle A:LINK, DIV.thread DIV.threadtitle SPAN{font-size:16px; color:#666; font-weight:bold;}
DIV.thread DIV.threadtitle A:HOVER{color:#333; text-decoration:underline;}

DIV.thread DIV.threadpreview{color:#666; margin:0 0 0 13px; line-height:175%; width:600px; font-size:12px;}
DIV.thread DIV.threadpreview SPAN{line-height:100%;}

DIV.thread DIV.threadinfo_A{border-style:solid; border-width:0 0 1px 3px; border-color:#FFF #FFF #CCC #666; padding:5px 10px; margin:0;}
DIV.thread DIV.threadinfo_B{border-left:solid 3px #999; padding:3px 10px 3px 10px; margin:0 0 5px 0; color:#999;}

DIV.threadinfo_B A, DIV.threadinfo_B A:LINK{float:right; font-family:"AvantGarde Bk BT", Verdana; font-size:12px;}

DIV.sectitle{height:20px;}
DIV.sectitle SPAN{background-color:#333; float:left; color:#FFF; padding:3px 5px;}
DIV.secdetail{line-height:100%; padding:3px 0;}
DIV.secdetail A, DIV.secdetail A:LINK, DIV.secdetail SPAN{display:block; width:178px; _width:170px;}
DIV.secdetail A, DIV.secdetail A:LINK{padding:5px;}
DIV.secdetail A:HOVER{background-color:#F3F3F3;}
DIV.secdetail SPAN{padding:5px;}

DIV.secdetail A.rss, DIV.secdetail A.rss:LINK{width:15px; height:15px; background:url(../images/rss.gif); background-position:0 0; margin:5px; padding:0;}
DIV.secdetail A.rss:HOVER{background-position:15px 0;}

DIV.loading{position:absolute; width:32px; height:32px; top:50%; left:50%; margin:-16px 0 0 -16px; z-index:1999;}

DIV.input_name{text-align:right; float:left;}
DIV.input_field{float:left; padding:0 10px;}
DIV.input_field INPUT{height:25px; font-size:12px; border-width:0; padding:0 5px;}
DIV.input_field TEXTAREA{font-size:12px; border-width:0; padding:5px; resize:none;}

DIV.clearfloat{clear:both;}
DIV.abscenter{position:absolute; top:50%; left:50%;}

DIV.pagelist{}
DIV.pagelist DIV{}
DIV.pagelist A, DIV.pagelist A:LINK{background-color:#FFF; color:#333; padding:2px 5px; float:left; font-family:"AvantGarde Bk BT", Verdana;}
DIV.pagelist A:HOVER{background-color:#666; color:#FFF;}
DIV.pagelist SPAN{ background-color:#333; color:#FFF; padding:2px 5px; float:left; font-family:"AvantGarde Bk BT", Verdana;}

DIV.blog_main{height:175px;}
DIV.blog_main DIV.top_menu{float:left; margin-top:5px;}

/*
DIV.blog_main DIV.top_menu A, DIV.blog_main DIV.top_menu A:LINK{padding:3px 5px;}
DIV.blog_main DIV.top_menu A:HOVER{background-color:#666; color:#FFF;}
DIV.blog_main DIV.top_menu SPAN{padding:3px 5px; background-color:#333; color:#FFF;}
*/

DIV.blog_main DIV.top_menu *{float:left; background:url(../images/blog_mainmenu.gif); height:21px;}
DIV.top_menu A#index{background-position:293px 0; width:47px;}
DIV.top_menu A#index:HOVER{background-position:293px 42px;}
DIV.top_menu A#about{background-position:246px 0; width:53px;}
DIV.top_menu A#about:HOVER{background-position:246px 42px;}
DIV.top_menu A#sketch{background-position:193px 0; width:56px;}
DIV.top_menu A#sketch:HOVER{background-position:193px 42px;}
DIV.top_menu A#photograph{background-position:137px 0; width:96px;}
DIV.top_menu A#photograph:HOVER{background-position:137px 42px;}
DIV.blog_main DIV.top_menu SPAN#blog{background-position:41px 21px; width:41px; }


DIV.submenu{width:150px; border-style:solid; border-width:2px 2px 1px 2px; border-color:#333; position:absolute; z-index:900; top:20px; -moz-opacity:0; filter:alpha(opacity:0); opacity:0;}
DIV.submenu DIV{width:140px;/* DIV.submenu width-10 */ border-bottom:solid 1px #333; background-color:#FFF; padding:5px; cursor:pointer; float:left;}
DIV.submenu DIV SPAN.menutext{color:#333; margin-left:5px; font-size:11px;}
DIV.jquery{background-repeat:no-repeat; top:50%; left:50%; position:absolute;}
/* Blog CSS End */

/* Admin CSS Start */
DIV.mainlinks{line-height:175%; margin:5px 0 0 10px;}
DIV.mainlinks A, DIV.mainlinks A:LINK{font-size:10px; color:#999;}
DIV.mainlinks A:HOVER{color:#333; text-decoration:underline;}
/* Admin CSS End */

/* JCrop */
.jcrop-holder{text-align:left;}
.jcrop-vline, .jcrop-hline{font-size:0px; position:absolute; background:white url('Jcrop.gif') top left repeat;}
.jcrop-vline{height:100%; width:1px !important;}
.jcrop-hline{width:100%; height:1px !important;}
.jcrop-vline.right{right:0px;}
.jcrop-hline.bottom{bottom:0px;}
.jcrop-handle {font-size:1px; width:7px !important; height:7px !important; border:1px #eee solid; background-color:#333;}
.jcrop-tracker{width:100%; height:100%;}
.custom .jcrop-vline, .custom .jcrop-hline{background:yellow;}
.custom .jcrop-handle{border-color:black; background-color:#C7BB00; -moz-border-radius:3px; -webkit-border-radius:3px;}
/* JCrop */