header {width:100%;height:150px;background:url(../../files/image/top.jpg) repeat left top;margin-bottom:2px;} header .logo {width:160px;height:34px;background:url(../../files/image/logo.png) no-repeat left top;position:relative;left: 30px;top: 30px;} header .bodymenu {clear:both;float:right;position:relative;right: 5px;top: 38px;font-size: 11px;} header .bodymenu ul li {display:inline-block;} header .bodymenu ul li a{display:none;opacity: 0.4;padding:3px;font-size: 15px;line-height:21px;} header .bodymenu ul li a:hover{display:block;opacity: 0.9;font-size: 19px;} header .topmenu {clear:both;float:right;position:relative;right: 5px;top: 85px;font-size: 11px;} header .topmenu ul li {display:inline-block;} header .topmenu ul li span{display:block;opacity: 0.4;} header .topmenu ul li a{display:block;opacity: 0.4;padding:3px;font-size: 15px;line-height:21px;} header .topmenu ul li a:hover{display:block;opacity: 0.9;font-size: 19px;} nav { width:196px; overflow: hidden; float:left;} nav dl { position:relative; font-size: 17px;} nav .navtitle { color:#fff; font-size: 19px; text-align:center; padding:0 10px; } nav dl dd { background-color:#fff; } nav .navnext { top:10px;} nav .left_menu ul { } nav .left_menu ul li{ } nav .left_menu ul li a{ padding:0 5px; display:block; border:1px solid #fff;} nav .left_menu ul li a:hover{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-color:#a8c3d9; color:#fff; border:1px dashed #5daabe; } nav .left_actor {} nav .left_actor dd{line-height: 120%;} nav .left_actor ul .stripbg { margin:0 5px; background-color: black; height: 4px; padding: 1px; border: 1px solid #3d8fce;} nav .left_actor ul .stripbg .striptrue{ height: 3px; } nav .left_actor ul li {padding:0 5px; } nav .left_actor ul li span { font-size:13px;display:inline-block; } nav .left_actor ul li .actorattr { font-size:15px; font-weight:bold; text-align:right;} nav .left_actor ul li .actorvalue { font-size:13px; } nav .nav_switch_close {cursor:pointer;font-size: 13px;letter-spacing: 10px;opacity:0; display:none; color:#fff;text-align:center; background: #5daabe; /* Old browsers */ background: -moz-linear-gradient(-45deg, #5daabe 0%, #75ccff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5daabe), color-stop(100%,#75ccff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* IE10+ */ background: linear-gradient(135deg, #5daabe 0%,#75ccff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5daabe', endColorstr='#75ccff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } article { width:686px; background-color:#fff; margin: 0 5px;} article .tab {} article .tab ul { clear:both; position:relative;} article .tab .tab_button { color:#fff;font-size: 19px;text-align:center;padding:0 5px;margin-right: 1px; float:left; display:inline-block; border:2px solid #5daabe; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #75ccff; } article .tab .tab_button_selected { border-bottom:2px solid #fff;color:#fff; background: #5daabe; /* Old browsers */ background: -moz-linear-gradient(-45deg, #5daabe 0%, #75ccff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5daabe), color-stop(100%,#75ccff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* IE10+ */ background: linear-gradient(135deg, #5daabe 0%,#75ccff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5daabe', endColorstr='#75ccff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } article .tab .tab_buttonarea { z-index:350; } article .tab .tab_contentarea {z-index:340; top:-2px;border-left:2px solid #5daabe;border-top:2px solid #5daabe;border-right:2px solid #5daabe;border-bottom:2px solid #5daabe; /*background-color:#efe;*/} article .tab .tab_contentarea_h1 {height:300px; overflow-y:auto; } article .tab .tab_contentarea ul li{ } article .tab .tab_contentarea ul li a{ line-height:26px; padding:0 5px; display:block; border:1px solid #fff;} article .tab .tab_contentarea ul li a:hover{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-color:#a8c3d9; color:#fff; border:1px dashed #5daabe; } article .tab .tab_contentarea ul .news_date { padding: 0 5px; font-size: 13px;height:14px;} article .tab .tab_contentarea ul .news_content{padding: 0 10px;font-size: 15px;} article .tab .tab_contentarea ul .actor_avatar {float:left; font-size: 13px;width:27px;height:30px;padding:5px;} article .tab .tab_contentarea ul .actor_content{float:left; padding: 10px 0 0;font-size: 15px;} article .tab .tab_contentarea ul .actor_time{font-size: 11px;color:#999;} article .tab .tab_contentarea ul .actor_clear{clear:both;} article .tab .tab_contentarea ul .normal_pic {float:left; font-size: 13px;width:30px;height:30px;padding:5px;} article .tab .tab_contentarea ul .normal_text{float:left; padding: 10px 0 0;font-size: 15px;} article .tab .tab_contentarea ul .normal_other{font-size: 11px;color:#999;} article .tab .tab_contentarea ul .normal_clear{clear:both;} article .tab .tab_contentarea ul .item_pic {float:left; font-size: 13px;width:30px;height:30px;padding:5px; background-repeat: no-repeat; background-position:center center;} article .tab .tab_contentarea ul .item_number { float:right; padding-top:10px; font-size: 11px;} article .tab .tab_contentarea ul .item_title{float:left; padding: 8px 10px 0;font-size: 19px; color:#5daabe;} article .tab .tab_contentarea ul .item_text{float:left; padding: 10px 0 0;font-size: 15px;} article .tab .tab_contentarea ul .item_other{font-size: 11px;color:#999;} article .tab .tab_contentarea ul .item_clear{clear:both;} article .tab .tab_contentarea ul .update_ver {padding: 0 5px; font-size: 13px;height:15px;} article .tab .tab_contentarea ul .update_content{padding: 0 10px;font-size: 15px;} article .tab .tab_contentarea ul .rank_no { text-align:center;color:#fff;float:left; font-size: 13px;width:20px;line-height:20px;margin-top:12px; background: #5daabe; /* Old browsers */ background: -moz-linear-gradient(-45deg, #5daabe 0%, #75ccff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5daabe), color-stop(100%,#75ccff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* IE10+ */ background: linear-gradient(135deg, #5daabe 0%,#75ccff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5daabe', endColorstr='#75ccff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } /*整理article .tab .tab_contentarea ul 首頁用不可換行*/ article .tab .tab_contentarea .ul_rank .rank_no { text-align: center;color:#fff;float:left; font-size: 13px;width:20px;line-height:20px;margin-top:10px ;margin-left: 5px; background: #5daabe; /* Old browsers */ background: -moz-linear-gradient(-45deg, #5daabe 0%, #75ccff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5daabe), color-stop(100%,#75ccff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* IE10+ */ background: linear-gradient(135deg, #5daabe 0%,#75ccff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5daabe', endColorstr='#75ccff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } article .tab .tab_contentarea .ul_rank .rank_pic {float:left; font-size: 13px;width:30px;height:30px;padding:5px;} article .tab .tab_contentarea .ul_rank .rank_text{float:left; padding: 8px 0 4px;font-size: 15px; width: 600px; } article .tab .tab_contentarea .ul_rank .rank_text_other{font-size: 11px;color:#999; } article .tab .tab_contentarea .ul_rank .rank_clear{clear:both;} article .tab .tab_contentarea .ul_photo .photo_pic {float:left; font-size: 13px;width:30px;height:30px;padding:5px;} article .tab .tab_contentarea .ul_photo .photo_text{float:left; padding: 8px 0 4px;font-size: 15px; width: 620px; } article .tab .tab_contentarea .ul_photo .photo_text_other{font-size: 11px;color:#999; } article .tab .tab_contentarea .ul_article .article_text{margin-left: 5px;float:left; padding: 8px 0 4px;font-size: 15px; width: 660px; } article .tab .tab_contentarea .ul_article .article_text_tip{font-size: 15px;color:#5daabe; } article .tab .tab_contentarea .ul_article .article_text_other{font-size: 11px;color:#999; } article .tab .tab_contentarea .ul_item .item_pic {float:left; font-size: 13px;width:30px;height:30px;padding:5px; background-position: center center;background-repeat: no-repeat;} article .tab .tab_contentarea .ul_item .item_pic_num { float: right; padding-top: 8px; font-size: 11px;} article .tab .tab_contentarea .ul_item .item_text{float:left; padding: 8px 0 4px;font-size: 15px; width: 620px; } article .tab .tab_contentarea .ul_item .item_text_other{font-size: 11px;color:#999; } article .tab .tab_contentarea .ul_equipment .equipment_title{float: left; padding: 8px 5px 0; font-size: 19px; color: #5daabe; width:50px;} article .tab .tab_contentarea .ul_equipment .equipment_pic {float:left; font-size: 13px;width:30px;height:30px;padding:5px; background-position: center center;background-repeat: no-repeat;} article .tab .tab_contentarea .ul_equipment .equipment_pic_num { float: right; padding-top: 8px; font-size: 11px;} article .tab .tab_contentarea .ul_equipment .equipment_text{float:left; padding: 8px 0 4px;font-size: 15px; width: 580px; } article .tab .tab_contentarea .ul_equipment .equipment_notpictext{float:left; padding: 8px 0 4px;font-size: 15px; width: 600px; } article .tab .tab_contentarea .clear_both { clear:both;} article .tab .tab_contentarea .one_line { white-space : nowrap; overflow:hidden; text-overflow: ellipsis; } article .tab .tab_contentarea .normal_div { padding:10px; font-size:17px;} article .tab .tab_contentarea .normal_div .text_other { font-size: 11px;color:#999;} article .tab .tab_contentarea .normal_div .center_btn { font-size:15px; width: 100px; display: block; text-align: center; margin: 0 auto;} article .normal {} article .normal .normal_title { color:#fff; font-size: 17px; padding:0 10px; line-height:24px; background: #5daabe; /* Old browsers */ background: -moz-linear-gradient(-45deg, #5daabe 0%, #75ccff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5daabe), color-stop(100%,#75ccff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* IE10+ */ background: linear-gradient(135deg, #5daabe 0%,#75ccff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5daabe', endColorstr='#75ccff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } article .normal .normal_content { } article .normal .normal_content ul li{ } article .normal .normal_content ul li a{ line-height:26px; padding:0 5px; display:block; border:1px solid #fff;} article .normal .normal_content ul li a:hover{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-color:#a8c3d9; color:#fff; border:1px dashed #5daabe; } article .normal .normal_content ul .normal_pic {float:left; font-size: 13px;width:30px;height:30px;padding:5px;} article .normal .normal_content ul .normal_text{float:left; padding: 10px 0 0;font-size: 15px;} article .normal .normal_content ul .normal_other{font-size: 11px;color:#999;} article .normal .normal_content ul .normal_clear{clear:both;} article .normal .normal_content .normal_div { padding:10px; font-size:19px;} article .actor_other { clear:both;} aside { width:196px;overflow: hidden; float:left;} aside dl dd {background-color:#fff;} aside .aside_switch_close { cursor:pointer; font-size: 13px;letter-spacing: 10px;opacity:0; display:none;color:#fff;text-align:center; background: #5daabe; /* Old browsers */ background: -moz-linear-gradient(-45deg, #5daabe 0%, #75ccff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5daabe), color-stop(100%,#75ccff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* IE10+ */ background: linear-gradient(135deg, #5daabe 0%,#75ccff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5daabe', endColorstr='#75ccff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .normal_div .label { display:inline-block;} .normal_div .inputtext { width:360px; margin:0 5px;} .normal_div .inputcode { width:300px;} .normal_div .nortext { margin:0 5px;} .normal_div .formtips { font-size:13px; margin-left:5px; color:#fff; cursor:pointer;} /* @keyframes slidein { from{transform:rotate(0deg); } to{transform:rotate(360deg); wdith:0; } } @-moz-keyframes slidein { from{transform:rotate(0deg); } to{transform:rotate(360deg); wdith:0;} } @-webkit-keyframes slidein { from{transform:rotate(0deg); } to{transform:rotate(360deg); wdith:0;} } @-o-keyframes slidein { from{transform:rotate(0deg); } to{transform:rotate(360deg); wdith:0;} } aside .ani { -o-animation:slidein 1s ease 0s normal none 1; -webkit-animation:slidein 1s ease 0s normal none 1; -moz-animation:slidein 1s ease 0s normal none 1; animation:slidein 1s ease 0s normal none 1; } */ footer { background-color:#fff; height:40px; clear:both; border-top:2px solid #5daabe; position: relative; top: 10px; padding-top: 10px; text-align: center; } #goback{ width:120px; height:22px; position:fixed; bottom:0; right: 0; z-index: 9999; line-height: 24px; cursor:pointer;font-size: 15px;letter-spacing: 3px;opacity:1; display:none; color:#fff;text-align:center; background: #5daabe; /* Old browsers */ background: -moz-linear-gradient(-45deg, #5daabe 0%, #75ccff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5daabe), color-stop(100%,#75ccff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* IE10+ */ background: linear-gradient(135deg, #5daabe 0%,#75ccff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5daabe', endColorstr='#75ccff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .lansanmsgbg{ z-index:8999; position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.2; background: #4c4c4c; /* Old browsers */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNGM0YzRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEzMTMxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #4c4c4c 0%, #131313 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4c4c4c), color-stop(100%,#131313)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #4c4c4c 0%,#131313 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #4c4c4c 0%,#131313 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #4c4c4c 0%,#131313 100%); /* IE10+ */ background: linear-gradient(135deg, #4c4c4c 0%,#131313 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .lansanmsg{ position:absolute; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:2px solid #5daabe; background-color:#fff; z-index:9000; } .lansanmsg .msgtitle{ color:#fff; font-size: 17px; text-align:center; line-height:24px; background: #5daabe; /* Old browsers */ background: -moz-linear-gradient(-45deg, #5daabe 0%, #75ccff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5daabe), color-stop(100%,#75ccff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* IE10+ */ background: linear-gradient(135deg, #5daabe 0%,#75ccff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5daabe', endColorstr='#75ccff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .lansanmsg .msgcontent{ margin: 10px; } .lansanmsg .msgcontrol { cursor: pointer;display: block;position: relative;margin-bottom:10px;} .lansanmsg .msgpage { display: block;position: relative;height: 0; float:right; padding: 0 20px; color:#aaa;} .lansanmsg_alert { text-align:center; width:400px; } .lansanmsg_alertleave { text-align:center; width:400px; } .lansanmsg_confirm { text-align:center; width:400px; } .lansanmsg_talk { width:700px;} .lansanmsg_url { text-align:center; width:400px; } .lansanmsg_confirm .msgcontrol a{ margin: 0 8px;} .lansanmsg_url .msgcontrol a{ margin: 0 8px;} .lansanmsg_talk .msgcontrol { text-align: center; clear: both;} .lansanmsg_talk .msgcontrol a{ margin: 0 8px;} .lansanmsg_talk .msgactoravatar { width:180px; height:230px; float:left;} .lansanmsg_talk .msgactorname { position:relative; top:205px; line-height: 30px; font-size: 19px; text-align: center; } .lansanmsg_talk .msgactortext { width:490px; float:left; padding: 20px 0; font-size: 19px; line-height:26px; } .btn { padding:0px 2px; color:#ddd;cursor:pointer; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:2px solid #5daabe; display:inline-block; background: #5daabe; /* Old browsers */ background: -moz-linear-gradient(-45deg, #5daabe 0%, #75ccff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#5daabe), color-stop(100%,#75ccff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #5daabe 0%,#75ccff 100%); /* IE10+ */ background: linear-gradient(135deg, #5daabe 0%,#75ccff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5daabe', endColorstr='#75ccff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } .btn:hover{ color:#fff; -webkit-box-shadow: 0 0 15px #5daabe; -moz-box-shadow: 0 0 15px #5daabe; box-shadow: 0 0 15px #5daabe; } /*actor_status*/ article .actor_base { float:left; padding-right:10px;} article .actor_base ul li {padding:0 5px; } article .actor_base ul li span { line-height:19px; display:inline-block; } article .actor_base .actor_avatar { width:180px; height:210px; float:left;} article .actor_base .actor_allname { font-size: 21px; font-weight:bold; text-align: center;} article .actor_base .actor_line { font-size: 19px; text-align: center; border-top:1px solid #5daabe; margin: 8px 0; clear:both;} article .actor_base .actor_notline { font-size: 19px; text-align: center; margin: 8px 0; clear:both;} article .actor_base .actor_attr { font-size:19px; font-weight:bold; text-align:right;} article .actor_base .actor_attr2 { font-size:17px; font-weight:bold;} article .actor_base .actor_attrv1 { font-size: 17px; font-weight:bold; text-align: right;} article .actor_base .actor_attrv2 { font-size: 15px;} article .actor_base .actor_point { width:408px; display: inline-block; } article .actor_base .actor_point div{ width:204px; display: inline-block; float: left;} article .actor_base .stripbg { overflow:hidden; width:408px; margin:0 5px; background-color: black; height: 4px; padding: 1px; border: 1px solid #3d8fce;} article .actor_base .stripbg .striptrue{ height: 3px; } /*響應是再整理CSS*/ @media screen and (max-width: 1280px){ .viewarea { width: 1100px; } header { } nav {} article { } aside { } footer {} } @media screen and (max-width: 1100px){ .viewarea { width: 900px; } header { } nav { } article { } aside { position: absolute;right: 0;z-index:999;float:none;} aside .aside_switch_close { opacity:1; display:block;} footer {} } @media screen and (max-width: 900px){ .viewarea { width: 700px; } header {} nav { position: absolute;left: 0;z-index:999; float:none;} nav .nav_switch_close { opacity:1; display:block;} article { } aside {} footer {} } @media screen and (max-width: 700px){ .viewarea {width: 480px;} header {} nav { } article {width:466px; } article .actor_base ul .stripbg { width:208px;} article .actor_base ul .actor_point { width:208px;} aside { } footer {} .lansanmsg_talk { width:460px;} .lansanmsg_talk .msgactortext {width:440px;} article .tab .tab_contentarea .ul_rank .rank_text { width:380px;} article .tab .tab_contentarea .ul_article .article_text { width:440px;} article .tab .tab_contentarea .ul_photo .photo_text { width:400px;} article .tab .tab_contentarea .ul_item .item_text { width:400px;} article .tab .tab_contentarea .ul_equipment .equipment_text{ width: 360px; } article .tab .tab_contentarea .ul_equipment .equipment_notpictext{ width: 380px; } } @media screen and (max-width: 480px){ .viewarea {width: 320px;} header {} nav { } article { width:306px; } aside { } footer {} .lansanmsg_alert { width:300px; } .lansanmsg_alertleave { width:300px; } .lansanmsg_confirm { width:300px; } .lansanmsg_talk { width:300px;} .lansanmsg_talk .msgactortext {width:280px;} .lansanmsg_url { width:300px; } .normal_div .inputtext { width:260px;} .normal_div .inputcode { width:200px;} article .tab .tab_contentarea ul .item_text {width:220px;} article .tab .tab_contentarea .ul_rank .rank_text { width:220px;} article .tab .tab_contentarea .ul_article .article_text { width:280px;} article .tab .tab_contentarea .ul_photo .photo_text { width:240px;} article .tab .tab_contentarea .ul_item .item_text { width:240px;} article .tab .tab_contentarea .ul_equipment .equipment_text{ width: 200px; } article .tab .tab_contentarea .ul_equipment .equipment_notpictext{ width: 220px; } } @media screen and (max-width: 319px){ .viewarea {width: 320px;} header { width:320px;} nav { } article {width:306px; } aside { } footer {width:320px;} }