@charset "UTF-8";
/* CSS Document */
*{padding:0; margin:0; list-style:none;}
body {font-family:'Droid Sans', Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; letter-spacing:-0.03em; color:#111;}
img {border:0 none;}
video, embed, object, .videocontent {max-width:100% !important;}
.video-clicktoplay-max {max-width:100% !important;}
.video-clicktoplay-inner {position:relative; padding-bottom:50%; padding-top:30px; height:0; overflow: hidden; background:#000;}
.video-clicktoplay-inner iframe, .video-clicktoplay-inner object, .video-clicktoplay-inner embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline;}
a {color:#111; text-decoration:none;}
a:hover {color:#2285f0; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}

.title {font-size:16px; line-height:18px; font-weight:normal;}
.title2 {font-size:20px; line-height:24px; letter-spacing:-0.04em; font-weight:normal;}
.title3 {font-size:26px; line-height:33px; letter-spacing:-0.04em; font-weight:normal;}
.sec-ttl {font-size:18px; line-height:22px; text-align:center; font-weight:normal; text-transform:uppercase;}
.sec-ttl2 {font-size:25px; line-height:30px; text-align:center; font-weight:700; text-transform:uppercase; border-bottom:#eee 1px solid; border-top:#eee 1px solid; padding:5px 0; margin-bottom:10px; clear:both;}
.sec-ttl3 {font-size:25px; line-height:30px; font-weight:700; text-transform:uppercase; padding:5px 0; clear:both;}
.sec-ttl4 {font-size:30px; line-height:35px; text-align:center; font-weight:normal; text-transform:uppercase;}
.sec-ttl5 {font-size:30px; line-height:35px; font-weight:normal; text-transform:lowercase; border-bottom:#ddd 1px solid; padding:10px 0; clear:both;}
.caty {font-size:16px; line-height:18px; font-weight:700; color:#67bf3c; text-transform:lowercase;} .caty a {color:#67bf3c;}
.caty2 {font-size:13px; line-height:15px; font-weight:normal; color:#fff; background:#67bf3c; position:absolute; top:0; left:0; z-index:30; padding:3px 8px;}
.summary {font-size:14px; line-height:18px; color:#666; margin-bottom:8px;}
.photo {line-height:0;}
.photo img {width:100%;}
.photo:hover img {opacity:0.9;}
.fb, .tw, .g, .co {font-size:11px; color:#999; width:28px; height:28px; float:left; overflow:hidden; margin-right:10px;}
.fb:hover, .tw:hover, .g:hover, .co:hover {width:60px;}
.fb i span, .tw i span, .g i span, .co i span {display:none;}
.fb i, .tw i, .g i, .co i {width:28px; height:28px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; display:inline-block; vertical-align:middle; margin-right:5px;}
.fb i {background:#5970a9 url(../images/icons.png) no-repeat 0 -33px;}
.tw i {background:#33b5e9 url(../images/icons.png) no-repeat 0 -81px;}
.g i {background:#dd5734 url(../images/icons.png) no-repeat 0 -129px;}
.co i {background:#78878c url(../images/icons.png) no-repeat 0 -177px;}
.viewmore {clear:both; text-align:left; font-size:14px; letter-spacing:-0.04em; font-weight:700; margin-bottom:30px;}
.line-t {border-top:#eee 1px solid;}
.close {background:url(../images/icons.png) no-repeat 0 -282px; width:15px; height:15px; display:inline-block; cursor:pointer;}
.close span {display:none;}
.close2 {background:url(../images/icons.png) no-repeat -33px -282px; width:15px; height:15px; display:inline-block; cursor:pointer;}
.close2 span {display:none;}
.clr {clear:both;}

.hidden {display:none;}
.top-arrow {position:fixed;top:75%;right:10%;}
.top-arrow:hover {cursor:pointer;}
.lft {float:left;}
.rht {float:right;}

.innerwrap {width:1120px; margin:0 auto;}
header {width:100%; float:left;}
header .hd-top {width:100%; height:57px; float:left; background:#222; overflow:hidden; clear:both;}
header .logo {float:left;}
header .nav {float:left; margin-left:20px;}
header .nav li {float:left;}
header .nav a {color:#fff; font-size:18px; line-height:57px; padding:0 9px; display:inline-block;} header .nav a:hover {color:#2285f0; background:#000; border-bottom:#fff 2px solid; margin-bottom:-2px;}
header .nav .m3 {color:#9f49d8;}
header .rht {float:right;}
header .rht a {font-size:18px; line-height:57px; color:#fff; padding:0 15px; display:inline-block; display:inline-block;}
header .rht a:hover {background-color:#000;}
header .subscribe {background:#2285f0;}
header .ic-srch {background:url(../images/icons.png) no-repeat 0 0; width:13px; height:13px; display:inline-block;}
header .ic-nav {display:none;}
header .m-nav {display:none;}

.hd-srch {width:100%; float:left; padding:20px 0 30px; background:#fff; clear:both; border-bottom:#ddd 2px solid;}
.hd-srch .innerwrap {position:relative; text-align:center;}
.hd-srch .close {position:absolute; top:0; right:0;}
.hd-srch .input {background:#fff; font-size:14px; line-height:18px; color:#999; padding:10px 2%; border:#ddd 1px solid; width:55%;}
.hd-srch .btn {background:#222; color:#fff; font-size:14px; text-transform:uppercase; padding:11px 0; border:none; cursor:pointer; width:20%;}

.hd-down {width:100%; float:left; background:#fafafa; clear:both; overflow:hidden; border-bottom:#ddd 2px solid;}
.hd-down .innerwrap {position:relative;}
.hd-down .col {width:20%; float:left; background:#eee; min-height:300px;}
.hd-down .col2 {width:78%; float:right;}
.hd-down .close {position:absolute; top:10px; right:0;}
.hd-down .menu {font-size:17px; line-height:24px; text-transform:lowercase;}
.hd-down .menu a {width:84%; padding:9px 8%; display:inline-block;} .hd-down .menu a:hover {background:#555; color:#fff;}
.hd-down .sec-1 a {background:#2285f0; color:#fff;}
.hd-down .sec-2 a {background:#273983; color:#fff;}
.hd-down .sec-3 a {background:#9f49d8; color:#fff;}
.hd-down .sec-4 a {background:#3ca443; color:#fff;}
.hd-down .sec-5 a {background:#4f256d; color:#fff;}
.hd-down .sec-6 a {background:#f36910; color:#fff;}
.hd-down .sec-7 a {background:#f21f16; color:#fff;}
.hd-down .sec-8 a {background:#f9ce05; color:#fff;}
.hd-down .box {width:42%; float:left; margin:0 1.5%;}
.hd-down .box2 {width:52%; float:right; margin:0 1.5%;}
.hd-down .box .photo {width:50%; float:left; margin-right:20px;}
.hd-down .ttl {font-size:18px; line-height:24px; font-weight:normal; text-transform:uppercase; padding:9px 0; margin-bottom:10px; border-bottom:#ddd 1px solid;}
.hd-down .ttl2 {font-size:14px; line-height:18px; font-weight:normal;}
.hd-down .list {font-size:14px; line-height:18px;}
.hd-down .list li {padding:4px 0;}

.hd-subscribe {width:100%; float:left; padding:20px 0 30px; background:#fff; clear:both; border-bottom:#ddd 2px solid;}
.hd-subscribe .innerwrap {position:relative;}
.hd-subscribe .col {width:38%; float:left;}
.hd-subscribe .col2 {width:40%; float:left; margin-left:5%;}
.hd-subscribe .ttl {font-size:18px; line-height:24px; font-weight:normal; text-transform:uppercase; margin-bottom:10px;}
.hd-subscribe .t-sns li {float:left; margin-right:10px; margin-bottom:10px;}
.hd-subscribe .t1 {font-size:14px; line-height:18px; margin-bottom:10px;}
.hd-subscribe .input {background:#fff; font-size:14px; line-height:18px; color:#999; padding:10px 2%; border:#ddd 1px solid; width:60%;}
.hd-subscribe .btn {background:#222; color:#fff; font-size:14px; text-transform:uppercase; padding:11px 0; border:none; cursor:pointer; width:35%;}
.hd-subscribe .btn:hover {opacity:0.8;}
.hd-subscribe .close {position:absolute; top:0; right:0;}
.hd-subscribe output {display:block; clear:both; margin-top:8px;}

.hd-trend {width:100%; padding:10px 0; float:left; background:#333333; clear:both; color:#fff; margin-bottom:20px;}
.hd-trend a {color:#fff;} .hd-trend a:hover {color:#2285f0;}
.hd-trend .sec-ttl {margin-bottom:15px;}
.hd-trend .list {width:32.3%; float:left; margin:0 1% 20px 0;}
.hd-trend .photo {width:45%; float:left; margin-right:20px;}
.hd-trend .tag {font-size:18px; line-height:22px; color:#67bf3c; font-weight:normal; margin-bottom:5px;} .hd-trend .tag a {color:#67bf3c;}
.hd-trend .ttl {font-size:13px; line-height:16px; font-weight:normal;}

.contents {width:100%; float:left;}
.contents .body {width:61.7%; float:left; margin-bottom:30px;}
.contents .side {width:35.7%; float:right;}
.m-hdline-l {width:63.8%; float:left; margin-bottom:15px; position:relative;}
.m-hdline-l .prev {background:rgba(34,133,240,0.7) url(../images/icons.png) 0 -550px; width:50px; height:50px; display:inline-block; position:absolute; top:125px; left:0; z-index:80;}
.m-hdline-l .next {background:rgba(34,133,240,0.7) url(../images/icons.png) -60px -550px; width:50px; height:50px; display:inline-block; position:absolute; top:125px; right:0; z-index:80;}
.m-hdline-l .prev:hover, .m-hdline-l .next:hover {background-color:rgba(34,133,240,1)}
.m-hdline-l .con {width:100%; float:left;}
.m-hdline-l .photo {background:url(../images/bg-article.png) no-repeat bottom center; padding-bottom:16px;}
.m-hdline-l .ttl {font-size:28px; line-height:30px; letter-spacing:-0.04em; font-weight:normal; background:#fff; position:relative; margin:-70px 15px 0; padding:10px 20px; min-height:60px;}
.m-hdline-r {width:32.9%; float:right; margin-bottom:10px;}
.m-hdline-r .photo {width:38%; float:left; margin-right:20px;}
.m-hdline-r .list {width:100%; float:left; clear:both; margin-bottom:25px;}
.at-con {width:100%; float:left; clear:both; margin:5px 0 20px;}
.at-con .photo {width:35%; float:left; margin-right:20px;}
.at-con h3 {margin:6px 0;}
.at-con2-l {width:52.5%; float:left; margin-bottom:20px;}
.at-con2-r {width:43.5%; float:right; position:relative; margin:10px 0 20px;}
.at-con2-l .list {width:100%; float:left; clear:both; padding:10px 0; border-top:#eee 1px solid;}
.at-con2-l .photo {width:40%; float:left; margin-right:20px;}
.at-con2-l h3 {margin-bottom:5px;}
.at-con2-r .ttl {background:rgba(0,0,0,0.7); padding:15px 20px; position:absolute; bottom:10px; left:0;}
.at-con2-r a {color:#fff;}
.at-con2-r h3 {margin-top:5px;}
.at-con3 {width:100%; float:left; clear:both;}
.at-con3 .list {width:31.3%; margin-right:3%; float:left; margin-bottom:20px;}
.at-con3 .list2 {width:31.3%; float:right; margin-bottom:20px;}
.at-con3 h3 {margin:8px 0;}
.at-con4 {width:100%; float:left; clear:both; margin-bottom:10px;}
.at-con4 .col {width:27%; float:left;}
.at-con4 .col2 {width:43.2%; margin:0 1.4%; float:left;}
.at-con4 .list {position:relative; margin-bottom:10px;}
.at-con4 .tit {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;}
.at-con4 .tit:hover {opacity:1; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}
.at-con4 .tit h3 {color:#000; font-size:13px; font-weight:normal; display:inline-block; margin:10px; padding:10px; background:rgba(255,255,255,0.7); position:absolute; bottom:0; left:0;}

.atl-caty {font-size:16px; line-height:18px; font-weight:700; color:#67bf3c; text-transform:lowercase; text-align:center;} .atl-caty a {color:#67bf3c; margin:0 5px;}
.atl-ttl {font-size:30px; line-height:38px; letter-spacing:-0.04em; font-weight:normal; text-align:center; clear:both; margin:10px 0;}
.atl-tool {clear:both; font-size:14px; line-height:20px; color:#666; position:relative; margin-bottom:20px; border-bottom:#eee 1px solid; border-top:#eee 1px solid; padding:10px 0; text-align:center;}
.atl-tool strong {color:#2285f0;}
.atl-tool2 {width:100%; float:left; clear:both; margin-bottom:20px;}
.atl-tool2 .atl-sns {float:left; margin-top:13px;}
.atl-srch {float:right; width:55%; text-align:right;}
.atl-srch .t1 {font-size:15px; line-height:18px; font-weight:700; margin-bottom:5px;}
.atl-srch .input {background:#fff; font-size:14px; line-height:18px; color:#999; padding:6px 2%; border:#ddd 1px solid; width:200px;}
.atl-srch .btn {background:#2285f0; color:#fff; font-size:14px; text-transform:uppercase; padding:7px 0 8px; border:none; cursor:pointer; width:100px;}
.atl-srch .btn:hover {opacity:0.8;}
.atl-srch output {clear:both; font-size:12px; margin-top:5px; color:#555; display:block; color:#999;}
.atl-sns .fb, .atl-sns .tw, .atl-sns .g, .atl-sns .co {float:none;}
.article {width:100%; float:left; clear:both;} .article a {color:#11abe0; text-decoration:none!important;} .article a:hover {text-decoration:underline!important;}
.article p {font-size:16px; line-height:24px; color:#222222; margin-bottom:20px;}
.article li {font-size:16px; line-height:24px; color:#222222;}
.article blockquote {font-size:18px; color:#668a0e; border-left:9px solid #668a0e; padding-left:10px; line-height:25px; margin:30px 0;}
.atl-photo {width:100%; float:left; text-align:center; clear:both; margin-bottom:20px;}
.atl-photo .caption {font-size:14px; line-height:18px; color:#78878c; text-align:center; clear:both; margin-top:5px;}
.article .atl-side {width:250px; float:left; margin-right:25px;}
.atl-tag {clear:both; font-size:14px; line-height:20px; color:#888; margin:20px 0 30px;}
.atl-tag a {margin:0 5px;}
.atl-ad {width:100%; float:left; clear:both; overflow:hidden; margin-bottom:20px; text-align:center;}
.atl-related {width:100%; float:left; clear:both; margin-bottom:20px;}
.atl-related h3 {padding:6px 0 6px 15px; background:url(../images/icons.png) no-repeat 0 -428px;}
.atl-comment {width:100%; float:left; clear:both; overflow:hidden; margin-bottom:20px;}
.atl-like {width:100%; float:left; clear:both;}
.atl-like .photo {margin-bottom:8px;}
.atl-like .list {width:31.3%; margin-right:3%; float:left; margin-bottom:20px;}
.atl-like .list2 {width:31.3%; float:right; margin-bottom:20px;}

.atl-slide {width:100%; float:left; margin-bottom:20px; position:relative;}
.atl-slide .con {width:740px; float:left;}
.atl-slide .prev {position:absolute; top:30%; left:0; background:#78878c url(../images/icons.png) no-repeat 0 -327px; width:55px; height:90px; display:inline-block; z-index:50;}
.atl-slide .next {position:absolute; top:30%; right:0; background:#78878c url(../images/icons.png) no-repeat -55px -327px; width:55px; height:90px; display:inline-block; z-index:50;}
.atl-slide .prev span, .atl-slide .next span {display:none;}
.atl-slide .prev:hover, .atl-slide .next:hover {opacity:0.8;}
.atl-slide .photo {text-align:center; clear:both;}
.atl-slide .photo img {width:auto;}
.atl-slide .num {text-align:center; font-size:15px; padding:10px 0;}
.atl-slide .summary {line-height:20px!important;}
.atl-slide .copy {font-size:14px; line-height:18px; color:#78878c; clear:both; margin-top:10px;}
.atl-btn {width:100%; float:left; text-align:center; clear:both; margin-bottom:30px;}
.atl-btn a {background:#eb2d2d; padding:15px 25px; display:inline-block; font-size:15px; font-weight:700; color:#fff;}
.atl-btn a:hover {background:#555;}

.sec-path {width:100%; float:left; clear:both; color:#999; font-size:14px;}
.sec-path span {font-size:18px; margin:0 5px; color:#555;}
.sec-con {width:100%; float:left; clear:both; padding:15px 0; border-bottom:#ddd 1px solid; overflow:hidden;}
.sec-con .tool {width:100%; float:left; clear:both; font-size:14px; line-height:20px; color:#666; position:relative; margin:10px 0 20px;}
.sec-con .tool strong {color:#2285f0;}
.sec-con .photo {clear:both; text-align:center; margin-bottom:20px;position:relative;}
.sec-con .photo img {width:auto;}
.sec-con .summary a {color:#2285f0;} .sec-con .summary a:hover {text-decoration:underline;}
.sec-con .sns {position:absolute; top:-2px; right:0;}
.photo .ic-mv {background:url(../images/ic-mv.png) no-repeat center center; position:absolute;width:100%; height:100%;  top:0; left:0; z-index:30;}


.page {width:100%; float:left; clear:both; text-align:center; margin:20px 0;}
.page a.num {width:40px; height:35px; font-size:13px; line-height:35px; display:inline-block; border:#ddd 1px solid; text-align:center; margin:5px 2px;}
.page a.num:hover {background:#ddd; color:#ff1700; border-color:#999;}
.page a.on {background:#666; color:#fff;}

.s-sns {width:100%; float:left; clear:both; margin-bottom:10px;}
.s-sns .ttl {font-size:18px; line-height:22px; font-weight:normal;}
.s-sns .col {width:100%; float:left; clear:both; padding:10px 0; text-align:center; border-bottom:#ddd 1px dotted; margin-bottom:10px;}
.s-sns .col a {width:42px; height:42px; display:inline-block; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; margin:0 6px;}
.s-sns .col a:hover {opacity:0.8;}
.s-sns .col a span {display:none;}
.s-sns .col .fb-b {background:#5970a9 url(../images/icons.png) no-repeat -50px 0;}
.s-sns .col .tw-b {background:#41abe1 url(../images/icons.png) no-repeat -50px -61px;}
.s-sns .col .g-b {background:#d75128 url(../images/icons.png) no-repeat -50px -122px;}
.s-sns .col .rss-b {background:#eb8e3c url(../images/icons.png) no-repeat -50px -183px;}
.s-sns .col .yt-b {background:#c9322c url(../images/icons.png) no-repeat -50px -244px;}
.s-sns .like {display:inline-block;}
.s-sns .col2 {width:100%; float:left; padding:10px 0; clear:both;}
.s-sns .input {border:#ddd 2px solid; font-size:12px; color:#999; padding:7px 5%; width:50%;}
.s-sns .btn {width:30%; font-size:11px; text-transform:uppercase; color:#fff; padding:10px 0; border:none; cursor:pointer; margin-left:5px;
background: #52a1d3; /* Old browsers */
background: -moz-linear-gradient(top,  #52a1d3 0%, #1985c5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a1d3), color-stop(100%,#1985c5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #52a1d3 0%,#1985c5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #52a1d3 0%,#1985c5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #52a1d3 0%,#1985c5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #52a1d3 0%,#1985c5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a1d3', endColorstr='#1985c5',GradientType=0 ); /* IE6-9 */}
.s-sns .btn:hover {opacity:0.8;}
.s-con {width:94%; float:left; margin:0 3% 20px;}
.s-con .ttl {background:#fff; margin:-70px 20px 0; padding:10px 20px; position:relative; min-height:75px;}
.s-con2 {width:100%; float:left; clear:both; margin-bottom:20px;}
.s-con2 .photo {width:25%; float:left; margin-right:20px;}
.s-con2 h3 {margin-bottom:5px;}
.s-con3 {width:100%; float:left; clear:both; margin-bottom:15px;}
.s-con3 .list {width:48%; float:left;}
.s-con3 .list2 {width:48%; float:right;}
.s-con3 h3 {margin:8px 0;}
.s-con3 .photo {position:relative;}
.s-con3 .ic-mv {background:url(../images/ic-mv.png) no-repeat center center; width:100%; height:100%; position:absolute; top:0; left:0; z-index:30;}
.s-con4 {width:100%; float:left; clear:both; margin-bottom:20px;}
.s-con4 .photo {width:40%; float:left; margin-right:20px;}
.s-con4 h3 {margin:10px 0;}
.s-booms {width:100%; float:left; clear:both; overflow:hidden; margin-bottom:15px;}
.s-poll {width:96%; float:left; clear:both; border:#dddddd 1px solid; padding:3% 2%; margin-bottom:20px;}
.s-poll h3 {padding:0 3%;}
.s-poll .ic-poll {background:url(../images/icons.png) no-repeat 0 -650px; width:16px; height:13px; display:inline-block; margin-right:10px;}
.s-poll .list {width:100%; float:left; padding:10px 0; clear:both; font-size:14px;}
.s-poll input[type='radio'] {opacity:0; float:left;}
.s-poll input[type='radio']+label {background:url(../images/ic-check.png) no-repeat center left; padding:5px 0 5px 25px; cursor:pointer;}
.s-poll input[type='radio']:checked+label {background:url(../images/ic-checked.png) no-repeat center left; padding:5px 0 5px 25px; cursor:pointer;}
.s-poll .percent {width:94%; clear:both; padding:10px 3%;}
.s-poll .percent strong {float:left; margin-right:10px; color:#2285f0; font-size:14px;}
.s-poll .percent .bar {width:88%; height:10px; float:right; background:#ddd; display:inline-block; line-height:0; margin-top:2px;}
.s-poll .percent .bar span {background:#2285f0; height:10px; display:inline-block;}
.s-poll .btn {width:100%; float:left; text-align:center; clear:both;}
.s-poll .btn span {padding:6px 10px; background:#2285f0; font-size:12px; font-weight:bold; color:#fff; display:inline-block;}
.s-poll .btn span:hover {opacity:0.8;}

/* reaction */
.bk-reaction {width:100%; float:left; clear:both; margin-bottom:20px;}
.bk-reaction h4 {font-size:15px; line-height:20px; margin-bottom:10px; clear:both; text-align:center; border-top:#555 2px solid; padding:10px 0;}
.bk-reaction .box {width:80px; height:80px; display:inline-block; border:#dddddd 1px solid; text-align:center; float:left; margin-right:15px; background:#fff url(../images/ico-reaction.png) no-repeat; position:relative; -webkit-border-radius:80px; -moz-border-radius:80px; -ms-border-radius:80px; border-radius:80px; margin-bottom:20px;}
.bk-reaction .box:last-child {margin-right:0;}
.bk-reaction .box:hover {background-color:#222; border:#222 1px solid;}
.bk-reaction .box.voted {background-color:#222!important; border:#222 1px solid!important;}
.bk-reaction .hot {background-position:0 0;}
.bk-reaction .scary {background-position:-80px 0;}
.bk-reaction .awesome {background-position:-160px 0;}
.bk-reaction .shock {background-position:-240px 0;}
.bk-reaction .funny {background-position:-320px 0;}
.bk-reaction .cute {background-position:-400px 0;}
.bk-reaction .hot:hover {background-position:0 -80px;}
.bk-reaction .scary:hover {background-position:-80px -80px;}
.bk-reaction .awesome:hover {background-position:-160px -80px;}
.bk-reaction .shock:hover {background-position:-240px -80px;}
.bk-reaction .funny:hover {background-position:-320px -80px;}
.bk-reaction .cute:hover {background-position:-400px -80px;}
a.box.hot.voted {background-position:0 -80px!important;}
a.box.scary.voted {background-position:-80px -80px!important;}
a.box.awesome.voted {background-position:-160px -80px!important;}
a.box.shock.voted {background-position:-240px -80px!important;}
a.box.funny.voted {background-position:-320px -80px!important;}
a.box.cute.voted {background-position:-400px -80px!important;}
.bk-reaction .box .txt {position:absolute; bottom:-20px; left:0; width:100%; font-size:11px; color:#666; text-transform:uppercase;}
.bk-reaction .box:hover .txt {color:#fff!important;}
.bk-reaction.box.voted.txt {color:#fff!important;}
.bk-reaction .txt .num {background:#1988dd; width:30px; height:30px; line-height:30px; display:inline-block; color:#fff; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; border-radius:30px;}

/* about us */
.bn-application {border:#dddddd 1px solid; background:url(../images/bn-application.png) no-repeat center right; display:block; padding:20px 210px 20px 20px; font-size:12px; line-height:18px; color:#888; clear:both; margin-bottom:20px;}
.bn-application:hover {color:#000;}

.wp-aboutus {width:100%; float:left; clear:both; padding:20px 0;}
.au-left {width:18%; float:left;}
.au-right {width:78%; float:right;} .au-right a {color:#2285f0;}
.au-left .menu {width:100%; float:left; clear:both;}
.au-left .menu a {font-weight:bold; padding:13px 0; display:block;} .au-left .menu a:hover {color:#2285f0;}
.au-ttl {font-size:16px; line-height:20px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; color:#999;}
.au-ttl2 {font-size:16px; line-height:20px; text-transform:uppercase; font-weight:bold; margin-bottom:10px;}
.au-con {clear:both; margin-bottom:20px; padding:10px 0; font-size:14px; line-height:20px;}
.au-con .name {font-size:20px; line-height:26px; font-weight:bold; color:#000;}
.au-con .mail {font:14px/16px Arial, Helvetica, sans-serif; padding:0 0 15px;}
.au-img {float:left; margin-right:25px; margin-bottom:10px;}
.au-table {width:100%; float:left; clear:both; margin-bottom:20px; padding:20px 0; font-size:14px; line-height:20px; border-top:#eee 1px solid; border-bottom:#eee 1px solid;}
.au-table .input {font-size:14px; line-height:16px; border:#ddd 1px solid; padding:5px 10px; color:#555;}
.au-table .btn {font-size:14px; line-height:16px; font-weight:700; color:#fff; background:#2285f0; border:none; padding:15px 25px; cursor:pointer;}
.au-table .btn:hover {opacity:0.8;}
.au-table .td1 {padding:5px 10px; font-weight:700; width:20%;}
.au-table .td2 {padding:5px 10px;}
.au-table .td3 {padding:10px 10px; text-align:center;}
.au-list {font-size:14px; line-height:20px; margin-bottom:20px; margin-left:15px;}
.au-list li {padding:5px 0; list-style-type:disc;}
.au-list3{margin-left:0px; line-height: 24px;}
.au-right .application {width:100%; float:left; clear:both; margin-bottom:20px;}
.au-right .application .red {color:#F00;}
.au-right .application .t1 {font-size:14px; line-height:22px; font-weight:700; margin-bottom:10px;}
.au-right .application .t2 {font-size:14px; line-height:25px; margin-bottom:15px;}
.au-right .application .input {border:#eee 1px solid; border-top-color:#ddd; border-left-color:#ddd; font-size:12px; line-height:20px; color:#666; padding:6px 10px; background:#f5f5f5;}
.au-right .application .check span {width:48%; display:inline-block;}
.au-right .application .checkbox {-webkit-appearance: none; border:#eee 1px solid; border-top-color:#ddd; border-left-color:#ddd; padding:9px; background:#f5f5f5; display:inline-block; vertical-align:middle; margin-right:5px; position:relative;}
.au-right .application .checkbox:checked:after {position:absolute; top:0; left:2px; content:'\2714'; font-size:18px; color:#666;}
.au-right .application .btn {background:#000; font-size:14px; line-height:35px; text-transform:uppercase; font-weight:700; color:#fff; display:inline-block; padding:0 30px; border:none; margin:10px 0; cursor:pointer;}
.au-right .application .btn:hover {background:#333;}
.au-right .application .error {display:block; color:#888;}

.wp-aboutus .bx-partner {width:100%; float:left; margin-bottom:20px; clear:both;}
.wp-aboutus .bx-partner .box {width:32%; float:left; padding:25px 0; text-align:center; margin-right:2%; margin-bottom:2%; background:#eee;}
.wp-aboutus .bx-partner .box:nth-of-type(3n) {margin-right:0;}
.wp-aboutus .bx-partner .box:nth-of-type(3n+1) {clear: left;}

.rss-ttl {font-size:16px; line-height:20px; font-weight:bold; clear:both; padding:10px 0;}
.rss-txt {font-size:14px; line-height:18px; clear:both; padding:10px 0 20px;}
.rss-txt strong {font-size:15px;}
.rss-list {width:48%; float:left; margin-right:2%; font-size:14px; line-height:18px; padding:10px 0 20px;}
.rss-list li {padding:5px 0;}
.rss-list .ic-rss {background:#eb8e3c url('../images/icons.png') no-repeat -56px -188px; width:30px; height:30px; display:inline-block; vertical-align:middle; margin-right:10px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px;}

footer {width:100%; float:left; color:#555;} footer a {color:#fff;}
footer .col {width:100%; float:left; background:#252525; clear:both;}
footer .col2 {width:100%; float:left; background:#111111; clear:both; padding:5px 0;}
.f-con {width:100%; float:left; padding:20px 0; clear:both;}
.f-con .flt {float:left; font-size:14px; line-height:18px;}
.f-con .flt li {padding:2px 0;}
.f-con .t1 {font-size:18px; line-height:22px; font-weight:700; color:#fff;}
.f-con .flr {float:right; width:75%;}
.f-con .input {background:#353535; font-size:14px; line-height:18px; color:#999; padding:15px 2%; border:none; width:70%;}
.f-con .btn {background:#fff; color:#333; font-size:14px; font-weight:700; text-transform:uppercase; padding:15px 0; border:none; cursor:pointer; width:25%;}
.f-con .btn:hover {opacity:0.8;}
.f-con2 {width:100%; float:left; border-bottom:#353535 1px solid; border-top:#353535 1px solid; padding:20px 0; text-align:center; clear:both; font-size:15px; line-height:20px; text-transform:lowercase;}
.f-con2 a {margin:0 10px; display:inline-block;}
.f-con3 {width:100%; float:left; padding:15px 0; color:#fff!important;}
.f-con3 h4 {margin-bottom:15px;}
.f-con3 .list {width:23.2%; float:left; margin-right:2.4%;}
.f-con3 .list2 {width:23.2%; float:right;}
.f-con3 .photo {position:relative;}
.f-con3 .ttl {position:relative; margin:-55px 15px 0; padding:10px; background:#252525; font-size:15px; line-height:20px; font-weight:normal;}
.f-con4 {width:100%; float:left; clear:both; text-align:center; padding:20px 0; border-top:#353535 1px solid;}
.f-con4 a {margin:0 20px;}
footer .col2 .innerwrap {position:relative;}
.f-logo {width:244px; margin:0 auto;}
.f-logo img {width:100%;}
.f-sns {position:absolute; top:8px; left:0;}
.f-sns li {float:left;}
.f-sns a {width:28px; height:28px; display:inline-block; opacity:0.6;} .f-sns a:hover {opacity:1;}
.f-sns a span {display:none;}
.f-sns .f-fb {background:url(../images/icons.png) no-repeat 0 -33px;}
.f-sns .f-tw {background:url(../images/icons.png) no-repeat 0 -81px;}
.f-sns .f-g {background:url(../images/icons.png) no-repeat 0 -129px;}
.f-copy {position:absolute; top:12px; right:0;}
.gotop {background:url(../images/icons.png) no-repeat 0 -468px; width:60px; height:60px; display:inline-block; -webkit-border-radius:50px; background-color:rgba(0,0,0,0.4);}
.gotop span {display:none;}
.fnav {display:none;}

/* video page */
.tvcon {width:100%; float:left; background:#16191e;}
.tvcon .innerwrap {padding:40px 0 30px; background:#1d2026; position:relative;}
.tvttl {color:#ffffff; text-align:center; width:96px; height:93px; background:url(../images/bg_tvttl.png) no-repeat 0 0; padding:10px 20px 0 0; position:absolute; top:0; left:0;}
.tvttl .t1 {font-size:11px;}
.tvttl .t2 {font-size:18px; font-weight:bold;}
.tvcon .box {width:830px; margin:0 auto; text-align:center;}
.tvcon .ttl {font-size:24px; line-height:27px; padding:20px 20px 10px; color:#ffffff;}
.tvcon .sum {font-size:14px; line-height:18px; color:#a9a9a9; padding:0 20px;}
.tvcon .date {font-size:12px; color:#666666; padding:10px 20px;}

.tvcon2 {width:100%; float:left; background:#f2f2f2 url(../images/bg_tvbox.gif) repeat-x top left;}
.tvcon2 .innerwrap {padding:30px 0 0;}
.tvcon2 img {width:100%;}
.tvcon2 .ad {width:31.3%; float:left; padding:5px 0; margin:0 1% 20px; background:#1d2026; text-align:center; min-height:260px;}
.tvcon2 .ad img {width:auto;}
.tvcon2 .col1 {width:31.3%; float:left; margin:0 1% 20px; background:#1d2026; min-height:270px;}
.tvcon2 .col2 {width:18%; float:left; margin:0 1% 20px;}
.tvcon2 .photo {position:relative;}
.tvcon2 .photo2 {position:relative; padding:5% 5% 0;}
.tvcon2 .play {width:90%; padding:6px 5%; background:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:20px; text-transform:uppercase; position:absolute; bottom:10px; left:0; z-index:40;}
.tvcon2 .play2 {width:90%; padding:6px 5%; background:rgba(0, 0, 0, 0.5); color:#ffffff; font-size:11px; text-transform:uppercase; position:absolute; bottom:10px; left:0; z-index:40;}
.tvcon2 .ic_play {background:url(../images/ic_play.png) no-repeat; width:38px; height:38px; display:inline-block; vertical-align:middle;}
.tvcon2 a:hover .ic_play, .tvcon2 .col1 .on {background:url(../images/ic_play_on.png) no-repeat;}
.tvcon2 .ic_play2 {background:url(../images/ic_play_sm.png) no-repeat; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.tvcon2 a:hover .ic_play2, .tvcon2 .col2 .on {background:url(../images/ic_play_sm_on.png) no-repeat;}
.tvcon2 .ttl {font-size:16px; line-height:20px; color:#ffffff; font-weight:normal; padding:10px 5% 20px;}
.tvcon2 .ttl2 {font-size:12px; line-height:15px; font-weight:normal; padding-top:6px;}
.tv_more {width:200px; padding:10px 0; display:block; cursor:pointer; text-align:center; font-size:12px; color:#454545; margin:20px auto 30px; clear:both; border:#d1d1d1 1px solid;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #e9e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#e9e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#e9e9e9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#e9e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */}
.tv_more:hover {border:#999 1px solid;}

/* Email Subscribe Popup */
.popup_bg {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); top:0; left:0; z-index:99999;}
.popup_box {position:absolute;top:31%;left:37%;width:520px; height:280px; padding:15px 20px; background: #2ab1ff; /* Old browsers */
background: -moz-linear-gradient(top,  #2ab1ff 0%, #2285f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ab1ff), color-stop(100%,#2285f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2ab1ff 0%,#2285f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2ab1ff 0%,#2285f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2ab1ff 0%,#2285f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2ab1ff 0%,#2285f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab1ff', endColorstr='#2285f0',GradientType=0 ); /* IE6-9 */}
.popup_box .close2 {float:right;}
.popup_box .text_ctr {margin-top:30px; text-align:center;}
.popup_box .txt {text-align:left; margin:30px 0 10px 30px; }
.popup_box .txt1 {font-size:25px; font-weight:bold;}
.popup_box .txt2 {color:#ddd; font-size:13px; margin-top:15px;}
.popup_box .txt3 {color:#fff; font-size:14px; margin-top:10px;}
.popup_box .enter {margin-top:30px;}
.popup_box .email {border:0; padding:10px; font-size:15px; font-weight:bold; color:#888; vertical-align:middle;}
.popup_box .btn_submit {background:#67bf3c url(../images/popup_arrow.png) 75px 11px no-repeat; color:#000; border:0; padding:10px 25px 10px 10px; font-weight:bold; font-size:15px; vertical-align:middle; cursor:pointer;}
.popup_box .btn_submit:hover {background-color:#0b65c6; color:#fff;}
.popup_box .btn_no {background-color:#000; color:#fff; border:0; padding:12px; margin-left:5px; font-weight:bold; font-size:12px; vertical-align:middle; cursor:pointer;}
.popup_box .btn_no:hover {background-color:#333;}

.popup_bg2 {position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.6); top:0; left:0; z-index:99999;}
.popup_box2 {position:absolute;top:31%;left:37%;width:520px; height:180px; padding:15px 20px; background: #2ab1ff; /* Old browsers */
background: -moz-linear-gradient(top,  #2ab1ff 0%, #2285f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2ab1ff), color-stop(100%,#2285f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2ab1ff 0%,#2285f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2ab1ff 0%,#2285f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2ab1ff 0%,#2285f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2ab1ff 0%,#2285f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab1ff', endColorstr='#2285f0',GradientType=0 ); /* IE6-9 */}
.popup_box2 .close4 {float:right;}
.popup_box2 .text_ctr {margin-top:30px; text-align:center;}
.popup_box2 .txt {text-align:center; margin:30px 0 10px 30px; }
.popup_box2 .txt1 {font-size:25px; font-weight:bold;}
.popup_box2 .txt2 {color:#ddd; font-size:13px; margin-top:15px;}
.popup_box2 .enter {margin-top:30px;margin-left:25%;}
.popup_box2 .facebook_btn {background:#67bf3c 75px 11px no-repeat; color:#000; border:0; padding:10px 45px; font-weight:bold; font-size:15px; vertical-align:middle; cursor:pointer;}
.popup_box2 .facebook_btn:hover {background-color:#0b65c6; color:#fff;}

.rio2016-bn1 {background:url(../images/banners/bn_coverage_rio2016_mstars.jpg) center top no-repeat; height:154px; width:100%; clear:both; margin:0 0 20px 0}
.rio2016-bn2 {overflow:hidden; width:100%; clear:both; margin:0 0 20px 0}

@media screen and (max-width:1280px) {
.innerwrap {width:1000px;}
header .logo img {width:300px; margin-top:7px;}
header .nav a {font-size:15px; padding:0 8px;}
header .rht a {font-size:15px;}
.hd-down .col {min-height:260px;}
.contents .body {width:60%; float:left;}
.contents .side {width:38%; float:right;}
.sec-con .photo img {width:100%;}
.m-hdline-l .prev, .m-hdline-l .next {top:100px;}
.atl-photo img {width:100%;}
.atl-slide .photo img {width:100%;}
.contents .imageBox img {width:100%!important;}
.contents .imgBox {width:100%;}
.contents .imgNone {width:100%;}
.contents .imageNone {width:100%!important;}
.contents .imageNone img {width:100%;}
}


.login_modal_footer{margin-top:5px;}
.login_modal_header .modal-title {text-align: center;font-family:'Philosopher',sans-serif; }

.login-modal{
    width:100%;
    padding-bottom:20px;
}
.login_modal_header, .login_modal_footer {background: #00BB64 !important;color:#fff;}
.modal-register-btn{margin: 4% 33% 2% 33% ;width:100%;}
.login-modal input{height:40px; box-shadow: none; border:1px solid #ddd;}
.facebook {width:100%;height:40px; padding-top:2%; margin-top:2%;}
.facebook, .facebook:hover{background-color: #3b5999; border:2px solid #3b5999;color:#fff;}

.bk-main {width:61.7%; float:left;}
.side, .bk-side {width:33.33%; float:right; padding:10px 0;}
.element-submit {width: 100%; float: left; clear: both;}
.element-submit h1 {border-bottom: #ddd 3px dotted; padding-bottom: 20px;}
.element-submit h2 {font-size: 20px; line-height: 24px; margin: 15px 0;}
.element-submit .editor-label {padding: 8px 0; font-size: 14px; font-weight: bold; clear: both;}
.element-submit .editor-field {padding: 8px 0;}
.element-submit .field-validation-valid {clear: both; display: block; color: #888;}
.element-submit .text-box {font-size: 14px; color: #666; padding: 5px 10px; width: 85%;}
.element-submit .text-btn {font-size: 14px; font-weight: bold; border: #ddd 1px solid; background: #222; color: #fff; padding: 10px 20px; cursor: pointer;}
.element-submit ul.prize {list-style-type:none;padding-left: 20px;}
.element-submit ul.prize li {  margin-left: -1em;padding: 7px 0 10px 7px;font-size: 14px;}
.element-submit ul.prize li:before { content:"-";}
/*
@media screen and (max-width:1000px) {
header .nav a {font-size:15px; padding:0 3px;}
.hd-down .col {width:23%; min-height:320px;}
.hd-down .col2 {width:75%;}
.hd-down .box .photo {width:100%; clear:both; margin:0 0 10px 0;}
.hd-subscribe .input {width:50%;}
.hd-subscribe .btn {width:45%;}
.contents .body {width:53%; float:left;}
.contents .side {width:44%; float:right;}
.m-hdline-l .prev, .m-hdline-l .next {top:60px;}
.sec-con .sns {position:relative; top:0; left:0; clear:both; margin-top:10px;}
.atl-tool2 .atl-sns {width:100%; float:left; margin-top:0; clear:both;}
.atl-srch {width:100%; float:left; text-align:left; clear:both; margin-top:10px;}
.atl-srch .input {width:55%;}
.atl-srch .btn {width:38%;}
.f-con .flr {float:right; width:60%;}
.f-con .input {width:65%;}
.f-con .btn {width:30%;}
.tvcon .box {width:auto;}
.tvcon2 .ad {width:43.3%; float:left; padding:5px 0; margin:0 1% 20px; background:#1d2026; text-align:center; min-height:260px;}
.tvcon2 .col1 {width:25.3%; float:left; margin:0 1% 20px; background:#1d2026; min-height:270px;}
}
@media screen and (max-width:800px) {
header .nav, header a.subscribe, .f-sns, .au-left {display:none;}
header .ic-nav {background:url(../images/icons.png) no-repeat 0 -240px; width:15px; height:12px; display:inline-block; float:right; margin-top:20px;}
header .ic-nav span {display:none;}
.hd-down .menu {font-size:15px; line-height:20px;}
.hd-subscribe .col, .hd-subscribe .col2 {width:90%; float:left; margin:0; clear:both;}
header .m-nav {width:100%; float:left; background:#fff; clear:both;}
header .m-nav .t1 {font-size:16px; line-height:24px; padding:10px 15px; display:block; border-bottom:#eee 1px solid;}
header .m-nav .t2 {padding:5px 0; border-bottom:#eee 1px solid;}
header .m-nav .t2 li {font-size:14px; line-height:20px; padding:5px 25px;}
header .m-nav .m3 {color:#9f49d8;}
.contents .body {width:48.5%; float:left;}
.contents .side {width:48.5%; float:right;}
.m-hdline-l, .m-hdline-r {width:100%; float:left; clear:both;}
.m-hdline-l .prev, .m-hdline-l .next {top:90px;}
.at-con2-l, .at-con2-r {width:100%; float:left; clear:both;}
.at-con4 .tit h3 {display:none;}
.au-right {width:100%; float:left; clear:both;}
.rss-list {width:100%; float:left; margin-right:0;}
.f-con3 .list, .f-con3 .list2 {width:46%; float:left; margin:0 2% 15px;}
.f-con3 .hid {clear:both; display:block;}
.f-logo {float:left;}
}
@media screen and (max-width:540px) {
.ad-top, .ad-foot, .hd-down, .atl-slide .prev, .atl-slide .next, .popup_bg {display:none;}
header .logo img {width:235px; margin-top:8px;}
.hd-srch .input {width:56%;}
.hd-srch .btn {width:25%;}
.contents .body, .contents .side {width:100%; float:left; clear:both; padding-top:20px;}
.hd-trend .list {width:100%; float:left; margin:0 0 20px 0; clear:both;}
.at-con3 .list, .at-con3 .list2 {width:100%; float:left; margin:0 0 20px 0;}
.at-con3 .photo {float:left; width:25%; margin-right:20px;}
.atl-ttl {font-size:30px; line-height:35px;}
.atl-caty {margin-top:20px;}
.atl-tool {margin-bottom:0;}
.article .atl-side {width:100%; margin-right:0; text-align:center; margin-bottom:20px;}
.f-con .flt, .f-con .flr {width:100%; float:left; clear:both;}
.f-con .input {width:55%;}
.f-con .btn {width:40%;}
.f-con3 .ttl {margin:10px 0 0; padding:0; background:none; font-size:15px; line-height:20px;}
footer .col2 {padding:10px 0 20px;}
.f-logo, .f-copy {clear:both; position:relative; top:0; left:0;}
.tvcon2 .ad {width:98%; min-height:auto; clear:both;}
.tvcon2 .col1 {width:48%;}
.tvcon2 .col2 {width:98%; clear:both;}
.tvcon2 .col2 .photo {width:50%; float:left; margin-right:20px;}
.tvcon2 .ttl2 {padding-top:0;}
.fnav {display:block; width:100%; float:left; background:#ddd; text-align:center;}
.fnav .btn {width:33.3%; font-size:15px; font-weight:bold; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#000; padding:15px 0; display:inline-block;}
}
@media screen and (max-width:350px) {
.m-hdline-l .prev, .m-hdline-l .next {top:60px;}
}
*/