body{
    margin: 0px;
    padding: 0px;
    font-family: tahoma;
	line-height: normal;
	/* background: url(images/metal_bg.jpg)  repeat-y fixed center; */
	background-color: #323232;
}

img{max-width: 100%; height: auto;}

#container{margin: auto; width: 980px;}

/*header*/
#header{ min-width: 980px; }
#header .header-bar { 
	background: #ccc;
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(204,204,204,1) 100%); 
}
#header .container { width: 980px; margin: 0 auto; position: relative; }
/* #header-leftbox{width: 250px; height: 190px; background: url(images/mb-lefbox-new.png) no-repeat; display: block; float: left;} */
#header-wrap{ display: flex; align-items: center; justify-content: space-between;}
#header-logo{width: 120px;}
/* #header-rightbox{width: 730px; height: 190px; display: block; float: right; overflow: hidden;} */
#header-social{width: 120px; padding-right: 10px;}
#header-social ul { margin-left: -5px; margin-right: -5px; display: flex; justify-content: flex-end;}
#header-social li { padding-left: 5px; padding-right: 5px;}
#header-social li img { width: 30px; border-radius: 3px;}
#header-mobile{display: none;}
.mobile-menu{display: none;}
#search-mobile{display: none;}
#header-search {
	flex-grow: 1;
}
#header-ad {}
#header-ad a { width: 980px; margin: 0 auto; display: block; }
#header-ad img { width: 100%; height: auto; }

#tower-left{position: absolute; height: 600px; width: 120px; left: -130px;}
#tower-right{position: absolute; height: 600px; width: 120px; right: -130px;}

/*nav*/
nav{width: 980px; height: 40px; background-color: #000000; clear: both;}
nav > div > ul{list-style: none;}
nav > div > ul > li{list-style: none; float: left; padding-top: 11px; line-height: 1;}
nav > div > ul > li a{height: 40px; color: #ffffff; padding: 0 10px 0 10px; border-right: 2px solid #ffffff; text-decoration: none; font-size: 15px; font-weight: bold;}
nav > div > ul > li:last-child a{border-right: none;}
nav > div > ul > li a:hover{text-decoration: underline;}
.hot-issue-nav {
	float: right;
	padding-right: 10px;
}

/*searchform*/
#searchform {margin: auto; padding: 0; width: 420px; height: 30px;}

#searchform input[type="submit"]{margin: 0; padding: 0; width: 30px; height: 30px; background: url(images/search_bt.png) no-repeat; border: none; display: block; float: left; cursor:pointer; box-sizing: border-box; border: 1px solid #000; border-left: none; border-radius: 0 3px 3px 0;}

#searchform input[type="text"]{margin: 0; padding: 0 5px; width: 390px; height: 30px; border: none; display: block; float: left; outline: none; font-size: 16px; box-sizing: border-box; border: 1px solid #000; border-right: none; border-radius: 3px 0 0 3px;}

/*main*/
#main{float: left; width: 980px; padding: 0; background-color: #cccccc;}
#main.main-home{background-color: transparent;}
#main-bottom-banner{float: left;}
#main-bottom-banner img{display: block;}

/*left-menu*/
#left-menu{float: left; width: 250px; height: 370px; background-color: #ffffff;}
.left-menu-inner{width: 250px; height: 35px; display: block; }
.left-menu-inner > a{width: 100%; height: 100%; display: block;}
.left-menu-inner:hover{opacity: 0.6;}
#left-menu-1{background: url(images/menu_metalbridge.png) 0 0 no-repeat;}
#left-menu-2{background: url(images/menu_metalbridge.png) 0 -35px no-repeat;}
#left-menu-3{background: url(images/menu_metalbridge.png) 0 -70px no-repeat;}
#left-menu-4{background: url(images/menu_metalbridge.png) 0 -105px no-repeat;}
#left-menu-5{background: url(images/menu_metalbridge.png) 0 -140px no-repeat;}
#left-menu-6{background: url(images/menu_metalbridge.png) 0 -175px no-repeat;}
#left-menu-7{background: url(images/menu_metalbridge.png) 0 -210px no-repeat;}
#left-menu-8{background: url(images/menu_metalbridge.png) 0 -245px no-repeat;}
#left-menu-facebook{height: 90px; background: url(images/menu_metalbridge.png) 0 -280px no-repeat;}

/*review*/
#review-head{display: none;}
#review-box{float: left; width: 360px; height: 370px; background: url(images/review_box.png) no-repeat #ffffff;}
#review-box > ul > li{margin: 18px 0 0 20px; width: 330px; height: 100px; max-height: 100px;}
#review-box >ul>li>a{width: 330px; height: 100px; display: block; }
#review-box >ul>li>a>.feed-img{float: left;}
#review-box >ul>li>a>.feed-headtext{float: right; width: 180px; font-size: 13px; font-weight: bold; color: #000000;}
#review-box >ul>li>a>.feed-headtext>hr{height: 1px; border: 0;}
#review-box >ul>li>a>.feed-line{float: right; width: 180px; height: 1px; margin-top: 5px; background-color: #000000;}
#review-box >ul>li>a>.feed-text{float: right; margin-top: 3px; width: 180px; font-size: 11px; color: #000000;}
#review-box >ul>li>a:hover>.feed-headtext{opacity: 0.8;}
#review-box >ul>li>a:hover>.feed-text{opacity: 0.8;}

/*comic*/
#comic-head{display: none;}
/* #comic-box{float: left; width: 370px; height: 370px; background-color: #ffcc00;} */
#comic-box{ box-sizing: border-box; width: 100%; height: 370px; background-color: #ffcc00; display: flex; padding: 0 5px;}
#comic-box > ul {width: 33.33%; box-sizing: border-box; padding: 0 15px 18px;}
#comic-box > ul > li{margin: 18px 0 0 0; width: 100%; height: 100px; max-height: 100px; overflow: hidden;}
#comic-box >ul>li>a{ display: block; }
#comic-box >ul>li>a>.feed-img{float: left;}
#comic-box >ul>li>a>.feed-headtext{float: right; width: 150px; font-size: 13px; font-weight: bold; color: #000000;}
#comic-box >ul>li>a>.feed-headtext>hr{height: 1px; border: 0;}
#comic-box >ul>li>a>.feed-line{float: right; width: 150px; height: 1px; margin-top: 5px; background-color: #000000;}
#comic-box >ul>li>a>.feed-text{float: right; margin-top: 3px; width: 150px; font-size: 11px; color: #000000;}
#comic-box >ul>li>a:hover>.feed-headtext{opacity: 0.8;}
#comic-box >ul>li>a:hover>.feed-text{opacity: 0.8;}
.hot-issue-wrapper {padding-top: 20px; clear: both; position: relative; z-index: 2;}
.banner-under-hotissues { display: flex; font-size: 0; margin-top: 20px;}
.banner-under-hotissues .uhi-banner img { width: 100%; }
.banner-under-hotissues .uhi-banner1 { width: 63.6%; }

/*book*/
#book-tab{float: left; width: 60px;}
#book-head{display: none;}
#book-box{float: left; padding: 20px 0; width: 880px; height: 170px; background-color: #ffcc00;}
#book-box > ul > li{float: left; margin: 5px 0 0 22.5px; width: 100px; height: 170px; max-height: 170px;}
#book-box >ul>li>a{width: 100px; height: 30px; display: block;}
#book-box >ul>li>a>.feed-img{float: left;}
#book-box >ul>li>a>.feed-headtext{float: right; width: 100px; font-size: 13px; font-weight: bold; color: #000000; text-align: center;}
#book-box >ul>li>a:hover>.feed-headtext{opacity: 0.8;}

/* MB News */
#mb-news-head{display: none;}
#mb-news-box{ box-sizing: border-box; width: 100%; height: 370px; background-color: #fff; display: flex; padding: 0 5px;}
#mb-news-box > ul {width: 33.33%; box-sizing: border-box; padding: 0 15px 18px;}
#mb-news-box > ul > li{margin: 18px 0 0 0; width: 100%; height: 100px; max-height: 100px; overflow: hidden;}
#mb-news-box >ul>li>a{ display: block; }
#mb-news-box >ul>li>a>.feed-img{float: left;}
#mb-news-box >ul>li>a>.feed-headtext{float: right; width: 150px; font-size: 13px; font-weight: bold; color: #000000;}
#mb-news-box >ul>li>a>.feed-headtext>hr{height: 1px; border: 0;}
#mb-news-box >ul>li>a>.feed-line{float: right; width: 150px; height: 1px; margin-top: 5px; background-color: #000000;}
#mb-news-box >ul>li>a>.feed-text{float: right; margin-top: 3px; width: 150px; font-size: 11px; color: #000000;}
#mb-news-box >ul>li>a:hover>.feed-headtext{opacity: 0.8;}
#mb-news-box >ul>li>a:hover>.feed-text{opacity: 0.8;}

/*feed*/
.feed-box{width: 310px; margin-left: 25px; background-color: #ffffff; top: 0px; float: left; }
/* .feed-box:first-child { margin-left: 0; } */
.feed-box > a > img, .feed-box > .link img, .feed-box .bottom-link img { width: 100%;}
.feed-box img{display: block;}
.feed-box >ul>li{margin: 20px 10px 0 10px; width: 280px; height: 100px; max-height: 100px; overflow: hidden;}
.feed-box >ul>li>a{width: 280px; height: 100px; display: block;}
.feed-box >ul>li:last-child{margin-bottom: 20px; }
.feed-box >ul>li>a>.feed-img{float: left;}
.feed-box >ul>li>a>.feed-headtext{float: right; width: 140px; font-size: 13px; font-weight: bold; color: #000000;}
.feed-box >ul>li>a>.feed-headtext>hr{height: 1px; border: 0;}
.feed-box >ul>li>a>.feed-line{float: right; width: 140px; height: 1px; margin-top: 5px;}
.feed-box >ul>li>a>.feed-text{float: right; margin-top: 3px; width: 140px; font-size: 11px; color: #000000;}
.feed-box >ul>li>a:hover>.feed-headtext{opacity: 0.8;}
.feed-box >ul>li>a:hover>.feed-text{opacity: 0.8;}
#vertical-feed{width: 300px; background-color: #ffffff; padding-bottom: 20px;}
#vertical-feed .feed-box {width: 300px;}
.feed-box .bottom-link {padding-top: 10px;}

/*footer*/
/* #footer{width: 980px; height: 340px; padding-top: 20px; display: block; clear: both; background-color: #cccccc;} */
#footer {min-width: 980px;}
#footer .footer-top {width: 980px; margin: 0 auto 20px;}
#footer .footer-bottom {background-color: #cccccc; padding: 15px 0;}
#footer .footer-bottom .container {width: 980px; margin: 0 auto; display: flex; align-items: center;}
#footer-facebook{width: 980px; height: 220px; font-size: 0; margin-top: 20px;}
#footer-facebook-inner{width: 500px; float: left;}
#footer-facebook-inner-right{width: 120px; float: left;}
#footer-facebook-inner-banner{width: 300px; float: right;}
#footer-facebook-inner-banner img { width: 100%;}
#footer-facebook-inner-banner .g-9{ margin: 0;}
#footer-logo{margin: 0;}
#footer-logo img {width: auto; height: 74px; }
#footer-right{ padding-bottom: 8px;}
#footer-link{float: left; margin-top: 0;}
#footer-link > div > ul{list-style: none;}
#footer-link > div > ul > li{list-style: none; float: left; padding-top: 8px;}
#footer-link > div > ul > li a{height: 40px; color: #000000; font-size: 14px; font-weight: bold; padding: 0 8px 0 8px; border-right: 2px solid #000000; text-decoration: none;}
#footer-link > div > ul > li:last-child a{border-right: none;}
#footer-link > div > ul > li a:hover{text-decoration: underline;}
#footer-text{float: left; clear: left; font-size: 14px; font-weight: bold; margin: 10px 0 0 10px;}
#footer-truehits{float: left; width: 15px; margin-top: 20px;}
#footer-truehits img{width: 15px !important; margin: auto;}

/*left-side*/
#left-side{float: left; width: 660px; padding: 20px 0 20px 0; /*background-color: #cccccc;*/}
#left-inner{margin-left: 20px; width: 620px; background-color: #ffffff;}
.left-top-head{width: 620px; height: 60px; background-color: #000000; clear: both;}
.left-top-head-name{float: left; height: 60px;}
.left-top-head-link{float: right;}
.left-top-head-link ul{list-style: none;}
.left-top-head-link ul li{list-style: none; float: left; height: 60px;}
.top-head-banner{float: left; clear: both; width: 620px;}
/*sidebar*/
#sidebar{float: right; width: 320px; padding: 20px 0 20px 0; /*background-color: #cccccc;*/}

/*content*/
#content-head{margin: 0px 10px 0 10px; padding-top: 20px; width: 600px; font-size: 24px; text-overflow: ellipsis;}
#content-subhead{margin: 5px 0px 5px 10px; width: 600px; font-size: 13px;text-align: left;}
#content-datetime{float: right; padding-top: 20px; width: 150px;}
#content-line{margin: 0px 10px 0 10px; width: 600px; height: 1px;}
#content-text{margin: 20px 10px 10px 10px; width: 600px;  font-size: 14px; line-height: 1.6; text-overflow: ellipsis; word-wrap:break-word;}
#content-tags{margin: 0px 10px 0 10px; font-size: 14px;}
#content-tags a {color: #000000; text-decoration: none; }
#content-tags a:hover{text-decoration: underline;};
#content-link{}
.content-link-back{margin: 15px 0px 0 10px; float: left; font-size: 14px; color: #000000; text-decoration: none;}
.content-link-back:hover{text-decoration: underline;}
.content-link-next{margin: 15px 10px 0 0px; float: right; font-size: 14px; color: #000000; text-decoration: none;}
.content-link-next:hover{text-decoration: underline;}

.social-share{float: left !important; width: 40% !important; text-align: center !important; clear: none !important;}
.social-share div{text-align: center !important;}
.nav-previous{float: left !important; width: 30% !important; clear: none !important;}
.nav-next{float: right !important; width: 30% !important; clear: none !important;}

/*category*/
.category-box{margin: 10px 10px 10px 10px; width: 600px; clear: both; float: left; }
.category-head{float: left; width: 600px; font-size: 20px; text-overflow: ellipsis;}
.category-head > a{color: #000000; text-decoration: none;}
.category-head > a:hover{text-decoration: underline;}
.category-line{float: left; margin-top: 5px; width: 600px; height: 1px;}
.category-img{float: left; margin: 10px 0 0 0; text-align: center; width: 280px;}
.category-text{float: right; margin: 10px 0px 10px 0px; width: 300px;  font-size: 14px; text-overflow: ellipsis; }
.category-text a{width: 300px; color: #000000; text-align: right; float: right;}
.category-text img,.category-text iframe{display: none;}

/*search*/
.search-box{margin: 10px 10px 10px 10px; width: 600px; clear: both; float: left; }
.search-head{float: left; width: 600px; font-size: 20px; text-overflow: ellipsis;}
.search-head > a{color: #000000; text-decoration: none; }
.search-head > a:hover{}
.search-text{float: left; margin: 10px 0px 5px 0px; width: 600px;  font-size: 14px; text-overflow: ellipsis; }
.search-text a{width: 600px; color: #000000; text-align: left; float: left; text-decoration: none;}
.search-text img,.category-text iframe{display: none;}
.search-line{float: left; margin: 5px 0 15px 0; width: 600px; height: 1px; background-color: red;}

/*category-book*/
.category-book-box{margin: 0px 10px 10px 0px; width: 600px; clear: both; float: left;}
.category-book-box >ul>li{list-style: none; margin: 10px 0 0 45px; float: left; width: 148px; height: 250px;}
.category-book-box >ul>li > .category-head{float: left; text-align: center; width: 148px; font-size: 16px; text-overflow: ellipsis;}
.category-book-box >ul>li > .category-head > a{color: #000000; text-align: center; text-decoration: none;}
.category-book-box >ul>li > .category-head > a:hover{text-decoration: underline;}
.category-book-box >ul>li >.category-img{float: left;text-align: center; width: 148px;}

/*pagination*/
.wp-pagenavi {clear: both;}
.wp-pagenavi a, .wp-pagenavi span {color: #ffffff; text-decoration: none; width: 60px; height: 45px; display: inline-block; text-align: center; 
	font-size: 24px; padding-top: 15px; border-right: 1px solid #ffffff;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {background-color: #cccccc;}
.wp-pagenavi span.current {background-color: #666666; font-weight: bold;}

.mobile { display: none; }

.yt-playlist {background-color: #fff; padding: 20px; box-sizing: border-box;}
.yt-playlist .yt-header {}
.yt-playlist .yt-header img { height: 25px !important; }
.yt-playlist .yottie-widget-inner { border-radius: 0; }
/* .yt-playlist .yotu-playlist { background: none; padding: 0; box-sizing: border-box;}
.yt-playlist .yotu-videos { float: none; box-sizing: border-box;}
.yt-playlist .yotu-videos ul { box-sizing: border-box;}
.yt-playlist .yotu-videos ul:not(.slick-slider) { display: flex; flex-wrap: wrap; }
.yt-playlist .yotu-videos ul > li { width: 25%; }
.yt-playlist .yotu-videos li { box-sizing: border-box; padding: 0 5px !important; margin: 0 !important;}
.yt-playlist .yotu-videos li .yotu-video-thumb-wrp { width: auto !important; float: none !important; margin: 0 0 10px !important;}
body .yt-playlist .yotu-videos li .yotu-video-thumb-wrp div {border-radius: 0 !important;}
.yt-playlist .yotu-videos li .yotu-video-title {color: #000; font-size: 14px !important; line-height: 1.4 !important;}
.yt-playlist .slick-next, .yt-playlist .slick-prev {width: 30px; height: 30px; top: 40%; z-index: 10; border-radius: 50%; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .4); background-color: #fff;}
.yt-playlist .slick-next:before, .yt-playlist .slick-prev:before { content: ''; display: block; color: #000; font-size: 30px; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.yt-playlist .slick-prev:before {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAACJ9JREFUeJzt1zGupGcVhOFCEzhBQiIjccwiHHgF7IFlkNV+HJNbsuSQvSAHhCYxiYU1Y/vOre4+zyN9+ek/easTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHseX6wPg1XxYHwDwEV8l+T7JF0m+3Z4CALyHr5L8kOTHn16n1wAAn93P428EAMCL+6X4GwEA8KI+Fn8jAABezKfG3wgAgBfxa+NvBADAk/ut8TcCAOBJ/d74GwEA8GTeKv5GAAA8ibeOvxEAAA/uc8XfCACAB/W5428EAMCDea/4GwEA8CDeO/5GAACMreJvBADAyDr+RgAAvLNHib8RAADv5NHibwQAwGf2qPE3AgDgM3n0+BsBAPDGniX+RgAAvJFni78RAAC/07PG3wgAgN/o2eNvBADAr/Qq8TcCAOATvVr8jQAA+IhXjb8RAAC/4NXjbwQAwM9cif//3j/e5rMBwPO6Fv8ffvrNAHCW+APAMeIPAMeIPwAcI/4AcIz4A8Ax4g8Ax4g/ABwj/gBwjPgDwDHiDwDHiD8AHCP+AHCM+APAMeIPAMeIPwAcI/4AcIz4A8Ax4g8Ax4g/ABwj/gBwjPgDwDHiDwDHiD8AHCP+AHCM+APAMeIPAMeIPwAcI/4AcIz4A8Ax4g8Ax4g/ABwj/gBwjPgDwDHiDwDHiD8AHCP+AHCM+APAMeIPAMeIPwAcI/4AcIz4A8Ax4g8Ax4g/ABwj/gBwjPgDwDHiDwDHiD8AHCP+AHCM+APAMeIPAMeIPwAcI/4AcIz4A8Ax4g8Ax4g/ABwj/gBwjPgDwDHiDwDHiD8AHCP+AHCM+APAMeIPAMeIPwAcI/4AcIz4A8Ax4g8Ax4g/ABwj/gBwjPgDwDHiDwDHiD8AHCP+AHCM+APAMeIPAMeIPwAcI/4AcIz4A8Ax4g8Ax4g/ABwj/gBwjPgDwDHiDwDHiD8AHCP+AHCM+APAMeIPAMeIPwAcI/4AcIz4A8Ax4g8Ax4g/ABwj/gBwjPgDwDHiDwDHiD8AHCP+AHDMl7kV/x+T/O1NvhzA//FhfQB8on8n+SLJ1+M73tNfk3yT5D/rQwBgrdn/M3/P968kf36LDwcAz67Zh9kIAICBZh9mIwAABpp9mI0AABho9mE2AgBgoNmH2QgAgIFmH2YjAAAGmn2YjQAAGGj2YTYCAGCg2YfZCACAgWYfZiMAAAaafZiNAAAYaPZhNgIAYKDZh9kIAICBZh9mIwAABpp9mI0AABho9mE2AgBgoNmH2QgAgIFmH2YjAAAGmn2YjQAAGGj2YTYCAGCg2YfZCACAgWYfZiMAAAaafZiNAAAYaPZhNgIAYKDZh9kIAICBZh9mIwAABpp9mI0AABho9mE2AgBgoNmH2QgAgIFmH2YjAAAGmn2YjQAAGGj2YTYCAGCg2YfZCACAgWYfZiMAAAaafZiNAAAYaPZhNgIAYKDZh9kIAICBZh9mIwAABpp9mI0AABho9mE2AgBgoNmH2QgAgIFmH2YjAAAGmn2YjQAAGGj2YTYCAGCg2YfZCACAgWYfZiMAAAaafZiNAAAYaPZhNgIAYKDZh9kIAICBZh9mIwAABpp9mI0AABho9mE2AgBgoNmH2QgAgIFmH2YjAAAGmn2YjQAAGGj2YTYCAGCg2YfZCACAgWYfZiMAAAaafZiNAAAYaPZhNgIAYKDZh9kIAICBZh9mIwAABpp9mI0AABho9mE2AgBgoNmH2QgAgIFmH2YjAAAGmn2YjQAAGGj2YTYCAGCg2YfZCACAgWYfZiMAAAaafZiNAAAYaPZhNgIAYKDZh9kIAICBZh9mIwAABpp9mI0AABho9mE2AgBgoNmH2QgAgIFmH2YjAAAGmn2YjQAAGGj2YTYCAGCg2YfZCACAgWYfZiMAAAaafZiNAAAYaPZhNgIAYKDZh9kIAICBZh9mIwAABpp9mI0AABho9mE2AgBgoNmH2QgAgIFmH2YjAAAGmn2YjQAAGGj2YTYCAGCg2YfZCACAgWYfZiMAAAaafZiNAHgjH9YHAE/j2yR/SPL19ox385ckf0ryz/UhAPAImv2/8/d43yX549t8MgB4Dc0+0OIPAAPNPtTiDwADzT7Y4g8AA80+3OIPAAPNPuDiDwADzT7k4g8AA80+6OIPAAPNPuziDwADzT7w4g8AA80+9OIPAAPNPvjiDwADzT784g8AA434A8BJjfgDwEmN+APASY34A8BJjfgDwEmN+APASY34A8BJjfgDwEmN+APASY34A8BJjfgDwEmN+APASY34A8BJjfgDwEmN+APASY34A8BJf4/4AwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwOP5LyFCnQL7iv+cAAAAAElFTkSuQmCC); }
.yt-playlist .slick-next:before {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAB0RJREFUeJzt170NXFUURtEjMjKL2IU4J6ABWqCPWwgFQeJeICCFBCSEjOWfmXdmZq8lvfzoJvt7MwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH97MzM/bR8BAFznzcz8OjN/zszZPQUAuMK/4//PdzYPAgDu60PxNwIA4IV9LP5GAAC8oE+JvxEAAC/kc+JvBADAC/iS+BsBAPDEvib+RgAAPKFbxN8IAIAncsv4GwEA8ATuEX8jAAAe2D3jbwQAwAO6Iv5GAAA8kCvjbwQAwAPYiL8RAACLNuNvBADAgkeIvxEAABd6pPgbAQBwgUeMvxEAAHf0yPE3AgDgDp4h/kYAANzQM8XfCACAG3jG+BsBAPAVnjn+RgAAfIFXiL8RAACf4ZXibwQAwCd4xfgbAQDwEa8cfyMAAD6gEH8jAAD+4+fZD7MRAAAX+25m3s9+mI0AALiYEQAAUUYAAEQZAQAQZQQAQJQRAABRRgAARBkBABBlBABAlBEAAFFGAABEGQEAEGUEAECUEQAAUUYAAEQZAQAQZQQAQJQRAABRRgAARBkBABBlBABAlBEAAFFGAABEGQEAEGUEAECUEQAAUUYAAEQZAQAQZQQAQJQRAABRRgAARBkBABBlBABAlBEAAFFGAABEGQEAEGUEAECUEQAAUUYAAEQZAQAQZQQAQJQRAABRRgAARBkBABBlBABAlBEAAFFGAABEGQEAEGUEAECUEQAAUUYAAEQZAQAQZQQAQJQRAABRRgAARBkBABBlBABAlBEAAFFGAABEGQEAEGUEAECUEQAAUUYAAEQZAQAQZQQAQJQRAABRRgAARBkBABBlBABAlBEAAFFGAABEGQEAEGUEAECUEQAAUUYAAEQZAQAQZQQAQJQRAABRRgAARBkBABBlBABAlBEAAFFGAABEGQEAEGUEAECUEQAAUUYAAEQZAQAQZQQAQJQRAABRRgAARBkBABBlBABAlBEAAFFGAABEGQEAEGUEAEDUj7Mf5Su/32bm7U1eDgCe1Pcz88fsR/nK+L+7ycsBwJMSfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/AIgRfwCIEX8AiBF/gP/xzfYBcEfvZubb7SMu8vvM/DAzv2wfAgCP4Mz+n7k/fwBYcGY/0uIPAAvO7Mda/AFgwZn9aIs/ACw4sx9v8QeABWf2Iy7+ALDgzH7MxR8AFpzZj7r4A8CCM/txF38AWHBmP/LiDwALzuzHXvwBYMGZ/eiLPwAsOCP+AJB0RvwBIOmM+ANA0hnxB4CkM+IPAElnxB8Aks6IPwAknRF/AEg6I/4AkHRG/AEg6Yz4A0DSGfEHgKQz4g8ASWfEHwCSzog/ACSdEX8ASDoj/gCQ9Hb7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIDH8xe+oNjblY4GVQAAAABJRU5ErkJggg==); }
.yt-playlist .slick-next { right: -8px; }
.yt-playlist .slick-prev { left: -8px; } */

@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
   .desktop{ display: none; }
   .mobile{ display:block; }
}


@media only screen and (max-width: 1260px), only screen and (max-device-width: 1260px) {
	#tower-left{display: none;}
	#tower-right{display: none;}
}



@media only screen and (max-width: 720px), only screen and (max-device-width: 720px) {
	body{width: 100% !important; overflow-x: hidden; background: #fff !important;}
	/* div:not(.yottie-widget-feed-section-arrow):not(.yottie-widget-video):not(.swiper-slide)  */
	/* div {width: 100% !important; height: auto !important; padding: 0px !important; margin: 0px !important; float: none !important; clear: both !important;} */
	img{width: 100%; height: auto !important;  display: block;}

	#container{width: 100%; overflow-x: hidden;}

	#header{ min-width: initial; }
	#header .container { width: 100%; }
	#header-ad a { width: 100%;}
	nav{ width: 100%; height: auto;}
	#main{width: 100%; }
	/* #footer{width: 100%; height: 340px; padding-top: 20px; display: block; clear: both; background-color: #cccccc;} */
	#footer {min-width: initial;}
	#footer .footer-top {width: 100%; margin: 0;}
	#footer .footer-bottom .container {width: 100%;}
	#footer-facebook{width: 100%; height: auto; margin: 0;}
	#comic-box { height: auto; padding: 0;}
	.hot-issue-wrapper {padding-top: 0;}
	#left-side{float: none; width: 100%; padding: 0; /*background-color: #cccccc;*/}
	#left-inner{margin-left: 0; width: 100%;}
	#sidebar{float: none; width: 100%; padding: 0;}

	#content-head{ margin:0; padding-top: 0; width: 100%;}
	#content-subhead{margin: 0; width: 100%;}
	#content-datetime{padding-top: 0; width: 100%;}
	#content-line{ margin:0; width: 100%;}
	#content-text{margin: 0;; width: 100%;}
	#content-tags{ margin:0;}
	.content-link {padding: 0 2%; height: auto !important}
	.content-link-back{margin: 0;}
	.content-link-next{margin: 0;}
	.fb_iframe_widget {padding: 0 !important;}
	/* .social-share {width: 100% !important} */

	nav{display: none;}
	#header {width: 100%; min-width: initial; padding-top: 70px !important;}
	.header-bar{ position: fixed; left: 0; right: 0; top: 0; z-index: 10;}
	#header-wrap{ padding: 5px 0 !important; height: 70px !important;}
	#header-logo { box-sizing: border-box; width: 30% !important; float: none !important; padding-left: 10px !important;}
	#header-logo img{max-height: 60px !important; width: auto !important;}
	/* #header-leftbox{background: #fff; margin-bottom: 10px !important; border-bottom: 5px solid #000; position: fixed; top: 0px; z-index: 9500;} */
	#header-rightbox{}
	/* #searchform{display: none;} */
	#search-mobile{display: block;margin-top: 65px !important;}
	#search-mobile input[type='text']{padding: 0 0.5%; margin: 0; border: 0px; width: 84%; height: 30px; line-height: 30px;}
	#search-mobile input[type='submit']{padding: 0; margin: 0; border: 0px; border-radius: 0; -webkit-appearance: none; width: 15%; height: 30px; float: right; background-color: #000; color: #fff;}
	.search-line{height: 1px !important; margin: 5px 0 15px 0!important; float: left !important;}
	#header-mobile{display: block; text-align: right; width: 30% !important; float: right !important; clear: none !important;}
	#header-mobile div{padding: 15px 20px 0 0 !important; width: auto !important;}
	#header-social {display: none;}
	#header-search { box-sizing: border-box; width: 65% !important; float: none !important; padding-right: 15px !important;}
	#searchform { width: auto; padding-right: 30px; position: relative;}
	#searchform input[type="submit"]{ position: absolute; right: 0; top: 0;}
	#searchform input[type="text"]{width: 100%;}

	#header-ad a { width: auto !important; }


	#tower-left{display: none;}
	#tower-right{display: none;}

	.left-top-head{width: 100%; height: 60px; background-color: #000000; clear: both;}
	.left-top-head-name{float: left; display: none;}
	.left-top-head-name img{width: auto !important;}
	.left-top-head-link{display: none;}
	.top-head-banner{float: left; clear: both; width: 100%;}

	/*menu*/
	.mobile-menu{display: none; position: fixed; z-index: 1000; top:0px; left: 0px; right: 0px; bottom: 0px; padding-top: 60px; background: #2b2b2b;}
	.mobile-menu li{line-height: 50px; border-bottom: 1px solid #000;}
	.mobile-menu li a{text-decoration: none; color: #fff; width: 100%; padding-left: 30px; display: block;}

	/*left-menu*/
	#left-menu{display: none !important;}

	/*main*/
	.feed-bottom-box{display: none !important;}
	#main-bottom-banner{}

	/*review*/
	#review-head{display: block;}
	#review-box{background: #fff !important;}
	#review-box img{display: block;}
	#review-box >ul>li {width: 96% !important; padding: 10px 2% !important; margin: 0px !important; height: auto;	max-height: none; overflow: auto; }
	#review-box >ul>li>a{text-decoration: none; width: 100% !important; height: auto !important; display: block; overflow: auto;}

	/*comic*/
	#comic-head{display: block;}
	#comic-box {display: block; background: #ffcc00 !important;}
	#comic-box ul {width: 100%; padding: 0;}
	#comic-box img{display: block;}
	#comic-box >ul>li {width: 96% !important; padding: 10px 2% !important; margin: 0px !important; height: auto;	max-height: none; overflow: auto; }
	#comic-box >ul>li>a{text-decoration: none; width: 100% !important; height: auto !important; display: block; overflow: auto;}
	#comic-box .ex-mobile {
		display: none;
	}
	.banner-under-hotissues {flex-wrap: wrap; margin: 0;}
	.banner-under-hotissues .uhi-banner { width: 100%; }
	.banner-under-hotissues .uhi-banner2 { display: none; }

	/*book*/
	#book-tab{display: none;}
	#book-head{display: block;}
	#book-box{background: #ffcc00 !important;}
	#book-box img{display: block;}
	#book-box >ul{width: 100% !important; padding: 10px 0px !important; margin: 0px !important; overflow: auto;}
	#book-box >ul>li {width: 48% !important; padding: 5px 1% !important; margin: 0px !important; float: left; height: auto; max-height: none;}
	#book-box >ul>li>a{text-decoration: none; width: 100% !important; height: auto !important; display: block; overflow: auto;}
	#book-box >ul>li:last-child{display: none;}

	/* MB News */
	#mb-news-head{display: block;}
	#mb-news-box {display: block; background: #fff !important;height: auto; padding: 0;}
	#mb-news-box ul {width: 100%; padding: 0;}
	#mb-news-box img{display: block;}
	#mb-news-box >ul>li {width: 96% !important; padding: 10px 2% !important; margin: 0px !important; height: auto;	max-height: none; overflow: auto; }
	#mb-news-box >ul>li>a{text-decoration: none; width: 100% !important; height: auto !important; display: block; overflow: auto;}
	#mb-news-box .ex-mobile {
		display: none;
	}

	/*category*/
	.category-box{width: 96% !important; padding: 10px 2% !important; margin: 0;}
	.category-head{margin: 10px 0px !important; width: 100% !important}
	.category-book-box ul li{margin: 20px 0px 0px 0px !important; width: 100% !important; height: auto !important; text-align: center;}
	.category-book-box ul li img{width: 150px !important; margin: auto;}

	.category-line{width: 100%;}
	.category-img{width: 100%;}
	.category-text{ width: 100%;}
	.category-text a {width: 100%;}

	.left-top-head-name{display: block !important; border-bottom: 5px solid #fff;}
	.left-top-head-name .wp-pagenavi{width: 98% !important; padding-left: 1% !important;}
	.left-top-head-name a,.left-top-head-name span{width: 13.8%; font-size: 20px;}
	.left-top-head-name a:last-child{border-right: none;}

	/*content*/	
	#content-head,#content-subhead,#content-text{width: 96% !important; padding: 10px 2% !important;}
	#content-line{height: 1px !important;}
	#content-text {font-size: 16px;}
	#content-text img{width: auto !important; display: inline !important;}
	#content-text div {width: auto !important;}

	/*sidebar*/
	#vertical-feed{width: 100%; background-color: #ffffff; padding-bottom: 20px;}
	#vertical-feed .feed-box {width: 100%;}
	.feed-box {width: 100%; margin: 0 !important; background-color: #ffffff; top: 0px; float: none; }
	.feed-box >ul>li img{display: block;}
	.feed-box >ul>li {width: 96% !important; padding: 10px 2% !important; margin: 0px !important; height: auto;	max-height: none; }
	.feed-box >ul>li>a{text-decoration: none; width: 100% !important; height: auto !important; display: block; overflow: auto;}
	.feed-box .feed-img, 
	#comic-box >ul>li>a .feed-img,
	#mb-news-box >ul>li>a .feed-img {float: left !important; width: 30% !important; clear: none !important; }
	.feed-box .feed-headtext, 
	#comic-box >ul>li>a .feed-headtext,
	#mb-news-box >ul>li>a .feed-headtext { float: right !important; width: 65% !important; clear: none !important;}
	.feed-box .feed-text, 
	#comic-box >ul>li>a .feed-text,
	#mb-news-box >ul>li>a .feed-text {float: right !important; width: 65% !important; font-size: 12px; text-decoration: none;  clear: none !important;}
	.feed-box .feed-line, 
	#comic-box >ul>li>a .feed-line,
	#mb-news-box >ul>li>a .feed-line {display: none !important;}
	.feed-box .bottom-link { display: none;}
	.feed-box .ex-mobile { display: none;}
	
	iframe{width: 100% !important;}
	.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe,.fb-comments div,.pluginSkinLight>div {
    width: 100% !important;}
	

	#footer {width: 100%; min-width: initial;}
	#footer-facebook-inner{display: none;}
	#footer-facebook-inner-right{display: none;}
	#footer-facebook-inner-banner{width: 100%; float: none;}
	#footer .footer-bottom {padding-bottom: 30px;}
	#footer .footer-bottom .container {flex-direction: column;justify-content: center;}
	/* #footer-link{display: none;} */
	#footer-link{float: none;}
	#footer-link > div > ul { display: flex; justify-content: center;}
	#footer-truehits { margin: 0;}
	#footer-text{text-align: center; margin: 0;}
	#footer-text{display: none;}
	#footer-logo img{width: 100% !important; margin: auto;}

	div.yt-playlist { padding: 0 2%;}
	div.yt-playlist div.yt-header {padding: 0; margin-top: 10px; margin-bottom: 10px;  width: auto;} 
	div.yt-playlist .yt-header img {height: 35px !important; width: auto !important;}
	/* div.yt-playlist .yotu-playlist {padding: 0 15px !important} */

	.sticky_bottom div {width: 100% !important}

	.yengo_ads{display: none;}

	.desktop{ display: none; }
	.mobile{ display:block; }
}