#mainView{display: table; font-family: 'Century Gothic', 微軟正黑體, 'Microsoft JhengHei', DFKai-SB, sans-serif;}
#leftBox{width:580px; margin: 0 10px 0 0; float: left;}
#leftbox1{width:580px; padding: 0; margin: 0; height: 370px; position: relative;}
#leftbox1 ul{width:580px;height: 370px; padding: 0; margin: 0;}
#leftbox1 li{width:580px; list-style:none; background-color: #000; height: 370px;}
#leftbox1 li .articleStr{color: #fff;}
.articleInfo{width:580px;height: 80px;}
.articleInfo .userPhoto{float: left; margin: 10px; width: 60px; height: 60px;}
.articleInfo .articleStr{float: left; margin: 10px; width: 430px; height: 60px;}
.articleInfo .articleStr .articleTitle{width:100%; height: 40px; font-size: 21px; line-height: 40px; overflow: hidden;}
.articleInfo .articleStr .articleUser{width:100%; height: 20px; font-size: 12px; line-height: 20px; overflow: hidden;}
#changeBox{position:absolute;right:0px;bottom:0;width: 40px;height: 80px;background: #f47927; }
#changeBox a{width:40px;height: 40px; text-align: center;line-height: 40px; display: block; font-size: 31px;color: #fff;text-decoration: none;font-weight: 700;font-family: 'Simsun';}

#leftbox2{width:580px; padding: 0; margin: 0 0 10px 0; height: 110px;}
.box2_articleTitle{width: 100%; height: 70px; font-size: 22px; line-height: 36px; font-weight: 600; margin: 20px 0; overflow: hidden;}
.box2_articleTitle a{color: #000;}
.box2_articleTitle a:hover{color: #f50000;}
.box2_articleInfo{ color: #9C9C9C; font-size: 12px; }
#box2_user{background: url(/media/image/button/author.png) no-repeat 0 0; padding: 0 0 0 18px;line-height: 30px; margin: 0 15px 0 0;}
#box2_date{background: url(/media/image/button/date.png) no-repeat 0 0; padding: 0 0 0 18px;line-height: 30px;margin: 0 15px 0 0;}
#box2_view{background: url(/media/image/button/eye.png?t=1) no-repeat 0 0; padding: 0 0 0 18px;line-height: 30px;margin: 0 15px 0 0;}

#leftbox3{ width : 560px; height: 180px;margin: 20px 0 10px 0; background-color: #EEE; padding: 10px;}
#box3_Title{color: #999; font-size: 18px; width: 100%; padding: 5px 0 15px 0;height: 20px;line-height: 25px;}
#box3_content{ height: 140px; width: 100%;font-size: 12px;}
.box3_List{width:255px; padding: 0 0 0 25px; background: url(/media/image/button/circle_dark.png) no-repeat 0 8px; float: left; height: 35px; overflow: hidden; line-height: 30px;}
.box3_List a{color: #000;}
.box3_List a:hover{text-decoration: underline;}

.box4_categoryList{width:580px;height: 440px; margin: 10px 0 0 0;}
.box4_color0{background-color: #f47927!important;}
.box4_color1{background-color: #da333f!important;}
.box4_color2{background-color: #6dceba!important;}
.box4_title{background: url(/media/image/button/index_tit.png) no-repeat 12px 12px; width:540px; height: 40px; padding: 0 0 0 40px; line-height: 40px; font-size: 19px; color: #fff;}
.box4_content{width:580px; height: 390px; padding: 10px 0 0 0; background:#fff ;}
.box4_left{width:274px;height: 400px; float: left; padding: 0 8px;}
.box4_leftTitle{overflow: hidden; height: 30px; width: 274px; line-height: 30px; font-size: 16px; margin: 10px 0 0 0;}
.box4_leftTitle a{color: #000;}
.box4_leftTitle a:hover{color: #f50000;}
.box4_leftDate{background: url(/media/image/button/date.png) no-repeat 0 5px; padding: 0 0 0 20px;width: 254px; height: 30px; color: #9c9c9c; font-size: 12px; line-height: 30px;}
.box4_leftDes{overflow: hidden;color: #696969; font-size: 14px; height: 95px;}

.box4_right{width:274px;height: 400px; float: left; padding: 0 8px;}
.box4_rightList{width:274px;height: 75px; margin: 0 0 10px 0;}
.box4_listImg{width:100px; height: 75px;float: left;}
.box4_listImg a{display: block;overflow: hidden;background-color: #000000;text-align: center;}
.box4_listImg a img{max-width: 100px;max-height: 75px;}
.box4_listContent{width: 170px; height: 75px; float: left; margin: 0 0 0 4px;}
.box4_rightTitle{overflow: hidden; height: 40px; width: 170px; margin: 0 0 10px 0; font-weight: 600; line-height: 20px; font-size: 14px;}
.box4_rightTitle a{color: #333;}
.box4_rightTitle a:hover{color: #f50000;}
.box4_rightDate{background: url(/media/image/button/date.png) no-repeat 0 0; padding: 0 0 0 20px; overflow: hidden; height: 25px; width: 170px; font-size: 12px; line-height: 20px; color: #9c9c9c;}

#middleBox{width:300px; margin: 0 10px 0 0; height: 400px; float: left; }
#middleBox1{width:300px; height: 400px; margin: 0 0 10px 0 ;}
#middleBox1_ad{width:300px; height: 250px; margin: 0 0 10px 0 ;}
#mBox1_headIcon{width:300px;height: 40px;}
#mBox1_headIcon ul{margin: 0; padding: 0;width:300px}
#mBox1_headIcon li{list-style: none;float: left;width:150px;text-align: center;background-color: rgb(220,217,215); color: #000; height: 40px; line-height: 40px; font-size: 16px;}
#mBox1_headIcon li.on{background-color: #f47927; color: #fff;}
#mBox1_main{ border: 5px solid #dbdbdb; width:290px;height: 353px; border-top-width: 2px;}
#mBox1_main ul{ margin: 0; padding: 0; width:290px;}
#mBox1_main ul li{list-style: none;height: 22px; width:280px; overflow: hidden; font-size: 14px; margin: 7px 0 13px 0; line-height: 22px;}
#mBox1_main ul li a{color:#000;}
#mBox1_main ul li a:hover{color:#f50000;}
.MB1M_item1{display: block; float: left; background-color: #f47927; font-family: 'Arial'; height: 22px;width: 22px; line-height: 22px; text-align: center; color: #fff; margin: 0 10px;}
.MB1M_item2{display: block; float: left; background-color: #969696; font-family: 'Arial'; height: 22px;width: 22px; line-height: 22px; text-align: center; color: #fff; margin: 0 10px;}

#middleBox2{width:300px;min-height: 1300px;}
#middleBox2_title{background: url(/media/image/button/index_tit.png) no-repeat 12px 12px; width:260px; height: 40px; padding: 0 0 0 40px; line-height: 40px; font-size: 19px; color: #fff;}
.MB2_list{width:300px;height: 300px; margin: 10px 0; position: relative;}
.MB2_list_ad{width:300px;height: 600px; margin: 10px 0; position: relative;}
.MB2_listIMB{width: 300px;height: 300px;}
.MB2_listTitle{ position: absolute; top:265px;left: 0px; font-size: 12px; width: 280px; height: 35px; line-height: 16px; padding: 0 10px; background-color: rgba(0,0,0,0.7);}
.MB2_listTitle a{ color:#fff;}

#rightBox{width:300px; margin: 0; height: 400px; float: left;}
.rightArticleList1{width:300px; height: 95px ; background-color: #fff; margin: 0 0 15px 0;}
.ArticleListImg{width:100px; height: 75px; margin: 10px; float: left;}
.ArticleListInfo{width:180px; height: 95px; float: left; font-family: 'Century Gothic', 微軟正黑體, 'Microsoft JhengHei', DFKai-SB, sans-serif; position: relative; overflow: hidden;}
.ArticleListTitle{width: 175px;height: 48px; color: #464646; font-size: 16px; line-height: 24px; overflow: hidden; margin: 5px 0 ;}
.ArticleListDate{width:175px ;font-size: 14px;line-height: 16px;color: #ABABAB; padding: 6px 0 0 0;}
.ArticleListIcon{color: #F7F7F7;font-size: 54px;font-weight: 800;right: 5px;position: absolute;bottom: -20px;}
.rightArticleList1:hover{background-color: #333;}
.rightArticleList1:hover .ArticleListTitle{color: #fff;}

#rightArticle2Title{background:#f47927 url('/media/image/button/index_tit.png') no-repeat 12px 12px ;height: 40px; padding: 0 0 0 40px;width:260px; font-family: 'Century Gothic', 微軟正黑體, 'Microsoft JhengHei', DFKai-SB, sans-serif; font-size: 16px;font-weight: 600;line-height: 40px; color: #fff;; margin: 0 0 10px 0;}
.rightArticleList2{width:300px; height: 95px ;}
.ArticleListTitle2{width: 175px;min-height: 48px; max-height: 75px; color: #464646; font-size: 16px; line-height: 24px; overflow: hidden; margin: 10px 0 ;}
.rightArticleList2:hover .ArticleListTitle2{color: red;}