html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}body { font-family:微軟正黑體; }
a { text-decoration:none; color:#666; }
#photo_bg { }
.photo_banner { display:block; width:1170px; height:300px; margin:0 auto;   }
.eye_logo { margin:40px 0 0 38px; }
.photo_banner_btn { margin:5px 0 0 30px; }
.photo_banner_btn li { *display:inline; }
.banner_btn_link { display:inline-block; margin:0 7px; padding:15px; color:#fff; font-size:14px; font-weight:400; background:#2693cd; border-radius:5px; float:left; position:relative; z-index:50; cursor:pointer; width:72px; height:25px; text-align:center; }
.banner_btn_link:hover { background:#00a8ff; transition: background-color 0.2s linear; }
.photo_wrap { display:block; margin:0 auto; background:#fff; text-align:center; }
.home_button { display:block; margin-right:0; padding:0 16px; height:36px; }
.home_button:hover { background:#00a8ff; transition: background-color 0.2s linear }
.photo_nav { display:block; background:#333; height:36px; width:1170px; margin:0 auto; }
.photo_nav ul { display:block; height:36px; }
.photo_nav li { background:#333; color:#fff; display:inline-block; height:36px; overflow:hidden; font-size:16px;  font-weight:400; cursor:pointer; margin-left:-3px; zoom:1; *display:inline; }
.photo_nav li span {display:block; padding:10px 30px; }
.photo_nav li span:hover { background:#00a8ff; transition: background-color 0.2s linear; }
.photo_cont { display:none; margin:20px auto; width:1170px; min-height:200px\9; }
.content_nav { display:block; width:1170px; }
.content_nav ul { text-align:left; }
.photo_btn { display:inline-block; width:56px; height:56px; margin:5px 5px 15px; padding:10px; background:#ccc; color:#666; text-align:center; font-size:13px; cursor:pointer; border-radius:40px; }
.photo_btn i { display:block; padding-top:13px; }
.photo_selectsort { margin:10px; float:left; font-family:微軟正黑體; font-size:15px; }
.photo_group_selectsort { margin:15px 10px; -moz-appearance:none; -webkit-appearance:none; appearance:none; border:0; padding:0 30px 0 10px; border-radius:5px; color:#fff; height:30px; background:url(../image/select_arrow.png) right no-repeat; outline: none; padding:4px \0/IE9; *padding:4px; }
.photo_group_selectsort::-ms-expand{ display: none; }
.photo_group_selectsort option { border-radius:5px; }
.photo_group_selectsort option:hover { color:#333; background:#fff; transition: color 0.2s linear, background-color 0.2s linear; }
.photo_pg, .photo_pg5, .photo_pg6 { margin-right:16px; }

/* photo_share_social */
.photo_share_social { float:left; position:relative; left:-25px; top:9px; background:rgba(0,0,0,0.5); padding:3px 3px 3px 23px; z-index:10; border-radius:5px; }
.photo_share_social a { display: inline-block; width: 26px; height: 26px; margin: 4px 3px; opacity:0.8; }
.photo_share_social a:hover { opacity:1; transition:opacity 0.2s linear; }
.share_icon { width:26px; height:26px; }

/* photo_group */
.photo_group { float:left; width:550px; color:#666; margin:6px; padding:10px; border-radius:5px; line-height:1.5em; cursor:default; box-shadow:0 1px 2px #aaa; background:#f6f6f6; filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=2); /* ie */ }
.photo_group:hover { box-shadow:0 2px 3px #666; filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2); /* ie */ transition:box-shadow 0.2s linear; }
.img_box { float:left; width:240px; height:160px; border-radius:5px; margin:5px 0 10px; overflow:hidden; background-position:center; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover; }
.photo_info { float:right; width:300px; text-align:left; }
.group_name { font-size:21px; color:#00a8ff; }
.group_avatar { margin:8px 0; }
.group_avatar a { float:left; width:142px; height:56px; margin:5px 0 5px 5px; border-radius:5px; }
.group_mbmber_1 { background:#fff6f6; border:1px solid #f00; box-shadow:0 0 1px #f00; }
.group_mbmber_1:hover { box-shadow:0 0 4px #f00; transition:box-shadow 0.2s linear; }
.group_mbmber_2 { background:#eff; border:1px solid #07c; box-shadow:0 0 1px #07c; }
.group_mbmber_2:hover { box-shadow:0 0 4px #07c; transition:box-shadow 0.2s linear; }
.group_mbmber_3 { background:#ffe; border:1px solid #f90; box-shadow:0 0 1px #f90; }
.group_mbmber_3:hover { box-shadow:0 0 4px #f90; transition:box-shadow 0.2s linear; }
.group_mbmber_4 { background:#efe; border:1px solid #0a3; box-shadow:0 0 1px #0a3; }
.group_mbmber_4:hover { box-shadow:0 0 4px #0a3; transition:box-shadow 0.2s linear; }
.group_avatar img { float:left; width:42px; height:42px; border-radius:5px; margin:4px; padding:2px; }
.group_member { font-size:13px; margin:5px 0; }
.group_member p { height:20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: normal; }
.group_member_name { font-size:15px; color:#333; }
.barchart { position:relative;left:50px;top:-6px; z-index:50; margin:10px; }
.group_top_chart { display:block; position:absolute; }
.group_top_chart_word { float:left;display:block;width:230px; margin-top:50px; }
.group_top_chart_word b { font-size:36px; color:#2693cd; font-weight:bold; }
.chart_div { width:900px; float:right; text-align:center; clear:both; }
.group_chart { display:block; height:100px; clear:both; padding:5px; margin:15px 0 0; background:#fff;  border-radius:5px; box-shadow:0 0 2px #999; }
.group_word { float:left; display:block; width:60px; padding:16px 10px 24px 5px; color:#00a8ff;  font-weight:bold; }
.group_word span { display:block; font-size:42px; color:#333; margin:8px 0; }
.group_word i { display:block; font-size:15px; color:#333; }
.group_line { text-align:left; }
.group_data { width:140px; position:relative; top:-115px; left:410px; clear:both; overflow:hidden; z-index:10; }
.group_data p { float:left; width:125px; height:26px; font-size:13px; text-align:left; color:#666; clear:both; }
.group_data i { float:right; font-size:16px; text-align:right; color:#00a8ff; }

/* contsite */
.contsite { display:none; margin:20px auto; width:1170px; min-height:200px\9; }
.cont_btn { display:inline-block; margin:5px 5px 15px; padding:10px 15px; background:#ccc; color:#666; text-align:center; font-size:15px; cursor:pointer; border-radius:5px; font-weight:bold; }
.cont_btn i { font-size:15px; }
.cont_btn:hover { color:#fff; background:#00a8ff; transition: color 0.2s linear, backgorund-color 0.2s linear; }

/* Tips */
.pic_tips { width:550px; height:105px; float:left; padding:8px; margin:5px; overflow:hidden; border-radius:5px; text-align:left; }
.pic_tips:hover { opacity:0.8; }
.pic_tips img { width:100px; height:100px; float:left; margin-right:10px; border:1px solid #ccc; border-radius:5px; background:#fff; box-shadow:0 1px 2px #aaa; background-position:center; -moz-background-size:cover; -webkit-background-size:cover; -o-background-size:cover; background-size:cover; }
.tips_info { width:430px; height:100px; float:right; }
.tips_title a { font-size:17px; color:#00a8ff; display:block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; height:20px; }
.tips_author { font-size:13px; }
.tips_author a { margin-right:5px; }
.tips_author a:hover { color:#00a8ff; transition: color 0.2s linear; }
.tips_summary { overflow:hidden; text-overflow: ellipsis; line-height:20px; }
.tips_summary a { color:#333; }
.tips_info dd { padding:5px 0; }
.pipe { margin:0 5px; }
.pic_more { float:right; padding:5px 10px; color:#fff; font-size:15px; background:#aaa; border-radius:5px; margin: 0 37px 20px 0;}
.pic_more:hover { background:#00a8ff; transition:background-color 0.2s linear; }

/* Waterfall */
.waterfall { float:left; border-radius:5px; box-shadow:0 1px 2px #aaa; filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=2); /* ie */   background:#f8f8f8; margin-top:6px !important; margin:6px 0px 6px 12px; word-wrap:break-word; display:block; visibility:visible;  width:276px; text-align:left; cursor:default; _border:1px solid #ccc; *border:1px solid #ccc; overflow:hidden; }
.waterfall:hover { box-shadow:0 2px 3px #666; filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2); /* ie */ }
.waterfall:hover .water_cover img{ -moz-opacity: 0.8; opacity: 0.8; filter: Alpha(Opacity=80); transition: opacity 0.2s linear; }
.waterfall:hover .water_title { color:#00a8ff; transition:color 0.2s linear; }
.water_cover { position:relative; display:block; text-align: center;overflow:hidden; *height:265px; } 
.water_cover a{ border-top-left-radius:5px; border-top-right-radius:5px; display:block; overflow:hidden; position:relative; }
.water_cover img { width:100%; border-top-left-radius:5px; border-top-right-radius:5px; margin:auto; }
.water_title { display:block; padding:7px 5px; color:#333;  margin:0px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; }
.water_title a:hover { color:#00a8ff; transition: color 0.2s linear; }
.author_national { font-size:12px; background:#6dccff; font-weight:bold; color:#fff; padding:0 3px; border-radius:5px; }
.water_author { display:block; margin:0; color:#666 !important; font-size:15px; padding:0 5px 5px !important; border-bottom:1px solid #ccc !important; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; }
.water_author:hover { color:#00a8ff !important; transition:color 0.2s linear; }
.water_author:hover .water_author_a { color:#00a8ff !important; transition: color 0.2s linear; }
.waterfall_author_share { font-size:13px; color:#aaa; }
.water_cite { margin:0; display:block; color:#666;  font-size:13px; padding:8px 5px; text-align:center; border-top:1px solid #fff; }
.waterfall_info { color:#666; padding:0 3px; margin:0 3px; border:1px solid #f8f8f8; }
.waterfall_info:hover { background:#fff; border:1px solid #aaa; border-radius:3px; transition: background-color 0.2s linear, border 0.2s linear; }
.waterfall_icon { display:inline-block; width:12px; height:12px; overflow:hidden; margin:0 3px 0 0; }
.waterfall_info:hover .waterfall_icon { background-position:0 -12px !important; }
.waterfall_views { background:url(../image/icon_views.png) no-repeat 0 0 !important; }
.waterfall_replies { background:url(../image/icon_replies.png) no-repeat 0 0 !important; }
.waterfall_favorites { background:url(../image/icon_favorites.png) no-repeat 0 0 !important; }
.waterfall_heart { background:url(../image/icon_heart.png) no-repeat 0 0 !important; }
.waterfall_info_favorites { color:#f70; font-weight:700; cursor:pointer; }
.waterfall_info_favorites:hover { background:#f70; border:1px solid #f70; border-radius:3px; color:#fff; transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear; }
.waterfall_info_heart { color:#f07; font-weight:700; cursor:pointer; }
.waterfall_info_heart:hover { background:#f07; border:1px solid #f07; border-radius:3px; color:#fff; transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear; }
.loading {width: 100%;}

/* Like pop */
.p_pop{border-color:#DDD;background:#FEFEFE;}
.xi1{color:#F26C4F;border-color:#DDD;background:#FEFEFE;}

/* pgs --> pages & postbutton 分頁、發帖按鈕, pgb -->返回首頁, nxt -->下一頁 */
.photo_pg { padding-bottom:20px; }
.pgs #newspecial, .pgs #newspecialtmp, .pgs #post_reply, .pgs #post_replytmp { float: left; margin-right: 5px; margin-bottom:20px; }
.pg { float: right; }
.pg, .pgb { line-height: 26px; }
.pg a, .pg strong, .pgb a, .pg label { float: left; display: inline; margin-left: 4px; margin-right:2px; padding: 0 8px; height: 26px; border: 1px solid; border-color:#ccc !important; background-color:#fff !important; background-repeat: no-repeat; color:#333 !important; overflow: hidden; text-decoration: none; }
.pg a.nxt, .pgb a { padding: 0 10px; }
.pg a:hover, .pgb a:hover { border-color:#666 !important; transition:border-color 0.2s linear; }
.pg a.nxt { padding-right: 25px; background-image: url(../../static/image/common/arw_r.gif) !important; background-position: 90% 50%; }
.pg a.prev { background-image: url(../../static/image/common/arw_l.gif) !important; background-position: 50% 50%; }
.pg strong { background-color: #4CB5FF !important; color:#FFF !important; }
.pgb a { padding-left: 25px; background-image: url(../../static/image/common/arw_l.gif) !important; background-position: 10px 50%; }
.pg label { cursor: text; }
.ie6 .pg label { padding-top: 3px; height: 23px; }
.pg label .px { padding: 0; width: 25px; height: 16px !important; line-height: 16px; vertical-align:top; margin-top:3px; }

.loading { margin: 5px auto 10px; width:1136px; display: block; height: 40px; line-height: 40px; letter-spacing: 5px; color:#333; text-align: center; border: 1px solid #dcdcdc; border-radius:5px; background-color: #f5f5f5; font-size: 14px; outline: none; box-shadow: 0 1px 0 #f5f5f5; }

/* awards */
.nation_awards { background:#eee; padding:20px; font-size:15px; font-weight:bold; text-align:left; margin:0 15px 25px 12px; border-radius:5px; overflow:hidden; }
.nation_awards p { margin-bottom:15px; line-height:24px; font-size:16px; color:#333; }
.nation_awards a { display:block; padding:10px; background:#999; color:#fff; width:250px; border-radius:5px; text-align:center; float:left; margin:2px; }
.nation_awards a:hover { background:#00a8ff; transition:background-color 0.2s linear; }

/* api */
#asus-api-footer.aai-ez { clear:both; }