@charset utf-8; a { color: #444; text-decoration: none; hlbr: expression(this.onFocus=this.blur()); outline: none; } img { border-style: none } a:hover { text-decoration:underline; } html { width: 100%; nowhitespace: afterproperty; height: 100%; margin: 0; padding: 0; -webkit-text-size-adjust: none; /* 修正旋轉後字變大 */-webkit-overflow-scrolling: touch; /* 讓 ios 滾動滑順 */; } body { min-height: 100%; background-color: #fff; -webkit-text-size-adjust: none; background: #e5e5e5; font: 13px/1.8 Helvetica, Arial, "LiHei Pro", 新細明體, PMingLiU, sans-serif; } #container { overflow: hidden } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, th, td { margin: 0; padding: 0; } #story_body_content td { padding: 2px 6px; } iframe { display: block } body.index #sidebar { font: 13px/1.8 Arial, Helvetica, sans-serif } dl.search_type { float: left; margin: 2px 3px 2px 1px; display: none; } dl.search_type dl { position: absolute; display: none; float: left; left: 4px; margin: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #eaeaea; border: 1px solid #ddd; border-radius: 2px; } dl.search_type dl a { display: block; margin: 0; padding: 5px 10px; border: none; white-space: nowrap; } dl.search_type dl a:hover { background: #fff } dl.search_type dt a { position: relative; display: block; width: 64px; padding: 0 10px; color: #606060; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #eaeaea; border: 1px solid #ddd; border-radius: 2px; } dl.search_type dt dt a { border: none } dt.line { margin: 15px 0; border-bottom: 1px solid #e5e6e8; } form .fbr { display: block; height: 20px; } form fieldset { margin: 0; padding: 5px; border: 1px solid #eee; } form fieldset label { color: #333; font-size: 15px; } form input[type=text], form input[type=password], form input[type=file], form textarea { width: 100%; padding: 5px; color: #333; font-size: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e5e5e5; line-height: 1.5; } form input[type=text].inline, form input[type=password] .inline { width: 31%; margin: 0 5px 0 0; } form select { width: 100%; padding: 5px; font-size: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; } h1, h2 { color: #0054a6; letter-spacing: 1px; font-family: 黑體,"Microsoft YaHei", 微软雅黑体, 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, Helvetica, sans-serif; } h3 { color: #0054a6; letter-spacing: 1px; font-size: 16px; font-weight: 700; } hr { float: none; height: 1px; margin: 8px 0; border-style: none none solid; clear: both; } input, select { vertical-align: middle } label, label span, #header .channel.channel_toggle, dl.search_type dl.search_open_close { display: block } p { margin: 14px 0 } ul, ol { margin: 14px 0; padding: 0 0 0 40px; } /* AD ====================================================================================================================================== */ #ad_1 { width: 1200px; min-height: 110px; margin: auto auto 10px; overflow: hidden; } /*#ad_1{width:1200px;margin:auto auto 10px;overflow:hidden;}_NO__DOTCOMMA__AFTER__*/ #ad_1 img, #ad_content img, #ad_history img, #ad_sidebar img { width: auto; max-width: 100%; } #ad_2 { position: absolute; top: 0; right: 0; } #ad_3 { position: absolute; top: 260px; right: 0; } #ad_history, #ad_content { width: 890px; height: 85px; margin: 0 0 10px; padding: 10px 0; text-align: center; background: #f5f5f5; overflow: hidden; } #ad_mobile { text-align : center;margin: auto; overflow: hidden; } #ad_mobile iframe { margin: auto } #ad_rubric, #ad_mag, #ad_mag_2, #ad_sidebar dt, #ad_index, #ad_google { margin: 0 0 10px } #ad_story { margin: 28px 32px 32px; text-align: center; } #ad_sub_sidebar dt, #ad_sub_sidebar_2 dt { width: 300px; height: 250px; margin: 0 0 10px; } #ad_bd { width: 300px; height: 100px; margin: 0 0 10px; } /* AD ====================================================================================================================================== */ /* menu ======================================================================================================================= */ #header.active .menu { position: fixed; top: 0; width: 100%; -moz-box-shadow: #666 0 3px 3px; -webkit-box-shadow: #666 0 3px 3px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); box-shadow: #666 0 3px 3px; z-index: 9999; } #loading, #menu_mark { position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } #loading, #loadmore { display: none; z-index: 99; background: url(/news/img/loadding.gif) no-repeat center 380px; } #loadmore { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); filter: alpha(opacity=95); opacity: 0.95; display: block; background-color: #fff; background-position: center top; height: 50px; } #menu_sub { position: absolute; display: none; top: 40px; left: 0; width: 890px; height: 450px; font-size: 15px; -moz-box-shadow: #666 0 3px 3px; -webkit-box-shadow: #666 0 3px 3px; background: #FFF; border: 10px solid #c4c4c4; box-shadow: #666 0 3px 3px; z-index: 9999; } #vertiscroll { position: absolute; display: block; top: 0; left: 140px; width: 20px; height: 450px; background: url(/news/img/vsb.gif) no-repeat center -1014px; cursor: pointer; overflow: hidden; } .menu { position: relative; width: 100%; height: 40px; display: block; background: url(/news/img/sprite.png) repeat-x left -900px; overflow: hidden; clear: both; z-index: 9999; } .menu .active, body.weather_index .menu > dl > dt > a:hover, body.weather_global .menu > dl > dt > a:hover, body.weather_travels .menu > dl > dt > a:hover, body.member_index .menu > dl > dt > a:hover, body.invoce .menu > dl > dt > a:hover, body.lotto .menu > dl > dt > a:hover { color: #000; background: #c4c4c4; } #menu_sub .close { position: absolute; display: block; right: -10px; bottom: -10px; width: 43px; height: 41px; margin: 0; background: url(/news/img/sprite.png) no-repeat -3px -155px #c4c4c4; z-index: 12; } #menu_sub .close:hover { background-color: #999 } #m17 { color: #fe9 } #m17:hover, #m17.active { color: #fff } #m17 { color: #fe9; height: 32px; padding: 2px 8px 0 23px; top: -2px; } #m17 > b { background: url(/news/img/omusic2.png) no-repeat left top; display: block; height: 19px; position: absolute; left: 0; top: 7px; width: 21px; } .menu > dl { position: relative; nowhitespace: afterproperty; width: 1200px; height: 34px; margin: auto; padding: 6px 0 0; z-index: 11; white-space: nowrap; /* 不斷行 */display: block;; } .menu > dl > dt { display: inline; /* 水平排列 */white-space: nowrap; nowhitespace: afterproperty;overflow:hidden;/* FIX 部分瀏覽器 hover 時選單消失 */; } .menu > dl > dt > a { position: relative; nowhitespace: afterproperty; display: inline-block; height: 34px; padding: 0 8px; color: #FFF; text-align: center; letter-spacing: 1px; /* 水平內顯示為區塊 */font-size: 16px; nowhitespace: afterproperty;font-weight:700;line-height:30px;white-space:nowrap;/*width: 58px;*/overflow:hidden;cursor:pointer; text-decoration:none; } body.weather_index .menu > dl > dt > a, body.weather_global .menu > dl > dt > a, body.weather_travels .menu > dl > dt > a, body.invoce .menu > dl > dt > a, body.lotto .menu > dl > dt > a { letter-spacing: 2px; /* 水平內顯示為區塊 */padding: 0 30px;; } .menu > dl > dt:last-child > a { margin: 0 10px 0 0 } .menu > dl > dt a#mh b { display: block; float: left; width: 50px; height: 34px; background: url(/news/img/sprite.png) no-repeat -53px -61px; } .menu dt a#mh, .menu dt a#mh:hover { width: 40px; nowhitespace: afterproperty; padding: 0 10px 0 0; /* text-indent: -9999px;*/; } .sub_body { font-size: 16px; line-height: 2.3; } .sub_body .big { position: relative; margin: 3px 0 15px; } .sub_body .big a { height: 190px; background: #fff; overflow: hidden; } .sub_body .mag .big a img { max-width: 257px; display: block; margin: auto; } .sub_body .big a u { position: absolute; display: block; top: 10px; left: 10px; width: 40px; height: 40px; background: url(/news/img/sprite.png) no-repeat -159px -707px; overflow: hidden; z-index: 2; } .sub_body .mag .big { margin: 3px 0 6px } .sub_body .mag .big a { height: 343px; padding: 0; } .sub_body .mag .small { margin: 3px 0 7px } .sub_body .mag .small a { height: 170px; padding: 0; } .sub_body .mag .small img { max-width: 300px } .sub_body .mag a { height: 30px; line-height: 1.5; padding: 0 25px 0 0; width: auto; } .sub_body .mag a b { bottom: 5px; font-weight: 700; } .sub_body .mag dt.line { margin: 10px 0 15px } #ranking_table .pic, .sub_body .pic { display: inline-block; width: 30px; height: 30px; background: url(/news/img/sprite.png) no-repeat -111px -1261px; vertical-align: middle; position: absolute; right: 0; top: 0; } #ranking_table .tv, .sub_body .tv { display: inline-block; width: 30px; height: 30px; background: url(/news/img/sprite.png) no-repeat 8px -212px; vertical-align: middle; position: absolute; right: 0; top: 0; } #ranking_table .pic, #ranking_table .tv { position: relative; } .sub_body .wmark { position: absolute; bottom: 0; left: 0; width: 300px; height: 34px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); background: #fff; filter: alpha(opacity=90); opacity: .90; } .sub_body a { position: relative; display: block; height: 35px; color: #333; width: auto!important; } .sub_body .ad a { height: auto } .sub_body a b { position: absolute; bottom: 0; left: 0; text-indent: 10px; color: #000; font-weight: 400; } .sub_body a.more { color: #0658AA; font-size: 13px; font-weight: 700; text-align: right; } .sub_body a.sp { color: #ee5103 } .sub_body dl { float: left; width: 300px; height: 435px; padding: 15px 30px 0; border-right: 1px solid #e5e6e8; } .sub_body dl.last { border-right: none; background: #f5f5f5; } .sub_body dl.last.mag { background: #fff } .sub_head { float: left; width: 148px; height: 450px; margin: 0 20px 0 0; background: #F5F5F5; } .sub_head a { display: block; width: 100% \7; height: 40px; padding: 0 0 0 20px; color: #222; border-bottom: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; -o-text-overflow: ellipsis; background: #F5F5F5; cursor: pointer; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; font-weight: 700; } .sub_head a.more { position: absolute; display: block; top: 0; right: 0; width: 43px; height: 41px; margin: 0; border-left: 1px solid #DDD; background: url(/news/img/sprite.png) no-repeat -54px -105px; } .sub_head a.more:hover { background: url(/news/img/sprite.png) no-repeat -54px -105px #f2f2f2 } .sub_head a:hover, .sub_head a.sub_active { color: #0658AA; background: #fff; text-decoration:none; } .sub_head a.sub_active { border-right: none } .sub_body dt a:hover b { text-decoration: underline } .arrow_left, .arrow_right { position: absolute; display: none; top: 0; right: auto; left: 0; width: 40px; height: 34px; margin: 6px 0 0; background: url(/news/img/sprite.png) no-repeat -110px -2316px; z-index: 12; overflow: hidden; } .arrow_right { right: 0; left: auto; background-position: -150px -2316px; } /* menu ======================================================================================================================= */ /* content ======================================================================================================================= */ #content_body #content_body_big dt > a h2 { padding: 10px 0; font-size: 18px; clear: both; line-height: 1.3; } #content_body #content_body_cover dt > a h2 { padding: 10px 0 0; font-size: 18px; clear: both; line-height: 1.3; } #content_body .dt { float: left; height: 26px; color: #4d4d4d; font-size: 12px; line-height: 28px; } #content_body .fb b { display: inline-block; float: left; width: 20px; height: 26px; background: url(/news/img/sprite.png) no-repeat 0 -411px; } #content_body .pv b { display: inline-block; float: left; width: 26px; height: 26px; background: url(/news/img/sprite.png) no-repeat 0 -365px; } #content_body .pv, #content_body .fb { border: none; background: #FFF; border-radius: 0; box-shadow: none; padding: 5px 10px 0; } #content_body .pv { padding: 2px 10px 0; margin: 0 12px; } #content_body .share .facebook { background-position: -60px -1109px } #content_body .share .facebook:hover { background-position: -60px -1111px } #content_body .share .plurk { margin-right: 0; background-position: -10px -709px; } #content_body .share .plurk:hover { background-position: -10px -711px } #content_body .share .twitter { background-position: -10px -759px } #content_body .share .twitter:hover { background-position: -10px -761px } #content_body .share b { display: inline-block; float: left; width: 24px; height: 26px; background: url(/news/img/sprite.png) no-repeat 0 -459px; } #content_body .share dl { position: absolute; display: none; top: 27px; left: -1px; width: 130px; padding: 5px 20px; background: #f5f5f5; border: 1px solid #ccc; z-index: 2; } #content_body .share dl a { display: block; float: left; width: 30px; height: 31px; margin-right: 20px; text-indent: -9999px; background: url(/news/img/sprite.png) no-repeat -176px -742px; overflow: hidden; } #content_body .share dl a:hover { background-position: -176px -743px } #content_body .share:hover dl, #author_article_list_head .count .share:hover dl { display: block } #content_body > dt > a { display: block; padding: 16px 32px; color: #666; border-top: 1px solid #e5e6e8; font-size: 12px; } #content_body > dt > a:hover { color: #333 } #content_body > dt.ad > a { background: #fbfbe9 } #content_body > dt:first-child > a { border-top: none } #content_body a b { display: block; font-size: 13px; font-weight: 400; line-height: 1.5; overflow: hidden; } #content_body a img { display: block; float: left; max-width: 100%; width: auto; margin: 0 20px 0 0; } #content_body.type_2 a img { max-width: 75px } #content_body .big a img { max-width: 100%; width: auto; } #content_body.type_2 .big a u { max-width: 380px; max-height: 220px; display: block; overflow: hidden; } #content_body a.sp { color: #ee5103 } #content_body dt > a h2 { margin: -1px 0 4px; color: #222; font: bold 20px Arial, Helvetica, sans-serif; } #content_body dt > a:hover h2 { text-decoration:underline; } #content_body dt, #content_body .share { position: relative } #content_body hr { margin: 10px 0 0; border-top: 1px solid #E5E6E8; border-bottom-style: none; border-left-style: none; border-right-style: none; } #content_body.type_1 > dt > a { min-height: 120px; overflow: hidden; text-decoration:none; } body.mag_index #content_body.type_1 a b { width: auto; } #content_body.type_1 img { float: right; margin: 0 0 0 15px; } #content_body.type_2 { margin: 0 0 16px; overflow: hidden; } #content_body.type_2 > dt > a { float: left; width: 380px; min-height: 96px; text-decoration:none; } #content_body.type_2 > dt > a h2 { margin: -1px 0 12px; padding: 0 0 0 90px; font-size: 18px; } #content_body.type_2 > dt > a:hover h2 { text-decoration:underline; } #content_body.type_2 > dt > a b { margin: 0 0 0 90px } #content_body.type_2 > dt > a u { float: left; max-width: 75px; max-height: 75px; overflow: hidden; } #content_body.type_2 > dt.big > a u { float: none; width: auto; } #content_body.autocar a img { max-height: 96px; max-width: 150px; margin: 0 10px 0 0; } #content_body.autocar .big a img { max-height: 100%; max-width: 100%; } #content_body.type_3 #content_body_mag > dt > a u { max-width: 100px; max-height: 140px; overflow: hidden; display: block; } #content_body.type_2 > dt.big > a { padding: 23px 32px 5px; min-height: 292px; border-style: none; } #content_body.type_2 > dt.big > a h2 { padding: 10px 0 0; clear: both; } #content_body.type_4 { margin: 0 0 16px; padding: 18px 0 25px; overflow: hidden; } #content_body.type_4 > dt > a { float: left; width: 180px; padding: 12px 0 0 32px; border: none; } #content_body.type_4 > dt > a img { margin: 0; max-width: 180px; width: auto; } #content_body.type_4 > dt > a > b { width: 180px; height: 120px; overflow: hidden; } #content_body.type_4 > dt.big > a img { max-width: 396px; width: auto; } #content_body.type_4 > dt.big > a > b { width: 396px; height: 278px; overflow: hidden; } #content_body.type_4 > dt.big > a, #content_body.type_4 > dt.big.video > iframe { width: 396px; padding: 12px 0 0 32px; border-style: none; } #content_body.type_4 > dt.big.video > a { padding: 0 0 0 32px } #content_body.type_4 > dt.big.video { float: left } #content_body.type_4 > dt.video > a > b { height: 101px } #content_body.type_4 > dt.line { float: left; width: 100%; margin: 24px 0 17px; } #content_body.type_4 h2 { padding: 6px 0 0; font-size: 15px; font-weight: 400; clear: both; height: 38px; display: block; overflow: hidden; } #content_body_big a { float: left; width: 180px; padding: 23px 17px 0; border-bottom: none; } #content_body_big, #content_body_cover { padding: 0 0 0 15px; overflow: hidden; } #content_body_book { padding: 0 0 22px; overflow: hidden; } #content_body_book .line { width: 100%; margin: 10px 0 20px; } #content_body_book > dt { float: left; width: 378px; padding: 8px 0 0 32px; } #content_body_book > dt.big { width: 380px; padding: 10px 32px; border-right: 1px solid #E5E6E8; } #content_body_book > dt.big a { margin: 0; color: #666; } #content_body_book > dt.big a b { position: absolute; bottom: 0; left: 129px; font-size: 13px; font-weight: 400; } #content_body_book > dt.big a h3 { margin: -1px 0 4px; color: #222; } #content_body_book > dt.big a:hover h3 { color: #0054A6 } #content_body_book > dt.big img { float: left; margin: 0 15px 0 0; } #content_body_book > dt.big span { display: block; color: #444; } #content_body_book > dt.big span.price { color: #888 } #content_body_book dt a { position: relative; display: block; float: left; width: 100%; margin: 1px 0 10px; font-size: 15px; line-height: 1.5; } #content_body_cover a { float: left; width: 142px; padding: 25px 15px 5px; border-bottom: none; } #content_body_mag { padding: 0 0 16px; overflow: hidden; } .type_8 #content_body_mag { padding: 300px 0 0 } #letour { padding: 0 32px 20px } #content_body_mag .line { width: 100%; margin: 0 0 12px; } #content_body_banner { padding: 0 32px 16px; overflow: hidden; } #content_body_banner img { max-width: 100%; width: auto; } #content_body_mag > dt { float: left; width: 396px; padding: 16px 0 0 32px; } #content_body_mag > dt > a { float: left } #content_body_mag > dt dt > a { display: block; margin: 0 0 12px 123px; font-size: 15px; text-indent: -13px; line-height: 1.3; } .content_body_sponsor { padding: 20px 0; overflow: hidden; } .content_body_sponsor > dt { float: left; width: 380px; padding: 0 25px 0 32px; } .content_body_sponsor > dt > dl { position: absolute; top: 114px; left: 191px; } .content_body_sponsor > dt a { display: block; margin: 10px 0; overflow: hidden; } .content_body_sponsor > dt.first { border-right: 1px solid #E5E6E8 } .content_body_sponsor a:hover { text-decoration: underline } .content_body_sponsor dl { width: 100% } /* content ======================================================================================================================= */ /* index ======================================================================================================================= */ .wmark { position: absolute; nowhitespace: afterproperty; bottom: 0; left: 0; /*width: 530px;*/width:586px;height:50px;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);background:#fff;filter:alpha(opacity=90);opacity:.90;; } #album_body > a, #video_body a { font-weight: 700 } #album_body dt a, #Market dt a { display: block; padding: 0 0 5px; } #bd_body { padding: 28px 0 32px 32px; overflow: hidden; } #bd_body dt a { display: block; float: left; width: 200px; margin: 0 8px 0 0; text-decoration:none; } #bd_body dt a:hover h4 { text-decoration:underline;} #bd_body dt b { display: block; color: #666; font-weight: 400; text-align: justify; line-height: 1.5; text-justify: distribute; } #bd_body dt h4 { padding: 6px 0 5px } #date_calendar { position: relative; color: #606060; border-bottom: 1px solid #d7d7d7; font-size: 12px; } #date_calendar a, #vote_body span { position: absolute; top: 0; right: 0; } #date_calendar img { vertical-align: middle } #history_body { padding: 20px 0 32px 32px; line-height: 1.9; overflow: hidden; } #history_body > dt { float: left; margin: 0 8px 0 0; } #history_body dt a { position: relative; display: block; width: 200px; } #history_body dt b { display: block; color: #444; font-weight: 400; } #history_body img { padding: 2px 0 7px } #lotto_body a { display: block; float: left; width: 50%; letter-spacing: 1px; font: bold 18px/1.1 黑體, 微軟正黑體, Arial, Helvetica, sans-serif; } #lotto_body a b { display: block; float: left; width: 40px; height: 40px; margin: 0 6px 0 0; background: url(/news/img/sprite.png) no-repeat -4px -804px; } #mag_body { line-height: 1.9 } #mag_body .line { margin: 15px 0; border-bottom: 1px solid #e5e6e8; } #mag_body a:hover b { color: #0054A6 } #mag_body b { padding: 0 5px 0 0; color: #444; text-align: center; } #mag_body dt { overflow: hidden } #mag_body dt a img { float: left } #mag_body dt dt a { display: block; padding: 0 0 10px 10px; line-height: 1.5; } #meteorological { color: #606060; line-height: 1.2; } #meteorological dl { float: none; clear: both; overflow: hidden; } #meteorological dt { float: left; width: 33.3%; text-align: center; line-height: 1.2; } #meteorological dt img { display: block; float: none; margin: auto; clear: both; } #meteorological img { float: left; height: 40px; margin: 0 10px 0 0; } #meteorological_body > img { height: 70px } #meteorological_body b { padding: 5px 0 0; font-size: 24px; font-weight: 400; } #meteorological_body > b { display: inline-block; padding: 5px 0; } #meteorological_body dl { border-top: solid 1px #f2f2f2; margin: 15px 0 0; padding: 10px 0 0; } #meteorological_body dt.weather_icon b { clear: both; display: block; float: none; margin: auto; } #photo_body { position: relative; overflow: hidden; } #photo_body a { position: relative; float: left; width: 200px; margin: 0 8px 0 0; padding: 0 0 30px; overflow: hidden; } #photo_body h4 { color: #666; font-size: 13px; font-weight: 400; } #tabs { position: absolute; top: 0; left: 586px; width: 278px; height: 352px; padding: 8px 13px 0; background: #f5f5f5; } #tabs_box { width: 278px; clear: left; } #tabs_box ul { margin: 0; padding: 10px 0; list-style: none; overflow: hidden; } #tabs_box ul li { position: relative; float: left; } #tabs_box ul li a { display: block; height: 31px; padding: 0 0 0 27px; color: #b0b0b0; letter-spacing: 1px; background: url(/news/img/sprite.png) no-repeat -179px -622px; font: bold 16px/34px 黑體,"Microsoft YaHei", 微软雅黑体, 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, Helvetica, sans-serif; text-decoration:none; } #tabs_box ul li a#tab1_btn { width: 47px } #tabs_box ul li a#tab2_btn { width: 40px; background-position: -177px -433px; } #tabs_box ul li a#tab3_btn { width: 43px; letter-spacing: 0; background-position: -162px -1261px; } #tabs_box ul li a#tab4_btn { width: 40px; letter-spacing: 0; background-position: -177px -530px; } #tabs_box ul li a:hover#tab1_btn, #tabs_box ul li.active a#tab1_btn { background-position: -179px -1335px } #tabs_box ul li a:hover#tab2_btn, #tabs_box ul li.active a#tab2_btn { background-position: -177px -1431px } #tabs_box ul li a:hover#tab3_btn, #tabs_box ul li.active a#tab3_btn { background-position: -162px -1161px } #tabs_box ul li a:hover#tab4_btn, #tabs_box ul li.active a#tab4_btn { background-position: 3px -1332px } #tabs_box ul li a:hover, #tabs_box ul li.active a { color: #000 } .taba { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #vote_body { line-height: 1 } #vote_body .send { display: block; margin: 6px 0; padding: 8px 0; color: #fff; text-align: center; background: #6fb1f0; } #vote_body .send:hover { background: #0075c2 } #vote_body b { display: block; margin: 5px 0 15px; } #vote_body b.color_1 { background: #ffbc86 } #vote_body b.color_2 { background: #dfdfdf } #vote_body dt { position: relative; overflow: hidden; } #vote_body dt b { display: block; float: left; height: 10px; margin: 3px 0 15px; } .tabs_box_wrapper a { display: block; height: 28px; margin: 0 0 2px; padding: 0 0 0 6px; border-left: 4px solid #CCC; font-size: 13px; line-height: 28px; color: #222; } .tabs_box_wrapper a b { display: inline-block; width: 46px; font-size: 13px; font-weight: 400; } .tabs_box_wrapper a span { display: inline-block; width: 14px; height: 12px; margin: 0 0 0 6px; background: url(/news/img/sprite.png) no-repeat 0 -220px; overflow: hidden; } .tabs_box_wrapper a.only_1024 { display: none } .tabs_box_wrapper a:hover { color: #0658aa; border-left: 4px solid #0658aa; background: #e5e5e5; text-decoration:none; } .tabs_box_wrapper a.sp { color: #ee5103 } a#invoice_btn b { background-position: -6px -854px } /* index ======================================================================================================================= */ /* article ======================================================================================================================= */ #author_article_list .pagelink { padding: 60px 0 80px } #author_article_list_filte { padding: 20px 32px; overflow: hidden; } #author_article_list_filte a { display: block; float: left; margin: 0 20px 10px 0; padding: 3px 15px 2px; color: #666; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; } #author_article_list_filter { margin: 0 32px 10px; padding: 40px 0 15px; border-bottom: 3px solid #D7D7D7; overflow: hidden; } #author_article_list_filter .total { float: right; color: #666; font-size: 13px; line-height: 29px; } #author_article_list_filter a { display: block; float: left; margin: 0 20px 0 0; padding: 3px 15px 2px; color: #666; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; } #author_article_list_filter a.active, #author_article_list_filter a:hover, #author_article_list_filte a.active, #author_article_list_filte a:hover { color: #fff; background: #70b1f1; } #author_article_list_head > dl > dt { position: relative; nowhitespace: afterproperty; padding: 35px 0; margin: 0 32px; /*: ; overflow: hidden; padding: 35px 32px 45px; */border-top: 1px solid #E5E6E8; display: table; width: 824px; } body.author_article_list #author_article_list_head > dl > dt { border-top: none } #author_article_list_head > dl > dt b { font-weight: 400 } #author_article_list_head dt > a b { position: relative; display: block; font-weight: 400; overflow: hidden; } #author_article_list_head dt, #author_article_list_list dt, .count .share { position: relative } #author_article_list_head img { float: left; margin: 0 20px 0 0; max-width: 130px!important; } #author_article_list_list > dt > a { display: block; height: 120px; padding: 20px 32px 24px; color: #666; border-bottom: 1px solid #e5e6e8; } #author_article_list_list a b { display: block; font-weight: 400; line-height: 1.5; overflow: hidden; white-space: nowrap; } #author_article_list_list .dt { float: left; font-size: 12px; } #author_article_list_list dt > a h2 { padding: 29px 0 4px; color: #222; font: bold 18px 黑體,微軟正黑體, Arial, Helvetica, sans-serif; } #author_article_list_list dt > a:hover h2 { color: #0054a6 } #author_article_list_list img { float: right; margin: 0 0 0 15px; max-width: 180px; max-height: 120px; } .count .explanation { display: inline-block; float: left; width: 28px; height: 28px; padding: 0; background: url(/news/img/sprite.png) no-repeat -179px -959px; } .count .fb b { display: inline-block; float: left; width: 20px; height: 26px; background: url(/news/img/sprite.png) no-repeat 0 -411px; } .count .on, .count .facebook:hover, .count .track:hover { background: #eee } .count .pv b { display: inline-block; float: left; width: 26px; height: 26px; background: url(/news/img/sprite.png) no-repeat 0 -365px; } .count .pv, .count .fb, .count .share, .count > .facebook { position: relative; float: left; height: 26px; margin: 0 12px 0 0; padding: 0 10px; color: #4d4d4d; font-size: 12px; -moz-border-radius: 2px; -moz-box-shadow: #f2f2f2 0 1px 1px; -webkit-border-radius: 2px; -webkit-box-shadow: #f2f2f2 0 1px 1px; background: #FFF; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: #f2f2f2 0 1px 1px; line-height: 28px; } .count iframe { float: left } .count .share .facebook { background-position: -60px -1109px } .count .share .facebook:hover { background-position: -60px -1111px } .count .share .plurk { margin-right: 0; background-position: -10px -709px; } .count .share .plurk:hover { background-position: -10px -711px } .count .share .twitter { background-position: -10px -759px } .count .share .twitter:hover { background-position: -10px -761px } .count .share b { display: inline-block; float: left; width: 24px; height: 26px; background: url(/news/img/sprite.png) no-repeat 0 -459px; } .count .share dl { position: absolute; display: none; top: 27px; left: -1px; min-width: 130px; padding: 5px 20px; background: #f5f5f5; border: 1px solid #ccc; z-index: 2; } .count .share dl a { display: block; float: left; width: 30px; height: 31px; margin-right: 20px; text-indent: -9999px; background: url(/news/img/sprite.png) no-repeat -176px -742px; overflow: hidden; } .count .share dl a:hover { background-position: -176px -743px } .count .share:hover dl { display: block } .count .tag { float: left; margin: 0 0 0 24px; line-height: 28px; } .count .tag a { color: #666; text-decoration: underline; } .count .tag b { display: inline-block; float: left; width: 22px; height: 26px; background: url(/news/img/sprite.png) no-repeat -116px -1664px; } .count .track { float: left; height: 26px; padding: 0 10px; color: #4d4d4d; font-size: 12px; -moz-border-radius: 2px; -moz-box-shadow: #f2f2f2 0 1px 1px; -webkit-border-radius: 2px; -webkit-box-shadow: #f2f2f2 0 1px 1px; background: #FFF; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: #f2f2f2 0 1px 1px; line-height: 28px; } .count .track b { display: inline-block; float: left; width: 20px; height: 26px; background: url(/news/img/sprite.png) no-repeat -168px -2462px; } .count, #content_body > dt.ad > a span { position: absolute; bottom: 16px; left: 34px; } body.article_list #author_article_list_head .count { bottom: auto; nowhitespace: afterproperty; left: auto; /*overflow: hidden;*/padding:20px 0 0;position:relative;; } body.author_list #author_article_list_head h2 { padding: 0 0 6px; margin: -6px 0 0; } body.author_list #author_article_list_head .author_content { margin-left: 140px } body.author_list .count { bottom: 44px; left: 172px; } body.mag_story #author_article_list_head { border-top: 1px solid #e5e6e8; padding: 20px 0 40px 140px; font-family: 黑體, Helvetica,Heiti TC,Segoe UI,微軟正黑體; font-size: 14px; line-height: 1.82; margin: 40px 0 0; overflow: hidden; position: relative; min-height: 120px; } body.mag_story #author_article_list_head img { position: absolute; left: 0; top: 20px; } body.mag_story #author_article_list_head iframe { position: relative; left: -9px; top: 5px; } body.mag_story #author_article_list_head h2 { font-size: 23px; font-weight: 400; } body.id_7225 #author_article_list_head > img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; max-width: 120px!important; } /* article ======================================================================================================================= */ /* category ======================================================================================================================= */ #category_body { padding: 28px 0 32px 32px; overflow: hidden; } #category_mags_body { overflow: hidden; padding: 28px 32px; } #category_body dl { float: left; margin: -20px 0 0; width: 328px; } #category_mags_body dl { margin: -5px 0 0; float: left; width: 509px; } #category_mags_body dt { position: relative } #category_mags_body .outlink { width: auto } #category_mags_body .outlink:hover { text-decoration: underline } #category_body dl a, #category_mags_body dl a { display: block; padding: 0 0 0 12px; font-size: 15px; background: url(/news/img/sprite.png) no-repeat -197px -1060px; line-height: 2.3; } #category_mags_body dl a { padding: 0 100px 0 12px; width: auto!important; } #category_mags_body dl a.sp { color: #0054a6; font-weight: 700; } #category_mags_body dl a.outlink { display: inline-block; font-size: 13px; color: #999; background: none; padding: 0; position: absolute; right: 0; top: 0; } #category_body dl a.sp { margin: 20px 0 0; color: #0054a6; font-weight: 700; } #category_sub { position: relative; margin: 0 0 0 -5px; padding: 0 0 10px; color: #999; } #category_sub a { margin: 0 5px; color: #0054a6; } #category_sub a:hover { text-decoration: underline } #category_theme, #category_mags_theme { position: relative; float: left; width: 480px; height: 304px; margin: 0 15px 0 0; overflow: hidden; z-index: 1; } #category_mags_theme { width: 300px; height: 400px; } #category_theme .wmark { width: 480px } #category_mags_theme .wmark { height: 34px; width: 300px; } #category_theme h1, #category_mags_theme a b { position: absolute; nowhitespace: afterproperty; bottom: 0; left: 10px; color: #000; font: 25px/50px 黑體,"Microsoft YaHei",微软雅黑体, 微軟雅黑體,"Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; overflow: hidden; white-space: nowrap; /* width: 460px !important; 若加了不會出現... */; } #category_mags_theme a b { font: bold 18px/34px 黑體,微軟正黑體, Arial, Helvetica, sans-serif; width: 280px!important; } #category_theme img { width: auto; max-width: 100%; height: auto; } #most { width: 898px; margin: 0 0 10px; line-height: 1.3; overflow: hidden; } #most .area { float: left; width: 289px; margin: 0 8px 0 0; } #most .area_body { padding: 15px 0 22px 32px; overflow: hidden; } #most a { display: block } #most a img { padding: 0 0 6px } .afunc { position: absolute; right: 0; } #mypage_author_hot .afunc, #mypage_disease_hot .afunc, #mypage_stars_hot .afunc { right: 0; top: 10px; } .area h3 a.rss { position: relative; display: inline-block; top: 7px; width: 28px; height: 28px; margin: 0 0 0 5px; background: url(/news/img/sprite.png) no-repeat 5px -1160px; } .category_box .author dl { margin: 0 24px 0 0; padding: 28px 0 32px 32px; overflow: hidden; } .category_box .category_box_list.topic, .category_box .category_box_list.author { margin: 0; padding: 0; border-top: none; } .category_box .topic dl { float: left; padding: 28px 0 22px 32px; } .category_box .topic dl.max { width: 832px; padding: 28px 0 32px 32px; } body.mag_category .category_box_topic h3 { width: 100% \7; padding: 12px 0; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } .category_box .topic hr { border-top: 1px solid #E5E6E8; border-bottom-style: none; border-left-style: none; border-right-style: none; } .category_box_body { padding: 28px 32px 32px } .category_box_list { margin: 20px 0 0; padding: 10px 0 0; border-top: 1px dotted #ccc; overflow: hidden; } /* .category_box_list dt { width: 50%; float:left; } */ .category_box_list .big { position: relative; padding: 0 0 25px; overflow: hidden; } .category_box_list .max .big a img { max-width: 300px } body.mag_category .category_box_list .big a img { max-width: 300px } body.id_1015 .category_box_list .big a img { max-width: 180px } body.mag_story .category_box img { max-width: 100%; width: auto; } .category_box_list .big a.category_box_topic { text-indent: 0; line-height: 1.7; } .category_box_list a { display: block; float: left; width: 400px; font-size: 15px; text-indent: 12px; background: url(/news/img/sprite.png) no-repeat -197px -1060px; line-height: 2; } .afunc .track.on, .category_box_list .on, #temporary_added { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); opacity: .4; } .category_box_list .on, .category_box_list .track:hover { background: #eee } .category_box_list .track { float: left; height: 26px; padding: 0 10px; color: #4d4d4d; font-size: 12px; -moz-border-radius: 2px; -moz-box-shadow: #f2f2f2 0 1px 1px; -webkit-border-radius: 2px; -webkit-box-shadow: #f2f2f2 0 1px 1px; background: #FFF; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: #f2f2f2 0 1px 1px; line-height: 28px; width: auto!important; text-indent: 0; } .category_box_list .track b { display: inline-block; float: left; width: 20px; height: 26px; background: url(/news/img/sprite.png) no-repeat -168px -2462px; } .category_box_topic b { position: absolute; bottom: 0; left: 160px; font-size: 12px; font-weight: 400; } .category_box_topic h3 { padding: 20px 0 0; color: #222; } .category_box_topic img { float: left; margin: 0 10px 0 0; max-width: 180px; } .category_box_topic:hover h3 { color: #0054a6 } a.category_box_ch { color: #0054a6; nowhitespace: afterproperty; font-size: 13px; font-weight: 700; background: none; line-height: 1.5; /* display: block;*/padding:0 10px 7px 0;; } #mypage_author_hot a.category_box_ch, #mypage_disease_hot a.category_box_ch, #mypage_stars_hot a.category_box_ch { position: absolute; top: 15px; left: 100px; } a.category_box_img { float: left; padding: 0 8px 0 0; } #mypage_stars_hot a.category_box_img, #mypage_stars_list a.category_box_img, #mypage_disease_hot a.category_box_img { width: 90px; height: 90px; overflow: hidden; display: block; padding: 0 8px 0 0; } #mypage_author_hot a.category_box_img, #mypage_disease_hot a.category_box_img { width: 90px; height: 90px; overflow: hidden; display: block; padding: 0; } #mypage_stars_hot a.category_box_img img { width: auto; max-width: 100%; } #mypage_author_hot a.category_box_img img, #mypage_disease_hot a.category_box_img img { width: auto; max-width: 90%; } #mypage_stars_hot a.category_box_ch { position: absolute; top: 10px; left: 110px; } #mypage_stars_hot dl dl { padding: 30px 0 0 } a.category_box_topic { position: relative; display: block; color: #666; font-size: 13px; line-height: 1.3; overflow: hidden; } body.mag .category_box_list .big a.category_box_topic { float: left; width: 206px; color: #666; font-size: 13px; line-height: 1.5; background: none; } body.mag_category .category_box_list dt { width: 395px; float: left; } body.mag .category_box_list .big a, body.mag_category .category_box_list dt.big { width: auto; float: left; } body.mag_category .category_box_list dt.big { border-bottom: 1px solid #e5e6e8; float: none; margin: 0 0 20px; } body.mag .category_box_list .big dl a { text-indent: 12px } body.mag .category_box_list .max .big { border: none; width: auto; } body.mag .category_box_list .max a.category_box_topic { width: 522px; padding: 0; } body.mag .category_box_list .max dl { width: 522px; margin: 0; padding: 16px 0 0; } body.mag .category_box_list .max dl dt { float: left; width: 241px; margin: 0 20px 0 0; } body.mag .category_box_list .max dt { float: left; margin: 0; padding: 0; } body.mag .category_box_list a.explanation { display: inline-block; float: left; width: 28px; height: 28px; padding: 0; background: url(/news/img/sprite.png) no-repeat -179px -959px; } body.mag .category_box_list dt { float: left; margin: 0 32px 0 0; position: relative; width: 396px; } body.mag_category .category_box_topic h3 { padding: 0 0 10px } /* category ======================================================================================================================= */ /* faq ======================================================================================================================= */ #faq_search { position: absolute; top: 0; right: 0; padding: 0 0 10px; overflow: hidden; } #faq_submit { display: block; float: left; width: 66px; height: 34px; background: url(/news/img/sprite.png) no-repeat -134px -2359px; } #faq_submit :hover { background-position: -134px -2409px } .faq_body { padding: 28px 0 32px 32px } .faq_list a { display: block; padding: 0 0 0 12px; font-size: 15px; background: url(/news/img/sprite.png) no-repeat -197px -1060px; line-height: 2; } body.faq #faq_search #search_kw { float: left; width: 363px; height: 32px; border: solid 1px #CDCDCD; } body.faq #nav { padding: 0 0 21px } body.faq h4 { padding: 10px 0; text-align: right; } body.faq h4 a { color: #0054A6 } /* faq ======================================================================================================================= */ /* invoce ======================================================================================================================= */ #duijiang { margin: 10px 0 30px; padding: 20px 30px; background: #f5f5f5; } #duijiang form input.duijiang_a { display: block; float: left; width: 120px; margin: 0 10px 0 0; font: bold 56px Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; } #duijiang form input.duijiang_b { width: 68% } #duijiang form input[type=text], #duijiang form textarea { width: 16% } #invoce_body { position: relative } #invoce_body .invoce_6 { background: #f2f2f2 } #invoce_body .invoce_info { color: #333; font-size: 15px; } #invoce_body .sp { color: #c00 } #invoce_body a, #invoce_txt { display: block; padding: 20px 32px 0; text-align: right; text-decoration: underline; } #invoce_body b { display: block; color: #444; letter-spacing: 2px; font: bold 36px Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; } #invoce_body dt { position: relative; padding: 10px 0; color: #666; border-bottom: dotted 1px #d7d7d7; text-align: center; } #invoce_body dt.invoce_topic { margin: 0 0 10px; padding: 10px 0; color: #333; border-bottom: solid 3px #d7d7d7; text-align: center; letter-spacing: 1px; font: bold 26px 黑體,微軟正黑體, Arial, Helvetica, sans-serif; } #invoce_body hr { margin: 80px 0 60px; border-color: #d7d7d7; } #invoce_body label { position: absolute; top: 10px; left: 10px; color: #444; font-size: 13px; letter-spacing: 4px; } #invoce_foot b { font-size: 15px } #invoce_foot, #invoce_body dl { padding: 20px 32px } #invoce_txt { padding: 0 32px 32px; text-decoration: none; } /* invoce ======================================================================================================================= */ /* lottos ======================================================================================================================= */ #lottos .area_body { position: relative; padding: 32px; } #lottos .sp { margin: 0 0 0 40px; color: #fff; background-position: -100px -2003px; } #lottos b { display: inline-block; width: 100px; height: 100px; color: #333; font-size: 46px; text-align: center; background: url(/news/img/sprite.png) no-repeat 0 -2003px; line-height: 100px; } #lottos h4 { display: block; padding: 0 0 20px; color: #444; font-size: 15px; font-weight: 400; } #lottos h4 strong { color: #222; font-weight: 700; } #lottos_txt { padding: 0 0 20px; color: #444; text-align: right; } .btn { float: left; height: 26px; padding: 0 10px; color: #4d4d4d; font-size: 12px; -moz-border-radius: 2px; -moz-box-shadow: #f2f2f2 0 1px 1px; -webkit-border-radius: 2px; -webkit-box-shadow: #f2f2f2 0 1px 1px; background: #FFF; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: #f2f2f2 0 1px 1px; line-height: 28px; } .btn:hover { background: #eee } .btn_1 { position: absolute; top: 30px; right: 112px; } .btn_2 { position: absolute; top: 30px; right: 32px; } /* lottos ======================================================================================================================= */ /* mypage ======================================================================================================================= */ #mypage_author_list dl dl .ch { position: absolute; top: 0; right: 90px; color: #888; } #mypage_author_list dl dl a, #mypage_disease_list dl dl a { display: block } #mypage_author_list dl dl a.topic { width: 100% \7; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; padding: 0 80px 0 0; } #mypage_author_list dl dl a.topic b { position: relative; display: inline-block; top: 1px; left: 5px; width: 18px; height: 9px; background: url(/news/img/sprite.png) no-repeat -168px -2172px; } #mypage_author_list dl dl b, #mypage_disease_list dl dl b { position: absolute; top: 0; right: 0; font-weight: 400; color: #888; } #mypage_author_list dl dl dt { position: relative; padding: 0 160px 0 0; line-height: 1.8; overflow: hidden; } #mypage_author_list dl dt a img, #mypage_disease_list dl dt a img { width: 115px } #mypage_author_list.global a img { width: 170px; } #mypage_disease_hot > dl > dt dt { width: 100% \7; font-size: 13px; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } #mypage_disease_list dl dl a.topic { width: 100% \7; padding: 0 70px 0 0; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } #mypage_disease_list dl dl dt { position: relative; line-height: 1.8; overflow: hidden; } #mypage_head { padding: 0 32px; margin: 0 0 20px; overflow: hidden; } #mypage_head ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } #mypage_head ul li { position: relative; float: left; } #mypage_head ul li a { display: block; padding: 5px 15px; color: #666; border-right: 1px solid #E5E5E5; font-size: 15px; } #mypage_head dl dt b, #mypage_stars_list form > dl > dt > b, #mypage_author_list form > dl > dt > b, #mypage_disease_list form > dl > dt > b { color: #FB4C2F; font-size: 13px; font-weight: 400; } #mypage_head ul li.active a, #mypage_head a:hover { color: #0054A6; background-color: #fff; } #mypage_save_hot b { display: inline-block; width: 22px; height: 30px; margin: 0 10px 0 0; font-size: 13px; font-weight: 400; text-align: center; background: #f2f2f2; line-height: 30px; } #mypage_save_hot dt { position: relative; padding: 0 30px 1px 0; } #mypage_save_hot dt a { display: block; width: 100% \7; width: 288px; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } #mypage_save_hot dt:hover b { color: #222; background: #e5e5e5; } #mypage_save_hot dt iframe { position: absolute; right: 0; top: 0; } #mypage_save_list dt { position: relative } #mypage_save_list dt > a { position: relative; display: block; min-height: 96px; max-height: 96px; margin: 0 50px 0 32px; padding: 30px 30px 30px 0; color: #222; border-bottom: 1px solid #e5e5e5; font-size: 13px; font-weight: 400; line-height: 1.5; overflow: hidden; } #mypage_save_list dt > a > b { max-height: 114px; max-width: 180px; overflow: hidden; float: right; } #mypage_save_list dt a h3 { margin: -2px 0 8px; font: bold 18px Arial, Helvetica, sans-serif; } #mypage_save_list dt a u { display: block; margin: 10px 0 0; color: #888; text-decoration: none; } #mypage_save_list dt a:hover h3 { color: #000 } #mypage_save_list img { display: block; float: right; width: auto; max-width: 180px; margin: 0 0 0 10px; } #mypage_save_search { position: absolute; left: 0; padding: 0 32px; } #mypage_stars, #mypage_author, #mypage_disease, #mypage_save { position: relative; overflow: hidden; } #mypage_stars_hot .area_body, #mypage_author_hot .area_body, #mypage_disease_hot .area_body, #mypage_disease_hot > dl > dt > dl, #mypage_save_hot .area_body { overflow: hidden } #mypage_disease_hot > dl > dt > dl, #mypage_author_hot > dl > dt > dl { position: absolute; left: 100px; top: 45px; width: 210px; } #mypage_stars_hot > dl > dt dt { width: 100% \7; font-size: 13px; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } #mypage_author_hot > dl > dt dt { width: 100% \7; font-size: 13px; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } #mypage_stars_hot > dl > dt, #mypage_author_hot > dl > dt, #mypage_disease_hot > dl > dt { position: relative; width: 100% \7; margin: 0; padding: 10px; border-bottom: 1px solid #D7D7D7; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } #mypage_stars_hot > dl > dt:last-child, #mypage_author_hot > dl > dt:last-child, #mypage_disease_hot > dl > dt:last-child { border-bottom: none } #mypage_stars_hot, #mypage_author_hot, #mypage_disease_hot, #mypage_save_hot { float: right; width: 318px; margin: 0 32px 30px; font: 15px/2 Arial, Helvetica, sans-serif; } #mypage_stars_list form > dl > dt img { width: auto; max-width: 100%; } #mypage_stars_list form > dl > dt, #mypage_author_list form > dl > dt, #mypage_disease_list form > dl > dt { position: relative; min-height: 126px; padding: 15px 80px 10px 10px; border-bottom: 1px solid #D7D7D7; overflow: hidden; } #mypage_stars_list form > dl, #mypage_author_list form > dl, #mypage_disease_list form > dl { padding: 0 0 0 32px } #mypage_stars_list dl dl a { float: left; width: 162px; margin: 0 10px 0 0; } #mypage_stars_list dl dl a u { max-width: 162px; max-height: 103px; overflow: hidden; display: block; } #mypage_stars_list, #mypage_author_list, #mypage_disease_list, #mypage_save_list { float: left; width: 810px; margin: 0 0 30px; } #mypage_stars_list_bar b, #mypage_author_list_bar b, #mypage_disease_list_bar b, #mypage_save_list_bar b { margin: 0 10px; color: #D7D7D7; } #mypage_stars_list_bar, #mypage_author_list_bar, #mypage_disease_list_bar, #mypage_save_list_bar { margin: 0 0 0 32px; padding: 5px 0 10px; border-bottom: 1px solid #D7D7D7; font-size: 15px; text-align: right; overflow: hidden; } .del_btn { display: inline-block; width: 68px; margin: 0 0 0 10px; text-align: center; text-decoration: none; background: #F2F2F2; border: 1px solid #e5e5e5; border-radius: 4px; } .del_btn:hover { color: #fff; background: #888; border: 1px solid #666; } .mypage_save_search_submit { display: block; float: left; width: 66px; height: 34px; background: url(/news/img/sprite.png) no-repeat -134px -2359px; } .mypage_save_search_submit:hover { background-position: -134px -2409px } /* .on { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); opacity: .4; } */ .on, a.track:hover { background: #eee } .pagelink { padding: 50px 0 70px 32px } .showmore { border: none } #mypage_save_hot dt a.temporary_add { position: absolute; top: 0; right: 0; width: 30px; height: 30px; background: url(/news/img/sprite.png) no-repeat -178px -350px; border-radius: 2px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter: alpha(opacity=70); opacity: 0.7; } .temporary_add:hover, #mypage_save_hot dt a.temporary_add:hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1.0; } #mypage_save_hot dt a.temporary_add.on, #mypage_save_hot dt a.temporary_add.on:hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); filter: alpha(opacity=30); opacity: .30; } .temporary_add:hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1.0; } .track { display: inline-block; height: 26px; padding: 0 10px; color: #4d4d4d; font-size: 12px; -moz-border-radius: 2px; -moz-box-shadow: #f2f2f2 0 1px 1px; -webkit-border-radius: 2px; -webkit-box-shadow: #f2f2f2 0 1px 1px; background: #FFF; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: #f2f2f2 0 1px 1px; line-height: 28px; font-weight: 400; } a.track { color: #4d4d4d } .track b { display: inline-block; float: left; width: 20px; height: 26px; background: url(/news/img/sprite.png) no-repeat -168px -2462px; } a.explanation { display: inline-block; float: left; width: 28px; height: 28px; padding: 0; background: url(/news/img/sprite.png) no-repeat -179px -959px; } div.del { position: absolute; top: 0; right: 0; width: 70px; height: 125px; padding: 31px 0 0; color: #666; border-bottom: 1px solid #ddd; text-align: center; background: #f2f2f2; } div.del a { display: block; color: #666; } div.del a b, div.del b { display: block; width: 16px; height: 16px; margin: 10px auto 0; background: url(/news/img/sprite.png) no-repeat -117px -2468px; } b.del { display: inline-block; float: right; width: 16px; height: 16px; margin: 8px 0 0; background: url(/news/img/sprite.png) no-repeat -117px -2468px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); filter: alpha(opacity=30); opacity: .3; } b.del:hover { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); opacity: 1.0; } form input.mypage_save_search_input { float: left; width: 250px; height: 34px; border-color: #cdcdcd; line-height: 34px; overflow: hidden; } /* mypage ======================================================================================================================= */ /* photos ======================================================================================================================= */ #photo_body { position: relative; overflow: hidden; } #photo_body a { position: relative; float: left; width: 200px; margin: 0 8px 0 0; padding: 0 0 30px; overflow: hidden; } #photo_body h4 { color: #666; font-size: 13px; font-weight: 400; } #photo_head { padding: 0 32px; border-bottom: 1px solid #D7D7D7; overflow: hidden; } #photo_head a { display: block; float: left; min-width: 28px; margin: 0 10px 0 0; padding: 12px 0 3px; color: #666; border-bottom: 4px solid #fff; text-align: center; } #photo_head a.active, #photo_head a:hover { color: #0054a6; border-bottom: 4px solid #0054a6; font-weight: 700; } /* photos ======================================================================================================================= */ /* ranking ======================================================================================================================= */ #ranking_body { padding: 0 32px } #ranking_filter { padding: 20px 0; overflow: hidden; } #ranking_filter a { display: block; float: left; margin: 0 20px 10px 0; padding: 3px 15px 2px; color: #666; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; } #ranking_filter a.active, #ranking_filter a:hover { color: #fff; background: #70b1f1; } #ranking_head, #mypage_head { padding: 0 32px; border-bottom: 1px solid #D7D7D7; overflow: hidden; } #ranking_head a, #mypage_head a { display: block; float: left; min-width: 28px; margin: 0 10px 0 0; padding: 12px 0 3px; color: #666; border-bottom: 4px solid #fff; text-align: center; } #ranking { padding: 0 0 30px } #mypage_head a { width: 160px } #ranking_head a.active, #ranking_head a:hover, #mypage_head .active a, #mypage_head a:hover { color: #0054a6; border-bottom: 4px solid #0054a6; font-weight: 700; } #ranking_table { margin: 0 0 60px } #ranking_table .no1 b { color: #fff; font-weight: 700; background: #f60; border: 1px solid #f60; } #ranking_table a { position: relative; color: #222; font-size: 15px; } #ranking_table a.sp { color: #ee5103 } #ranking_table b { display: block; width: 23px; height: 23px; margin: auto; font-size: 13px; font-weight: 400; text-align: center; line-height: 25px; } #ranking_table td { padding: 10px 5px; border-bottom: 1px dotted #888; } #ranking_table th { padding: 10px 5px; border-bottom: 3px solid #d7d7d7; white-space: nowrap; } #ranking_table tr:hover td { background: #fff9e5 } /* ranking ======================================================================================================================= */ /* result ======================================================================================================================= */ #result { position: relative; overflow: hidden; } #result dt a { position: relative; nowhitespace: afterproperty; display: block; min-height: 90px; margin: 0 32px; padding: 30px 180px 10px 30px; border-bottom: 1px solid #E5E6E8; font-size: 13px; line-height: 1.5; /* float: left;*/; } #result dt a .cat { color: gray } #result dt a h3 { margin: -2px 0 8px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; } #result dt a p { display: block; /* float: left;*/padding:0 160px 0 0;color:#222;overflow:hidden;; } #result dt a:hover { background: #fff9e5 } /* #result_list { float: left; } */ #result_search { float: right; width: 300px; padding: 34px 32px; } #result_search b { display: block; padding: 0 0 6px; color: #222; font-size: 15px; font-weight: 400; } #result_search form { padding: 0 0 40px; overflow: hidden; } #result_search li { padding: 8px 0 0; color: gray; line-height: 1.5; } #result_search ul { margin: 0; padding: 0 0 0 20px; clear: both; overflow: hidden; } #search_content a:hover i { display: block; height: auto; background: #FFF; overflow: visible; z-index: 2; } #search_content i { position: absolute; top: 30px; right: 30px; width: 150px; height: 100px; overflow: hidden; } #search_content i img { max-width: 150px; border-style: none; } #search_info { padding: 34px 32px 14px; color: gray; } #search_info u { color: #f60; font-weight: 700; text-decoration: none; } .pagelink { padding: 50px 0 70px } .result_search_submit { display: block; float: left; width: 66px; height: 34px; background: url(/news/img/sprite.png) no-repeat -134px -2359px; } .result_search_submit:hover { background-position: -134px -2409px } form input.result_search_input { float: left; width: 224px; height: 34px; border-color: #cdcdcd; } /* result ======================================================================================================================= */ /* rss ======================================================================================================================= */ #rss_list .active .close_this b { background: url(/news/img/sprite.png) no-repeat -15px -2114px } #rss_list .active .open_this { display: none } #rss_list .active dl, #rss_list .active .close_this { display: block } #rss_list .close_this, .group_btn .close_this { position: absolute; display: none; float: left; top: 0; right: 0; width: 45px; height: 26px; padding: 0 10px; color: #4d4d4d; font-size: 12px; text-decoration: none; -moz-border-radius: 2px; -moz-box-shadow: #f2f2f2 0 1px 1px; -webkit-border-radius: 2px; -webkit-box-shadow: #f2f2f2 0 1px 1px; background: #FFF; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: #f2f2f2 0 1px 1px; line-height: 28px; } #rss_list .close_this b, .group_btn .close_this b { display: inline-block; float: left; width: 20px; height: 26px; background: url(/news/img/sprite.png) no-repeat -15px -2114px; } #rss_list .group { position: relative; border-bottom: 1px solid #D7D7D7; overflow: hidden; } #rss_list .group dl { display: none; padding: 0 32px 32px; overflow: hidden; } #rss_list .open_this, .group_btn .open_this { position: absolute; float: left; top: 0; right: 0; width: 45px; height: 26px; padding: 0 10px; color: #4d4d4d; font-size: 12px; text-decoration: none; -moz-border-radius: 2px; -moz-box-shadow: #f2f2f2 0 1px 1px; -webkit-border-radius: 2px; -webkit-box-shadow: #f2f2f2 0 1px 1px; background: #FFF; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: #f2f2f2 0 1px 1px; line-height: 28px; } #rss_list .open_this b, .group_btn .open_this b { display: inline-block; float: left; width: 20px; height: 26px; background: url(/news/img/sprite.png) no-repeat -116px -1614px; } .group_btn .open_this, .group_btn .close_this { width: 98px } #rss_list .single { padding: 0 } #rss_list .single h3 { padding: 16px 32px 12px; color: #222; } #rss_list .single .ssr { background-color: #f5f5f5 } #rss_list .single h3:hover, #rss_list .on { background: #fbfbe9 } #rss_list dl dt { display: block; float: left; width: 25%; padding: 6px 0; } #rss_list h3 > a, #rss_list dl dt a { color: #444; text-decoration: none; } #rss_list dl dt a:hover { color: #0054A6 } #rss_list .ssr h3 a b, #rss_list h3 a b, #rss_list dl dt b { display: block; float: left; width: 28px; height: 24px; background: url(/news/img/sprite.png) no-repeat -13px -2165px; } #rss_list .ssr h3 a b, #rss_list .ssr dl dt b { background-position: -116px -2712px } .group > a { position: absolute; display: block; top: 12px; right: 32px; width: 65px; height: 28px; } /* rss ======================================================================================================================= */ /* sidebar ======================================================================================================================= */ #sidebar .deep .area_body { padding: 15px 14px 0; font-size: 13px; } #sidebar .deep .area_body > dt { padding: 0 0 20px } #sidebar .deep .area_body dl { float: left } #sidebar .deep .area_body dt { overflow: hidden } #sidebar .deep a img { display: block } #sidebar .deep a.pro { width: 80px; padding: 0 10px 0 0; color: #999; text-align: center; } #sidebar .deep dt a { position: relative; display: block; float: left; width: 180px; padding: 0 0 10px; line-height: 1.5; } #sidebar_blog_body a { display: block; padding: 0 0 15px; line-height: 1.2; } #sidebar .tiles dd li > a { display: block; float: left; width: 80px; height: 80px; text-indent: -9999px; background: url(/news/img/sprite.png) no-repeat 0 -1830px; margin: 0 10px 0 0; } #sidebar .tiles dd li > a#login:hover { background-position: -100px -1830px } #sidebar .tiles dd li > a#publication { background-position: 0 -1920px } #sidebar .tiles dd li > a#publication:hover { background-position: -100px -1920px } #sidebar .tiles dd li > a#email { background-position: 0 -2920px } #sidebar .tiles dd li > a#email:hover { background-position: -100px -2920px } #sidebar .tiles > dl > dd { overflow: hidden } #sidebar .tiles { padding: 15px 14px } #sidebar .tiles dd ul, #sidebar .tiles dd li { list-style: none; margin: 0; padding: 0; } #sidebar_epaper #email { display: block; width: 268px; margin: 0 0 10px; padding: 5px 0; color: #666; border: 1px solid #bbb; } #sidebar_epaper_body .send { display: block; margin: 6px 0; padding: 8px 0; color: #fff; text-align: center; background: #6fb1f0; line-height: 1; } #sidebar_epaper_body .send:hover { text-decoration: none; background: #0075c2; } #sidebar_epaper_body dt { position: relative; overflow: hidden; } #sidebar_epaper_body form dt:first-child input { width: 100%; height: 30px; line-height: 30px; color: #333; text-align: left; padding: 0 10px; border: 1px solid #d6d6d6; font-size: 15px; } #sidebar_feed { border: none } #sidebar_feed_like { height: 185px; margin: 0 0 10px; background: #fff; } #sidebar_feed_recommendations { height: 300px; background: #fff; } /* sidebar ======================================================================================================================= */ /* sitemap ======================================================================================================================= */ #sitemaps_list .active .close_this b { background: url(/news/img/sprite.png) no-repeat -15px -2114px } #sitemaps_list .active dl, #sitemaps_list .active .open_this { display: block } #sitemaps_list .active .close_this { display: none } #sitemaps_list .close_this { position: absolute; display: none; float: left; top: 0; right: 0; width: 45px; height: 26px; padding: 0 10px; color: #4d4d4d; font-size: 12px; text-decoration: none; -moz-border-radius: 2px; -moz-box-shadow: #f2f2f2 0 1px 1px; -webkit-border-radius: 2px; -webkit-box-shadow: #f2f2f2 0 1px 1px; background: #FFF; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: #f2f2f2 0 1px 1px; line-height: 28px; } #sitemaps_list .close_this b { display: inline-block; float: left; width: 20px; height: 26px; background: url(/news/img/sprite.png) no-repeat 115px -1614px; } #sitemaps_list .group { position: relative; border-bottom: 1px solid #D7D7D7; overflow: hidden; } #sitemaps_list .group dl { display: none; padding: 0 32px 32px; overflow: hidden; } #sitemaps_list .open_this { position: absolute; float: left; top: 0; right: 0; width: 45px; height: 26px; padding: 0 10px; color: #4d4d4d; font-size: 12px; text-decoration: none; -moz-border-radius: 2px; -moz-box-shadow: #f2f2f2 0 1px 1px; -webkit-border-radius: 2px; -webkit-box-shadow: #f2f2f2 0 1px 1px; background: #FFF; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: #f2f2f2 0 1px 1px; line-height: 28px; } #sitemaps_list .open_this b { display: inline-block; float: left; width: 20px; height: 26px; background: url(/news/img/sprite.png) no-repeat -116px -1614px; } #sitemaps_list .single { padding: 0 } #sitemaps_list .single h3 { padding: 16px 32px 12px; color: #222; } #sitemaps_list .single h3:hover, #sitemaps_list .on { background: #fbfbe9 } #sitemaps_list dl dt { display: block; float: left; width: 25%; padding: 6px 0; } #sitemaps_list dl dt a { padding: 0 0 0 12px; color: #444; text-decoration: none; background: url(/news/img/sprite.png) no-repeat -197px -1066px; } #sitemaps_list dl dt a:hover { color: #0054A6 } .group > a { position: absolute; display: block; top: 12px; right: 32px; width: 65px; height: 28px; } /* sitemap ======================================================================================================================= */ /* story ======================================================================================================================= */ #comments hr { border-bottom-color: #d7d7d7; } #jumpMenu { position: absolute; top: 0px; right: 0px; height: 24px; } #jumpMenu option { font: 16px/1.8 Helvetica, Arial, "LiHei Pro", 新細明體, PMingLiU, sans-serif;} #ec { line-height: 1.3 } #ec_body dt a, #slideshow_body dt a { display: block; float: left; width: 200px; margin: 0 8px 0 0; } #ec_body dt a { width: 158px } #ec_body dt a img { width: auto; max-width: 100%; } #ec_body dt h4 { padding: 8px 0; font-weight: 400; } #ec_body dt span { color: red; font-weight: 400; } #ec_body dt span b { color: #999; font-weight: 400; } #ec_body, #slideshow_body { padding: 28px 0 32px 32px; overflow: hidden; } #line_share { display: block; float: left; width: 102px; height: 25px; margin: 0 20px 0 0; text-indent: -999px; background: url(/news/img/sprite.png) no-repeat left -2214px; } #line_udn { display: block; float: left; width: 90px; height: 25px; text-indent: -999px; background: url(/news/img/sprite.png) no-repeat -110px -2214px; } #slideshow_body dt h4 { padding: 6px 0 5px; font-weight: 400; } #story, .social_pop { position: relative } #story_also { margin: 25px 0; padding: 20px 30px; background: #f2f2f2; overflow: hidden; } #story_also a { display: block; float: left; width: 365px; padding: 0 0 0 17px; background: url(/news/img/sprite.png) no-repeat -193px -1062px; line-height: 2; } #story_also h4 { padding: 0 0 10px; color: #2362ac; } #story_bady_info { margin: 20px 0 40px; overflow: hidden; } #story_bady_info > iframe { float: left } #story_body { border-bottom: 1px solid #d7d7d7; text-align: justify; letter-spacing: 1px; text-justify: inter-ideograph; } #story_body blockquote { border-left: 3px solid #666; margin: 1em 0; padding: 1em; background-color: #f5f5f5; } #story_body .mvouter { margin: 10px auto; z-index: 1; } #story_body .on { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); opacity: .4; } #story_body .on, #story_body a.track:hover, #story_body a.temporary_added:hover { background: #eee } #story_body .photo { position: relative; margin: 20px auto; } .photo_left, .photo_right, .photo_center { visibility:hidden; position:absolute; } #story_body .photo h4, #story_body .photo_left h4, #story_body .photo_right h4, #story_body .photo_center h4, #story_body .photo_center_m h4, #story_body .mvouter a { display: block; padding: 10px 0 30px; color: #444; font-size: 13px; font-weight: 400; } #story_body .photo_center, #story_body .photo_center_m { position: relative; display: table; float: none; margin: 10px auto; } #story_body .photo_left { float: left; clear: left; margin: 5px 30px 10px 0; } #story_body .photo_right { float: right; clear: right; margin: 5px 0 10px 30px; } #story_body .track, #story_body .temporary_added { float: left; height: 26px; padding: 0 10px; color: #4d4d4d; font-size: 12px; -moz-border-radius: 2px; -moz-box-shadow: #f2f2f2 0 1px 1px; -webkit-border-radius: 2px; -webkit-box-shadow: #f2f2f2 0 1px 1px; background: #FFF; border: 1px solid #d9d9d9; border-radius: 2px; box-shadow: #f2f2f2 0 1px 1px; line-height: 28px; } #story_body .temporary_added { margin: 0 0 0 10px } #story_body .track b, #story_body .temporary_added b { display: inline-block; float: left; width: 20px; height: 26px; background: url(/news/img/sprite.png) no-repeat -168px -2462px; } #story_body .temporary_added b { background-position: -184px -352px } #story_body a.explanation { display: inline-block; float: left; width: 28px; height: 28px; padding: 0; background: url(/news/img/sprite.png) no-repeat -179px -959px; } #story_body h2 { padding: 0 135px 0 0; color: #222; font: 32px/1.3 黑體,"Microsoft YaHei",微软雅黑体, 微軟雅黑體,"Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; } #story_body h3 { float: left; margin: 0 20px 0 0; padding: 6px 0; color: #999; font-size: 12px; font-weight: 400; } #story_body img { width: auto; max-width: 100%; } #story_body, #story_foot { position: relative; padding: 28px 32px 32px; color: #444; font-size: 15px; } #story_body { padding: 28px 68px 32px; font-size: 18px; line-height: 1.7; font-family: 黑體, Helvetica,Heiti TC,Segoe UI,Meiryo,微軟正黑體; } #story_body p { margin: 20px 0 } #story_also { font-size: 16px } #story_body_content { overflow: hidden; display: block; } #story_body_content a { color: #0054a6; text-decoration:underline; } #story_body_content a:hover { text-decoration: none } #story_foot { padding: 28px 27px 20px; overflow: hidden; } #story_foot > div { box-sizing: border-box; display: block; float: left; overflow: hidden; padding: 0 5px; width: 50%; } #story_foot > div > dl > dt { padding: 0 100px 0 0; position: relative; } #story_foot a { display: block; padding: 0 0 0 16px; background: url(/news/img/sprite.png) no-repeat -192px -1060px; line-height: 2; } #story_foot a b { position: absolute; right: 10px; margin: 0 0 0 15px; color: #999; font-size: 12px; font-weight: 400; } #story_foot a.sp { color: #EE5103 } #story_foot h4 { color: #0054a6; font-size: 16px; padding: 0 0 10px; } #story_related #prev, #story_related #next { position: fixed; display: block; top: 50%; right: 0; width: 38px; height: 48px; margin-top: -24px; margin-left: -19px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); _margin-top: 0; _position: absolute; _top: expression(documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight)/2); background: url(/news/img/sprite.png) no-repeat -62px -1250px; filter: alpha(opacity=60); opacity: .6; z-index: 2; } #story_related #next { right: auto; left: 0; margin-right: -19px; margin-left: auto; background-position: 0 -1250px; } #story_related a { text-indent: -999px; overflow: hidden; } #temporary_add, #temporary_added { position: absolute; top: 34px; right: 32px; padding: 7px 15px 7px 40px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: url(/news/img/sprite.png) no-repeat -165px -345px; border: 1px solid #CCC; border-radius: 2px; color: #444; font-weight: 400; } #temporary_add:hover { color: #FFF; background: url(/news/img/sprite.png) no-repeat -165px -345px #0054a6; border: 1px solid #333; } .dialog_number { display: block; float: left; padding: 0 0 0 11px; background: url(/news/img/sprite.png) no-repeat -153px -861px; overflow: hidden; } .dialog_number b { display: block; padding: 5px 7px 0 0; color: #333; font-weight: 400; background: url(/news/img/sprite.png) no-repeat right -861px; line-height: 23px; overflow: hidden; } .photo_pop { position: absolute; top: 0; left: 0; } .photo_pop a { display: block; float: left; width: 30px; height: 31px; text-indent: -9999px; overflow: hidden; } .photo_pop li { float: left; margin-right: 20px; } .photo_pop li.pinterest a { background: url(/news/img/sprite.png) no-repeat -110px -958px } .photo_pop ul { position: relative; display: none; width: 130px; height: 31px; margin: 0; padding: 5px 20px; background: #f5f5f5; border: 1px solid #ccc; list-style: none; z-index: 2; } .photo_pop_icon { position: absolute; display: block; top: 0; left: 0; width: 30px; height: 30px; text-indent: -9999px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); background: url(/news/img/sprite.png) no-repeat 6px -457px #fff; filter: alpha(opacity=30); opacity: .3; overflow: hidden; } .social_bar { display: inline-block; width: 100%; height: 45px; padding: 8px 31px 10px; color: #666; border-bottom: 1px solid #d7d7d7; line-height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .social_bar a { display: block; float: left; width: 30px; height: 31px; text-indent: -9999px; overflow: hidden; } .social_bar li { float: left; margin-right: 20px; } .social_bar li.discuss a { width: 27px; background: url(/news/img/sprite.png) no-repeat -176px -793px; } .social_bar li.facebook a, .photo_pop li.facebook a { background: url(/news/img/sprite.png) no-repeat -60px -1109px } .social_bar li.fb_comments .dialog_number { background-position: -153px -866px } .social_bar li.fb_comments .dialog_number b { padding: 0 15px 0 0; background-position: right -866px; } .social_bar li.fb_comments a { text-decoration:none; width: auto; nowhitespace: afterproperty; height: 20px; padding: 0 5px 0 3px; color: #FFF; font-weight: 700; text-indent: 0; /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */; /* IE10 Consumer Preview */background-image:-ms-linear-gradient(top left, #4C69BA 0%, #3B55A0 100%); /* Mozilla Firefox */background-image:-moz-linear-gradient(top left, #4C69BA 0%, #3B55A0 100%); /* Opera */background-image:-o-linear-gradient(top left, #4C69BA 0%, #3B55A0 100%); /* Webkit (Safari/Chrome 10) */background-image:-webkit-gradient(linear, left top, right bottom, color-stop(0, #4C69BA), color-stop(1, #3B55A0)); /* Webkit (Chrome 11+) */background-image:-webkit-linear-gradient(top left, #4C69BA 0%, #3B55A0 100%); /* W3C Markup, IE10 Release Preview */background-image:linear-gradient(to bottom right, #4C69BA 0%, #3B55A0 100%);border:medium none;border-radius:2px;cursor:pointer;line-height:20px;text-shadow:0 -1px 0 #354C8C;white-space:nowrap;; } .social_bar li.fb_comments a > b { position: relative; display: inline-block; top: 3px; width: 14px; height: 14px; margin: 0 3px 0 0; background: url(/news/img/fb.png) no-repeat 0 -42px; } .social_bar li.gp { width: 65px; margin-right: 13px; } .social_bar li.print a { width: 27px; background: url(/news/img/sprite.png) no-repeat 0 -656px; } .social_bar li a.sendmail { background: url(/news/img/sprite.png) no-repeat -176px -742px } .social_bar li.share, .social_bar li.like, .social_bar li.gp, .social_bar li.fb_comments { padding: 6px 0 0 } .social_bar li.twitter a, .social_bar li.plurk a, .photo_pop li.twitter a { background: url(/news/img/sprite.png) no-repeat -10px -759px } .social_bar li.plurk a { background-position: -10px -709px } .social_bar > ul { margin: 0; padding: 0; } .social_bar ul { list-style: none } .social_pop > a { width: 57px; background: url(/news/img/sprite.png) no-repeat 0 -1043px; } .social_pop li { margin-right: 20px } .social_pop li.print, .photo_pop li.pinterest { margin-right: 0 } .social_pop li:hover a, .photo_pop li:hover a { margin-top: -1px } .social_pop ul { position: absolute; display: none; top: 16px; left: 0; width: 130px; padding: 5px 20px; background: #f5f5f5; border: 1px solid #ccc; z-index: 2; } .social_pop:hover > a { background: url(/news/img/sprite.png) no-repeat -100px -1043px } .social_pop:hover ul, .photo:hover ul, .photo_left:hover ul, .photo_right:hover ul, .photo_center:hover ul, .photo_center_m:hover ul { display: block } a.post_new { float: right; margin: 10px 0; padding: 4px 20px; color: #FFF; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #6db0f2; border: 1px solid #5a9ff0; border-radius: 4px; cursor: pointer; } a.post_new:hover { background: #5a9ff0; border: 1px solid #488fec; } #story_author { margin: 30px 0; padding: 20px 0; border-top: 1px solid #d7d7d7; } #set_font_size { position: absolute; right: 24px; top: 11px; border: solid 1px #b9b9b9; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #set_font_size a { display: block; padding: 0 6px 0 8px; margin: 1px; text-align: center; font-weight: bold; font-size: 14px; line-height: 1.5; color: #666; float: left; } #set_font_size a:last-child { border-left: solid 1px #b9b9b9; padding: 0 6px; } #set_font_size a:hover { background-color: #f5f5f5; color: #000; text-decoration:none; } .more2,.more3,.more4 { display: none; } #cboxTitle { display: none !important; } #cboxOverlay { background-color: hsl(0, 100%, 100%) !important;} /* story ======================================================================================================================= */ /* videos ======================================================================================================================= */ .videos_body { padding: 28px 0 32px 32px; overflow: hidden; } .videos_body dt a { position: relative; display: block; float: left; width: 200px; margin: 0 8px 0 0; } .videos_body dt b { position: absolute; display: block; top: 10px; left: 10px; width: 40px; height: 40px; background: url(/news/img/sprite.png) no-repeat -159px -707px; overflow: hidden; } .videos_body dt h4 { padding: 6px 0 1px; font-weight: 400; } /* videos ======================================================================================================================= */ /* vote ======================================================================================================================= */ #vote_body .pk .sendbtn { margin: 10px 0 0 } #vote_body .pk .sendbtn b { height: 44px; margin: 0 0 0 10px; } #vote_body .pk dt { float: left; width: 49.5%; } #vote_body .pk dt.pk_space { width: 1% } #vote_body .pk span { position: relative; top: auto; left: auto; margin: auto; } #vote_body .pk_area_1 b, #vote_body .pk_area_2 b { position: absolute; right: 0; bottom: 0; width: 50px; margin: 0; text-align: center; } #vote_body .pk_area_1, #vote_body .pk_area_2 { position: relative; padding: 0 50px 0 0; background: #F5F5F5; } #vote_body .pk_area_2 { padding: 0 0 0 50px } #vote_body .pk_area_2 b { right: auto; left: 0; } #vote_body .send { display: block; margin: 6px 0; padding: 8px 0; color: #fff; text-align: center; background: #6fb1f0; } #vote_body .send:hover { background: #0075c2 } #vote_body > b { display: block; margin: 5px 0 20px; color: #0054a6; letter-spacing: 1px; font-size: 16px; font-weight: 700; } #vote_body b.color_1 { background: #ffbc86 } #vote_body b.color_2 { background: #dfdfdf } #vote_body dl { padding: 20px 0 10px } #vote_body dt { position: relative; padding: 0 0 10px; line-height: 30px; overflow: hidden; } #vote_body dt b { display: block; float: left; height: 30px; margin: 0 0 0 25px; } #vote_body span { position: absolute; top: 0; right: 0; } #vote_list_body { padding: 0 32px } #vote_list_filter { padding: 20px 0; overflow: hidden; } #vote_list_filter a { display: block; float: left; margin: 0 20px 0 0; padding: 3px 15px 2px; color: #666; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; } #vote_list_filter a.active, #vote_list_filter a:hover { color: #fff; background: #70b1f1; } #vote_list_head { margin: 0 0 20px; padding: 0 32px; border-bottom: 1px solid #D7D7D7; overflow: hidden; } #vote_list_head a { display: block; float: left; min-width: 28px; margin: 0 10px 0 0; padding: 12px 0 3px; color: #666; border-bottom: 4px solid #fff; text-align: center; } #vote_list_head a.active, #vote_list_head a:hover { color: #0054a6; border-bottom: 4px solid #0054a6; font-weight: 700; } #vote_list_table .no1 b { color: #fff; font-weight: 700; background: #f60; border: 1px solid #f60; } #ranking_table .striped, #vote_list_table .striped, #weather_index_table .striped { background: #f5f5f5 } #vote_list_table .view_result { position: relative; display: block; width: 60px; height: 26px; margin: auto; padding: 0; text-indent: -999px; background: url(/news/img/sprite.png) no-repeat -95px -1714px; overflow: hidden; } #vote_list_table a { padding: 0 0 0 20px; color: #005FBA; font-size: 15px; } #vote_list_table b { display: block; width: 23px; height: 23px; margin: auto; font-size: 13px; font-weight: 400; text-align: center; background: #fff; border: 1px solid #f2f2f2; line-height: 25px; } #vote_list_table td { padding: 10px 0; border-bottom: 1px dotted #888; } #vote_list_table th { padding: 10px 5px 10px 0; border-bottom: 3px solid #d7d7d7; white-space: nowrap; } #vote_list_table tr:hover td { background: #fff9e5 } #vote_more a { display: block; padding: 0 0 0 12px; background: url(/news/img/sprite.png) no-repeat -197px -1060px; line-height: 2; } #vote_more a b { margin: 0 0 0 15px; color: #999; font-size: 12px; font-weight: 400; } .vtotal { padding: 10px 0; text-align: right; } body.votes #vote_body img { width: auto; max-width: 100%; } body.votes #vote_body input { margin: 0 10px 0 0 } body.votes #vote_body, body.votes #vote_more { padding: 20px 32px; font-size: 15px; } body.votes #vote_more { padding: 0 32px 30px } body.votes #vote_more h4, #vote_body dl.pk { padding: 0 0 10px } body.votes .pagelink { padding: 40px 0 80px } body.votes label { position: absolute } body.votes .dondon { float: left } body.votes .dondon_item label { position: relative } /* vote ======================================================================================================================= */ /* weather ======================================================================================================================= */ #sidebar_weather { font-size: 13px } #weather_bar { margin: 0 0 10px; background: #f5f5f5; font-size: 16px; font-weight: 700; line-height: 44px; overflow: hidden; } #weather_bar a h3 { display: block; float: left; width: 43%; height: 44px; color: #ff7d00; text-indent: 30px; line-height: 44px; } #weather_bar b { display: block; float: left; width: 14%; height: 44px; color: #fff; text-align: center; background: #ff7d00; } #weather_day { color: #90c2e2; background: #cef; } #weather_day b, #weather_night b { position: absolute; top: 75px; left: 35px; } #weather_day h3, #weather_night h3 { position: absolute; top: 80px; left: 155px; font-size: 36px; } #weather_day h4, #weather_night h4 { position: absolute; top: 125px; left: 155px; } #weather_day h3, #weather_day h4 { color: #5497c6 } #weather_night h3, #weather_night h4 { color: #fff } #weather_day i, #weather_night i { position: absolute; top: 10px; right: 20px; font-size: 36px; font-weight: 400; } #weather_day, #weather_night { position: relative; float: left; width: 402px; height: 200px; margin: 0 20px 0 0; font-size: 16px; font-weight: 700; } #weather_globals .area_body { padding: 20px 32px; overflow: hidden; } #weather_globals a { color: #444; font-size: 15px; text-decoration: none; line-height: 1.5; } #weather_globals dt { float: left; width: 25%; padding: 20px 0; border-bottom: none; } #weather_index_body { width: 844px; padding: 0 32px 32px; overflow: hidden; } #weather_index_body h1 { color: #666; font-size: 16px; } #weather_index_body h1 b { font-size: 36px; font-weight: 400; } #weather_index_filter { padding: 20px 0; overflow: hidden; } #weather_index_filter a { display: block; float: left; margin: 0 20px 0 0; padding: 3px 15px 2px; color: #666; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #fff; border: 1px solid #d9d9d9; border-radius: 2px; } #weather_index_filter a.active, #weather_index_filter a:hover { color: #fff; background: #70b1f1; } #weather_index_foot { padding: 10px 32px; background: #f5f5f5; overflow: hidden; } #weather_index_foot b { float: none; margin: auto; clear: both; display: block; } #weather_index_foot dt { float: left; width: 97px; padding: 10px; border-bottom: none; text-align: center; } #weather_index_foot dt:hover { background: #fff } #weather_index_head { margin: 0 0 20px; padding: 0 32px; border-bottom: 1px solid #D7D7D7; overflow: hidden; } #weather_index_head a { display: block; float: left; min-width: 28px; margin: 0 10px 0 0; padding: 12px 12px 3px; color: #666; border-bottom: 4px solid #fff; text-align: center; font-size: 16px; font-weight: 700; line-height: 2; } #weather_index_head a.active, #weather_index_head a:hover { color: #0054a6; border-bottom: 4px solid #0054a6; font-weight: 700; } #weather_index_live .area_body, #weather_index_info .area_body { padding: 20px 32px 32px; font-size: 15px; } #weather_index_photo .area_body { padding: 20px 0 32px 32px; overflow: hidden; } #weather_index_photo .area_body dt { float: left; width: 404px; margin: 0 20px 0 0; } #weather_index_table a { padding: 0 0 0 20px; color: #005FBA; font-size: 15px; } #weather_index_table td { padding: 10px; border-bottom: 1px dotted #888; } #weather_index_table th { padding: 10px 5px 10px 0; border-bottom: 3px solid #d7d7d7; white-space: nowrap; } #weather_index_table tr:hover td { background: #fff9e5 } #weather_night { color: #ccc; background: #999; } #weather_travel_body b, #weather_global_body b { margin: 0 1px; color: #ccc; font-weight: 400; } #weather_travels { color: #444; font-size: 15px; line-height: 1.5; } #weather_travels .area_body .big { font-weight: 700 } #weather_travels .area_body dl { padding: 0 32px; overflow: hidden; } #weather_travels .area_body h3 { padding: 20px 32px 0; color: #444; font-size: 26px; } #weather_travels .area_body hr { border-bottom: 1px solid #D7D7D7 } #weather_travels b, #weather_globals b { display: block; float: left; margin: 0 10px 0 0; } #weather_travels dt { float: left; width: 25%; padding: 0 0 20px; border-bottom: none; } #weather_typhoon_box #tab1 { padding: 10px 32px 32px; text-align: center; } #weather_typhoon_box #tab2 { padding: 10px 32px 32px; font-size: 15px; } #weather_typhoon_box #tab3 { padding: 10px 0 32px 32px; overflow: hidden; } #weather_typhoon_box #tab3 dt { float: left; width: 403px; margin: 0 20px 0 0; } #weather_typhoon_box img, #weather_index_photo .area_body img { width: auto; max-width: 100%; } #weather_typhoon_head { margin: 0 0 20px; padding: 0 32px; border-bottom: 1px solid #D7D7D7; overflow: hidden; } #weather_typhoon_head ul { margin: 0; padding: 0; list-style: none; overflow: hidden; } #weather_typhoon_head ul li { position: relative; float: left; } #weather_typhoon_head ul li a { display: block; float: left; margin: 0 10px 0 0; padding: 5px 12px 0; color: #666; border-bottom: 4px solid #FFF; text-align: center; font-size: 16px; font-weight: 700; line-height: 2; } #weather_typhoon_head ul li.active a, #weather_typhoon_head a:hover { color: #0054A6; border-bottom: 4px solid #0054A6; font-weight: 700; } .weather_icon a { margin: 0 10px 0 0; color: #0054A6; text-decoration: underline; line-height: 35px; } .weather_icon b { display: inline-block; float: right; background: url(/news/img/weather.png) no-repeat top left; } .weather_icon dt { padding: 5px 10px; border-bottom: solid 1px #e3e7ea; } b.weather_01 { width: 50px; height: 50px; } b.weather_02 { width: 50px; height: 50px; background-position: -100px 0; } b.weather_03 { width: 50px; height: 50px; background-position: -200px 0; } b.weather_04 { width: 50px; height: 50px; background-position: -300px 0; } b.weather_05 { width: 50px; height: 50px; background-position: -400px 0; } b.weather_06 { width: 50px; height: 50px; background-position: -500px 0; } b.weather_07 { width: 50px; height: 50px; background-position: -600px 0; } b.weather_07m { width: 50px; height: 50px; background-position: -700px 0; } b.weather_08 { width: 50px; height: 50px; background-position: -800px 0; } b.weather_08m { width: 50px; height: 50px; background-position: -900px 0; } b.weather_09 { width: 50px; height: 50px; background-position: -1000px 0; } b.weather_09m { width: 50px; height: 50px; background-position: -1100px 0; } b.weather_10 { width: 50px; height: 50px; background-position: -1200px 0; } b.weather_10m { width: 50px; height: 50px; background-position: -1300px 0; } b.weather_11 { width: 50px; height: 50px; background-position: -1400px 0; } b.weather_11m { width: 50px; height: 50px; background-position: -1500px 0; } b.weather_12 { width: 50px; height: 50px; background-position: -1600px 0; } b.weather_12m { width: 50px; height: 50px; background-position: -1700px 0; } b.weather_13 { width: 50px; height: 50px; background-position: -1800px 0; } b.weather_13m { width: 50px; height: 50px; background-position: -1900px 0; } b.weather_14 { width: 50px; height: 50px; background-position: 0 -100px; } b.weather_14m { width: 50px; height: 50px; background-position: -100px -100px; } b.weather_15 { width: 50px; height: 50px; background-position: -200px -100px; } b.weather_15m { width: 50px; height: 50px; background-position: -300px -100px; } b.weather_16 { width: 50px; height: 50px; background-position: -400px -100px; } b.weather_16m { width: 50px; height: 50px; background-position: -500px -100px; } b.weather_17 { width: 50px; height: 50px; background-position: -600px -100px; } b.weather_17m { width: 50px; height: 50px; background-position: -700px -100px; } b.weather_18 { width: 50px; height: 50px; background-position: -800px -100px; } b.weather_b_01 { width: 110px; height: 110px; background-position: -900px -100px; } b.weather_b_02 { width: 110px; height: 110px; background-position: -1060px -100px; } b.weather_b_03 { width: 110px; height: 110px; background-position: -1220px -100px; } b.weather_b_04 { width: 110px; height: 110px; background-position: -1380px -100px; } b.weather_b_05 { width: 110px; height: 110px; background-position: -1540px -100px; } b.weather_b_06 { width: 110px; height: 110px; background-position: -1700px -100px; } b.weather_b_07 { width: 110px; height: 110px; background-position: -1860px -100px; } b.weather_b_07m { width: 110px; height: 110px; background-position: 0 -260px; } b.weather_b_08 { width: 110px; height: 110px; background-position: -160px -260px; } b.weather_b_08m { width: 110px; height: 110px; background-position: -320px -260px; } b.weather_b_09 { width: 110px; height: 110px; background-position: -480px -260px; } b.weather_b_09m { width: 110px; height: 110px; background-position: -640px -260px; } b.weather_b_10 { width: 110px; height: 110px; background-position: -800px -260px; } b.weather_b_10m { width: 110px; height: 110px; background-position: -960px -260px; } b.weather_b_11 { width: 110px; height: 110px; background-position: -1120px -260px; } b.weather_b_11m { width: 110px; height: 110px; background-position: -1280px -260px; } b.weather_b_12 { width: 110px; height: 110px; background-position: -1440px -260px; } b.weather_b_12m { width: 110px; height: 110px; background-position: -1600px -260px; } b.weather_b_13 { width: 110px; height: 110px; background-position: -1760px -260px; } b.weather_b_13m { width: 110px; height: 110px; background-position: -1920px -260px; } b.weather_b_14 { width: 110px; height: 110px; background-position: 0 -420px; } b.weather_b_14m { width: 110px; height: 110px; background-position: -160px -420px; } b.weather_b_15 { width: 110px; height: 110px; background-position: -320px -420px; } b.weather_b_15m { width: 110px; height: 110px; background-position: -480px -420px; } b.weather_b_16 { width: 110px; height: 110px; background-position: -640px -420px; } b.weather_b_16m { width: 110px; height: 110px; background-position: -800px -420px; } b.weather_b_17 { width: 110px; height: 110px; background-position: -960px -420px; } b.weather_b_17m { width: 110px; height: 110px; background-position: -1120px -420px; } b.weather_b_18 { width: 110px; height: 110px; background-position: -1280px -420px; } b.weather_s_01 { width: 35px; height: 35px; background-position: -1440px -420px; } b.weather_s_02 { width: 35px; height: 35px; background-position: -1525px -420px; } b.weather_s_03 { width: 35px; height: 35px; background-position: -1610px -420px; } b.weather_s_04 { width: 35px; height: 35px; background-position: -1695px -420px; } b.weather_s_05 { width: 35px; height: 35px; background-position: -1780px -420px; } b.weather_s_06 { width: 35px; height: 35px; background-position: -1865px -420px; } b.weather_s_07 { width: 35px; height: 35px; background-position: 0 -580px; } b.weather_s_07m { width: 35px; height: 35px; background-position: -85px -580px; } b.weather_s_08 { width: 35px; height: 35px; background-position: -170px -580px; } b.weather_s_08m { width: 35px; height: 35px; background-position: -255px -580px; } b.weather_s_09 { width: 35px; height: 35px; background-position: -340px -580px; } b.weather_s_09m { width: 35px; height: 35px; background-position: -425px -580px; } b.weather_s_10 { width: 35px; height: 35px; background-position: -510px -580px; } b.weather_s_10m { width: 35px; height: 35px; background-position: -595px -580px; } b.weather_s_11 { width: 35px; height: 35px; background-position: -680px -580px; } b.weather_s_11m { width: 35px; height: 35px; background-position: -765px -580px; } b.weather_s_12 { width: 35px; height: 35px; background-position: -850px -580px; } b.weather_s_12m { width: 35px; height: 35px; background-position: -935px -580px; } b.weather_s_13 { width: 35px; height: 35px; background-position: -1020px -580px; } b.weather_s_13m { width: 35px; height: 35px; background-position: -1105px -580px; } b.weather_s_14 { width: 35px; height: 35px; background-position: -1190px -580px; } b.weather_s_14m { width: 35px; height: 35px; background-position: -1275px -580px; } b.weather_s_15 { width: 35px; height: 35px; background-position: -1360px -580px; } b.weather_s_15m { width: 35px; height: 35px; background-position: -1445px -580px; } b.weather_s_16 { width: 35px; height: 35px; background-position: -1530px -580px; } b.weather_s_16m { width: 35px; height: 35px; background-position: -1615px -580px; } b.weather_s_17 { width: 35px; height: 35px; background-position: -1700px -580px; } b.weather_s_17m { width: 35px; height: 35px; background-position: -1785px -580px; } b.weather_s_18 { width: 35px; height: 35px; background-position: -1870px -580px; } /* weather ======================================================================================================================= */ /* nav ======================================================================================================================= */ nav { display: none } #nav { position: relative; padding: 0 0 10px; color: #999; width: 100%; display: block; } #nav a { color: #0054a6; } #nav > b { color: #0054a6; font-weight: 400; } #nav a.now { color: #f60 } #hot_key { position: absolute; top: 0; right: 0; } #hot_key a { color: #666 } /* nav ======================================================================================================================= */ /* rubric ======================================================================================================================= */ #rubric_body { line-height: 1.9 } #rubric_body dl { float: left } #rubric_body dt { overflow: hidden } #rubric_body dt a { position: relative; display: block; float: left; width: 180px; padding: 0 0 10px; line-height: 1.5; } #rubric_body dt a img { display: block } #rubric_body a.pro { width: 80px; padding: 0 10px 0 0; color: #999; text-align: center; } /* rubric ======================================================================================================================= */ #album_body > a { font-weight: 700 } #album_body dt a { display: block; padding: 0 0 5px; } #channel_tab a:hover, #channel_tab .active { color: #0054A6; background: #F5F5F5; } #footer { display: block; nowhitespace: afterproperty; display: table; float: none; width: 100%; color: #FFF; font-size: 12px; background: #0075c2; clear: both; /* fix div cut */ } #footer b { font-size: 11px; font-weight: 400; } #footer_wrapper { width: 1200px; margin: auto; padding: 22px 0 18px; } #footer_wrapper a { color: #FFF } #gotop { position: fixed; display: none; right: 10px; bottom: 54px; width: 54px; height: 54px; text-indent: -999px; background: url(/news/img/sprite.png) no-repeat right -50px; overflow: hidden; z-index: 11; } #header { position: relative; nowhitespace: afterproperty; display: table; top: 0; left: 0; width: 100%; height: 126px; background: #FFF; margin: 0 auto 10px; /* fix div cut */z-index: 9999; } #header.active { z-index: inherit } #header_family { border-top: none; left: 0; margin: 0; position: absolute; top: 0; width: 100%; } #header_family a { margin: 0 16px 0 0; text-decoration: none; height: auto; padding: 0; color: #606060; } #header_family a.sp { color: #d64937 } #header_family dl dt { position: relative; float: left; } #header_family dl dl { display: none; position: absolute; top: 22px; left: -14px; overflow: hidden; z-index: 88889; border-left: solid 5px #f2f2f2; border-right: solid 5px #f2f2f2; border-bottom: solid 4px #f2f2f2; } #header_family dl dl dt a { width: 70px; float: none; margin: 0; display: block; position: relative; text-align: left; padding: 4px 10px; background-color: #fff; border-bottom: solid 1px #f2f2f2; text-decoration: none; } #header_family dl dl dt a:hover { text-decoration: underline } #header_body_wrapper { position: relative; width: 1200px; height: 64px; margin: auto; z-index: 20; } #header .channel { position: absolute; display: none; top: 22px; right: 0; width: 553px; margin: 0; padding: 8px 16px 16px; border-top: 5px solid #666; background: #FFF; z-index: 88889; -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.8); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.8); box-shadow: 0 3px 3px rgba(0,0,0,0.8); } #header .channel a { width: 79px; height: 25px; margin: 0 0 10px; text-decoration: none; } #sethome { position: relative; display: inline-block; } #sethome div { position: absolute; left: 0; top: 20px; display: none; border: solid 1px #ccc; padding: 30px 50px 20px 30px; font-size: 15px; line-height: 1.7; white-space: nowrap; box-shadow: 3px 3px 1px rgba(0,0,0,0.4); background: #fff; z-index: 999; color: #444; } #sethome div b { display: block; border-bottom: solid 1px #eee; padding: 0 0 5px; margin: 0 0 5px; background: none; font-size: 15px; color: #333; font-weight: 700; border-radius: 0; color: #0054a6; } #sethome div i { display: block; position: absolute; right: 0; top: 0; width: 30px; height: 30px; background-color: #aaa; color: #fff; text-align: center; line-height: 30px; font-style: normal; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; cursor: pointer; } #sethome div i:hover { background-color: #666 } #sethome div u { background: url(/news/img/sprite.png) no-repeat right top; display: inline-block; position: relative; width: 32px; height: 32px; top: 10px; left: 5px; } #sethome div u.firefox { background-position: -260px top; width: 54px; height: 20px; top: 5px; } #header_search { position: absolute; top: 15px; right: 0; z-index: 1000; width: 250px; } #logo { position: absolute; display: block; top: 10px; left: 0; width: 172px; height: 47px; background: url(/news/img/sprite.png) no-repeat left top; } body.mypage_save #logo, body.mypage_author #logo, body.mypage_disease #logo, body.mypage_stars #logo { background: url(/news/img/mypage.png) no-repeat left top } #mainbar { position: relative; nowhitespace: afterproperty; float: left; width: 890px; /*overflow: hidden;*/; } #mainbar .area > h3, .area > h3 { position: relative; padding: 0 0 0 32px; border-bottom: 1px solid #d7d7d7; line-height: 41px; overflow: hidden; } #msg { position: relative; display: block; overflow: hidden; width: 1200px; margin: 0 auto 10px; background: #d64937; } #msg a:hover h1 { background: #c83426 } #msg h1 { float: left; display: block; color: #FFF; line-height: 55px; width: 50%; text-indent: 20px; } #search_kw { float: left; width: 180px; height: 28px; color: #000; font-size: 15px; border-style: none; border-width: 0; line-height: 28px; overflow: hidden; } #search_submit { display: inline-block; float: right; width: 60px; height: 33px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: #3170c3 url(/news/img/sprite.png) no-repeat -21px -960px; border-radius: 2px; overflow: hidden; } #search_submit:hover { background-color: #1d50ac } .sendtn, .sendtn2 { display: inline-block; width: 222px; height: 44px; margin: 0 0 18px; color: #333; text-align: center; letter-spacing: 1px; background: #f5f5f5; border: 1px solid #eee; font-size: 16px; font-weight: 700; line-height: 44px; } .sendtn2 { color: #fff; background: #888; border: 1px solid #ccc; } .sendtn:hover, .sendtn2:hover { color: #fff; background: #444; } #sform1 { float: left; height: 30px; margin: 0 3px 0 0; padding: 2px 2px 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #CCC; border-radius: 2px; } #show_box .close { position: absolute; display: block; right: -10px; bottom: -10px; width: 53px; height: 51px; margin: 0; background: url(/news/img/sprite.png) no-repeat 1px -151px #c4c4c4; z-index: 12; } #show_box .close:hover { background-color: #999 } #sidebar { float: right; width: 300px; font: 15px/2 Arial, Helvetica, sans-serif; } #sidebar .area h3 { padding: 0 0 0 14px } #sidebar .area.deep { background: #f5f5f5 } #sidebar .area_body { padding: 15px 14px; overflow: hidden; } #sidebar a:hover, #footer_wrapper a:hover, #header_head_wrapper a:hover, #sitemap_wrapper a:hover { text-decoration: underline } #sidebar_attention_body a { display: block; height: 50px; margin: 0 0 10px; line-height: 50px; } #sidebar_attention_body b { display: block; float: left; width: 50px; height: 50px; margin: 0 10px 0 0; background-image: url(/news/img/sprite.png); background-repeat: no-repeat; } #sidebar_fix { width: 300px } #sitemap { display: table; nowhitespace: afterproperty; width: 100%; /* fix div cut */background: #d8d8d8;; } #sitemap h3 { padding: 14px 0 12px; color: #333; } #sitemap_wrapper { width: 1200px; margin: auto; } #sitemap_wrapper .group dl { margin: 0 30px 0 0 } #sitemap_wrapper a { display: block; color: #666; } #sitemap_wrapper dl { padding: 0 0 22px; overflow: hidden; } #sitemap_wrapper dl dl { float: left; padding: 0; } #sitemap_wrapper dt { float: left; margin: 0 36px 0 0; } #sitemap_wrapper dt b { display: block; margin: 16px 0; color: #555; } #sitemap_wrapper hr { border-bottom-color: #d7e8f4 } #tv_body { padding: 28px 0 32px 32px; overflow: hidden; } #tv_body dt a { position: relative; display: block; float: left; width: 200px; margin: 0 8px 0 0; } #tv_body dt b { position: absolute; display: block; top: 10px; left: 10px; width: 40px; height: 40px; background: url(/news/img/sprite.png) no-repeat -159px -707px; overflow: hidden; } #tv_body dt h4 { padding: 6px 0 1px; font-weight: 400; } #wrapper { position: relative; nowhitespace: afterproperty; width: 1200px; margin: 0 auto 30px; /* overflow: hidden; fix chrome bug*/display:table;overflow:visible;z-index:1;; } .area { margin: 0 0 10px; color: #444; background: #FFF; border: 1px solid #ddd; } .area h3 a { display: block; color: #0054A6; } .area h3 a.more { position: absolute; display: block; top: 0; right: 0; width: 43px; height: 41px; border-left: 1px solid #ddd; background: url(/news/img/sprite.png) no-repeat -54px -105px; } .area h3 a.more:hover { background-color: #f2f2f2 } .arrow-bottom { position: absolute; display: inline-block; top: 10px; right: 10px; width: 1px; height: 1px; margin-left: 5px; border-top: 4px solid #606060; border-right: 4px solid transparent; border-left: 4px solid transparent; } .channel { position: relative; margin: 18px 0 0; border-top: 5px solid #0075c2; } .channel a { position: relative; display: block; float: left; height: 25px; padding-top: 47px; color: #222; text-align: center; text-decoration:none; } .channel a b { position: absolute; display: block; top: 0; width: 50px; height: 47px; margin: auto; background: url("/news/img/sprite.png?20151019") no-repeat -101px -200px; } .channel a b, .channel span.hover { left: 16px } #header_channel a b { left: 15px } #header_head_fun > a#gohome { display: none;} #header_head{background:#f5f5f5;color:#b4b4b4;font-size:12px;height:22px;line-height:22px}dl,dt{padding:0;margin:0}#header_head.short{background:none}#header_head a{font-family:Helvetica,Arial,"LiHei Pro","新細明體",PMingLiU,sans-serif;line-height:22px;display:inline-block;overflow:hidden;margin:0 16px 0 0;text-decoration:none;height:auto;padding:0;color:#606060;}#header_head a.sp{color:#d64937}#header_head a:hover{text-decoration:underline}#header_head_wrapper{position:relative;width:1200px;margin:auto}#header_head.short .only_1280{display:none}#header_head.short .only_1024{display:block}#header_head_fun{display:inline-block;float:right;}#header_head_fun > span{display:inline-block;overflow:hidden}#header_head_fun > a{position:relative;margin:0 12px 0 0;color:#606060;background:url("http://udn.com/static/img/udnfamily_icons.png") no-repeat 30px 0}#header_head_fun a#rss{padding:0 0 0 18px;background-position:-518px -15px}#header_head_fun a#apps{padding:0 0 0 20px;background-position:-515px -65px}#header_head_fun a#fans{padding:0 0 0 19px;background-position:-517px -115px}#header_head_fun a#temporary{padding:0 0 0 19px;background-position:-518px -165px}#header_head_fun a#family{padding:0 0 0 21px;background-position:-515px -215px}#header_head_fun a#log{padding:0 0 0 19px;margin:0;background:url("http://udn.com/static/img/udnfamily_icons.png") no-repeat -516px -265px}#header_head_fun .channel{position:absolute;display:none;top:22px;right:0;width:474px;margin:0;padding:8px 16px 16px;border-top:5px solid #666;background:#fff;z-index:88889;-moz-box-shadow:0 3px 3px rgba(0,0,0,0.8);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.8);box-shadow:0 3px 3px rgba(0,0,0,0.8);}#header_head_fun .channel a{position:relative;float:left;width:79px;height:25px;padding-top:47px;margin:0 0 10px;color:#222;text-align:center;text-decoration:none;}#header_head_fun .channel a b{position:absolute;display:block;top:0;left:15px;width:50px;height:47px;margin:auto;background-image:url("http://udn.com/static/img/udnfamily_icons.png")}#header_head_fun .channel > a#family.family_toggle{background-color:#666;color:#fff}#header_head_fun .channel > a#family{padding:0 0 0 21px;background-position:-182px -316px}#header_head_fun .channel.channel_toggle{display:block}.only_1024,.only_768{display:none}@media (max-width:1216px){.only_1280{display:none}.only_1024{display:block}#header_head_wrapper{width:1000px}}@media (max-width:1016px){.none_768{display:none}.only_768{display:block}#header_head_wrapper{width:750px}}@media (max-width:767px){#header_head_wrapper{width:100%}}@media (max-width:640px){#header_head{display:none}}#header_family{position:absolute;left:0;top:0;width:100%;}#header_family dt{position:relative;float:left}#header_family dl dl{display:none;position:absolute;top:22px;left:-14px;overflow:hidden;z-index:88889;border-left:solid 5px #f2f2f2;border-right:solid 5px #f2f2f2;border-bottom:solid 4px #f2f2f2;}#header_family dl dl dt a{width:70px;margin:0;display:block;position:relative;text-align:left;padding:4px 10px;background-color:#fff;border-bottom:solid 1px #f2f2f2}.udnfamily_right dl{float:right}@media (max-width:1016px){#header_family dl dl{width:270px;}#header_family dl dl dt a{padding:15px 10px !important}.udnfamily_right #header_family dl dl{left:-223px}}#header_channel a.channel_1_btn b{background-position:0 0}#header_channel a.channel_1_btn:hover b,#header_channel a.channel_1_btn span.hover,#header_channel a.channel_1_btn.active b,#header_channel a.channel_1_btn.active span{background-position:0 -50px}#header_channel a.channel_2_btn b{background-position:-50px 0}#header_channel a.channel_2_btn:hover b,#header_channel a.channel_2_btn span.hover,#header_channel a.channel_2_btn.active b,#header_channel a.channel_2_btn.active span{background-position:-50px -50px}#header_channel a.channel_3_btn b{background-position:-100px 0}#header_channel a.channel_3_btn:hover b,#header_channel a.channel_3_btn span.hover,#header_channel a.channel_3_btn.active b,#header_channel a.channel_3_btn.active span{background-position:-100px -50px}#header_channel a.channel_4_btn b{background-position:-150px 0}#header_channel a.channel_4_btn:hover b,#header_channel a.channel_4_btn span.hover,#header_channel a.channel_4_btn.active b,#header_channel a.channel_4_btn.active span{background-position:-150px -50px}#header_channel a.channel_5_btn b{background-position:-200px 0}#header_channel a.channel_5_btn:hover b,#header_channel a.channel_5_btn span.hover,#header_channel a.channel_5_btn.active b,#header_channel a.channel_5_btn.active span{background-position:-200px -50px}#header_channel a.channel_6_btn b{background-position:-250px 0}#header_channel a.channel_6_btn:hover b,#header_channel a.channel_6_btn span.hover,#header_channel a.channel_6_btn.active b,#header_channel a.channel_6_btn.active span{background-position:-250px -50px}#header_channel a.channel_7_btn b{background-position:-300px 0}#header_channel a.channel_7_btn:hover b,#header_channel a.channel_7_btn span.hover,#header_channel a.channel_7_btn.active b,#header_channel a.channel_7_btn.active span{background-position:-300px -50px}#header_channel a.channel_8_btn b{background-position:-350px 0}#header_channel a.channel_8_btn:hover b,#header_channel a.channel_8_btn span.hover,#header_channel a.channel_8_btn.active b,#header_channel a.channel_8_btn.active span{background-position:-350px -50px}#header_channel a.channel_9_btn b{background-position:-400px 0}#header_channel a.channel_9_btn:hover b,#header_channel a.channel_9_btn span.hover,#header_channel a.channel_9_btn.active b,#header_channel a.channel_9_btn.active span{background-position:-400px -50px}#header_channel a.channel_10_btn b{background-position:-450px 0}#header_channel a.channel_10_btn:hover b,#header_channel a.channel_10_btn span.hover,#header_channel a.channel_10_btn.active b,#header_channel a.channel_10_btn.active span{background-position:-450px -50px}#header_channel a.channel_11_btn b{background-position:0 -100px}#header_channel a.channel_11_btn:hover b,#header_channel a.channel_11_btn span.hover,#header_channel a.channel_11_btn.active b,#header_channel a.channel_11_btn.active span{background-position:0 -150px}#header_channel a.channel_12_btn b{background-position:-50px -100px}#header_channel a.channel_12_btn:hover b,#header_channel a.channel_12_btn span.hover,#header_channel a.channel_12_btn.active b,#header_channel a.channel_12_btn.active span{background-position:-50px -150px}#header_channel a.channel_13_btn b{background-position:-100px -100px}#header_channel a.channel_13_btn:hover b,#header_channel a.channel_13_btn span.hover,#header_channel a.channel_13_btn.active b,#header_channel a.channel_13_btn.active span{background-position:-100px -150px}#header_channel a.channel_14_btn b{background-position:-150px -100px}#header_channel a.channel_14_btn:hover b,#header_channel a.channel_14_btn span.hover,#header_channel a.channel_14_btn.active b,#header_channel a.channel_14_btn.active span{background-position:-150px -150px}#header_channel a.channel_15_btn b{background-position:-200px -100px}#header_channel a.channel_15_btn:hover b,#header_channel a.channel_15_btn span.hover,#header_channel a.channel_15_btn.active b,#header_channel a.channel_15_btn.active span{background-position:-200px -150px}#header_channel a.channel_16_btn b{background-position:-250px -100px}#header_channel a.channel_16_btn:hover b,#header_channel a.channel_16_btn span.hover,#header_channel a.channel_16_btn.active b,#header_channel a.channel_16_btn.active span{background-position:-250px -150px}#header_channel a.channel_17_btn b{background-position:-300px -100px}#header_channel a.channel_17_btn:hover b,#header_channel a.channel_17_btn span.hover,#header_channel a.channel_17_btn.active b,#header_channel a.channel_17_btn.active span{background-position:-300px -150px}#header_channel a.channel_18_btn b{background-position:-350px -100px}#header_channel a.channel_18_btn:hover b,#header_channel a.channel_18_btn span.hover,#header_channel a.channel_18_btn.active b,#header_channel a.channel_18_btn.active span{background-position:-350px -150px}#header_channel a.channel_19_btn b{background-position:-400px -100px}#header_channel a.channel_19_btn:hover b,#header_channel a.channel_19_btn span.hover,#header_channel a.channel_19_btn.active b,#header_channel a.channel_19_btn.active span{background-position:-400px -150px}#header_channel a.channel_20_btn b{background-position:-450px -100px}#header_channel a.channel_20_btn:hover b,#header_channel a.channel_20_btn span.hover,#header_channel a.channel_20_btn.active b,#header_channel a.channel_20_btn.active span{background-position:-450px -150px}#header_channel a.channel_21_btn b{background-position:0 -200px}#header_channel a.channel_21_btn:hover b,#header_channel a.channel_21_btn span.hover,#header_channel a.channel_21_btn.active b,#header_channel a.channel_21_btn.active span{background-position:0 -250px}#header_channel a.channel_22_btn b{background-position:-50px -200px}#header_channel a.channel_22_btn:hover b,#header_channel a.channel_22_btn span.hover,#header_channel a.channel_22_btn.active b,#header_channel a.channel_22_btn.active span{background-position:-50px -250px}#header_channel a.channel_23_btn b{background-position:-100px -200px}#header_channel a.channel_23_btn:hover b,#header_channel a.channel_23_btn span.hover,#header_channel a.channel_23_btn.active b,#header_channel a.channel_23_btn.active span{background-position:-100px -250px}#header_channel a.channel_24_btn b{background-position:-150px -200px}#header_channel a.channel_24_btn:hover b,#header_channel a.channel_24_btn span.hover,#header_channel a.channel_24_btn.active b,#header_channel a.channel_24_btn.active span{background-position:-150px -250px}#header_channel a.channel_25_btn b{background-position:-200px -200px}#header_channel a.channel_25_btn:hover b,#header_channel a.channel_25_btn span.hover,#header_channel a.channel_25_btn.active b,#header_channel a.channel_25_btn.active span{background-position:-200px -250px}#header_channel a.channel_26_btn b{background-position:-250px -200px}#header_channel a.channel_26_btn:hover b,#header_channel a.channel_26_btn span.hover,#header_channel a.channel_26_btn.active b,#header_channel a.channel_26_btn.active span{background-position:-250px -250px} .channel a:hover { color: #0054A6 } .channel span.hover { position: absolute; top: 0; width: 50px; height: 47px; background-image: url(/news/img/sprite.png); } .only_1024, .only_mobile, .only_768 { display: none!important } .pagelink { position: relative; /*padding: 20px 0 40px;*/padding:0;text-align:center;clear:both;font-family:"Microsoft JhengHei", MingLiU, Arial, Helvetica, sans-serif;; } .pagelink a { margin: 0 5px 0 0; padding: 6px 15px 5px; border: 1px solid #e5e5e5; display: inline-block; float: none; } .pagelink a:hover, .pagelink .on { color: #FFF; text-decoration: none; background: #aaa; border: 1px solid #999; } .showmore .more b, .sendbtn b { display: block; float: left; width: 25px; height: 44px; margin: 0 0 0 57px; background: url(/news/img/sprite.png) no-repeat -16px -503px; } .showmore .more, .sendbtn a { display: block; width: 222px; height: 44px; margin: auto; color: #fff; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; letter-spacing: 1px; background: #6fb1f0; font-size: 16px; font-weight: 700; line-height: 44px; text-shadow: 1px 1px 1px #0075c2; } .showmore .more:hover { background: #0075c2 } .sendbtn { border-top: 1px solid #DEDEDE; clear: both; } /* .sendbtn a { background: #FF6123; text-shadow: none; } ================================================== */ .sendbtn a:hover { color: #FFF; nowhitespace: afterproperty; background: #0075c2; /*: ;; background: #ff4917; */ } .sendbtn b { width: 34px; background-position: -108px -2155px; } .showmore { margin: 0 0 32px; border-top: 1px solid #dedede; } .sidebar_fix { position: fixed } .single { padding: 28px 32px 32px; font-size: 15px; } .single a { color: #0054A6; text-decoration: underline; } .total { padding: 0 0 0 10px; color: #999; font-size: 12px; } .udn_facebook b { background-position: -100px -1350px } .udn_google b { background-position: -100px -1400px } .udn_line { line-height: 113px } .udn_line img { float: left; margin-right: 10px; } .udn_plurk b { background-position: -100px -1750px } .udn_rss b { background-position: -100px -1500px } .udn_twitter b { background-position: -100px -1450px } #mag_most .area_body a, body.mag .category_box_list .big dt a, #mag_topic_body a, .category_box_list.author dt a, #mag_hot_body a, #mag_new_body a, #sidebar .deep dt a, body.category .category_box_list a, #story_also a, #vote_more a, .sub_body a, #carousel h1, #story_foot a, #author_article_list_list a b, #category_body dl a, #category_theme h1, .area_list a, #mag_writer_body.area_body h3 a, #category_mags_body dl a, #category_mags_theme a b, .sub_body dt.big a b, .type_6 dt dt > a, #tab1 dt > a, #tab2 dt > a, #tab3 dt > a, #tab4 dt > a, #content_body.type_1 a b, #msg h1 { display: block; width: 100% \7; width: 100%; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } .type_6 dt dt > a { width: auto } #content_body.type_1 .share a b { width: 24px!important } #history_body dt a { display: block; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } #history_body dt:first-child a { max-height: 132px; overflow: hidden; } #msg h1 { width: 50%; font-size: 18px; } .type_6 dt dt > h3 , .type_6 h3 a {font: bold 16px/34px 黑體,"Microsoft YaHei",微软雅黑体, 微軟雅黑體,"Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif;color: #333;} .type_6 dt dt > h3, .type_6 #content_body_mag > dt dt > a { margin: 0 0 15px 115px; text-indent: 0; text-decoration:none; } .type_6 .ht a { color: #0054a6; } .type_6 a:hover , .type_6 .ht a :hover {color: #ee5103; } #author_article_list_list a b { width: auto } dl.max dt.big a.category_box_topic span, body.mag_category dt.big a.category_box_topic, body.mag_category dt.big a.category_box_topic span { height: auto; word-break: normal; white-space: normal; } #album_photos { position: absolute; top: 20px; left: -9999px; z-index: 11; background: #fff; border: 10px solid #C4C4C4; width: 100%; height: 100%; -webkit-box-shadow: 0 0 30px #333; -moz-box-shadow: 0 0 30px #333; box-shadow: 0 0 30px #333; } #album_photos_body img { max-width: 100%; width: auto; } #album_photos_body .wmark { height: 108px; width: 100%; } #album_photos_body h1 { box-sizing: border-box; font: bold 30px/1.4 黑體,"Microsoft YaHei",微软雅黑体, 微軟雅黑體,"Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; position: absolute; left: 60px; bottom: 10px; color: #000; width: 280px; height: 84px; border-right: solid 1px #777; padding: 0 10px 0 0; } #album_photos_body b { box-sizing: border-box; position: absolute; left: 376px; bottom: 10px; color: #000; margin: 0 180px 0 0; overflow-y: auto; font-weight: 400; height: 80px; line-height: 1.5; } #album_photos_body a.share { background: url(/news/img/sprite.png) no-repeat scroll -100px -2650px; bottom: 50px; display: block; height: 50px; overflow: hidden; position: absolute; right: 30px; text-indent: -9999px; width: 50px; } #album_photos_body .page { color: #000; bottom: 60px; position: absolute; right: 90px; font-weight: 700; } #album_photos #focus_arrow_prev, #album_photos #focus_arrow_next { top: 45% } #album_photos #focus_arrow_prev b, #album_photos #focus_arrow_next b { top: 0; background: none; } #ranking_table .only_web .fb_iframe_widget { margin: 0 0 0 10px } body.ranking .fb_iframe_widget { display: block; float: left; } body.ranking #mainbar { overflow: visible } #mag_most { width: 898px; margin: 0 0 10px; line-height: 1.3; overflow: hidden; } #mag_most .area_body { padding: 15px 32px 22px; font-size: 15px; line-height: 2; overflow: hidden; } #mag_most .area_body a { display: block; padding: 0 0 0 12px; background: url(/news/img/sprite.png) no-repeat -197px -1060px; width: auto; } #mag_most .area { float: left; width: 439px; margin: 0 8px 0 0; } #mag_most a b { margin: 0 0 0 15px; color: #999; font-size: 12px; font-weight: 400; } #rank_loading { margin: 0 auto; text-align: center; position: absolute; display: none; width: 100%; bottom: 80px; } /* 手機板山頭 ======================================================================================================================= */ header { background: none repeat scroll 0 0 #FFFFFF; min-height: 90px; margin: 0 0 10px; position: relative; z-index: 11; } header.active { margin: 0 0 10px; position: fixed; _position: absolute; _top: expression(eval(document.documentElement.scrollTop)); width: 100%; top: 0; -webkit-box-shadow: #666 0 3px 3px; -moz-box-shadow: #666 0 3px 3px; box-shadow: #666 0 3px 3px; } #header_menu { position: relative } #header_logo { display: block; margin: 0 0 0 50px; width: 140px; height: 50px; background: url(/news/img/sprite.png) no-repeat 0 -2250px; background: rgba(0,0,0,0) url(/news/img/logo.svg) no-repeat -428px -30px / 600px 800px; } #header_menu_btn { background: #fff url("/news/img/sprite.png") no-repeat -153px -2247px; float: left; display: block; height: 50px; position: relative; width: 50px; } #header_menu_area { background-color: #FFFFFF } #header_tools { position: absolute; right: 0; top: 0; } #header_member { background: url("/news/img/sprite.png") no-repeat scroll -4px -2300px; display: block; float: left; height: 50px; width: 42px; } #header_member.logout { background-position: -150px -2650px } .only_mobile #header_search_btn { background: url("/news/img/sprite.png") no-repeat scroll -55px -2300px; display: block; float: left; height: 50px; width: 42px; position: relative; top: auto; } .only_mobile #header_shopping_btn { background: url("/news/img/sprite.png?234") no-repeat scroll 9px -688px; -webkit-background-size cover ;-moz-background-size:cover;-o-background-size: cover ;background-size: cover;filter: unquote("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sprite.png', sizingMethod='scale')") ;-ms-filter: unquote("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/sprite.png', sizingMethod='scale')"); display: block; float: left; height: 50px; width: 42px; position: relative; top: auto; } #header_menu_area.active { box-shadow: 3px 3px 3px #666666 } #header_menu_area a { background: url("/news/img/sprite.png") no-repeat 210px -2800px; color: #666; display: block; font: bold 18px/50px 黑體,微軟正黑體,Arial,Helvetica,sans-serif; letter-spacing: 1px; overflow: hidden; padding: 0 15px; } #header_menu_area a b { background: url("/news/img/sprite.png") no-repeat -50px -2353px; display: block; float: left; height: 50px; overflow: hidden; width: 50px; } #header_menu_area a:hover { color: #333; background-color: #efedee; } #header_menu_area a#m2 b { background-position: -50px -2403px } #header_menu_area a#m3 b { background-position: -50px -2453px } #header_menu_area a#m4 b { background-position: -50px -2502px } #header_menu_area a#m5 b { background-position: -50px -2553px } #header_menu_area a#m6 b { background-position: -50px -2600px } #header_menu_area a#m7 b { background-position: -50px -2650px } #header_menu_area a#m8 b { background-position: -50px -2701px } #header_menu_area a#m9 b { background-position: -50px -2752px } #header_menu_area a#m2 b { background-position: -50px -2403px } #header_menu_area a#m1:hover b { background-position: 0px -2353px } #header_menu_area a#m2:hover b { background-position: 0px -2403px } #header_menu_area a#m3:hover b { background-position: 0px -2453px } #header_menu_area a#m4:hover b { background-position: 0px -2502px } #header_menu_area a#m5:hover b { background-position: 0px -2553px } #header_menu_area a#m6:hover b { background-position: 0px -2600px } #header_menu_area a#m7:hover b { background-position: 0px -2650px } #header_menu_area a#m8:hover b { background-position: 0px -2701px } #header_menu_area a#m9:hover b { background-position: 0px -2752px } #mobile_search #search_kw { width: 135px } #mobile_search { position: relative; right: auto; top: auto; padding: 10px; display: none; } /* 解決浮動內容，DIV區塊高度不見問題 */ #mobile_search:after { content: ""; display: block; clear: both; } /* 手機板山頭 ======================================================================================================================= */ /* *********************************************************************************** 自適應寬高影片，只要此兩個CSS即可 VIDEO *********************************************************************************** */ .video-wrapper { width: 824px; max-width: 100%; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #market_list.single a { font-size: 16px; text-decoration: none; color: #444; line-height: 2; } #market_list.single a:hover { color: #0054A6; text-decoration: underline; } #market_list.single .single { color: #ccc } /* 歷史新聞月曆 ======================================================================================================================= */ #news_calendar table, #news_calendar_body table { font: 15px/35px Helvetica, Arial, Verdana, sans-serif; border: 1px solid #e5e5e5; background: #FFF; } #news_calendar a, #news_calendar_body a { text-decoration: none } #news_calendar table td, #news_calendar_body table td { color: #999; text-decoration: none; } #news_calendar table th, #news_calendar_body table th { color: #fff; background: #6fb1f0; font-size: 13px; } #news_calendar table th a, #news_calendar_body table th a { color: #FFF } #news_calendar table td, #news_calendar_body table td { padding: 1px } #news_calendar table a, #news_calendar_body table a { text-align: center; width: 35px; height: 35px; color: #333; display: block; } #news_calendar table a b, #news_calendar_body table a b { color: #0054a6 } #news_calendar table a.yest, #news_calendar_body table a.yest { color: #999; background-color: #f5f5f5; } #news_calendar table a:hover, #news_calendar table a:hover b, #news_calendar_body table a:hover, #news_calendar_body table a:hover b { color: #fff; background: #6fb1f0; text-decoration: none; } #news_calendar table .updown, #news_calendar_body table .updown { background: #a9d0f6 } #mainbar #history h3 { position: relative; overflow: visible; } #mainbar #history h3 > a { background: url(/news/img/sprite.png) no-repeat -4px -554px } #mainbar #history #news_calendar { position: absolute; right: 0; top: 40px; z-index: 9; display: none; } #mainbar #history #news_calendar table a { width: 41px } #mainbar #history h3 > a:hover #news_calendar { display: block } /* 歷史新聞月曆 ======================================================================================================================= */ /* 文末share_bar ======================================================================================================================= */ #share_bar { padding: 30px 0; width: 100%; display: table; } #share_bar > dt { display: block; float: left; } #share_bar > dt > a, #share_bar_share { margin: 0 10px 0 0; height: 50px; width: 50px; display: block; float: left; } #share_bar > dt > a, #share_bar_share, #share_bar .social_pop li a { background-image: url(/news/img/sprite.png); background-repeat: no-repeat; text-indent: -9999px; } #share_bar_fb_share { background-position: center -3050px; background-color: #3f67be; } #share_bar_gp { background-position: center -3100px; background-color: #ea5b4d; } #share_bar_line_share { background-position: center -3250px; background-color: #00c300; } #share_bar_line_udn { background-position: center -3000px; background-color: #00c300; } #share_bar_share { background-position: center -3300px; background-color: #bf324c; } #share_bar .social_pop ul { top: -43px; margin: 0; list-style: none; } #share_bar .social_pop ul li { padding: 0 } #share_bar .social_pop ul li a { margin-right: 20px; display: block; float: left; height: 31px; overflow: hidden; width: 30px; background-position: -10px -759px; } #share_bar .social_pop ul li.plurk a { background-position: -10px -709px } #share_bar .social_pop ul li.print a { background-position: 0 -656px; margin: 0; } /* 文末share_bar ======================================================================================================================= */ /* ColorBox ======================================================================================================================= */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(http://s.udn.com.tw/static/css/images/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(http://s.udn.com.tw/static/css/images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(http://s.udn.com.tw/static/css/images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(http://s.udn.com.tw/static/css/images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(http://s.udn.com.tw/static/css/images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(http://s.udn.com.tw/static/css/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(http://s.udn.com.tw/static/css/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(http://s.udn.com.tw/static/css/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(http://s.udn.com.tw/static/css/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(http://s.udn.com.tw/static/css/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://s.udn.com.tw/static/css/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(http://s.udn.com.tw/static/css/images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(http://s.udn.com.tw/static/css/images/loading.gif) no-repeat center center;} #cboxClose{position:absolute;border:0; top:0px; right:0px; background:url(http://s.udn.com.tw/static/css/img/close-button.png) ; width:60px; height:60px; text-indent:-9999px;} /* ColorBox ======================================================================================================================= */ /* 1024 ======================================================================================================================= */ @media (max-width: 1216px) { #ad_1, #header_head_wrapper, #header_body_wrapper, #msg, #wrapper, #sitemap_wrapper, #footer_wrapper { width: 1000px } #ad_1 { min-height: 92px; overflow: hidden; } #header_head_wrapper .channel span.hover, #header_head_wrapper .channel a b { left: 17px } #sitemap_wrapper dt, #sitemap_wrapper .group dl { margin: 0 16px 0 0 } #ad_history, #ad_content { height: auto; padding: 0; } #ad_history, #ad_content, #mainbar { width: 690px } #ad_story img { max-width: 624px } #bd_body, #tv_body, #history_body { padding: 28px 0 32px 24px } #category_body dl a { line-height: 2.2 } #bd_body dt a, #tv_body dt a, #history_body > dt { margin: 0 19px 0 0 } #category_theme { width: 300px; height: 190px; } #category_body dl { width: 298px } #category_mags_body dl { width: 309px } #category_mags_body dl a { padding: 0 0 0 12px } #category_mags_body dl a.outlink, #mypage_author_list dl dl .ch { display: none } #category_theme .wmark { height: 36px } #category_theme h1 { font: bold 18px/36px 黑體,微軟正黑體, Arial, Helvetica, sans-serif } #content_body > dt > a { padding: 16px 24px } #content_body.type_2 > dt > a { width: 295px } #content_body.type_2 > dt.big > a { padding: 23px 24px 5px; min-height: 264px; } #content_body.type_4 > dt.big > a { padding: 12px 0 0 24px } #content_body_big { padding: 0 } #content_body_big a { padding: 23px 24px 0 } #content_body_book > dt { width: 297px; padding: 8px 0 0 22px; } #content_body_book > dt.big { width: 300px; padding: 10px 19px 10px 24px; } #content_body_cover a { padding: 25px 17px 5px 9px } #content_body_focus { width: auto } #content_body_list { margin: 20px 0 30px 31px } #content_body_mag > dt { width: 307px; padding: 16px 0 0 24px; } #footer_wrapper { width: 940px; padding: 22px 30px 18px; } #lottos .sp { background-position: -109px -2003px } #lottos b { width: 83px; background-position: -9px -2003px; } #mag_most .area { width: 339px } #most .area { width: 224px; height: 237px; margin: 0 6px 0 0; } #most .area_body { padding: 15px 15px 20px } #most .area_body img { width: auto; max-width: 100%; } #mypage_save_hot dt { float: left; /* width: 426px; */margin: 0 10px 0 0; } #mypage_stars_list dl dl a { width: 154px } #mypage_save_list dt > a { min-height: 95px; max-height: 130px; } div.del { position: absolute; top: 0; right: 0; width: 70px; height: 156px; padding: 31px 0 0; color: #666; border-bottom: 1px solid #DDD; text-align: center; background: none repeat scroll 0 0 #F2F2F2; } #photo_body a { padding: 0 9px 30px 0 } #ranking_head a { margin: 0 1px 0 0 } #result dt a { min-height: 110px; padding: 30px 20px; } #result_list { width: 676px } #result_search { width: 280px; padding: 34px 32px 34px 0; } #search_content a:hover i { right: 14px } #search_content i { right: 20px } #sitemap_wrapper { width: 940px; padding: 0 30px; } #story_also a { width: 265px } #story_body .mvouter { position: relative; overflow: hidden; } #story_body .mvouter embed { width: 604px; height: 340px; } #story_body { padding: 28px 32px 32px } #story_related a, #story_foot .area { width: 312px } #sub_menu_arrow_prev, #sub_menu_arrow_next { top: 87px } #tabs { top: 0; left: -1291px; padding: 8px 107px 0 13px; z-index: 2; } #tabs_box { padding: 15px 0 0 } #tabs_box ul { position: absolute; top: 0; left: 1887px; padding: 0; } #tabs_box ul li { float: none; } #tabs_box ul li a#tab1_btn { background-position: 14px -1406px } #tabs_box ul li a#tab4_btn { background-position: -164px -1735px } #tabs_box ul li a#tab2_btn { background-position: -164px -1556px } #tabs_box ul li a#tab1_btn, #tabs_box ul li a#tab2_btn, #tabs_box ul li a#tab3_btn, #tabs_box ul li a#tab4_btn { width: 55px; height: 90px; padding: 0 0 0 39px; background-color: #f5f5f5; color: #55544f; line-height: 84px; } #tabs_box ul li a#tab4_btn:hover, #tabs_box ul li.active a#tab4_btn { background-color: #1e5faf; color: #FFF; background-position: 13px -1745px; } #tabs_box ul li a#tab2_btn:hover, #tabs_box ul li.active a#tab2_btn { background-color: #1e5faf; color: #FFF; background-position: 11px -1556px; } #tabs_box ul li a#tab3_btn:hover, #tabs_box ul li.active a#tab3_btn { background-color: #1e5faf; color: #FFF; background-position: 12px -1651px; } #tabs_box ul li a#tab3_btn { background-position: -165px -1651px } #tabs_box ul li a#tab1_btn:hover, #tabs_box ul li.active a#tab1_btn { background-color: #1e5faf; color: #FFF; background-position: -166px -1479px; text-decoration:none; } #topic_theme { width: 376px; height: 220px; } #topic_theme .wmark { width: 376px } #weather_index_foot dt { width: 69px } #weather_index_photo .area_body dt, #weather_typhoon_box #tab3 dt, #weather_day, #weather_night { width: 302px } .area > h3 { padding: 0 0 0 24px } #weather_day h3, #weather_night h3 { left: 120px; font-size: 30px; } #weather_day h4, #weather_night h4 { left: 120px } #weather_day i, #weather_night i { right: 15px; font-size: 30px; } #weather_day b, #weather_night b { left: 10px } .category_box .topic dl.max, body.mag .category_box_list .max dl { padding: 28px 0 0 32px; width: 622px; } body.mag .category_box_list .max dl dt { width: 291px } body.mag .category_box_list .max dl dt a { width: 291px } .category_box_list a { width: 300px } .channel a b, .channel span.hover { left: 12px } .content_body_sponsor > dt { width: 286px } .content_body_sponsor > dt > dl { top: 85px; left: 161px; line-height: 1.5; } .content_body_sponsor > dt > a { width: 120px; } .content_body_sponsor > dt > a.big { width: auto; } .count, #content_body > dt.ad > a span { left: 24px } .focus_area { width: 624px; height: 336px; } .focus_area #focus_arrow_prev, .focus_area #focus_arrow_next { width: 50px; height: 336px; } .focus_area #focus_arrow_prev b, .focus_area #focus_arrow_next b { top: 145px } .focus_area #carousel a { width: 524px; height: 336px; } .mypage_list { width: 614px!important } #publication_main { width: 584px!important } .only_1280, .only_768, #mag_most .area_body a b, #story_foot a b { display: none!important } .only_1024 { display: block!important } .type_7 .index_video { width: 370px!important; height: 310px!important; } .type_7 .index_mid_ad1 { width: 202px!important; height: 338px!important; } .index_mid_ad1 img { height: 222px!important } .type_7 .index_read_block li { width: 177.2px!important; height: 210px!important; } #content_body ul.index_read_block a img { width: 177px!important; height: 118px!important; } #story_foot > div > dl > dt { padding: 0 30px 0 0 } .social_bar li { margin-right: 10px } .social_bar li.gp { margin-right: 3px } .tabs_box_wrapper a.only_1024 { display: block; width: 940px; } body.mag .category_box_list dt { width: 624px } body.mag .category_box_list dt.big { border-bottom: solid 1px #e3e7ea; margin: 0 32px 15px 0; padding: 0 0 15px; } body.mag .category_box_list .big a.category_box_topic { width: 434px } body.mag .category_box_list .max a.category_box_topic { width: 312px } body.mag .category_box_list .max dl { padding: 10px 0 0 } body.mag_category .category_box_list a { padding: 0 10px 0 0 } body.mag_category .category_box_list dt { width: 316px } body.story #tv_body { padding: 28px 0 32px 32px } body.story #tv_body a, body.story #slideshow_body dt a, body.story #ec_body dt a { margin: 0 12px 0 0 } #ec_body dt a { width: 148px } form input.mypage_save_search_input { width: 100px } form input.result_search_input { width: 214px } .menu > dl { width: 1000px } #show_box #album_photos_body h1 { left: 40px; width: 270px; } #show_box #album_photos_body b { left: 336px; margin: 0 140px 0 0; } #show_box #album_photos_body .page { right: 70px } #show_box #album_photos_body a.share { right: 20px } #author_article_list_head > dl > dt { width: 624px } #mypage_author_list dl dl dt { padding: 0 70px 0 0 } .type_8 #content_body_mag > dt > a { display: none } .type_8 #content_body_mag > dt dt > a { margin: 0 0 12px 22px } .type_8 #content_body_mag { padding: 240px 0 16px } #content_body.type_2 > dt > a b { max-height: 39px; overflow: hidden; } #header_family dl dl dt a { padding: 8px 10px } } /* 768 ======================================================================================================================= */ @media (max-width: 1016px) { #msg h1 { width: 100% } #ad_1, #header_head_wrapper, #header_body_wrapper, #msg, #wrapper, #mainbar, #sidebar, #sidebar_fix, #ad_sub_sidebar, #ad_history, #ad_content, #footer_wrapper { width: 750px } #ad_1 { min-height: 69px; overflow: hidden; } #header_head_wrapper .channel span.hover, #header_head_wrapper .channel a b { left: 15px } #ad_sub_sidebar dt#ad_sub_sidebar_ad1, #sidebar #news_new, #sidebar #sidebar_feed, #sidebar .area, #ad_mag { width: 298px } #ad_2 { top: 370px; right: 35px; } #ad_3 { top: 630px; right: 35px; } #ad_content { margin: 0 0 10px; padding: 10px 0; } #ad_history, #ad_content { height: auto; padding: 0; } #ad_story img { max-width: 624px } #bd_body, #tv_body, #history_body { padding: 28px 0 32px 34px } #category_body dl a { line-height: 2.2 } #category_mags_body dl { width: 369px } #category_mags_body dl a { padding: 0 0 0 12px } #category_mags_body dl a.outlink { display: none } #category_theme { width: 330px; height: 193px; } #category_theme .wmark { height: 36px } #category_theme h1 { font: bold 18px/36px 黑體,微軟正黑體, Arial, Helvetica, sans-serif } #content_body > dt > a { padding: 16px 34px } #content_body.type_2 > dt > a { width: 305px } #content_body.type_2 > dt.big > a { padding: 23px 34px 0; min-height: 271px; } #content_body.type_4 > dt > a { padding: 12px 0 0 63px } #content_body.type_4 > dt.big > a { padding: 12px 0 0 34px } #content_body_book > dt { width: 320px; padding: 8px 0 0 22px; } #content_body_book > dt.big { width: 320px; padding: 10px 19px 10px 34px; } #content_body_cover a { padding: 25px 24px 5px 17px } #content_body_mag > dt { width: 307px; padding: 16px 0 0 34px; } #focus { padding: 0 35px; background: none; } #focus > iframe { width: 680px } #focus, #carousel, #focus_tabs, .wmark, #udntv { width: 680px } #udntv #channel, #social { left: 523px } #carousel h1 { width: 584px } #focus_arrow_next { right: 35px } #focus_arrow_prev { left: 35px } #focus_tabs { background: #F5F5F5 } #footer_wrapper { width: 690px; padding: 22px 30px 18px; } #fs { left: 479px } #lottos .sp { background-position: -104px -2003px } #lottos b { width: 92px; background-position: -4px -2003px; } #mag_most .area { width: 369px } #menu_sub{width:730px;font-size:13px;} #most .area { width: 244px; height: 237px; margin: 0 6px 0 0; } #most .area_body { padding: 15px 15px 20px } #most .area_body img, .sub_body .ad img { width: auto; max-width: 100%; } #mypage_author_list dl dl .ch { display: none } #mypage_author_list dl dl dt { padding: 0 70px 0 0 } #mypage_author_hot > dl, #mypage_disease_hot > dl, #mypage_stars_hot > dl { overflow: hidden } #mypage_save_head ul li a, #mypage_author_head ul li a, #mypage_disease_head ul li a, #mypage_stars_head ul li a { padding: 5px 8px 0 } #mypage_author_hot > dl > dt, #mypage_disease_hot > dl > dt, #mypage_stars_hot > dl > dt { float: left; width: 313px; } #mypage_save_hot dt { float: left; width: 301px; margin: 0 10px 0 0; } #mypage_stars_hot > dl > dt dt { width: 183px } #mypage_stars_list dl dl a { width: 180px } #mypage_stars_list div.del { padding: 48px 0 0 } #photo_body a { padding: 0 9px 30px 0 } #ranking_head a { margin: 0 4px 0 0 } #result_list { width: auto } #result_search { float: none; width: auto; padding: 34px 32px; overflow: hidden; } #result_search form { float: left; width: 50%; padding: 0; } #sidebar { position: relative; padding: 0 0 40px; background: #FFF; margin: 0 0 30px; } #sidebar_fix { position: relative; width: 778px; margin: 20px 0 0; } #sitemap_wrapper { width: 690px; padding: 0 30px; } #sitemap_wrapper dt { min-height: 280px } #sitemap_wrapper dt, #sitemap_wrapper .group dl { margin: 0 45px 0 0 } #content_body_big, #sitemap_wrapper dl { padding: 0 } #story_also a { width: 255px } #content_body_big a { padding: 23px 34px 0 } #story_body .mvouter { position: relative; overflow: hidden; } #story_body .mvouter embed { width: 664px; height: 374px; } #story_foot .area { width: 342px } #story_related a { width: 312px } #sub_menu_arrow_prev, #sub_menu_arrow_next { top: 87px } #tabs { display: block; top: 370px; left: 35px; width: 344px; padding: 8px 13px 0; } #tabs_box { width: 343px; padding: 0; } #tabs_box ul { position: relative; top: auto; left: auto; padding: 10px 0; } #tabs_box ul li { float: left } #tabs_box ul li a:hover#tab1_btn, #tabs_box ul li.active a#tab1_btn { background-position: -179px -1335px; background-color: #F5F5F5; color: #000; } #tabs_box ul li a:hover#tab2_btn, #tabs_box ul li.active a#tab2_btn { background-position: -177px -1431px; background-color: #F5F5F5; color: #000; } #tabs_box ul li a:hover#tab4_btn, #tabs_box ul li.active a#tab4_btn { background-position: 3px -1332px; background-color: #F5F5F5; color: #000; } #tabs_box ul li a:hover#tab3_btn, #tabs_box ul li.active a#tab3_btn { background-position: -162px -1161px; background-color: #F5F5F5; color: #000; } #tabs_box ul li a#tab1_btn { width: 65px; background-position: -179px -622px; } #tabs_box ul li a#tab4_btn { width: 50px; letter-spacing: 0; background-position: -177px -530px; } #tabs_box ul li a#tab3_btn { width: 60px; letter-spacing: 0; background-position: -162px -1261px; } #tabs_box ul li a#tab1_btn, #tabs_box ul li a#tab2_btn, #tabs_box ul li a#tab3_btn, #tabs_box ul li a#tab4_btn { height: auto; padding: 0 0 0 27px; background-color: #F5F5F5; color: #B0B0B0; line-height: 31px; } #tabs_box ul li a#tab2_btn { width: 58px; background-position: -177px -433px; } #topic_theme .wmark { width: 456px } #udntv_logo { top: 3px; left: 44px; } #udntv_time { position: absolute; display: block; top: 34px; left: 30px; padding: 0 0 0 15px; color: #ccc; font-size: 16px; font-weight: 700; line-height: 1.5; } #udntv_time span { display: block; padding: 5px 0; color: #FFF; font-size: 13px; font-weight: 400; } #vwindow { left: 141px } #weather_index_foot dt { width: 77px } #weather_index_photo .area_body dt, #weather_typhoon_box #tab3 dt, #weather_day, #weather_night { width: 332px } .area > h3 { padding: 0 0 0 34px } #weather_day h3, #weather_night h3 { left: 135px; font-size: 30px; } #weather_day h4, #weather_night h4 { left: 135px } #weather_day b, #weather_night b { left: 20px } #weather_day i, #weather_night i { right: 25px; font-size: 30px; } body.mag .category_box_list dt { width: 684px } body.mag .category_box_list dt.big { border-bottom: solid 1px #e3e7ea; margin: 0 32px 15px 0; padding: 0 0 15px; } .category_box .topic dl.max { padding: 28px 0 0 32px } body.mag .category_box_list .max dl { padding: 10px 0 0 } body.mag_category .category_box_list dt { width: 346px } .category_box .topic dl.max, body.mag .category_box_list .max dl { width: 684px } body.mag .category_box_list .max dl dt { width: 322px } .category_box_list a { width: 320px } .channel { margin: 390px 0 0 } .channel span.hover, .channel a b { left: 3px } .focus_area { width: 684px; height: 349px; } .focus_area #focus_arrow_prev, .focus_area #focus_arrow_next { left: 0; width: 50px; height: 349px; } .focus_area #focus_arrow_prev b, .focus_area #focus_arrow_next b { top: 163px } .focus_area #focus_arrow_next { right: 0; left: auto; } .focus_area #carousel a { width: 584px; height: 349px; } .mypage_hot { float: none!important; width: auto!important; margin: 0 32px 32px!important; } .mypage_list { float: none!important; width: auto!important; padding: 0 32px 0 0; } #publication_main { float: none!important; width: auto!important; padding: 0; } #publication_side { float: none!important; width: auto!important; } form input[type=text].inline, form input[type=password] .inline { width: 41%; margin: 0 5px 0 0; } .only_1280, .none_768, #mag_most .area_body a b, #story_foot a b, .tabs_box_wrapper a.only_1024 { display: none !important; } .sub_body{font:14px/2.3 黑體,微軟正黑體, Arial, Helvetica, sans-serif;} .sub_body .big a img{max-width:281px;} .sub_body dl.last{width:300px;} .sub_body dl{width:281px;height:430px;padding:20px 10px 0;border-right:none;} .sub_head{width:108px;} .sub_head a{padding:0 0 0 10px;} .sub_head{margin:0;} body.index #ad_sub_sidebar dt#ad_sub_sidebar_ad1, body.index #sidebar #news_new, body.index #sidebar #sidebar_feed, body.index #sidebar .area, body.faq h4 { margin: 0 0 10px } body.mag .category_box_list .big a.category_box_topic { width: 494px } body.mag .category_box_list .max a.category_box_topic { width: 374px; font-size: 15px; } body.photos #focus_arrow_next { right: 0 } body.photos #focus_arrow_prev, .arrow_left { left: 0 } body.ranking #sidebar #choice, body.photos #sidebar #choice { top: 730px } body.ranking #sidebar #sidebar_epaper, body.photos #sidebar #sidebar_epaper { position: absolute; top: 1124px; left: 54px; margin: auto; } body.story #tv_body { padding: 28px 0 32px 32px } form input.mypage_save_search_input { width: 160px } #bd_body dt a, #tv_body dt a, #history_body > dt, .videos_body dt a, body.story #tv_body a, body.story #slideshow_body dt a, body.story #ec_body dt a, body.mag_story #tv_body a, body.mag_story #slideshow_body dt a, body.mag_story #ec_body dt a { margin: 0 38px 0 0 } .content_body_sponsor > dt { width: 316px } .content_body_sponsor > dt > dl { top: 96px } .content_body_sponsor > dt a { line-height: 1.5 } #header_head_fun > a { margin: 0 10px 0 0 } .menu > dl { width: 750px } #ec_body dt a { width: 160px; margin: 0 11px 0 0!important; } #album_index.focus_area #carousel h1 { font: bold 30px/50px 黑體,"Microsoft YaHei",微软雅黑体, 微軟雅黑體,"Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; width: 100%; /* album */-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; padding: 0 60px 0 10px; } #album_index.focus_area .wmark { height: 50px } #album_index.focus_area #carousel a.share { bottom: -20px } #show_box #album_photos_body h1 { font: bold 21px/25px 黑體,"Microsoft YaHei",微软雅黑体, 微軟雅黑體,"Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; left: 10px; width: 150px; } #show_box #album_photos_body b { left: 176px; margin: 0 140px 0 0; } #show_box #album_photos_body .page { right: 70px } #show_box #album_photos_body a.share { right: 10px } #show_box #album_photos #focus_arrow_prev { left: 0 } #show_box #album_photos #focus_arrow_next { right: 0 } .menu { height: 45px } .menu > dl { height: 39px } .menu > dl > dt > a { letter-spacing: 0; padding: 0 15px; cursor: default; height: 39px; line-height: 35px; } .arrow_left, .arrow_right { background-position: -110px -2314px; height: 39px; } .arrow_right { background-position: -150px -2314px } #author_article_list_head > dl > dt { width: 684px } #story_foot > div > dl > dt { padding: 0 30px 0 0 } .type_7 .index_video { width: 380px!important; padding: 14px 33px!important; } .type_7 .index_mid_ad1 { width: 228px!important; height: 343px!important; } .type_7 .index_mid_ad1 img { height: 228px!important } .type_7 .index_video { height: 315px!important } .type_7 .index_read_block li { width: 139.5px!important; height: 190px!important; } #content_body ul.index_read_block a img { width: 140px!important; height: 93px!important; } .shopping .sub_body dl { width: 532px!important } .shopping .sub_body .big a img { margin: 0!important } .shopping .sub_body dl { padding: 20px 0 0 35px!important } .min_1024 { display: none!important } body.index { background: #e5e5e5 } body.index #container { min-width: 750px } body.index .only_web { display: block!important } body.index #mainbar { min-width: 750px } body.index .area, body.index #msg { margin: 0 auto 10px } body.index #wrapper { display: table } body.index #carousel h1 { line-height: 55px; padding: 0 0 0 20px; font: bold 26px/55px 黑體,"Microsoft YaHei",微软雅黑体, 微軟雅黑體,"Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; } body.index .wmark { height: 50px } .type_8 #content_body_mag { padding: 260px 0 16px } #article_bottom_ad.only_web { max-height: 25px } #article_bottom_ad_mobile.only_mobile { min-height: 70px } #article_bottom_ad_mobile.only_mobile iframe { height: auto !important } .only_768 { display: block !important } #header_family dl dl dt a { padding: 12px 10px } } /* 640 ======================================================================================================================= */ @media (max-width: 766px) { #mySave { margin: 0 0 0 -10px } #msg h1 { width: 100%; margin: 0; padding: 0 10px; letter-spacing: 0; -o-text-overflow: ellipsis; font: bold 16px/30px 黑體,微軟正黑體, Arial, Helvetica, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } #author_article_list_filter { margin: 0 10px; padding: 40px 0 20px; } /* #author_article_list_list img { max-width: 100%; width: 30%; height: auto; } */ #author_article_list_filter .total { display: block; padding: 0; } #ranking_filter a, #author_article_list_filte a, #author_article_list_filter a { margin: 0 3px 10px 0; padding: 3px 6px 2px; } #author_article_list_list .count .pv, #author_article_list_list .count .fb, #author_article_list_list .count .share, #author_article_list_list .count > .facebook { margin: 5px 12px 20px 0 } #author_article_list_list > dt > a { /* height: auto; 作者列表 右側有圖*/padding:20px 10px 10px;border-bottom:none; } #carousel h1, #album_index.focus_area #carousel h1 { width: 100%; nowhitespace: afterproperty; text-align: left; -o-text-overflow: ellipsis; font: bold 16px/30px 黑體,"Microsoft YaHei", 微软雅黑体, 微軟雅黑體, "Microsoft JhengHei", 微軟正黑體, Arial, Helvetica, sans-serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; /* album */-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;padding:0 10px;; } #album_index.focus_area #carousel h1 { /* album */padding: 0 50px 0 10px; } #album_index.focus_area #carousel a.share { background-position: 6px -457px; bottom: -20px; height: 30px; right: 10px; width: 30px; } #category_body { padding: 15px 0 } #category_body dl { float: none; margin: 20px auto 0; width: auto; } #category_body dl a.sp, #mag_most { margin: 0 10px } #category_body dl a { width: 100% \7; width: auto; margin: 0 10px; padding: 0; text-indent: 12px; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } body.mag_category .category_box_list dt { float: none; width: auto; } #category_mags_body dl { margin: 20px 0 0; clear: both; width: auto; float: none; } #category_mags_theme { margin: auto; width: auto; height: auto; float: none; display: inline; } #category_mags_theme a b { left: 0; text-indent: 10px; width: 100%!important; } #category_mags_theme a img { max-width: 100%; width: auto; } #category_mags_body dl a { padding: 0 0 0 12px } #category_mags_body dl a.outlink { display: none } #mag_most .area_body { padding: 15px 0 22px 10px } #mag_most .area { float: none; margin: 0 0 10px; } #category_sub { margin: 30px 10px 10px; padding: 0; } #category_theme { float: none; width: 100%; height: auto; margin: 0; } #category_theme .wmark { width: 100%; height: 30px; } #category_theme h1 { left: 0; width: 100%; font-size: 16px; text-indent: 10px; -o-text-overflow: ellipsis; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; } #category_theme a { position: relative; display: block; margin: 0 10px; overflow: hidden; } #comments_head, #comments_body { padding: 28px 10px 32px!important } #faq_search { position: relative; top: auto; right: auto; margin: 0 10px; padding: 10px 0; border: medium none; } #footer_wrapper { text-align: center; padding: 22px 0 18px; } #gotop { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); opacity: .4; } #header { height: auto } #header_head_fun > a, #header_head_fun > a#family, #header_head_fun > a#fans { margin: 0 8px 0 0; padding: 0 0 0 21px; } #invoce_body { line-height: 1.3 } #invoce_body dt.invoce_topic { text-align: left } #invoce_body .invoce_info { padding: 25px 10px 5px } #invoce_body label { top: 5px } #invoce_body dt { padding: 20px 10px 5px; color: #999; } .category_box_body, #author_article_list_filte, #invoce_body dl, #invoce_foot, #search_info { padding: 20px 10px } #invoce_foot ol { padding: 0 0 0 20px } #invoce_body b { margin: -5px 0 0; text-align: right; line-height: 1; } #invoce_body a, #invoce_txt { padding: 20px 10px 0; text-align: left; } #lottos .area_body { padding: 32px 10px } #lottos .btn_1 { top: 70px; right: 95px; } #lottos .btn_2 { top: 70px; right: 10px; } #lottos .sp { margin: 0 0 0 10px; background-position: -157px -2608px; } #lottos b { width: 38px; height: 38px; font-size: 23px; background-position: -107px -2608px; line-height: 38px; } #lottos h4 { padding: 0 0 60px } #mypage_save_list dt { border-bottom: 1px solid #E5E5E5; height: 156px; } #mypage_save_list img, #mypage_save_list dt a h3 { text-decoration: none; visibility: visible; } #mypage_save_list img { display: none } #mypage_save_list dt > a { /* min-height: 95px; max-height: 95px; */margin:0 50px 0 10px;visibility:hidden; } #mypage_save_list dt a p { height: 0; visibility: hidden; } #mypage_save_list dt a u { margin-top: -10px; display: block; visibility: visible; } #most { width: auto; font-size: 15px; } #most .area_body { padding: 15px 10px 20px; text-align: center; } #most .area { float: none; width: auto; margin: 0 10px 10px; } #mypage_author_list div.del { height: 144px } #mypage_save_list_bar, #mypage_author_list_bar, #mypage_disease_list_bar, #mypage_stars_list_bar { margin: 0 0 0 10px } #mypage_save_search { position: relative; padding: 0 0 10px 10px; overflow: hidden; } #ranking_head, #ranking_body, #weather_typhoon_head, #weather_index_head, #photo_head, #mypage_head, #vote_list_head, #vote_list_body { padding: 0 10px } #result dt a { min-height: inherit; margin: 0 10px; padding: 20px 10px; overflow: hidden; float: none; } #result dt a h3 { margin: -2px 0 0 } #story_foot, #ec_body, #mypage_author_list > dl, #mypage_disease_list > dl, #mypage_disease_list dl dl a.topic, #mypage_stars_list > dl, #result dt a b { padding: 0 } #story_foot > div { width: 100%!important; overflow: hidden; padding: 0; } #story_foot { padding: 28px 10px 20px!important } #story_foot > div a { width: auto; padding: 0; text-indent: 16px; -o-text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; font-size: 110%; color: #333; } #story_foot dl, .category_box .max a.category_box_topic span { padding: 0 0 20px } #result img { position: relative; float: right; right: auto; } #result_list { float: none; width: auto; } #result_search { float: none; width: auto; padding: 30px 10px; } #search_content i, #search_content a:hover i { position: relative; float: right; top: auto; right: auto; height: 100px; margin: 0 0 10px 10px; padding: 0; border: none; } #story_also { margin: 40px 0; padding: 20px; } #search_content i img { max-width: 120px } #story_body { padding: 10px 10px 20px; font-size: 150%; line-height: 1.6; overflow: hidden; color: #333; } #author_article_list_head { line-height: 1.6 } #story_body .photo_left, #story_body .photo_right { float: none!important; clear: both!important; margin: 0 auto!important; } #story_body h3, body.mag .category_box_list .max dt, body.mag_category .category_box_topic img, #sidebar .deep .area_body dl, #author_article_list_list .count .dt { float: none } .category_box_list .max .big a img, body.mag_category .category_box_list .big a img { max-width: 100%; width: auto; } #story_body h2 { padding: 0; font-size: 26px; } #story_body h3 { font-size: 14px } #ad_1, #header_head_wrapper, #header_body_wrapper, #msg, #wrapper, #mainbar, #sidebar, #sidebar_fix, #ad_sub_sidebar, #ad_history, #ad_content, #footer_wrapper, .category_box .topic dl.max, body.mag .category_box_list .big a.category_box_topic, body.mag .category_box_list .big dt a, .category_box_list a, #story_also a, #rss_list dl dt, #sitemaps_list dl dt { width: 100% } #msg { width: auto; margin: 10px; } .category_box_list a span { font-size: 13px } #mypage_disease_list dl dl a.topic { margin: 0 } #weather_travels .area_body h3 { padding: 20px 10px 0; font-size: 138%; } #story_foot h4 { padding: 20px 0 0; font-size: 138%; } #ec_body dt a { position: relative; float: none; width: auto; min-height: 65px; margin: 0; padding: 10px; border-bottom: 1px solid #E5E6E8; overflow: hidden; } #vote_list_table .view_result { width: 40px; background-position: -107px -1714px; } #ec_body dt a span { position: absolute; bottom: 10px; left: 10px; } #ec_body dt a img { float: right; max-width: 120px; max-height: 90px; margin: 0 0 0 10px; } #ec_body dt a h4 { padding: 0; color: #333; font: bold 18px/1.3 黑體,微軟正黑體, Arial, Helvetica, sans-serif; } #vote_list_table a { display: block; padding: 0 10px; } #weather_bar { margin: 0 10px 10px; background: #FFF; } #weather_bar a h3 { float: none; width: auto; text-indent: 10px; } #weather_bar b { float: none; width: auto; text-align: left; text-indent: 10px; } body.author_list .count, #weather_day b, #weather_night b { left: 10px } #author_article_list_head .count { padding: 10px 0 0 130px } body.article_list .count { display: none } #weather_day h3, #weather_night h3 { left: 130px; font-size: 24px; } #weather_day h4, #weather_night h4 { top: 120px; left: 130px; } #weather_globals a { display: block; margin: 0; text-align: center; } #weather_globals a span, #weather_travels span { display: block; height: 1px; overflow: hidden; } #weather_globals b, #weather_travels b { float: none; margin: auto; } #weather_globals dt { width: auto; padding: 20px 9px; } #weather_index_body { width: auto; padding: 0 10px; } #weather_index_foot { height: 110px; padding: 10px; } #weather_travels .area_body dl { position: relative; display: table; padding: 0 10px; overflow: inherit; } #mag_most, #mag_most .area, #mypage_save_list { /* display: block; /*display: table; 網頁版寬度不對 */display:list-item;width:auto; } #weather_index_foot dt { width: auto } #story_body .photo_center, #story_body .photo_center_m, #story_bady_info span, #weather_index_foot b { display: block } #weather_travels .big { width: 100%; padding: 10px 0 20px; text-align: left; } #weather_travels .big b { position: absolute; top: -60px; right: 10px; } #weather_travels dt { display: block; width: auto; margin: 0; padding: 10px 9px; text-align: center; } #weather_typhoon_box #tab1, #weather_typhoon_box #tab2, #weather_typhoon_box #tab3 { padding: 10px 10px 30px } #weather_typhoon_box #tab3 dt { float: none; width: auto; margin: 0; } #wrapper { margin: 0; display: block; } .ad { margin: 0 0 10px } .ad img { display: block; width: auto; max-width: 100%; margin: auto; } body.mag_category .afunc { position: relative; right: auto; padding: 10px 0 30px; clear: both; overflow: hidden; } .area { margin: 0 10px 10px } .area > h3 { padding: 0 0 0 10px!important } .category_box .author dl { margin: auto; padding: 20px 10px 30px; } .category_box .category_box_list.topic { padding: 28px 10px } .category_box .max a.category_box_topic h3 { padding: 10px 0 5px } .category_box .topic dl, .category_box .topic dl.max { position: relative; width: 100%; margin: 0; padding: 0; } .category_box .topic hr { margin: 0 0 30px } #author_article_list_list dt { border-bottom: 1px solid #E5E6E8 } body.author_article_list .count iframe { padding-top: 9px!important; width: 100px!important; } body.author_article_list .count > img { float: left!important; margin-right: 10px!important; } .category_box_list.author dt.big a { white-space: normal; word-break: normal; } .category_box_list .big { margin: 0 0 25px; padding: 0 0 5px; } .category_box_list dl dt.big { border-bottom: 1px solid #E5E6E8 } .category_box_list dl:last-child dt.big { margin: 0; border-bottom: none; } .faq_body { padding: 20px 0 30px 10px } .focus_area { width: auto; height: auto; margin: 22px auto 0; } #album_index.focus_area { margin: 0 10px } .focus_area #carousel { height: auto; overflow: auto; } .focus_area #carousel a { float: none; width: auto; height: auto; margin: 0 10px 30px; } .big a.category_box_ch { margin: 3px 10px 0 0 } .max a.category_box_ch { margin: 15px 10px 10px 0 } .max .big .afunc { margin: 10px 10px 10px 0 } .mypage_hot { display: none; float: none!important; width: auto!important; margin: 0 32px 32px!important; } .mypage_list { float: none!important; width: auto!important; padding: 0 10px 0 0; } .only_mobile { display: block!important } .only_1280, #ec_body dt a span b, #story_foot a b, #sidebar, #mypage_head ul li b, #mypage_author_list dl dl .ch, .focus_area #focus_arrow_prev, .focus_area #focus_arrow_next, #mag_most a b, #vote_more a b, #author_article_list_list a b, #author_article_list_list .count .tag, #duijiang, #mypage_author_list .category_box_img, #mypage_disease_list dl dl b #mypage_disease_list dl dl, #result dt a p, #result dt a .cat { display: none } #ec > #etuFrame { height: 390px } #mypage_stars_list dl dl a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 10px 0 0; margin: 0; } /* #mypage_stars_list dl dl a img { max-height: 100px; } */ #mypage_author_list dl dl dt { padding: 0; /* padding: 0 80px 0 0; */; } #mypage_author_list dl dl b { display: none } #mypage_author_list dl dl a.topic { margin: 0; padding: 0; } #mypage_stars_list form > dl > dt, #mypage_author_list form > dl > dt, #mypage_disease_list form > dl > dt { padding: 15px 60px 10px 10px } div.del { position: absolute; top: 0; right: 0; width: 50px; height: 125px; padding: 31px 0 0; color: #666; border-bottom: 1px solid #DDD; text-align: center; background: none repeat scroll 0 0 #F2F2F2; } div.del a { font-size: 11px } #mypage_stars_list > dl > dt, #mypage_author_list > dl > dt, #mypage_disease_list > dl > dt { padding: 15px 50px 10px 10px } .only_web { display: none!important } .pagelink a { display: inline-block; margin: 10px 5px 10px 0; padding: 6px 15px 5px; } .social_bar { padding: 8px 0 10px 10px } .social_bar li { margin-right: 15px } .total { display: block; padding: 10px; } .wmark, #album_index.focus_area .wmark { height: 30px } a.category_box_img { display: block; float: none; padding: 0 0 10px; } #mypage_author_hot a.category_box_img, #mypage_stars_hot a.category_box_img, #mypage_stars_list a.category_box_img { height: auto; width: 145px; margin: 0; } #mypage_disease_list a.category_box_img, #mypage_disease_list dl dl b { display: none } body { background: #F5F5F5 } body.author_article_list #author_article_list_head .count { position: relative; bottom: auto; left: auto; padding: 10px 0 0; } body.author_article_list #author_article_list_head > dl > dt { padding: 10px 10px 35px; width: auto; margin: 0; } body.author_article_list #author_article_list_head > dl > dt p { padding: 0 0 0 130px } body.author_article_list #author_article_list_head img { display: block; float: none; margin: 0 0 10px; } body.author_article_list #author_article_list_head .count img { float: left; margin: 0 20px 0 0; } body.author_article_list .count { position: relative; bottom: auto; left: 10px; overflow: hidden; } body.author_list #author_article_list_head { padding: 20px 0 60px } body.author_list #author_article_list_head > dl > dt { /* padding: 35px 10px 85px;*/padding:35px 10px;width:auto; } body.author_list #author_article_list_head > dl > dt p { padding: 0 0 0 130px } body.author_list #author_article_list_head .category { left: 141px } body.author_list #author_article_list_head img, #story_body img { margin: 0 10px 0 0 } body.author_list #author_article_list_head h2 { padding: 15px 0 2px } body.copyright .single, body.privacy .single, #weather_index_live .area_body, #weather_index_photo .area_body, #weather_index_info .area_body, #weather_globals .area_body { padding: 20px 10px 30px } body.faq h4 { padding: 10px } #weather_day, #weather_night, #weather_index_photo .area_body dt { float: none; width: auto; margin: 0 0 20px; } body.mag .afunc { position: relative; float: left; right: auto; } body.mag .category_box_list .max .big a.category_box_img, body.mag .category_box_list .max .big a.category_box_topic { width: 100%; padding: 0; } body.mag .category_box_list .max dl { width: 100%; padding: 20px 0 0; display: none; } body.mag .category_box_list .max dl dt { width: 100%; margin: 0; } body.mag .category_box_list a.category_box_img img { width: auto; max-width: 100%; } body.mag_category .category_box_topic h3 { padding: 10px 0 } body.mag_story #author_article_list_head .count { position: relative; display: block; bottom: auto; left: auto; padding: 10px 0 0; clear: both; } body.mypage_author #mypage_author_list div.del { height: 156px } body.mypage_stars div.del { padding: 26px 0 0 } body.story .pagelink, .videos_body { padding: 20px 0 } body.votes #vote_body, body.votes #vote_more { padding: 20px 10px; font-size: 15px; } .videos_body dt h4 { padding: 5px 0 30px } .videos_body dt a { float: none; margin: 0 auto; } form input.mypage_save_search_input { width: 100px } form input.result_search_input { width: 212px } body.votes .dondon { float: none } #loading { background-position: center 180px } body.faq h4 { text-align: center } #sform1 { margin: 0 } .menu { overflow: auto } .menu > dl { width: auto } body.mag dt.big a.category_box_topic span { height: auto } #publication_body, #publication .group { padding: 20px 10px 170px!important } #publication_head a { right: 10px!important } #publication_main, #publication_side { float: none!important; width: auto!important; } form input.inline[type=text], form input[type=password] .inline { width: 28% } .sendtn, .sendtn2 { bottom: 0; left: 10px; position: absolute; } .sendtn2 { bottom: 60px } .category_box_topic h3 { padding: 10px 0 0; font-size: 18px; } body.mag .category_box_list .big dl a, #mag_most_hot_body a, #mag_most_new_body a, body.mag_category .category_box_list dt a, body.mag_category #category_body dl dt a, #ranking_table a, body.mag_category #category_mags_body dl dt a { font: bold 18px/2 黑體,微軟正黑體,Arial,Helvetica,sans-serif } #ranking_table a { color: #222; line-height: 1.4; } body.mag_category .category_box_list dt.big a span { font-family: Arial,Helvetica,sans-serif; font-weight: 400; padding: 0 0 10px; display: block; } body.mag .category_box_list dt.big { border-bottom: solid 1px #e3e7ea; margin: 0 0 15px; padding: 0 0 15px; width: 100%; } body.mag .category_box_list dt.big:last-child { border: none } .category_box_list .big a.category_box_topic { padding: 0 } body.mag_category .category_box_list .big a { background: none } #show_box #album_photos_body h1 { font: bold 18px/25px 黑體,"Microsoft YaHei",微软雅黑体, 微軟雅黑體,"Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif; left: 10px; bottom: 7px; width: auto; height: 50px; margin: 0 120px 0 0; } #show_box #album_photos_body b { display: none } #show_box #album_photos_body .page { bottom: 33px; right: 50px; } #show_box #album_photos_body a.share { bottom: -5px; right: 45px; } #show_box #album_photos_body .wmark { height: 62px } .menu > dl > dt > a { letter-spacing: 0; padding: 0 10px; } body.weather_index .menu > dl > dt > a, body.weather_global .menu > dl > dt > a, body.weather_travels .menu > dl > dt > a, body.invoce .menu > dl > dt > a, body.lotto .menu > dl > dt > a { padding: 0 15px } .arrow_left, .arrow_right { top: 53px } #story_foot > div > dl > dt { padding: 0 } #nav { padding: 0 10px 10px } #mypage_head { overflow: auto; clear: both; display: block; height: 42px; position: relative; width: 100%; } #mypage_head dl { overflow: auto; display: block; position: relative; white-space: nowrap; width: 200%; } #mypage_head dl > dt { display: inline; overflow: hidden; white-space: nowrap; } #mypage_head a { width: 139px; cursor: pointer; display: inline-block; overflow: hidden; position: relative; white-space: nowrap; } /* 文末share_bar ======================================================================================================================= */ #share_bar { padding: 30px 0; width: 100%; display: table; } #share_bar > dt { display: block; float: left; } #share_bar > dt > a, #share_bar_share { margin: 0 10px 0 0; height: 50px; width: 50px; display: block; float: left; } /* #share_bar > dt > a , #share_bar_share , #share_bar .social_pop li a { background-image: url(/news/img/sprite.png); background-repeat: no-repeat; text-indent:-9999px; } */ #share_bar > dt > a, #share_bar_share, #share_bar .social_pop li a { background-image: url(/news/img/sprite.png); background-repeat: no-repeat; text-indent: -9999px; } #share_bar_fb_share { background-position: center -3050px; background-color: #3f67be; } #share_bar_gp { background-position: center -3100px; background-color: #ea5b4d; } #share_bar_line_share { background-position: center -3250px; background-color: #00c300; } #share_bar_line_udn { background-position: center -3000px; background-color: #00c300; } #share_bar_share { background-position: center -3300px; background-color: #bf324c; } #share_bar .social_pop ul { top: -43px; margin: 0; list-style: none; } #share_bar .social_pop ul li { padding: 0 } #share_bar .social_pop ul li a { margin-right: 20px; display: block; float: left; height: 31px; overflow: hidden; width: 30px; background-position: -10px -759px; } #share_bar .social_pop ul li.plurk a { background-position: -10px -709px } #share_bar .social_pop ul li.print a { background-position: 0 -656px; margin: 0; } #share_bar dt { padding: 0 10px 0 0; width: 25%; box-sizing: border-box; } #share_bar dt:last-child { padding: 0 } #share_bar > dt > a, #share_bar_share { margin: 0; height: 40px; width: 100%; } #share_bar_fb_share { background-position: center -3055px } #share_bar_gp { background-position: center -3105px } #share_bar_line_share { background-position: center -3255px } #share_bar_line_udn { background-position: center -3005px } /* 文末share_bar ======================================================================================================================= */ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxClose{position:absolute;border:0; top:0; right:0; background:url(/news/img/close-button.png) ; width:60px; height:60px; text-indent:-9999px;} #sidebar_ad { border:none;} }