/* CSS Document */

/*
	Theme Name: 
	Theme URI: 
	Description: 蜗牛
*/ 

/* 清除內外邊距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 結構元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea,form, /* form elements 表單元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 設置默認字體 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋體", sans-serif;*/
    color:#000;
	font: 14px/1 Verdana, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何編碼下都無問題 */
}


body{ background:url(../image/bg.png) repeat-x top #fff;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, section {
	display: block;
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ font-family:Verdana;}
h2 { font-size: 18px; font-family:Verdana; font-weight:bold;}
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 12px; font-weight:normal;}

address, cite, dfn, em, var { font-style: normal; } /* 將斜體扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 統一等寬字體 */
small { font-size: 12px; } /* 小於 12px 的中文很難閱讀，讓 small 正常化 */

/* 重置列表元素 */
ul, ol, li{ list-style: none; list-style-position:outside; list-style-type:none;}

/* 重置文本格式元素 */
a { text-decoration: none; color:#767676;}
a:hover { text-decoration: none; color:#f40;}

abbr[title], acronym[title] { /* 註：1.ie6 不幫助 abbr; 2.這裏用了屬性選擇符，ie6 下無效果 */
	border-bottom: 1px dotted;
	cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表單元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 讓鏈接裏的 img 無邊框 */
/* 註：optgroup 無法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表單元素在 ie 下能繼承字體大小 */
}

/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	color: #333;
}

/* 讓非ie浏覽器默認也顯示垂直滾動條，防止因滾動條引起的閃烁 */
html { overflow-y: scroll; overflow-x: hidden;}

/* 清理浮動 */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.bank{ height:10px; clear:both;}

/*
		推選使用的元素
		1. 結構元素：blockquote, body, br, div, h1 - h6, head, hr, html, p
		2. 頭部元素：base, link, meta, script, style, title
		3. 列表元素：ul, ol, li, dl, dt, dd
		4. 文本格式元素：a, abbr, acronym, address, bdo, cite, code, del, dfn, em, ins, kbd, noscript, pre, q, samp, small, span, strong, sub, sup, var
		5. 表單元素：button, fieldset, legend, form, input, label, optgroup, option, select, textarea
		6. 多媒體元素：area, img, map, object, param
		7. 表格元素：caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr
		8. 窗體元素：iframe 
		
		
		
		不推選使用的元素
		1. 結構元素：無
		2. 頭部元素：無
		3. 列表元素：dir, menu
		4. 文本格式元素：b, basefont, big, blink, center, comment, font, i, marquee, nobr, plaintext, ruby, s, strike, u, wbr, xmp
		5. 表單元素：isindex
		6. 多媒體元素：applet, bgsound, embed, noembed
		7. 表格元素：無
		8. 窗體元素：frame, frameset, noframes 
		
		
		
		轉世重生的元素
		1. input - 表示圖標, 可以用 <input /> 來做 icon 的占位元素
		2. b - 表示border, 可以用來作為圓角的占位元素
		
		
		通用JS框架:jquery,jquery-easyui-1.1
		
		通用樣式:
				頁頭:logo,搜索,快捷通道,
				頁角:
				頁中:排行圖標,H標簽字體字號,焦點圖切換,會員等級,默認會員頭像,VIP會員圖標,通用圖標{金幣,通用欄目,會員性能,}
		
		
*/
#warp{ width:1200px; margin:0 auto;}
#top .logo{ }
#top .home{ float:right; margin:20px 10px 0px 0px; }
#menu{ clear:both; height:50px;}
/** 定位 **/
#nav {margin:0 auto;width:1200px;display:block; font-family: '微軟雅黑';}
#nav li {float:left;}
#nav .line{width:2px;}
#nav li a {color:#000;width:130px;text-decoration:none;line-height:49px;display:block; height:49px; text-align:center; font-size:15px; color:#fff; margin-top: 1px;}
#nav li a:hover{text-decoration:none; background:#86d4fb;}

.submenu{background:#64c1f0;display:none; position:absolute;z-index:99999; padding:4px 0; width: 190px;}
.submenu li{clear:none; float: none;}
#nav li .submenu ul li {text-align:center;width:190px;}
#nav li .submenu ul li a{width:190px;}
.submenu li a:hover{background: #86d4fb !important;}
#nav .select{background: #86d4fb;}
	
	


/*焦點圖*/
#focus{clear:both; height: 400px}
#picBox{width:709px; height:220px;  overflow:hidden; position:relative; float:left}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:220px; width:4050px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:220px;}
#picBox ul#show_pic li img{ display:block;}
#icon_num{ position:absolute; bottom:8px; right:10px;}
#icon_num li{ float:left; width:18px; height:18px; line-height:18px; background:#666666; list-style:none; color:#fff; text-align:center;cursor:pointer; padding:0; margin:0;margin-right:5px; margin-bottom:10px;}
#icon_num li:hover,#icon_num li.active{ background:#ff7700;color:#fff; font-size:12px;}

/*登陸郵箱*/
#mailbox{ background:url(../image/mailbox.png) no-repeat; float:left; width:272px; height:220px; margin-top: 6px; position:relative;}
#mailbox input{background-color:transparent; vertical-align:middle}
#mailbox object{z-index:-999}
#mailbox h4{ color:#848484; line-height:36px; text-indent:18px; font-size:14px;}
#mailbox .admin {background:url(../image/mail_input.png) no-repeat; width:242px; height:38px; display:block; margin-left:15px;}
#mailbox .pass {background:url(../image/mail_input.png) no-repeat; width:242px; height:38px; display:block;margin-left:15px;margin-top:6px;}
#mailbox .admin input{position:absolute;width:155x; height:22px; border:0; left:93px; top:44px; line-height:22px;}
#mailbox .pass input{position:absolute;width:155x; height:22px; border:0; left:93px; top:89px; line-height:22px; }
#mailbox .admin span{ position:absolute; top:46px; left:32px; font-size:14px; color:#FFF}
#mailbox .pass span{ position:absolute; top:91px; left:32px; font-size:14px; color:#fff;}
#mailbox .lare_bg{ width:230px; height:78px; border:#bbbbbb solid 1px; background:url(../image/mail_sub_bg.png) repeat-x; position:absolute; left:20px; top:130px;}
#mailbox .lare_bg  span{ margin:10px; display:inline-block}
#mailbox .lare_bg .landing{ position:absolute; left:15px; top:35px;}
#mailbox .lare_bg .reset{ position:absolute; left:115px; top:35px;}
#mailbox .lare_bg .landing input{background:url(../image/mail_sub.png) no-repeat; width:86px; height:26px;border:0; color:#FFF; cursor:pointer}
#mailbox .lare_bg .reset input{background:url(../image/mail_sub.png) no-repeat; width:86px; height:26px; border:0; color:#FFF;cursor:pointer}

/*頁腳*/
#link{clear:both;border:#dedede solid 1px; width:993px; height:52px; margin:0 auto;}
#link h4{ background:url(../image/link.png) no-repeat; line-height:52px; height:52px; text-indent:36px; font-size:14px; font-weight:900; float:left; width:120px;}
#link .link_hb{ float:left}
#link .link_hb img{ border:#7397c9 solid 1px; margin:8px 4px;}
#footer{ line-height:24px;text-align:center; padding:5px 0px; background: #404040; color: #ccc;}
#footer p{ line-height:24px; text-align:center; padding:5px 0px}

/*翻頁代碼*/
.art_num{background:#f7f7f7; height:28px; clear:both; padding:16px 30px 0px; border-top:#7c7c7c dashed 1px ;text-align:center; }
.art_num a{padding:0px 6px; color:#828282;}
.art_num a:hover{color:#F00;}
.art_num a.first{padding:0px 6px 0px 18px; background:url(../image/art_numarrow.png) 0px 3px; _background:url(../image/art_numarrow.png) 0px 1px;}
.art_num a.first:hover{padding:0px 6px 0px 18px; background:url(../image/art_numarrow.png) 0px -12px; _background:url(../image/art_numarrow.png) 0px -14px;}
.art_num a.prev{padding:0px 6px 0px 12px; background:url(../image/art_numarrow.png) 0px 33px; _background:url(../image/art_numarrow.png) 0px 31px;}
.art_num a.prev:hover{padding:0px 6px 0px 12px; background:url(../image/art_numarrow.png) 0px -42px; _background:url(../image/art_numarrow.png) 0px -44px;}
.art_num a.last{padding:0px 12px 0px 6px; background:url(../image/art_numarrow.png) -140px 3px; _background:url(../image/art_numarrow.png) -140px 1px;}
.art_num a.last:hover{padding:0px 12px 0px 6px; background:url(../image/art_numarrow.png) -140px -12px; _background:url(../image/art_numarrow.png) -140px -14px;}
.art_num a.next{padding:0px 6px 0px 6px; background:url(../image/art_numarrow.png) -146px 33px; _background:url(../image/art_numarrow.png) -146px 31px;}
.art_num a.next:hover{padding:0px 6px 0px 6px; background:url(../image/art_numarrow.png) -146px -42px; _background:url(../image/art_numarrow.png) -146px -44px;}
.edge{ border-top:#999 1px dashed;}


  .fangda img {
    -webkit-transition: -webkit-transform .5s;
       -moz-transition:         transform .5s;
        -ms-transition:     -ms-transform .5s;
            transition:         transform .5s;
}

.fangda:hover img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}