@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; -webkit-text-size-adjust:none;}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
a{outline:none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: bold;
    src: local(Yu Gothic), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體);
}
input , select , textarea , button{outline:none; border-radius:0; font-family:arial , "微軟正黑體修正", "微軟正黑體";}
button{cursor:pointer;}

#ascrail2000 ,
#ascrail2000 > div{width:10px !important; z-index:10 !important}

body{font-family:arial , "微軟正黑體修正", "微軟正黑體";}
#all{position:static; left:0; top:0; width:100%;}
#all.active{position:fixed;}
.fb-page{margin-bottom:20px;}

/* top-link */
#top-link{background:#f3f3f3;}
#top-link .wrap{max-width:1350px; margin:0 auto; padding:0 20px; overflow:hidden; font-size:13px; color:#999; line-height:40px; box-sizing:border-box;}
#top-link .wrap .info{float:left;}
#top-link .wrap .mail{display:inline-block; margin-left:5%; font-size:13px; color:#999;}
#top-link .wrap .mail:before{content:""; position:relative; top:3px; display:inline-block; width:14px; height:14px; margin-right:5px; background:url(../images/mail.png);}
#top-link .wrap .mail a{color:#999;}
#top-link .wrap .fb-like{top:-9px; float:right; width:70px; margin-left:10px;}
#top-link .wrap .social{float:right;}
#top-link .wrap .social a{display:inline-block; width:40px; height:40px; background:url(../images/social2.png); text-indent:-9999px; transition:all .3s;}
#top-link .wrap .social a:hover{background-color:#e83228;}
#top-link .wrap .social .fb{background-position:left top;}
#top-link .wrap .social .google{background-position:-40px top;}
#top-link .wrap .social .twitter{background-position:-80px top;}
#top-link .wrap .social .linkedin{background-position:-120px top;}
#top-link .wrap .social .instagram{background-position:right top;}
#top-link .wrap .social .youtube{background-position:right top;}
#top-link .wrap .social .rss{background-position:-160px top;}
#top-link .wrap .social .fb:hover{background-position:left bottom;}
#top-link .wrap .social .google:hover{background-position:-40px bottom;}
#top-link .wrap .social .twitter:hover{background-position:-80px bottom;}
#top-link .wrap .social .linkedin:hover{background-position:-120px bottom;}
#top-link .wrap .social .instagram:hover{background-position:right bottom;}
#top-link .wrap .social .youtube:hover{background-position:right bottom;}
#top-link .wrap .social .rss:hover{background-position:-160px bottom;}
#top-link .wrap .member{float:right; margin-right:10px; color:#999;}
#top-link .wrap .member a{font-size:13px; color:#999;}
#top-link .wrap .member a:hover{color:#000;}

/* header */
#header{position:relative; background:#FFF; transition:all .3s; z-index:8;}
#header .wrap{max-width:1350px; margin:0 auto; padding:20px; box-sizing:border-box;}
#header .wrap:after{content:""; display:block; clear:both;}
#header h1{float:left; width:130px; height:59px; background:url(../images/logo.png); background-size:100%; text-indent:-9999px; cursor:pointer; transition:all .3s;}
#navigation{float:left; margin: 12px 0px 12px 11.5%; padding:1px 1px 0px 0px; font-weight: bold; transition:all .3s; background: linear-gradient(#b5b5b5,#959595); border-radius: 8px; box-shadow:4px 5px 5px #c8c8c8 ;}
#navigation li{display:inline-block; padding:0 15px;}
#navigation .comment{background: linear-gradient(#d3463b,#b01e2d); border-radius: 0px 8px 8px 0px; padding: 4px 15px;}
#navigation .special-font{display:inline-block; padding:0 15px; text-shadow: 0px 0px 10px #000, 0px 0px 10px #000;}
#navigation .special-font:hover{display:inline-block; padding:4px 15px; text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;}
#navigation li a{display:block; font-size:20px; color:#FFF; transition:all .3s;}
#navigation li:hover{background-color: #7d7d7d; padding: 4px 15px; text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff;}
#navigation .li-first:hover{display:inline-block; padding:4px 15px; border-radius:8px 0px 0px 8px;}
#header .toggle{position:relative; top:13px; float:right; margin-right: 125px; display:block; width:30px; height:30px; background:url(../images/search.png) center center no-repeat; text-indent:-9999px;}
#header .toggle:hover ,
#header .toggle.active{background-color:#f2f2f2;}
#marquee{clear:both; display:block; width:100%; padding:20px 50px 0 50px; box-sizing:border-box; transition:all .3s;}
#marquee ul{position:relative; height:52px; border:1px solid #DDD; border-radius:20px; overflow:hidden;}
#marquee li{position:absolute; left:0; top:45px; width:100%; padding:0 150px 0 130px; box-sizing:border-box;}
#marquee li .tag{position:absolute; left:10px; top:8px; display:block; width:110px; padding:5px 0; background:#E83228; border-radius:12px; font-size:20px; font-weight:bold; color:#FFF; text-align:center;}
#marquee li .time{position:absolute; right:10px; top:10px; display:inline-block; padding:5px 10px; background:#CCC; border-radius:12px; font-size:18px; color:#FFF;}
#marquee li a{display:block; font-size:20px; color:#171717; line-height:52px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all .3s;}
#marquee li a:hover{color:#333;}
#search{position:absolute; left:0; top:100%; display:none; width:100%; padding:20px 10px; background:#f3f3f3; box-sizing:border-box; z-index:1}
#search form{position:relative; max-width:1350px; margin:0 auto;}
#search input{display:block; width:100%; height:50px; padding:10px 40px 10px 10px; border:1px solid #999; border-radius:3px; font-size:20px; box-sizing:border-box;}
#search button{position:absolute; right:8px; top:8px; width:35px; height:35px; background:#e83228; border:none; border-radius:3px; font-size:13px; color:#FFF; line-height:30px; font-weight:bold; text-align:center; transition:all .3s;}
#search button:hover{background:#5f0000;}
#header.scroll{position:fixed; left:0; top:0; width:100%; background:#f3f3f3;}
#header.scroll .wrap{padding:0 10px;}
#header.scroll h1{width:76px; height:34px; margin-top:10px;}
#header.scroll #marquee{padding:0 30px 10px 30px;}
#header.scroll #marquee ul{background:#FFF;}


/* header-space */
#header-space{display:none; height:100px;}

/* mobile */
#mobi-btn{position:absolute; left:0; top:0; display:none; width:50px; height:50px; border-right:1px solid #e4e4e4;}
#mobi-btn hr{position:absolute; left:13px; width:23px; height:4px; background:#666; border:none;}
#mobi-btn hr.line-1{top:9px;}
#mobi-btn hr.line-2{top:17px;}
#mobi-btn hr.line-3{top:25px;}
#mask{position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:9;}
#mobile{position:absolute; left:-190px; top:0; width:190px; min-height:100%; padding:10px; background:#f2f2f2; box-sizing:border-box; z-index:10}
#mobile h1{width:130px; height:59px; margin:20px 0; background:url(../images/logo.png); text-indent:-9999px;}
#mobile ul{overflow:hidden; padding-left: 0px !important;}
#mobile .comment{background: linear-gradient(#d3463b,#b01e2d); border-radius: 13px;}
#mobile li{float:left; width:40%; padding: 0 5%;}
#mobile li a{font-size:16px; color:#000; line-height:40px;}
#mobile .member{margin-bottom:20px;}
/*#mobile .member:before{content:"會員中心"; display:block; margin-bottom:10px; padding:10px 0; border-bottom:1px solid #e83228; font-size:20px; color:#e83228;}*/
#mobile .member a{display:inline-block; color:#000;}
#mobile .social:before{content:"社群分享"; display:block; padding:10px 0; border-bottom:1px solid #e83228; font-size:20px; color:#e83228;}
#mobile .social a{display:inline-block; width:40px; height:40px; background:url(../images/social2.png); text-indent:-9999px; transition:all .3s;}
#mobile .social .fb{background-position:left top;}
#mobile .social .google{background-position:-40px top;}
#mobile .social .twitter{background-position:-80px top;}
#mobile .social .linkedin{background-position:-120px top;}
#mobile .social .instagram{background-position:right top;}
#mobile .social .youtube{background-position:right top;}
#mobile .social .rss{display:none;}

/* top-ad */
#top-ad{padding:1% 0; text-align:center;}
#top-ad a{display:inline-block;}
#top-ad a img{display:block; max-width:100%; height:auto;}

/* container */
#container{position:relative; width:90%; max-width:1350px; margin:0 auto; padding-right:330px; overflow:hidden; box-sizing:border-box;}
#container.full{padding-right:0;}
#container .right{position:absolute; right:0; top:0; width:300px;}
#container .right .ad{display:block; margin-bottom:20px;}
#container .right .ad img{display:block; width:100%; height:auto;}
#container .right dl{margin:20px 0;}
#container .right dt{margin-bottom:10px; background:#000;}
#container .right dt a{position:relative; display:block; transition:all .3s;}
#container .right dt a:after{content:""; position:absolute; left:50%; top:50%; display:block; width:50px; height:51px; margin:-25px 0 0 -25px;}
#container .right dt a img{display:block; width:100%; height:auto;}
#container .right dd a{font-size:14px; color:#333; line-height:18px;}
#container .right dd a:hover{text-decoration:underline;}
#container .right .list{padding:20px 0; overflow:hidden;}
#container .right .list h3{padding:10px; background:#f2f2f2; font-size:16px; color:#e83228;}
#container .right .list li{padding:10px 0; border-bottom:1px solid #e83228; overflow:hidden;}
#container .right .list li a{font-size:17px; color:#333; line-height:25px;}
#container .right .list li a:hover{text-decoration:underline;}
#container .right .list li a img{display:block; width:100%; height:auto; margin-bottom:10px;}
#container .right .list .more{float:right; padding:10px 0; font-size:14px; color:#e83228; text-align:right;}
#container .right .list .more:hover{text-decoration:underline;}

/* news-list */
#news-list{}
#news-list h2{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #e83228; font-size:28px; color:#333; text-align:center; text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);}
#news-list dl{padding:2%; box-sizing:border-box;}
#news-list dt{background:#000;}
#news-list dt a{position:relative; display:block; padding-bottom:65%;}
#news-list dt a img ,
#news-list dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#news-list dd > a{font-size:26px; color:#333; line-height:30px; font-weight: bold;}
#news-list dd > a:hover{text-decoration:underline;}
#news-list dd .tag{padding-bottom:10px;}
#news-list dd .tag a{display:inline-block; margin:5px 5px 0 0; padding:3px 5px; background:#e83228; font-size:14px; color:#FFF; font-weight:bold; box-shadow: 4px 5px 5px #c8c8c8;}
#news-list dd .tag a:hover{display:inline-block; margin:5px 5px 0 0; padding:3px 5px; background:#666; font-size:14px; color:#FFF; font-weight:bold; box-shadow: 4px 5px 5px #c8c8c8;}
#news-list dd .fb-like{display:block; padding:10px 0;}
#news-list dd p{font-size:18px; color:#333; line-height:30px;}
#news-list dd .author{padding-bottom:10px; font-size:14px; height:12px;color:#333; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
#news-list dd .author a{display:inline-block; margin-right:5px; color:#e83228; font-weight:bold;}
#news-list dd .time{padding-bottom:10px; font-size:14px; color:#333;}
#news-list dd .time a{display:inline-block; margin-right:5px; color:#e83228; font-weight:bold;}
#news-list dd .share b{float:left; display:block; width:80px; background:#f1f1f1; font-size:13px; line-height:40px; text-align:center;}
#news-list dd .share a{display:inline-block; width:40px; height:40px; background:url(../images/social.png); text-indent:-9999px; transition:all .3s;}
#news-list dd .share a:hover{background-color:#e83228;}
#news-list dd .share .fb{background-position:left top;}
#news-list dd .share .google{background-position:-40px top;}
#news-list dd .share .twitter{background-position:-80px top;}
#news-list dd .share .linkedin{background-position:-120px top;}
#news-list dd .share .fb:hover{background-position:left bottom;}
#news-list dd .share .google:hover{background-position:-40px bottom;}
#news-list dd .share .twitter:hover{background-position:-80px bottom;}
#news-list dd .share .linkedin:hover{background-position:-120px bottom;}

#news-list .main{position:relative; overflow:hidden;}
#news-list .main dt{float:left; width:40%;}
#news-list .main dd{float:right; width:58%;}
#news-list .main dd p{padding:10px 0;}

#news-list .wrap{overflow:hidden;}
#news-list .wrap dl{float:left; width:33%; box-sizing:border-box;}
#news-list .wrap dt{margin-bottom:10px;}
#news-list .wrap dd > a{display:block; height:60px; overflow:hidden; font-size:23px;}
#news-list .wrap dd p{height:90px; overflow:hidden;}
#news-list .wrap dd .share{margin-top:10px;}

/* page */
#page{padding:5% 0; text-align:center;}
#page a{display:inline-block; width:40px; margin:-1px 0 0 -1px; border:1px solid #666; font-size:18px; color:#666; line-height:40px; text-align:center; font-weight:bold;}
#page a:hover ,
#page a.active{background:#f2f2f2; color:#e83228;}

/* news-info */
#news-info .title{padding-bottom:10px; border-bottom:3px solid #e83228;}
#news-info .title h2{margin-bottom:10px; font-size:35px; color:#333; font-weight: bold;}
#news-info .title .author{padding:10px 0; font-size:14px; color:#333;}
#news-info .title .author a{display:inline-block; margin-right:5px; color:#e83228; font-weight:bold;}

#news-info .tag{padding:5px 0;}
#news-info .tag a{display:inline-block; margin:5px 5px 0 0; padding:3px 5px; background:#e83228; font-size:14px; color:#FFF; font-weight:bold; box-shadow: 4px 5px 5px #c8c8c8;}
#news-info .tag a:hover{display:inline-block; margin:5px 5px 0 0; padding:3px 5px; background:#666; font-size:14px; color:#FFF; font-weight:bold; box-shadow: 4px 5px 5px #c8c8c8;}
#news-info .share{padding:20px 0; overflow:hidden;}
#news-info .share b{float:left; display:block; width:80px; background:#f1f1f1; font-size:13px; line-height:40px; text-align:center;}
#news-info .share > a{float:left; display:inline-block; width:40px; height:40px; background:url(../images/social.png); text-indent:-9999px; transition:all .3s;}
#news-info .share > a:hover{background-color:#e83228;}
#news-info .share .fb{background-position:left top;}
#news-info .share .google{background-position:-40px top;}
#news-info .share .twitter{background-position:-80px top;}
#news-info .share .linkedin{background-position:-120px top;}
#news-info .share .fb:hover{background-position:left bottom;}
#news-info .share .google:hover{background-position:-40px bottom;}
#news-info .share .twitter:hover{background-position:-80px bottom;}
#news-info .share .linkedin:hover{background-position:-120px bottom;}

#news-info .img img{display:block; width:100% !important; height:auto !important;}
#news-info .img p{font-size:16px; color:#333; line-height:24px; padding:10px; background:#DDD;}

#news-info .video-container{position:relative; padding-bottom:52.65%;}
#news-info .video-container iframe{position:absolute; left:0; top:0; width:100%; height:100%;}

#news-info .editor{padding:5% 90px; font-size:20px; color:#333; line-height:32px; letter-spacing:2.5px;}
#news-info .editor img{display:inline-block; max-width:100% !important; height:auto !important;}
#news-info .editor a{padding-bottom:3px; border-bottom:2px solid #e83228; color:#333;}
#news-info .editor a:hover{color:#e83228;}
#news-info .editor iframe{width:100%;}
#news-info .editor blockquote{
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28.8px;
  line-height: 1.8rem;
  background: #f5f5f5;
  background: none;
  border-left: 4px solid #D3D3D3;
  padding: 1em 2em;
}

#news-info .editor .ps-area{
  display:inline-block;
  position: relative;
  bottom: 2px;
  margin-left: -5px;
  margin-right: 5px;
	line-height: 16px;
  border-radius:5px;
	background-color: #ee782b;
}

#news-info .editor .ps-area .ps-title{
	margin-left: 3px;
	display:inline-block;
  font-size: 14px;
  font-weight: 600;
	color: #FFF;
}

#news-info .editor .ps-area .more{position:relative;float:right; margin: 3.2px 5px 0 1px; display:block; width:10px; height:8px;  border:1px solid #FFF; border-radius:20%; text-indent:-9999px;}
#news-info .editor .ps-area .more:before ,
#news-info .editor .ps-area .more:after{content:""; position:absolute; display:block; background:#FFF;}
#news-info .editor .ps-area .more:before{left:1px; top:4.2px; width:8.6px; height:1.2px;}/*橫*/
#news-info .editor .ps-area .more:after{left:4.6px; top:1px; width:1.2px; height:8.8px;}/*直*/
#news-info .editor .ps-area .more.active:after{display:none;}
#news-info .editor .ps-detail{display:none;}
#news-info .editor .ps-detail.active{
	display: block;
	font-weight: 600;
	color: #000;
    background-color: #efefef;
    font-family:arial , "明體";
    font-size: .88889em;
    line-height: 1.8;
    letter-spacing: .5px;
    padding: .88889rem 1.33333rem;
    margin-top: .55556rem;
    margin-bottom: .88889rem;
/*    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: Annotation__fade-in-down___2dvAo;
    animation-name: Annotation__fade-in-down___2dvAo;*/
}
#news-info .editor .ps-detail.active:before{
	content: "";
  position: relative;
  left: -15px;
  top: -10px;
	content:url(../images/ra.jpg);
}

#news-info .related{padding:20px; background:#f2f2f2;}
#news-info .related h3{padding-bottom:10px; font-size:24px; color:#333;}
#news-info .related li{padding:5px 0 5px 20px; text-indent:-10px;}
#news-info .related li:before{content:""; position:relative; top:-3px; display:inline-block; width:5px; height:5px; margin-right:5px; background:#000; border-radius:50%;}
#news-info .related li a{font-size:20px; color:#e83228; font-weight: bold;}
#news-info .related li a:hover{color:#600000;}

#news-info .label{padding:5% 0; font-size:14px; text-align:right;}
#news-info .label b{color:#333;}
#news-info .label a{display:inline-block; margin:0 5px 5px 0; padding:5px 10px; color:#666;}
#news-info .label a:hover{background:#f2f2f2; color:#ff6600;} 

#news-info > .author{margin-top:5%; padding:20px; background:#f2f2f2; overflow:hidden;}
#news-info > .author dt{float:left; width:40%;}
#news-info > .author dt a{display:block; transition:all .3s;}
#news-info > .author dt a:hover{opacity:.6;}
#news-info > .author dt a img{display:block; width:100%; height:auto;}
#news-info > .author dd{float:right; width:58%;}
#news-info > .author dd h3{margin-bottom:20px; font-size:24px; color:#333;}
#news-info > .author dd p{font-size:18px; color:#666; line-height:30px;}

#news-info .other{overflow:hidden;}
#news-info .other a{display:block; width:49%; padding:20px; background:#f2f2f2; box-sizing:border-box;}
#news-info .other a.prev{float:left;}
#news-info .other a.next{float:right; text-align:right;}
#news-info .other a b{display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e83228; font-size:24px; color:#333;}
#news-info .other a dl{padding-top:20px; overflow:hidden;}
#news-info .other a dt{width:30%; box-sizing:border-box;}
#news-info .other a dt img{display:block; width:100%; height:auto; margin-bottom:10px;}
#news-info .other a dd{width:70%; font-size:18px; color:#666; line-height:22px;}
#news-info .other a:hover dt{opacity:.6;}
#news-info .other a:hover dd{color:#e83228;}
#news-info .other a.prev dt ,
#news-info .other a.prev dd{float:left;}
#news-info .other a.prev dt{padding-right:20px;}
#news-info .other a.next dt ,
#news-info .other a.next dd{float:right;}
#news-info .other a.next dt{padding-left:20px;}

#news-info .fb-comments{padding:5% 0;}
#ps1{padding:0px 90px 20px; font-size:20px; color:#333; line-height:32px; letter-spacing:2.5px;}


/* more-article */
#more-article{clear:both; padding:5% 0; overflow:hidden;}
#more-article dl{float:left; width:23%; margin:1%;}
#more-article dt{background:#000;}
#more-article dt a{display:block; transition:all .3s;}
#more-article dt a:hover{opacity:.6;}
#more-article dt a img{display:block; width:100%; height:auto;}
#more-article dd{padding:10px 0;}
#more-article dd > a{display:block; height:60px; overflow:hidden; font-size:24px; color:#333; line-height:30px; box-sizing:border-box;}
#more-article dd .other{padding-top:20px;}
#more-article dd .other .tag a{display:inline-block; padding:0 5px; background:#e83228; font-size:14px; color:#FFF; line-height:24px; font-weight:bold;}
#more-article dd .other .tag a.hot{padding:0 20px; background:#600000;}
#more-article dd .other .time{display:inline-block; padding-left:5%; font-size:14px; color:#333;}

/* feedback */
#feedback h2{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #e83228; font-size:28px; color:#333; text-align:center;}
#feedback h3{margin-top:5%; font-size:20px; text-align:center;}
#feedback h4{margin-bottom:20px; font-size:20px; color:#333;}
#feedback p{padding-top:10px; font-size:15px; text-align:center;}
#feedback form{margin-top:5%; padding:20px 50px; background:#fbfbfb;}
#feedback form .list{padding:20px 0; font-size:16px; color:#333;}
#feedback form .wrap{margin-bottom:5%; padding-bottom:5%; border-bottom:1px dashed #CCC;}
#feedback form input ,
#feedback form select ,
#feedback form textarea{display:block; width:100%; height:50px; margin-top:10px; padding:10px 40px 10px 10px; border:1px solid #999; border-radius:3px; font-size:20px; color:#333; box-sizing:border-box;}
#feedback form textarea{height:150px;}
#feedback form button{display:block; width:200px; margin:0 auto 30px auto; background:#e83228; border:none; font-size:20px; color:#FFF; line-height:50px; text-align:center; transition:all .3s;}
#feedback form button:hover{background:#666;}

/* alert */
#alert{position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:10}
#alert .wrap{position:absolute; left:50%; top:-300px; display:table; width:450px; height:300px; margin-left:-225px; padding:20px; background:#FFF; box-shadow:0 0 20px rgba(0,0,0,.8); box-sizing:border-box;}
#alert .wrap:after{content:""; position:absolute; right:10px; bottom:10px; display:block; width:0; height:0; border-style:solid; border-width:20px 20px 0 0; border-color:transparent #EEE transparent transparent;}
#alert .wrap dl{display:table-cell; vertical-align:middle;}
#alert .wrap dl:before{content:""; display:block; width:40px; height:40px; margin:0 auto 15px auto; background:url(../images/success.png); background-size:100%;}
#alert .wrap dt{text-align:center;}
#alert .wrap dt p{font-size:17px; color:#333; line-height:25px;}
#alert .wrap dt span{display:inline-block; margin-top:10px; padding:10px; border:1px dotted #CCC;  font-size:13px; color:#999;}
#alert .wrap dt span:before{content:""; position:relative; top:3px; display:inline-block; width:14px; height:14px; margin-right:5px; background:url(../images/mail.png);}
#alert .wrap dd{padding-top:20px;}
#alert .wrap dd a{display:block; width:180px; margin:0 auto; background:#000; font-size:20px; color:#FFF; line-height:50px; text-align:center; transition:all .3s;}
#alert .wrap dd a:hover{background:#999;}

/* about */
#about .img img{display:block; width:100%; height:auto;}
#about > .wrap{padding:10% 0;}
#about > .wrap h2{margin-bottom:3%; font-size:30px; color:#333; text-align:center;}
#about > .wrap h2:before ,
#about > .wrap h2:after{content:""; position:relative; top:-8px; display:inline-block; width:4%; height:1px; margin:0 .5%; background:#333;}

#about .vision p{width:90%; max-width:800px; margin:0 auto; font-size:18px; font-weight: bold; text-align: center; color:#333; line-height:30px;}

#about .team{background:#fafafa;}
#about .team .wrap{width:90%; max-width:1350px; margin:0 auto; overflow:hidden;}
#about .team .wrap dl{float:left; width:16.66%; padding:0 2%; box-sizing:border-box;}
#about .team .wrap dt img{display:block; max-width:100%; height:auto; margin:0 auto; border-radius:50%;}
#about .team .wrap dd{padding-top:20px; font-size:16px; color:#333; font-weight:bold; text-align:center;}
#about .team .wrap dd span{display:block; padding-top:5px; font-size:13px; color:#999; font-weight:normal;}

#about .contact dl{max-width:300px; margin:0 auto; font-size:15px; color:#333; line-height:30px; text-align:center;}
#about .contact dt{padding-bottom:10px;}
#about .contact dd a{display:block; width:40px; height:40px; margin:0 auto; background:url(../images/contact.png) center center no-repeat #666; background-size:20px 20px; border-radius:50%; text-indent:-9999px; transition:all .3s;}
#about .contact dd a:hover{background-color:#000;}
#about .contact dl:first-child{margin-bottom:50px; padding-bottom:50px; border-bottom:1px dashed #000;}

#ad-post{background:#fafafa; font-size:15px; color:#333; line-height:30px; text-align:center;}
#ad-post a{display:inline-block; margin-top:20px; padding:5px 20px; background:#e83228; border-radius:5px; font-size:18px; color:#FFF; text-align:center; transition:all .3s;}
#ad-post a:hover{background:#000;}

/* member */
#member{padding-bottom:50px;}

#member form h2{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #e83228; font-size:28px; color:#333; text-align:center;}
#member form .note{padding:5% 0; font-size:18px; color:#333; line-height:30px; text-align:center;}
#member form ul{max-width:500px; margin:0 auto;}
#member form li{position:relative; padding:3% 0; font-size:18px; color:#333;}
#member form li b{display:block; margin-bottom:10px; font-weight:normal;}
#member form input ,
#member form select ,
#member form textarea{display:block; width:100%; height:50px; padding:10px 40px 10px 10px; border:1px solid #999; border-radius:3px; font-size:20px; color:#333; box-sizing:border-box;}
#member form textarea{height:150px;}
#member form .btn{padding:50px 0; text-align:center;}
#member form .btn button ,
#member form .btn a{display:inline-block; margin:0 10px; padding:10px 30px; border:none; font-size:20px; color:#FFF; line-height:30px; text-align:center; transition:all .3s;}
#member form .btn button[type="button"] ,
#member form .btn a{background:#e83228;}
#member form .btn button:hover ,
#member form .btn a:hover{background:#666;}
#member form .other{text-align:center;}
#member form .other a{color:#666; cursor:pointer;}
#member form .other a:hover{color:#e83228;}

#member form .verify{position:relative; padding-right:190px; overflow:hidden;}
#member form .verify img{position:absolute; right:40px; top:0; display:block; width:139px; height:50px;} 
#member form .verify .refresh{position:absolute; right:10px; top:15px; display:block; width:20px; height:20px; background:url(../images/refresh.png); background-size:100%; text-indent:-9999px; transition:all .3s;}
#member form .verify .refresh:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg); opacity:.6;}

#member form.register{display:none;}
#member form.register.step-1{display:block;}

#member form .phone span{display:block; padding-top:20px; overflow:hidden; text-align:center; line-height:50px;}
#member form .phone span input{display:inline-block;}
#member form .phone span .opt-2{float:left; width:30%;}
#member form .phone span .opt-3{float:right; width:60%;}

#member form .sexual label{margin-right:15px;}
#member form .sexual input{display:inline-block; width:15px; height:15px; margin-right:5px;}

#member form .address .row-1{padding-bottom:20px; overflow:hidden;}
#member form .address .row-1 select{float:left; width:31.33%; margin-right:2%;}
#member form .address .row-2 input{width:98%;}

#member form.password{margin-top:50px;}

/* event-list */
#event-list{}
#event-list h2{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #e83228; font-size:28px; color:#333; text-align:center;}
#event-list dl{position:relative; padding:2%; overflow:hidden; box-sizing:border-box;}
#event-list dt{float:left; width:40%; background:#000;}
#event-list dt a{display:block; transition:all .3s;}
#event-list dt a:hover{opacity:.6;}
#event-list dt a img{display:block; width:100%; height:auto;}
#event-list dd{float:right; width:58%;}
#event-list dd h3{font-size:22px; color:#333; line-height:30px;}
#event-list dd h4{font-size:14px; color:#999; font-weight:normal;}
#event-list dd p{padding:20px 0; font-size:14px; color:#333; line-height:20px;}
#event-list dd a{display:block; width:150px; margin-top:10px; padding:5px 0; background:#e83228; font-size:18px; color:#FFF; text-align:center;}

/* event-info */
#event-info{}
#event-info h2{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #e83228; font-size:28px; color:#333; text-align:center;}
#event-info .img img{display:block; width:100%; height:auto; margin-bottom:20px;}
#event-info .intro{font-size:20px; color:#333; line-height:32px;}
#event-info .info{margin:30px 0; padding:20px 0; border-top:1px dashed #CCC; border-bottom:1px dashed #CCC; font-size:20px; line-height:32px;}
#event-info .info li{position:relative; padding:15px 0 15px 140px; word-break:break-all}
#event-info .info li.coupon{color:#e83228;}
#event-info .info li span{position:absolute; left:0; top:10px; display:inline-block; width:80px; padding:5px 10px; background:#333; color:#FFF;}
#event-info .editor .title{margin-bottom:30px; font-size:25px; color:#000; font-weight:bold;}

/* international-list */
#international-list h1{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #e83228; font-size:30px; color:#333; text-align:center; text-shadow:1px 1px 5px grey,2px 8px 6px rgba(0,0,0,0.2),0px -5px 35px rgba(255,255,255,0.3);}
#international-list h2{margin-bottom:20px; font-size:30px; color:#FFF; text-align:center;}
#international-list h2:after{content:""; position:relative; top:3px; display:inline-block; width:30px; height:30px; margin-left:5px; background-image:url(../images/international_icon.png); border-radius:50%;}
#international-list .tags{text-align:center;}
#international-list .tags a{display:inline-block; margin:1%; padding:5px 10px; border-radius:5px; background:#e83228; font-size:16px; font-weight:bold; color:#FFF; transition:all .3s; cursor:pointer; box-shadow: 4px 5px 5px #c8c8c8;}
#international-list .tags a:hover{background:#999;}
#international-list .tags .fb{position:relative; top:-10px; width:40px; height:40px; padding:0; background:url(../images/footer_social.jpg) left top no-repeat; border-radius:0; text-indent:-9999px;}
#international-list .tags .youtube{position:relative; top:-10px; width:40px; height:40px; padding:0; background:url(../images/footer_social.jpg) -160px top no-repeat; border-radius:0; text-indent:-9999px;}
#international-list .tags .fb:hover{background:url(../images/footer_social.jpg) left top no-repeat; opacity:.6;}
#international-list .tags .youtube:hover{background:url(../images/footer_social.jpg) -160px top no-repeat; opacity:.6;}

#international-list .partner{padding:2% 0; text-align:center;}
#international-list .partner h3{margin-bottom:10px; font-size:20px; color:#333;}
#international-list .partner .wrap a{display:inline-block; margin:1%; cursor:pointer; transition:all .3s;}
#international-list .partner .wrap a:hover{opacity:.6;}

#international-list .section{margin-bottom:10%; overflow:hidden;}
#international-list .section .more{float:right; margin-top:10px; font-size:15px; color:#000;}
#international-list .section .more:hover{color:#e83228;}
#international-list .section .hide{display:none;}

#international-list .section.focus h2{color:#099;}
#international-list .section.focus h2:after{background-color:#099; background-position:left top;}
#international-list .section.focus .top{position:relative; padding:0 .5% 0 50%;}
#international-list .section.focus .top .main{position:absolute; left:.5%; top:0; width:49%; height:100%; border-top:2px solid #099; box-sizing:border-box}
#international-list .section.focus .top .main a{position:relative; display:block; height:100%;}
#international-list .section.focus .top .main a img ,
#international-list .section.focus .top .main a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#international-list .section.focus .top .main a h3{position:absolute; left:0; bottom:0; width:100%; padding:20px; background:#EEE; font-size:24px; color:#333; text-align:center; font-weight:normal; box-sizing:border-box;}
#international-list .section.focus .top .main a:hover h3{text-decoration:underline;}
#international-list .section.focus .top .sub{overflow:hidden;}
#international-list .section.focus .top .sub dl{float:left; width:49%; margin-left:1%; border:1px solid #f1f1f1; border-top:2px solid #099; box-sizing:border-box;}
#international-list .section.focus .top .sub dt a{position:relative; display:block; padding-bottom:70%;}
#international-list .section.focus .top .sub dt a img ,
#international-list .section.focus .top .sub dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#international-list .section.focus .top .sub dd{padding:20px;}
#international-list .section.focus .top .sub dd a{display:block; height:70px; overflow:hidden; font-size:24px; color:#000; line-height:35px;}
#international-list .section.focus .top .sub dd a:hover{text-decoration:underline;}
#international-list .section.focus .list{margin-top:.5%;}
#international-list .section.focus .list ul{overflow:hidden;}
#international-list .section.focus .list li{float:left; width:24%; margin:.5%; padding:20px; background:#fcfcfc; border:1px solid #f1f1f1; border-top:2px solid #099; box-sizing:border-box;}
#international-list .section.focus .list li a{display:block; height:50px; overflow:hidden; font-size:20px; color:#333; line-height:25px;}
#international-list .section.focus .list li a:hover{text-decoration:underline;}
#international-list .section.focus .more{margin-right:.5%;}

#international-list .section.topic h2{color:#1783ce;}
#international-list .section.topic h2:after{background-color:#1783ce; background-position:-30px top;}
#international-list .section.topic .wrap{overflow:hidden;}
#international-list .section.topic .wrap .main{float:right; width:50%; border:1px solid #f1f1f1; border-top:2px solid #1783ce; box-sizing:border-box;}
#international-list .section.topic .wrap .main dt a{position:relative; display:block; padding-bottom:52.65%;}
#international-list .section.topic .wrap .main dt a img ,
#international-list .section.topic .wrap .main dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#international-list .section.topic .wrap .main dd{padding:20px;}
#international-list .section.topic .wrap .main dd a{font-size:24px; color:#000; line-height:35px;}
#international-list .section.topic .wrap .main dd a:hover{text-decoration:underline;}
#international-list .section.topic .wrap .list{float:left; width:49%;}
#international-list .section.topic .wrap .list li{margin-bottom:15px; padding:20px; background:#fcfcfc; border:1px solid #f1f1f1; border-top:2px solid #1783ce; box-sizing:border-box;}
#international-list .section.topic .wrap .list li a{font-size:20px; color:#333; line-height:25px;}
#international-list .section.topic .wrap .list li a:hover{text-decoration:underline;}

#international-list .section.media h2{color:#67a41e;}
#international-list .section.media h2:after{background-color:#67a41e; background-position:-60px top;}
#international-list .section.media dl{border:1px solid #f1f1f1; border-top:2px solid #67a41e; box-sizing:border-box;}
#international-list .section.media dt a{position:relative; display:block; padding-bottom:52.65%;}
#international-list .section.media dt a img ,
#international-list .section.media dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#international-list .section.media dd{padding:20px;}
#international-list .section.media dd a{display:block; height:50px; overflow:hidden; font-size:20px; color:#333; line-height:25px;}
#international-list .section.media dd a:hover{text-decoration:underline;}
#international-list .section.media .main{overflow:hidden;}
#international-list .section.media .main dl{float:left; width:49%; margin:0 .5%;}
#international-list .section.media .list{overflow:hidden;}
#international-list .section.media .list dl{float:left; width:32.33%; margin:.5%;}

#international-list .section.scene h2{color:#d96714;}
#international-list .section.scene h2:after{background-color:#d96714; background-position:right top;}
#international-list .section.scene .wrap{margin-bottom:20px; overflow:hidden;}
#international-list .section.scene .wrap .main{float:left; width:50%; border:1px solid #f1f1f1; border-top:2px solid #d96714; box-sizing:border-box;}
#international-list .section.scene .wrap .main dt a{position:relative; display:block; padding-bottom:52.65%;}
#international-list .section.scene .wrap .main dt a img ,
#international-list .section.scene .wrap .main dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#international-list .section.scene .wrap .main dd{padding:20px;}
#international-list .section.scene .wrap .main dd a{font-size:24px; color:#000; line-height:35px;}
#international-list .section.scene .wrap .main dd a:hover{text-decoration:underline;}
#international-list .section.scene .wrap .list{float:right; width:49%;}
#international-list .section.scene .wrap .list li{margin-bottom:15px; padding:20px; background:#fcfcfc; border:1px solid #f1f1f1; border-top:2px solid #d96714; box-sizing:border-box;}
#international-list .section.scene .wrap .list li a{font-size:20px; color:#333; line-height:25px;}
#international-list .section.scene .wrap .list li a:hover{text-decoration:underline;}

#international-list .section.column h2{color:#d96714;}
#international-list .section.column h2:after{background-color:#d96714; background-position:-90px top;}
#international-list .section.column .wrap{margin-bottom:20px; overflow:hidden;}
#international-list .section.column .wrap .main{float:left; width:50%; border:1px solid #f1f1f1; border-top:2px solid #d96714; box-sizing:border-box;}
#international-list .section.column .wrap .main dt a{position:relative; display:block; padding-bottom:52.65%;}
#international-list .section.column .wrap .main dt a img ,
#international-list .section.column .wrap .main dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#international-list .section.column .wrap .main dd{padding:20px;}
#international-list .section.column .wrap .main dd a{font-size:24px; color:#000; line-height:35px;}
#international-list .section.column .wrap .main dd a:hover{text-decoration:underline;}
#international-list .section.column .wrap .list{float:right; width:49%;}
#international-list .section.column .wrap .list li{margin-bottom:15px; padding:20px; background:#fcfcfc; border:1px solid #f1f1f1; border-top:2px solid #d96714; box-sizing:border-box;}
#international-list .section.column .wrap .list li a{font-size:20px; color:#333; line-height:25px;}
#international-list .section.column .wrap .list li a:hover{text-decoration:underline;}

#international-list .section.animal h2{color:black;}
/*#international-list .section.animal h2:after{background-color:#d96714; background-position:-90px top;}字後面的圖案*/ 
#international-list .section.animal .wrap{margin-bottom:20px; overflow:hidden;}
#international-list .section.animal .wrap .main{float:left; width:50%; border:1px solid #f1f1f1; border-top:2px solid #d96714; box-sizing:border-box;}
#international-list .section.animal .wrap .main dt a{position:relative; display:block; padding-bottom:52.65%;}
#international-list .section.animal .wrap .main dt a img ,
#international-list .section.animal .wrap .main dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#international-list .section.animal .wrap .main dd{padding:20px;}
#international-list .section.animal .wrap .main dd a{font-size:24px; color:#000; line-height:35px;}
#international-list .section.animal .wrap .main dd a:hover{text-decoration:underline;}
#international-list .section.animal .wrap .list{float:right; width:49%;}
#international-list .section.animal .wrap .list li{margin-bottom:15px; padding:20px; background:#fcfcfc; border:1px solid #f1f1f1; border-top:2px solid #d96714; box-sizing:border-box;}
#international-list .section.animal .wrap .list li a{font-size:20px; color:#333; line-height:25px;}
#international-list .section.animal .wrap .list li a:hover{text-decoration:underline;}

/* life-list */
#life-list h2{font-size:120px; letter-spacing:20px; font-weight:normal; text-align:center;}
#life-list .tags{padding-bottom:1%; padding-top:5%; text-align:center;}
#life-list .tags a{display: inline-block; margin: 5px; padding: 5px 5px; border-radius: 5px; background: #00AAAA; font-size: 20px; font-weight: bold; color: #FFF; transition: all .3s; box-shadow: 4px 5px 5px #c8c8c8;}
#life-list .tags a:hover{background: #CA3C37;}
#life-list .slide{position:relative; margin:3% auto;}
#life-list .slide .item a{position:relative; display:block; padding-bottom:44%;}
#life-list .slide .item a img ,
#life-list .slide .item a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#life-list .slide .owl-buttons div{position:absolute; top:50%; width:31px; height:51px; margin-top:-26px; background:url(../images/life_arrow.png); text-indent:-9999px;}
#life-list .slide .owl-buttons .owl-prev{left:20px; background-position:left top;}
#life-list .slide .owl-buttons .owl-next{right:20px; background-position:right top;}
#life-list .slide .owl-pagination{padding-top:10px; text-align:center;}
#life-list .slide .owl-pagination .owl-page{display:inline-block; width:6px; height:6px; margin:0 5px; background:#CCC; border-radius:50%;}
#life-list .slide .owl-pagination .owl-page.active{background:#000;}

#life-list .focus{overflow:hidden;}
#life-list .focus dl{float:left; width:31.33%; margin:0 1%;}
#life-list .focus dt{margin-bottom:10px;}
#life-list .focus dt a{position:relative; display:block; padding-bottom:66.6%;}
#life-list .focus dt a img ,
#life-list .focus dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#life-list .focus dd .title{display:block; font-size:28px; color:#000; line-height:30px; font-weight:bold;}
#life-list .focus dd .author{display:block; margin-bottom:10px; color:#666;}
#life-list .focus dd .author:before{content:"by ";} 
#life-list .focus dd .author a{font-size:15px; color:#e83228;}

#life-list .list{max-width:900px; margin:10% auto 0 auto;}
#life-list .list dl{position:relative; margin-bottom:3%;}
#life-list .list dt{width:60%;}
#life-list .list dt a{position:relative; display:block; padding-bottom:66.6%;}
#life-list .list dt a img ,
#life-list .list dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#life-list .list dd{position:absolute; left:50%; top:10%; width:50%; padding:20px; background:#FFF; box-sizing:border-box;}
#life-list .list dd > a{display:block; font-size:28px; color:#000; font-weight:bold; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#life-list .list dd .time{padding:10px 0; font-size:15px; color:#CCC;}
#life-list .list dd .time a{color:#e83228;}
#life-list .list dd p{margin-top:10px; font-size:16px; color:#333; line-height:25px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


/* consumption-list */
#consumption-list .tags{margin-bottom:0px; text-align:center;}
#consumption-list .tags a{display:inline-block; margin:2%; padding:5px 20px; border-radius:5px; background:#999; font-size:24px; font-weight: bold; color:#FFF; transition:all .3s; box-shadow: 4px 5px 5px #c8c8c8;}
#consumption-list .tags a:hover{background:#e83228;}
#consumption-list dd > a{font-size:24px; color:#333; line-height:35px;}
#consumption-list dd > a:hover{text-decoration:underline;}
#consumption-list dd .tag a{display:inline-block; margin:3px; padding:3px 5px; background:#e83228; font-size:14px; color:#FFF; font-weight:bold;}
#consumption-list dd p{font-size:18px; color:#333; line-height:30px;}
#consumption-list dd .author{font-size:14px; color:#999;}
#consumption-list dd .author a{display:inline-block; margin-right:5px; color:#e83228; font-weight:bold;}
#consumption-list dd .share b{display:none;}
#consumption-list dd .share{overflow:hidden;}
#consumption-list dd .share a{display:inline-block; width:40px; height:40px; background:url(../images/social.png); text-indent:-9999px; transition:all .3s;}
#consumption-list dd .share a:hover{background-color:#e83228;}
#consumption-list dd .share .fb{background-position:left top;}
#consumption-list dd .share .google{background-position:-40px top;}
#consumption-list dd .share .twitter{background-position:-80px top;}
#consumption-list dd .share .linkedin{background-position:-120px top;}
#consumption-list dd .share .fb:hover{background-position:left bottom;}
#consumption-list dd .share .google:hover{background-position:-40px bottom;}
#consumption-list dd .share .twitter:hover{background-position:-80px bottom;}
#consumption-list dd .share .linkedin:hover{background-position:-120px bottom;}

#consumption-list .top{position:relative; margin-bottom:5%; padding-left:50%;}
#consumption-list .top .main{position:absolute; left:0; top:0; width:50%; height:100%; background:#000;}
#consumption-list .top .main a{position:relative; display:block; width:100%; height:100%; background-position:center center; background-size:cover;}
#consumption-list .top .main a p{position:absolute; left:0; bottom:0; width:100%; padding:20px; background:rgba(0,0,0,.6); font-size:24px; color:#FFF; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
#consumption-list .top .main a:hover p{text-decoration:underline;}
#consumption-list .top .main a iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
#consumption-list .top #game-slide a p{position:absolute; left:0; bottom:0; width:100%; padding:20px; background:rgba(0,0,0,.6); font-size:24px; color:#FFF; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
#consumption-list .top #game-slide a:hover p{text-decoration:underline;}
#consumption-list .top #game-slide a iframe{position:absolute; left:0; top:0; width:100%; height:100%;}

#consumption-list .top .sub{overflow:hidden;}
#consumption-list .top .sub dl{float:left; width:48%; height:100%; margin-left:2%; border:1px solid #f1f1f1; box-sizing:border-box;}
#consumption-list .top .sub dt{border-bottom:1px solid #f1f1f1;}
#consumption-list .top .sub dt a{position:relative; display:block; padding-bottom:64%;}
#consumption-list .top .sub dt a img ,
#consumption-list .top .sub dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#consumption-list .top .sub dd{padding:20px;}
#consumption-list .top .sub dd > a{display:block; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#consumption-list .top .sub dd .tag{padding:20px 0; text-align:center; overflow : hidden; height:44px}
#consumption-list .top .sub dd .author{text-align:center;}
#consumption-list .top .sub dd .share{margin-top:15px; text-align:center;}

#consumption-list .middle{position:relative; margin-bottom:5%; padding-left:330px;}
#consumption-list .middle .main{border:1px solid #f1f1f1; box-sizing:border-box;}
#consumption-list .middle .main dl{padding:20px; border-bottom:1px solid #f1f1f1; overflow:hidden;}
#consumption-list .middle .main dt{float:left; width:30%;}
#consumption-list .middle .main dt a{position:relative; display:block; padding-bottom:60%;}
#consumption-list .middle .main dt a img ,
#consumption-list .middle .main dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#consumption-list .middle .main dd{float:right; width:68%;}
#consumption-list .middle .main dd > a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#consumption-list .middle .main dd .tag{padding:5px 0;}
#consumption-list .middle .main dd p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#consumption-list .middle .main dd .author{padding:10px 0;}

#consumption-list .middle .main .focus dt{width:50%;}
#consumption-list .middle .main .focus dd{width:48%;}
#consumption-list .middle .main .focus dd > a{display:inline; white-space:normal;}
#consumption-list .middle .main .focus dd .tag{padding:10px 0;}
#consumption-list .middle .main .focus dd .author{padding:15px 0;}

#consumption-list .middle .sub{position:absolute; left:0; top:0; width:300px;}
#consumption-list .middle .sub a{display:block; margin-bottom:20px;}
#consumption-list .middle .sub a img{display:block; width:100%; height:auto;}

#consumption-list .bottom{overflow:hidden;}
#consumption-list .bottom .main{float:left; width:49%; border:1px solid #f1f1f1; box-sizing:border-box;}
#consumption-list .bottom .main dl{padding:20px; border-bottom:1px solid #f1f1f1; overflow:hidden;}
#consumption-list .bottom .main dt{float:left; width:30%;}
#consumption-list .bottom .main dt a{position:relative; display:block; padding-bottom:60%;}
#consumption-list .bottom .main dt a img ,
#consumption-list .bottom .main dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#consumption-list .bottom .main dd{float:right; width:68%;}
#consumption-list .bottom .main dd > a{display:block; font-size:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#consumption-list .bottom .main dd .tag{padding:5px 0;}
#consumption-list .bottom .main dd p{font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#consumption-list .bottom .main dd .author{padding:5px 0;}

#consumption-list .bottom .sub{float:right; width:49%; overflow:hidden;}
#consumption-list .bottom .sub dl{float:left; width:48%; height:100%; margin:0 0 2% 2%; border:1px solid #f1f1f1; box-sizing:border-box;}
#consumption-list .bottom .sub dt{border-bottom:1px solid #f1f1f1;}
#consumption-list .bottom .sub dt a{position:relative; display:block; padding-bottom:64%;}
#consumption-list .bottom .sub dt a img ,
#consumption-list .bottom .sub dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#consumption-list .bottom .sub dd{padding:20px;}
#consumption-list .bottom .sub dd > a{display:block; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#consumption-list .bottom .sub dd .tag{padding:20px 0; text-align:center; overflow : hidden; height:44px}
#consumption-list .bottom .sub dd .author{text-align:center;}
#consumption-list .bottom .sub dd .share{margin-top:15px; text-align:center;}

/* game */
#game-slide{position:absolute; left:0; top:0; width:50%; height:100%; background:#000;}
#game-slide .item a{position:relative; display:block; width:100%; height:100%; background-position:center center; background-size:cover;}
#game-slide .item a p{position:absolute; left:0; bottom:0; width:100%; padding:20px; background:#EEE; text-align:center; box-sizing:border-box;}
#game-slide .item a p{font-size:24px; color:#000;}
#game-slide .item a:hover p{text-decoration:underline;}
#game-slide .item a iframe{position:absolute; left:0; top:0; width:100%; height:100%;}
#game-slide .owl-buttons > div{position:absolute; top:50%; width:67px; height:74px; margin-top:-37px; background:url(../images/slide_arrow.png); text-indent:-9999px;}
#game-slide .owl-buttons .owl-prev{left:20px; background-position:left top;}
#game-slide .owl-buttons .owl-next{right:20px; background-position:right top;}

/* comment-list */
#comment-list .tags{padding-bottom:5%; text-align:center;}
#comment-list .tags a{display:inline-block; margin:1%; padding:5px 20px; border-radius:5px; background:#999; font-size:20px; font-weight: bold; color:#FFF; transition:all .3s; box-shadow: 4px 5px 5px #c8c8c8;}
#comment-list .tags a:hover{background:#e83228;}

#comment-list .wrap{margin-top:5%; border:1px solid #CCC; border-bottom:none;}
#comment-list dl{padding:20px; border-bottom:1px solid #CCC; overflow:hidden; box-sizing:border-box;}
#comment-list dt{float:right; width:30%; background:#000;}
#comment-list dt a{position:relative; display:block; padding-bottom:65%;}
#comment-list dt a img ,
#comment-list dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#comment-list dd{float:left; width:68%;}
#comment-list dd > a{display:inline-block; margin-bottom:10px; font-size:26px; color:#333; line-height:30px; font-weight:bold;}
#comment-list dd > a:hover{text-decoration:underline;}
#comment-list dd .fb-like{display:block;}
#comment-list dd .tag{padding-bottom:10px;}
#comment-list dd .tag a{display:inline-block; margin:5px 5px 0 0; padding:3px 5px; background:#e83228; font-size:14px; color:#FFF; font-weight:bold;}
#comment-list dd p{height:90px; overflow:hidden; font-size:18px; color:#333; line-height:30px;}
#comment-list dd .author{padding:10px 0; font-size:14px; color:#333;}
#comment-list dd .author a{display:inline-block; margin-right:5px; color:#e83228; font-weight:bold;}

#comment-list .main{padding:0; border:none;}
#comment-list .main dt ,
#comment-list .main dd{float:none; width:100%;}
#comment-list .main dd > a{height:auto;}
#comment-list .main dd p{height:auto; padding:10px 0;}

/* media-list */
#media-list h2{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #e83228; font-size:28px; color:#333; text-align:center;}
#media-list .tags{padding-bottom:5%; text-align:center;}
#media-list .tags a{display:inline-block; margin:2%; padding:5px 20px; border-radius:5px; background:#999; font-size:24px; color:#FFF; transition:all .3s;}
#media-list .tags a:hover{background:#e83228;}
#media-list .section{margin-bottom:5%;}
#media-list .section h3{padding:1%; font-size:25px; color:#333;}
#media-list .section h3:before{content:""; display:inline-block; width:0; height:0; margin-right:10px; border-style:solid; border-width:10px 0 10px 15px; border-color:transparent transparent transparent #e83228;}
#media-list .hot ul{overflow:hidden;}
#media-list .hot li{float:left; width:50%; padding:1%; box-sizing:border-box;}
#media-list .hot li .media{position:relative;}
#media-list .hot li .media:before{content:""; position:absolute; left:0; bottom:0; display:block; width:100%; height:40%; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9)); z-index:1}
#media-list .hot li .media .wrap{position:relative; padding-bottom:60%;}
#media-list .hot li .media .wrap img{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#media-list .hot li .media .wrap iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#media-list .hot li .media a{position:absolute; left:0; bottom:10px; display:block; width:100%; height:60px; padding:0 10px; overflow:hidden; font-size:25px; color:#FFF; line-height:30px; box-sizing:border-box; z-index:2}
#media-list .hot li .media a:hover{text-decoration:underline;}
#media-list .hot li .other{padding:10px 0; overflow:hidden; font-size:14px;}
#media-list .hot li .other .tag{display:inline-block; margin-right:5px; padding:3px 5px; background:#e83228; color:#FFF; font-weight:bold;}
#media-list .hot li .other .author{display:inline-block; margin-right:5px; color:#e83228; font-weight:bold;}
#media-list .hot li .other .time{color:#333;}
#media-list .hot li .other .more{float:right; display:inline-block; padding:3px 5px; border:1px solid #e83228; border-radius:5px; color:#e83228; transition:all .3s;}
#media-list .hot li .other .more:hover{background:#e83228; color:#FFF;}

#media-list .topic{overflow:hidden;}
#media-list .topic dl{padding:2% 1%; overflow:hidden;}
#media-list .topic dl:nth-child(even){background:#f1f1f1;}
#media-list .topic dt{float:left; width:40%;}
#media-list .topic dt a{position:relative; display:block; padding-bottom:52.65%;}
#media-list .topic dt a img ,
#media-list .topic dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#media-list .topic dd{float:right; width:58%;}
#media-list .topic dd .tag a{display:inline-block; margin:0 5px 5px 0; padding:3px 5px; background:#e83228; color:#FFF; font-weight:bold;}
#media-list .topic dd > a{display:block; margin:10px 0; font-size:25px; color:#333; line-height:30px;}
#media-list .topic dd > a:hover{text-decoration:underline;}
#media-list .topic dd .author{font-size:14px; color:#333;}
#media-list .topic dd .author a{display:inline-block; margin-right:5px; color:#e83228; font-weight:bold;}
#media-list .topic .hide{display:none;}
#media-list .topic .more{float:right; display:inline-block; margin-right:1%; font-size:15px; color:#e83228;}
#media-list .topic .more:hover{text-decoration:underline;}

#media-list .choice{overflow:hidden;}
#media-list .choice .wrap{overflow:hidden;}
#media-list .choice .wrap dl{float:left; width:31.33%; margin:1%;}
#media-list .choice .wrap dt a{position:relative; display:block; padding-bottom:52.65%;}
#media-list .choice .wrap dt a img ,
#media-list .choice .wrap dt a iframe{position:absolute; left:0; top:0; display:block; width:100%; height:100%;}
#media-list .choice .wrap dd{padding:10px 0; height:40px;}
#media-list .choice .wrap dd a{font-size:20px; color:#333; line-height:25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#media-list .choice .wrap dd a:hover{text-decoration:underline;}
#media-list .choice .wrap .hide{display:none;}
#media-list .choice .more{float:right; display:inline-block; margin-right:1%; font-size:15px; color:#e83228;}
#media-list .choice .more:hover{text-decoration:underline;}


/* RSS */
#rss h2{margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid #e83228; font-size:28px; color:#333; text-align:center;}
#rss .tags{padding:30px 0; font-size:16px; color:#333; line-height:30px; text-align:center;}
#rss .tags a{color:#e83228;}
#rss .tags a:hover{color:#333;}
#rss .wrap{padding:30px; background:#fbfbfb;}
#rss .wrap h3{margin:30px 0; font-size:25px;}
#rss .wrap p{font-size:16px; color:#666; line-height:25px;}
#rss .wrap .links{margin-top:20px;}
#rss .wrap .links li{padding-bottom:10px;}
#rss .wrap .links a{font-size:16px; color:#e83228; transition:all .3s;}
#rss .wrap .links a:hover{color:#333;}

/* footer */
#footer{background:#343434;}
#footer > .wrap{width:90%; max-width:1350px; margin:0 auto; padding:60px 0; overflow:hidden;}
#footer > .wrap > li{float:left; width:29.33%; margin:0 2%;}
#footer > .wrap > li h2{margin-bottom:20px; font-size:17px; color:#FFF; font-weight:normal;}
#footer .about img{display:block; width:101px; height:auto;}
#footer .about p{max-width:340px; padding:20px 0; font-size:14px; color:#FFF; line-height:22px;}
#footer .about a{font-size:15px; color:#FFF; font-weight:bold;}
#footer .about a:hover{color:#ff6600;}

#footer .link{padding-bottom:60px;}
#footer .link .wrap{overflow:hidden;}
#footer .link .wrap li{float:left; width:25%; padding-bottom:5px;}
#footer .link .wrap li a{display:inline-block; font-size:14px; color:#FFF;}
#footer .link .wrap li a:hover{color:#ff6600;}

#footer .info{font-size:14px;}
#footer .info p{padding:3px 0;}
#footer .info p a{color:#FFF;}
#footer .info p a:hover{color:#ff6600;}
#footer .info p:before{content:""; position:relative; top:2px; display:inline-block; width:15px; height:15px; background:url(../images/footer_icon.png); margin-right:5px;}
#footer .info .location:before{background-position:left top;}
#footer .info .phone:before{background-position:center top;}
#footer .info .mail:before{background-position:right top;}

#footer .epaper p{max-width:260px; font-size:14px; color:#FFF; line-height:22px;}
#footer .epaper form{position:relative; padding:20px 0;}
#footer .epaper form input{display:block; width:100%; height:36px; padding:10px 100px 10px 10px; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
#footer .epaper form button{position:absolute; right:3px; top:23px; width:90px; height:30px; background:#e83228; border:none; border-radius:3px; font-size:14px; color:#FFF; text-align:center;}

#footer .social a{display:inline-block; width:40px; height:40px; margin:0 8px 8px 0; background:url(../images/footer_social.jpg); text-indent:-9999px; opacity:.6; transition:all .3s;}
#footer .social a:hover{opacity:1}
#footer .social .fb{background-position:left top;}
#footer .social .google{background-position:-40px top;}
#footer .social .twitter{background-position:-80px top;}
#footer .social .instagram{background-position:-120px top;}
#footer .social .youtube{background-position:-160px top;}
#footer .social .linkedin{background-position:-200px top;}
#footer .social .line{margin:0; background-position:right top;}

/* copyright */
#copyright{background:#000;}
#copyright .wrap{width:90%; max-width:1350px; margin:0 auto; padding:20px 0; overflow:hidden; font-size:13px; color:#FFF; text-align:center;}
#copyright .wrap span{float:right; display:block; width:50%;}
#copyright .wrap a{color:#FFF;}
#copyright .wrap a:hover{color:#CCC;}

/* gotop */
#gotop{position:fixed; right:5%; bottom:10%; display:block; width:60px; height:60px; background:url(../images/gotop.png) center center no-repeat #e83228; border-radius:50%; text-indent:-9999px;}

/* mobile-ad */
.mobile-ad{position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:11}
.mobile-ad .wrap{display:table-cell; vertical-align:middle; text-align:center;}
.mobile-ad .wrap span{position:relative; display:inline-block;}
.mobile-ad .wrap img{display:block; max-width:100%; height:auto; margin:0 auto;}
.mobile-ad .close{display:block; width:36px; height:36px; background:url(../images/close.png); text-indent:-9999px;}
#cover-ad .close{position:absolute; right:-10px; top:-18px;}
#full-ad .close{position:fixed; right:0; top:0;}
#bottom-ad{position:fixed; left:0; bottom:0; display:none; width:100%; background:#FFF; overflow:hidden; z-index:8}
#bottom-ad img{display:block; max-width:100%; height:auto; margin:0 auto;}


/* RWD */
@media screen and (max-width:1200px){
/* news-list */
#news-list .wrap dd .share{text-align:center;}
#news-list .wrap dd .share b{float:none; width:100%; line-height:25px;}
/* news-info */
#news-info .other a dt ,
#news-info .other a dd{width:50%;}
}

@media screen and (max-width:1170px){
/* header */
#navigation li{padding:0 8px;}
}

@media screen and (max-width:1000px){
/* top-link */
#top-link .wrap .mail ,
#top-link .wrap .social ,
#top-link .wrap .member{display:none;}
/* header */
#header .wrap{padding:8px 10px;}
#header h1{width:76px; height:34px; margin-left:55px;}
#navigation{display:none;}
#header .toggle{top:0;}
#marquee{padding:20px 0 0 0;}
#header.scroll{display:block;}
#header.scroll .wrap{padding:10px;}
#header.scroll h1{margin-top:0;}
#header.scroll .toggle{top:0;}
#header.scroll #marquee{padding:10px 0 0 0;}
/* header-space */
#header-space{height:50px;}
/* mobile */
#mobi-btn{display:block;}
/* news-info */
#news-info .editor{padding:5% 0;}
/* consumption-list */
#consumption-list .top{padding:0;}
#consumption-list .top .main{position:static; width:100%;}
#consumption-list .top .main a{height:auto; padding-bottom:52.65%;}
#consumption-list .top .sub dl{width:50%; margin:0;}
#consumption-list .middle{padding:0;}
#consumption-list .middle .sub{display:none;}
#consumption-list .bottom .main ,
#consumption-list .bottom .sub{float:none; width:100%;}
#consumption-list .bottom .main{margin-bottom:20px;}
#consumption-list .bottom .sub dl{margin:1%;}
/* game */
#game-slide{position:relative; width:100%;}
#game-slide .item{position:relative; height:auto !important; padding-bottom:52.65%;}
#game-slide .item a{position:absolute; left:0; top:0;}
#game-slide .item a p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}


@media screen and (max-width:940px){
/* top-ad */
/*.google_code{display:none;}*/
/* container */
#container{padding-right:0; min-height:inherit !important;}
#container .right{display:none;}
/* footer */
#footer .link .wrap li{width:33%;}
}

@media screen and (max-width:840px){
/* copyright */
#copyright .wrap{padding:10px 0;}
#copyright .wrap span{float:none; width:100%; padding:5px;}
}

@media screen and (max-width:768px){
/* news-list */
#news-list h2{margin-bottom:10px;}
/* news-info */
#news-info .author dt ,
#news-info .author dd{float:none; width:100%;}
#news-info .author dt{margin-bottom:10px;}
#news-info .other a dt ,
#news-info .other a dd{float:none; width:100%; padding:0 !important;}
/* more-article */
#more-article dl{width:48%;}
/* footer */
#footer{text-align:center;}
#footer > .wrap{width:100%; padding:20px; box-sizing:border-box;}
#footer > .wrap > li{float:none; width:100%; margin:0; padding:10px 0;}
#footer .about h2 ,
#footer .about a ,
#footer .link ,
#footer .epaper h2 ,
#footer .epaper p ,
#footer .social h2{display:none;}
#footer .about img{margin:0 auto;}
#footer .about p{max-width:none; padding-bottom:0;}
#footer .epaper form{padding-top:0;}
#footer .epaper form button{top:3px;}
/* about */
#about .team .wrap dl{width:33%; padding:3%;}
/* international-list */
#international-list .section.focus .top{padding:0;}
#international-list .section.focus .top .main{position:static; width:100%; margin-bottom:20px;}
#international-list .section.focus .top .main a{padding-bottom:52.65%;}
#international-list .section.focus .list li{float:none; width:100%; margin:10px auto;}
#international-list .section.focus .list li a{height:auto;}
#international-list .section.topic .wrap .main ,
#international-list .section.topic .wrap .list ,
#international-list .section.column .wrap .main ,
#international-list .section.column .wrap .list{float:none; width:100%;}
#international-list .section.topic .wrap .main ,
#international-list .section.column .wrap .main{margin-bottom:20px;}

/* game */
#sync1 .item a .wrap{top:auto; bottom:0; width:100%; height:auto;}
#sync1 .item a .wrap h1 ,
#sync1 .item a .wrap p{height:auto; white-space:nowrap; text-overflow:ellipsis;}
/* media-list */
#media-list .hot li{float:none; width:100%; margin:0 auto 20px auto;}
#media-list .hot li .media:before{display:none;}
#media-list .hot li .media a{position:static; height:auto; margin-top:10px; padding:0; color:#333;}
}


@media screen and (max-width:640px){
/* header */
#marquee li{padding:0 20px;}
#marquee li .tag ,
#marquee li .time{display:none;}
/* news-list */
#news-list .main{padding:20px 0;}
#news-list .main dt ,
#news-list .main dd{float:none; width:100%;}
#news-list .main dt{margin-bottom:10px;}
#news-list .wrap dl{width:50%;}
/* event-list */
#event-list{padding:20px 0;}
#event-list dl{padding:0 0 40px 0;}
#event-list dt ,
#event-list dd{float:none; width:100%;}
#event-list dt{margin-bottom:10px;}
#event-list dd p{padding:10px 0;}
/* life-list */
#life-list h2{font-size:40px; letter-spacing:5px;}
#life-list .focus dl{float:none; width:100%; margin:20px auto;}
#life-list .list dl{border:1px solid #fafafa; box-sizing:border-box;}
#life-list .list dt{width:100%;}
#life-list .list dd{position:static; width:100%;}
/* game */
#game-list{overflow:hidden;}
#game-list dl{float:left; width:50%; padding:2%;}
#game-list dt ,
#game-list dd{float:none; width:100%;}
#game-list dt{margin-bottom:10px;}
/* comment-list */
#comment-list dt ,
#comment-list dd{float:none; width:100%;}
#comment-list dd > a{height:60px; overflow:hidden;}
#comment-list .wrap{border:none; overflow:hidden;}
#comment-list .wrap dl{float:left; width:50%; padding:2%; border:none; box-sizing:border-box;}
#comment-list .wrap dt{margin-bottom:10px;}
/* international-list */
#international-list .section.media dl{float:none !important; width:100% !important; margin-bottom:20px !important;}
#international-list .section.media dd a{height:auto;}
/* media-list */
#media-list .topic dd > a{font-size:20px; line-height:25px;}
}

@media screen and (max-width:480px){
/* news-list */
#news-list dl{padding:10px 0 !important; border-bottom:1px solid #e83228; overflow:hidden;}
#news-list dt{float:left !important; width:35% !important; margin:0 !important;}
#news-list dd{float:right !important; width:63% !important;}
#news-list dd > a{height:auto !important; font-size:15px !important; line-height:20px;}
#news-list dd .tag ,
#news-list dd p ,
#news-list dd .share{display:none;}
#news-list .wrap dl{float:none; width:100%;}
/* news-info */
/*#news-info .editor iframe{height:250px;}*/
/* more-article */
#more-article dl{float:none; width:100%; margin:15px auto; overflow:hidden;}
#more-article dt{float:left; width:40%;}
#more-article dd{float:right; width:56%; padding:0;}
#more-article dd > a{height:auto; font-size:20px; line-height:25px;}
#more-article dd .other .tag a.hot{padding:0 5px;}
/* feedback */
#feedback form{padding:20px;}
/* alert */
#alert .wrap{left:5%; width:90%; margin:0; padding:15px;}
/* member */
#member form .address .row-1{padding:0;}
#member form .address .row-1 select{float:none; width:100%; margin-bottom:20px;}
#member form .address .row-2 input{width:100%;}
/* about */
#about .team .wrap dl{width:50%; padding:5%;}
/* gotop */
#gotop{width:40px; height:40px; background-size:20px 20px;}
/* mobile-ad */
.mobile-ad{display:table;}
#bottom-ad{display:block;}
/* consumption-list */
#consumption-list .top .main a p{padding:10px; font-size:15px; line-height:20px;}
#consumption-list .top{margin-bottom:0;}
#consumption-list .top .sub dl{position:relative; float:none; width:100%; min-height:100px; padding:10px 10px 10px 150px;}
#consumption-list .top .sub dt{position:absolute; left:10px; top:10px; float:none; width:130px;}
#consumption-list .top .sub dt a{padding-bottom:60%;}
#consumption-list .top .sub dd{padding:0;}
#consumption-list .top .sub dd > a{display:inline; font-size:15px; line-height:20px;}
#consumption-list .top .sub dd .tag ,
#consumption-list .top .sub dd .share{display:none;}
#consumption-list .top .sub dd .author{padding:5px 0; text-align:left;}
#consumption-list .middle .main{margin:0;}
#consumption-list .middle .main dl{position:relative; min-height:80px; padding:10px 10px 10px 150px;}
#consumption-list .middle .main dt ,
#consumption-list .middle .main .focus dt{position:absolute; left:10px; top:10px; float:none; width:130px;}
#consumption-list .middle .main dd ,
#consumption-list .middle .main .focus dd{float:none; width:100%;}
#consumption-list .middle .main dd > a{display:inline; font-size:15px; line-height:20px; white-space:normal}
#consumption-list .middle .main dd .tag ,
#consumption-list .middle .main dd p ,
#consumption-list .middle .main dd .share{display:none;}
#consumption-list .middle .main .focus dd .author{padding:5px 0;}
#consumption-list .bottom .main{margin:0;}
#consumption-list .bottom .main dl{position:relative; min-height:80px; padding:10px 10px 10px 150px;}
#consumption-list .bottom .main dt{position:absolute; left:10px; top:10px; float:none; width:130px;}
#consumption-list .bottom .main dd{float:none; width:100%;}
#consumption-list .bottom .main dd > a{display:inline; font-size:15px; line-height:20px; white-space:normal}
#consumption-list .bottom .main dd p{display:none;}
#consumption-list .bottom .sub dl{position:relative; float:none; width:100%; margin:0; min-height:100px; padding:10px 10px 10px 150px;}
#consumption-list .bottom .sub dt{position:absolute; left:10px; top:10px; float:none; width:130px;}
#consumption-list .bottom .sub dt a{padding-bottom:60%;}
#consumption-list .bottom .sub dd{padding:0;}
#consumption-list .bottom .sub dd > a{display:inline; font-size:15px; line-height:20px;}
#consumption-list .bottom .sub dd .tag ,
#consumption-list .bottom .sub dd .share{display:none;}
#consumption-list .bottom .sub dd .author{padding:5px 0; text-align:left;}
/* international-list */
#international-list .partner{position:relative; width:250px; margin:5% auto; padding-left:100px; text-align:left; box-sizing:border-box;}
#international-list .partner b{position:absolute; left:0; top:0; margin-right:0;}
#international-list .partner span a{margin:0 1% 1% 0;}
#international-list .partner span a.p1 ,
#international-list .partner span a.p2 ,
#international-list .partner span a.p3{margin-right:7%;}
#international-list .section.focus .top .main a{padding:0;}
#international-list .section.focus .top .main a img, #international-list .section.focus .top .main a iframe{position:static;}
#international-list .section.focus .top .main a iframe{height:200px;}
#international-list .section.focus .top .main a h3{position:static;}
#international-list .section.focus .top .sub dl{float:none; width:100%; margin:10px auto;}
#international-list .section.focus .top .sub dt a{padding-bottom:50%;}
/* game */
#sync1 .item a .wrap{padding:10px;}
#sync1 .item a .wrap h1{margin:0; font-size:20px; line-height:20px;}
#sync1 .item a .wrap p{display:none;}
#sync1 .owl-buttons{display:none;}
#game-list dl{float:none; width:100%; padding:10px 0 !important; border-bottom:1px solid #e83228 !important; overflow:hidden;}
#game-list dt{float:left !important; width:35% !important; margin:0 !important;}
#game-list dd{float:right !important; width:63% !important;}
#game-list dd > a{height:auto !important; font-size:15px !important; line-height:20px;}
#game-list dd .tag ,
#game-list dd p ,
#game-list dd .share{display:none;}
/* comment-list */
#comment-list dl{padding:10px 0 !important; border-bottom:1px solid #e83228 !important; overflow:hidden;}
#comment-list dt{float:left !important; width:35% !important; margin:0 !important;}
#comment-list dd{float:right !important; width:63% !important;}
#comment-list dd > a{height:auto !important; margin:0; font-size:15px !important; line-height:20px;}
#comment-list dd .fb-like{display:none;}
#comment-list dd .tag ,
#comment-list dd p{display:none;}
#comment-list .wrap{margin-top:0;}
#comment-list .wrap dl{float:none; width:100%;}
/* media-list */
#media-list .topic dl{margin:20px auto;}
#media-list .topic dt{margin-bottom:10px;}
#media-list .topic dt ,
#media-list .topic dd{float:none; width:100%;}
#media-list .choice .wrap dl{float:none; width:100%; margin:20px auto;}
}

@media screen and (max-width:380px){
/* media-list */
#media-list .hot li .other .more{float:none; display:block; width:60px; margin-top:5px; text-align:center;}
}


/*@media print{
#container{
	width:90%; margin:0 auto; padding-right:0px;
}
#top-link,#header,#top-ad,.list,#footer,#fb-root,#container .right,.other,.label,.related,#st,.fb-comments,._pvmax_recommend,#_popIn_recommend,#copyright,#gotop{
  display: none; 
}
#news-info .editor{padding:5% 30px; font-size:20px; color:#333; line-height:32px; letter-spacing:2.5px;}

}
*/


.skyad {
  width: 100%;
    margin: 10px auto;
    text-align: center;
    position: relative;
}
@media screen and (min-width:1200px){
  .skyad {width: 1200px;}
}

.skyad .btn {
  position:absolute;
  top:5px; right:5px;
  width:80px; height:25px;
  /*background:#333;*/
  cursor:pointer;
}

.skyad #skyad_min img, .skyad #skyad_max img {width:100%; height:auto;}

#skyad_max .videoWrapper,#skyad_min1 .videoWrapper  {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px; height:0; overflow:hidden;
}

.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
}

#skyad_max #yt_fluid {
  width:60%; margin:0px auto 0;
}
#skyad_min1 #yt_fluid {
  width:35%; margin:0px auto 0;
}


@media screen and (max-width:480px){
  #skyad_max #yt_fluid {width:90%;}
  #skyad_max {min-height:100px;} 
  .skyad_video {padding-bottom:15px;}
  #skyad_max #yt_fluid {padding-top:35px;}
  #skyad_min1 #yt_fluid {width:70%;padding-top:35px;}

  #skyad_min1 {min-height:100px;} 
}

@media screen and (min-width:720px){
  #skyad_max {background-size:cover;}
  #skyad_max #yt_fluid {padding-top:55px;}
  .skyad_video {padding-bottom:15px;}
  #skyad_min1 #yt_fluid {padding-top:15px;}
}





.um_like {
  min-width:40px; height:21px;
  /*background:url(../images/ic_um_like.svg) no-repeat left #4268AD;*/
  background:url(../images/ic_um_like.png) no-repeat 4px 2px #4268AD;
  display:inline-block;
  vertical-align:bottom;
  border-radius:3px;
}
.um_like span {
  min-width:30px; height:21px;
  margin:/*12px*/ 0 0 0 23px;
  padding:0 8px 0 0;
  display:block;
  font-size:12px; color:#fff; text-align:left; line-height:21px;
}
.um_share {
  min-width:20px; height:21px;
  background:#4268AD;
  display:inline-block;
  padding:0 5px;
  vertical-align:bottom;
  font-size:12px; color:#fff; text-align:center; line-height:21px;
  border-radius:3px;
}


.um_like span,.um_share span{
      font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}