@charset "UTF-8";
/* CSS Document */
*{padding:0; margin:0; list-style:none;}
body {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; letter-spacing:-0.02em; color:#222222;}
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:#222222; text-decoration:none;}
a:hover {color:#00bb27; -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;}
.photo {line-height:0; -webkit-box-shadow: 0 1px 1px 1px #ccc; box-shadow: 0 1px 1px 1px #ccc;}
.photo:hover {opacity:0.9;}
.photo img {width:100%;}
.flt {float:left;}
.frh {float:right;}
.clr {clear:both; display:block;}

.innerwrap {width:1220px; margin:0 auto;}

.header {width:100%; float:left; position:fixed; top:0; left:0; z-index:99999;}
.header .tcon {width:100%; float:left; height:55px; background:#333333; color:#fff; clear:both; position:relative;}
.header .tcon a {color:#fff;}
.header .ic-nav {display:none;}
.header .logo {float:left; margin-top:11px;}
.header .nav {float:left; margin-left:20px;}
.header .nav li {float:left;}
.header .nav a {font-size:14px; line-height:23px; font-weight:600; height:23px; padding:16px 12px; display:inline-block;}
.header .nav a:hover {color:#fff; background:#00bb27;}
.header .hid a {display:none;}
.header .arr {background:url(../images/icons.png) no-repeat -40px 0; width:10px; height:8px; display:inline-block; vertical-align:middle; margin-left:6px;}
.header .t-sns {float:right; margin-right:10px;}
.header .t-sns a {padding:16px 10px; font-size:14px; line-height:22px; font-weight:600; display:inline-block;}
.header .t-sns a:hover {background:#000;}
.header .t-srch {float:right; margin-top:12px;}
.header .t-srch a {background:#555555 url(../images/icons.png) no-repeat 0 0; width:30px; height:30px; display:inline-block; vertical-align:middle; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.header .t-srch a:hover {background-color:#000;}
.header .tcon2 {width:100%; float:left; background:#fff; padding:20px 0 25px; border-bottom:#555 1px solid; clear:both;}
.header .tcon2 .ttl {font-size:15px; margin-bottom:20px; clear:both;}
.header .tcon2 .list {width:16%; float:left; margin-right:5%;}
.header .tcon2 .list:nth-of-type(5) {margin-right:0;}
.header .tcon2 .list .photo {margin-bottom:10px;}
.header .tcon3 {display:none;}
.header .follow {width:100%; float:left; background:#fff; padding:20px 0 25px; border-bottom:#555 1px solid; clear:both;}
.header .follow li {float:right; margin:0 8px;}
.header .fb {background:#3a579b url(../images/icons.png) no-repeat 0 -130px; width:20px; height:20px; display:inline-block; text-indent:-9999px; float:left;}
.header .tw {background:#00aaf2 url(../images/icons.png) no-repeat -20px -130px; width:20px; height:20px; display:inline-block; text-indent:-9999px; float:left;}
.header .g {background:#dd4b39 url(../images/icons.png) no-repeat -20px -150px; width:20px; height:20px; display:inline-block; text-indent:-9999px; float:left;}
.header .rss {background:#f37d15 url(../images/icons.png) no-repeat -40px -130px; width:20px; height:20px; display:inline-block; text-indent:-9999px; float:left;}
.header .pin {background:#cb2028 url(../images/icons.png) no-repeat -60px -130px; width:20px; height:20px; display:inline-block; text-indent:-9999px; float:left;}
.header .in {background:#517ea3 url(../images/icons.png) no-repeat -80px -130px; width:20px; height:20px; display:inline-block; text-indent:-9999px; float:left;}
.header .hd-search {width:100%; float:left; background:#fff; padding:20px 0 25px; border-bottom:#555 1px solid; clear:both; text-align:right;}
.header .hd-search .input {font-size:12px; line-height:35px; color:#555; border:none; border-bottom:#ddd 1px solid; vertical-align:middle; -webkit-box-shadow:inset 1px 1px 1px 1px #ddd; box-shadow:inset 1px 1px 1px 1px #ddd; width:30%; height:35px; padding:0 10px;}
.header .hd-search .btn {font-size:14px; line-height:35px; padding:0 20px; height:35px; color:#fff; background:#00bb27; border:none; vertical-align:middle; cursor:pointer;}
.header .hd-search .btn:hover {background:#333;}
.hd-ad {width:100%; float:left; text-align:center; clear:both; padding:0 0 10px;}

/* contents */
.contents {width:100%; float:left; clear:both; padding-top:75px;}
.contents .body {width:68.1%; float:left;}
.contents .side {width:28.65%; float:right; background:url(../images/bg-side.gif) repeat-y top left;}
.contents .at-body {width:64%; float:left;}
.contents .at-side {width:32.8%; float:right; background:url(../images/bg-side.gif) repeat-y top left;}

.title {font-size:40px; line-height:45px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; letter-spacing:-0.04em; text-align:center; padding:8px 0;}
.title2 {font-size:21px; line-height:26px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700;}
.title3 {font-size:18px; line-height:22px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700;}
.title4 {font-size:33px; line-height:37px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; letter-spacing:-0.03em;}
.sec-title {background:#333333; text-align:center; font-size:15px; line-height:20px; font-weight:600; color:#fff; padding:10px; margin-bottom:25px;}
.sec-title2 {text-align:center; position:relative; margin-bottom:20px;}
.sec-title2 span {background:#333333; text-align:center; font-size:15px; line-height:20px; font-weight:600; color:#fff; display:inline-block; padding:10px 40px;}
.sec-title2 span:before {content:""; border-top:#333 8px solid; border-right:transparent 9px solid; border-left:transparent 9px solid; width:0; height:0; position:absolute; top:100%; left:47%;}
.sec-title3 {width:100%; float:left; padding:12px 0 15px; font-size:15px; text-transform:uppercase; text-align:center; clear:both; border-top:#333 1px solid;}
.sec-title4 {width:100%; float:left; font-size:35px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; letter-spacing:-0.04em; margin-bottom:20px; clear:both; border-top:#ddd 3px solid; position:relative; height:45px;}
.sec-title4 span {position:absolute; top:-3px; left:0; border-top:#333 3px solid; padding:20px 0;}
.caty {color:#888; text-transform:uppercase;}
.caty span {font-weight:700; color:#000; font-size:14px;}
.contents .fb, .contents .tw {width:20px; height:20px; overflow:hidden; display:inline-block; margin-right:10px; line-height:20px; vertical-align:middle; margin-top:5px;}
.contents .fb:hover, .contents .tw:hover {width:55px;}
.contents .fb i {background:#3a579b url(../images/icons.png) no-repeat 0 -130px; width:20px; height:20px; display:inline-block; text-indent:-9999px; float:left;}
.contents .tw i {background:#00aaf2 url(../images/icons.png) no-repeat -20px -130px; width:20px; height:20px; display:inline-block; text-indent:-9999px; float:left;}
.contents .number {background:url(../images/icons.png) no-repeat 0 -250px; padding-left:3px; width:24px; height:20px; display:inline-block; font-size:10px; color:#666; text-align:center; margin-left:2px; float:left;}
.contents .summary {font-size:14px; line-height:18px; color:#555;}
.at-list, .at-list2, .at-list4 {width:100%; float:left; padding-bottom:25px; border-bottom:#eee 1px solid; margin-bottom:25px; clear:both;}
.at-list2 .photo {width:40%; float:left; margin-right:20px;}
.at-list3 {width:100%; float:left; padding-bottom:15px; border-bottom:#eee 1px solid; margin-bottom:12px; clear:both;}
.at-list4 .box {width:40%; float:left; margin-right:20px;}
.at-list4 .box img {width:100%;}
.at-list4 .box .col {width:50%; float:left;}
.at-list4 .box .col span {width:100%; font-size:12px; font-weight:bold; text-align:center; display:block;}
.more {font-size:11px; font-weight:600; text-transform:uppercase;}

.hdline {width:100%; float:left; clear:both; margin-bottom:20px; text-align:center;}
.hdline .con {width:100%; position:relative;}
.hdline .prev {background:rgba(255,255,255,0.2) url(../images/icons.png) no-repeat 0 -80px; width:50px; height:50px; display:inline-block; position:absolute; top:35%; left:0; cursor:pointer; z-index:10;}
.hdline .next {background:rgba(255,255,255,0.2) url(../images/icons.png) no-repeat 0 -30px; width:50px; height:50px; display:inline-block; position:absolute; top:35%; right:0; cursor:pointer; z-index:10;}
.hdline .prev:hover {background:rgba(255,255,255,0.8) url(../images/icons.png) no-repeat -50px -80px;}
.hdline .next:hover {background:rgba(255,255,255,0.8) url(../images/icons.png) no-repeat -50px -30px;}
.hdline .fb, .hdline .tw {margin-top:0; margin-right:0; margin-left:10px;}

.mcon2_l .photo, .mcon3 .photo, .s-list .photo, .partner-wp .photo {margin-bottom:10px;}
.mcon2_l .caty, .mcon3 .caty, .s-list .caty, .partner-wp .caty {margin-bottom:8px;}

.mcon {width:100%; float:left; clear:both;}
.mcon .list {width:30%; float:left; margin-right:5%; margin-bottom:30px;}
.mcon div:last-child {margin-right:0;}
.mcon .caty {margin:10px 0 8px;}
.mcon2_l {width:66.3%; float:left; margin-bottom:10px;}
.mcon2_r {width:28.9%; float:right; margin-bottom:10px;}
.mcon3 {width:100%; float:left; clear:both;}
.mcon3 .box {width:30%; float:left; margin-right:5%; margin-bottom:30px;}
.mcon3 div:nth-of-type(3n) {margin-right:0;}

.nwletters {width:90%; float:left; padding:10px 5% 20px; clear:both; background:#eee; border-top:#333 3px solid; margin-bottom:20px;}
.nwletters .ttl {font-size:15px; text-align:center; margin-bottom:20px;}
.nwletters .t1 {font-size:16px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin-bottom:20px;}
.nwletters .t2 {margin-top:10px; clear:both;}
.nwletters .input-wp {background:#fff; border:none; border-bottom:#dfdfdf 1px solid; border-right:#dfdfdf 1px solid; width:100%;}
.nwletters .input {border:none; font-size:14px; color:#888888; width:80%; padding:10px 3%;}
.nwletters .btn {background:url(../images/icons.png) -59px 0; width:13px; height:15px; margin-top:11px; margin-right:10px; float:right; border:none; cursor:pointer;}

.s-list {width:100%; float:left; clear:both;}
.s-list .box, .s-list .box2 {width:90%; padding:0 5% 15px; float:left; clear:both; border-bottom:#eee 1px solid; margin-bottom:15px;}
.s-list .box2 .photo {width:35%; float:left; margin-right:20px;}
.s-ad {width:100%; float:left; text-align:center; padding:20px 0; clear:both; background:url(../images/bg-ad.gif) repeat 0 0; margin-bottom:20px; overflow:hidden;}
.s-tweet {width:100%; float:left; clear:both; overflow:hidden; margin-bottom:20px; text-align:center;}
.ad-video {width:100%; float:left; clear:both; overflow:hidden; margin-bottom:20px;}
.ad-video h3 {padding:0 5%;}

.sec-con {width:100%; float:left; clear:both;}
.sec-con .at-list .photo {margin-bottom:10px;}
.sec-con .at-list .caty, .sec-con .at-list2 .caty {margin-bottom:8px;}
.sec-con .at-list2 .summary {margin-top:10px;}

.article {width:100%; float:left; clear:both;}
.article .caty {margin-bottom:10px;}
.article .at-title {font-size:35px; line-height:40px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; letter-spacing:-0.03em; margin-bottom:20px;}
.at-tool {width:100%; float:left; clear:both;}
.at-tool .flt {width:40%; margin-bottom:20px;}
.at-tool .frh {margin-bottom:20px;}
.at-tool .flt a {color:#888;} .article .at-tool .flt a:hover {text-decoration:underline;}
.at-tool .flt .img {float:left; margin-right:20px; margin-bottom:10px;}
.at-tool .ic-tw {background:url(../images/icons.png) no-repeat 0 -220px; width:15px; height:10px; display:inline-block; vertical-align:middle; margin-right:5px;}
.at-tool .info {line-height:18px; font-size:14px;}
.at-tool .info li {padding:1px 0;}
.at-tool .at-sns {text-align:right; clear:both;}
.at-tool .slidetool {text-align:right; clear:both; margin-top:10px;}
.at-tool .at-fb {height:40px; background:#3b5998; display:inline-block; vertical-align:middle; font-size:11px; line-height:40px; text-transform:uppercase; color:#fff; padding:0 15px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px;}
.at-tool .at-fb i {background:url(../images/icons.png) no-repeat -6px -130px; width:8px; height:20px; display:inline-block; vertical-align:middle; margin-right:6px;}
.at-tool .at-tw {height:40px; background:#00aaef; display:inline-block; vertical-align:middle; font-size:11px; line-height:40px; text-transform:uppercase; color:#fff; padding:0 15px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px;}
.at-tool .at-tw i {background:url(../images/icons.png) no-repeat -23px -130px; width:14px; height:20px; display:inline-block; vertical-align:middle; margin-right:6px;}
.at-tool .at-fb:hover, .at-tool .at-tw:hover {background:#444;}
.at-tool .at-g, .at-tool .at-mail, .at-tool .at-comt {width:18px; height:18px; background:#fff; border:#dedede 1px solid; display:inline-block; vertical-align:middle; padding:10px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px;}
.at-tool .at-pv, .at-tool .at-pv2, .at-tool .at-ne, .at-tool .at-ne2 {width:20px; height:18px; background:#fff; display:inline-block; vertical-align:middle; padding:2px 10px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px;}
.at-tool .at-expand, .at-tool .at-scroll, .at-tool .at-thumb {width:20px; height:20px; background:#000000; display:inline-block; vertical-align:middle; padding:10px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px;}
.at-tool .at-g i {background:url(../images/icons.png) no-repeat 0 -150px; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.at-tool .at-mail i {background:url(../images/icons.png) no-repeat 0 -170px; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.at-tool .at-comt i {background:url(../images/icons.png) no-repeat 0 -190px; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.at-tool .at-pv i {background:url(../images/icons.png) no-repeat -20px -370px; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.at-tool .at-pv2 i {background:url(../images/icons.png) no-repeat 0 -370px; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.at-tool .at-ne i {background:url(../images/icons.png) no-repeat -60px -370px; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.at-tool .at-ne2 i {background:url(../images/icons.png) no-repeat -40px -370px; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.at-tool .at-expand i {background:url(../images/icons.png) no-repeat -40px -350px; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.at-tool .at-scroll i {background:url(../images/icons.png) no-repeat 0 -350px; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.at-tool .at-thumb i {background:url(../images/icons.png) no-repeat -20px -350px; width:20px; height:20px; display:inline-block; vertical-align:middle;}
.at-tool .at-g:hover, .at-tool .at-mail:hover, .at-tool .at-comt:hover {background:#444; border:#444 1px solid;}
.at-tool .at-pv:hover, .at-tool .at-pv2:hover, .at-tool .at-ne:hover, .at-tool .at-ne2:hover {background:#ddd;}
.at-tool .at-expand:hover, .at-tool .at-scroll:hover, .at-tool .at-thumb:hover {background:#444;}
.at-tool .at-g:hover i {background-position:-20px -150px;}
.at-tool .at-mail:hover i {background-position:-20px -170px;}
.at-tool .at-comt:hover i {background-position:-20px -190px;}
.at-tool .slidetool .num {font-size:14px; line-height:20px; font-weight:bold; margin:0 5px; vertical-align:middle;}

.at-nwletters {width:100%; float:left; text-align:center; clear:both; text-align:center; margin-bottom:20px;}
.at-nwletters .t1 {font-size:15px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin-right:8px; display:inline-block;}
.at-nwletters .t2 {margin-top:8px; clear:both; color:#666;}
.at-nwletters .input-wp {background:#eee; border:none; border-bottom:#dfdfdf 1px solid; border-right:#dfdfdf 1px solid; width:270px; display:inline-block;}
.at-nwletters .input {border:none; font-size:14px; color:#888888; width:80%; padding:10px 3%; background:transparent;}
.at-nwletters .btn {background:url(../images/icons.png) -59px 0; width:13px; height:15px; margin-top:11px; margin-right:10px; float:right; border:none; cursor:pointer;}
.article .at-tool .at-nwletters {width:auto; text-align:left; clear:none; padding:0;}
.article .at-tool .at-nwletters .t1 {clear:both; margin-bottom:8px;}
.article .con {width:100%; float:left; margin-bottom:10px; clear:both; overflow:hidden;}
.article .con p {font-size:16px; line-height:24px; margin-bottom:20px;}
.article .con p a {color:#00bb27;} .article .con p a:hover {text-decoration:underline;}
.article .at-photo, .article .imageNone, .article .imageBox {width:100%; clear:both; overflow:hidden; margin-bottom:25px;}
.article .at-photo .caption, .article .imageNone .caption, .article .imageBox .caption {color:#888; clear:both; margin-top:5px; font-size:13px; line-height:16px;}
.article .at-ad {float:left; margin-right:30px; margin-bottom:20px;}
.article .at-tag {width:100%; float:left; clear:both; padding:10px 0; margin-bottom:20px; font-size:14px; line-height:18px; text-transform:uppercase; border-bottom:#ddd 1px dotted; border-top:#ddd 1px dotted;}
.article .at-tag a {color:#3b5998; margin:0 4px;}
.article .at-tag a:hover {text-decoration:underline;}
.article .at-copy {width:100%; float:left; clear:both; color:#888; margin-bottom:30px; font-size:13px; line-height:18px;}
.article .at-next {width:100%; float:left; clear:both; margin-bottom:30px;}
.article .at-next .photo {width:30%; float:left; margin-right:20px; margin-bottom:10px;}
.article .at-next .ttl {font-size:15px; font-weight:600; margin-bottom:8px;}
.article .at-next h3 a {color:#666;}
.article .at-next h3 a:hover {text-decoration:underline;}
.at-ad2 {width:100%; float:left; clear:both; overflow:hidden; margin-bottom:20px; text-align:center;}
.at-ad3 {width:50%; float:left; text-align:center; margin-bottom:30px; overflow:hidden;}
.at-related {width:100%; float:left; clear:both; margin-bottom:20px;}
.at-related h3 {border-top:#eee 1px solid; clear:both; padding:7px 0;}
.at-con {width:100%; float:left; clear:both; margin-bottom:20px;}
.at-con .list {width:30%; float:left; margin-right:5%; margin-bottom:30px;}
.at-con .list:nth-of-type(3n) {margin-right:0;}
.at-con .caty {margin:10px 0 8px;}
.at-con .caty span {color:#888!important;}
.at-coment {width:100%; float:left; clear:both; overflow:hidden; margin-bottom:20px;}

.at-slide {width:88%; padding:30px 6%; float:left; background:#222; clear:both; color:#fff; margin-bottom:20px;}
.at-slide .caty span {color:#fff!important;}
.at-slide .at-title {font-size:36px; line-height:40px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; letter-spacing:-0.02em; margin-bottom:20px;}
.at-slide .at-tool {margin-bottom:15px;}
.at-slide .txt {font-size:18px; line-height:25px; margin-bottom:10px;}
.at-slide .con {width:80%; margin:0 10%; float:left; clear:both; overflow:hidden; position:relative;}
.at-slide .con .prev {background:url(../images/ic-prev.png) no-repeat center center; width:12%; height:100%; display:inline-block; cursor:pointer; text-indent:-9999px; position:absolute; top:0; left:0; z-index:20; opacity:0.5;}
.at-slide .con .next {background:url(../images/ic-next.png) no-repeat center center; width:12%; height:100%; display:inline-block; cursor:pointer; text-indent:-9999px; position:absolute; top:0; right:0; z-index:20; opacity:0.5;}
.at-slide .con .prev:hover, .at-slide .con .next:hover {background-color:rgba(255,255,255,0.1); opacity:0.9;}
.at-slide .con .caption {font-size:12px; line-height:16px; clear:both; margin-top:10px; color:#ddd; display:block;}
.at-slide .con2 {width:100%; float:left; clear:both;}
.at-slide .con2 img {width:100%;}
.at-slide .con2 img:hover {opacity:0.8;}
.at-slide .con2 li {width:15%; float:left; margin-right:2%; margin-bottom:25px;}
.at-slide .con2 li:nth-of-type(6n) {margin-right:0;}

.sec-page {width:100%; float:left; clear:both; margin:20px 0; text-align:center; font-size:16px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700;}
.sec-page a {margin:0 10px;}
.sec-page .on {color:#666;}
.sec-page .prev {background:url(../images/icons.png) no-repeat -67px -96px; width:16px; height:18px; display:inline-block; cursor:pointer; text-indent:-9999px;}
.sec-page .next {background:url(../images/icons.png) no-repeat -67px -46px; width:16px; height:18px; display:inline-block; cursor:pointer; text-indent:-9999px;}
.sec-page .prev:hover, .sec-page .next:hover {opacity:0.7;}

.partner-wp {width:100%; float:left;}
.partner-wp .list {width:16%; float:left; margin-right:5%; margin-bottom:25px;}
.partner-wp .list:nth-of-type(5n) {margin-right:0;}

.v-con {width:100%; padding:20px 0; float:left; clear:both; background:#222; color:#fff; margin-bottom:20px; overflow:hidden;}
.v-con h1 {padding:10px 5% 0;}
.v-con2 {width:100%; float:left; clear:both; margin-bottom:20px;}
.v-con2 .list {width:30%; float:left; margin-right:5%; margin-bottom:30px;}
.v-con2 .list:nth-of-type(3n) {margin-right:0;}
.v-con2 .photo {margin-bottom:8px; position:relative;}
.v-con2 a:hover .bd, .v-con2 .on .bd {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6) url(../images/ic-play.png) no-repeat center center; display:block; opacity:0.8;}

/* popup */
.pop-subscribe {width:100%; height:100%; float:left; clear:both; background:rgba(0,0,0,0.6);}
.pop-subscribe .inner {position:fixed; top:25%; left:0; width:100%;}
.pop-subscribe .box {width:620px; height:320px; padding:50px 0 0; display:block; margin:0 auto; background:#fff url(../images/bg-subscribe-pop.jpg) no-repeat top center; text-align:center; color:#555; position:relative;}
.pop-subscribe p {margin-top:15px;}
.pop-subscribe .t1 {font-size:25px; line-height:30px; color:#00bb27;}
.pop-subscribe .input {font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:20px; line-height:24px; color:#888; border:none; border-bottom:#555 1px solid; padding:5px 10px; background:transparent;}
.pop-subscribe .btn {background:#222; border:none; cursor:pointer; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; font-size:20px; text-transform:uppercase; color:#fff; padding:6px 20px; display:inline-block;}
.pop-subscribe .btn:hover {background:#00bb27;}
.pop-subscribe .cls {position:absolute; top:0; right:0; background:#bbb url(../images/ic-cls.png) no-repeat center center; width:50px; height:50px; display:inli; cursor:pointer;}
.pop-subscribe .cls span {display:none;}
.pop-subscribe .cls:hover {opacity:0.8;}

/* aboutus */
.au-con {width:100%; float:left; clear:both;}
.au-con .au-side {width:20%; float:left;}
.au-con .au-body {width:70%; float:right; border-left:#eee 1px solid; padding-left:5%;}
.au-con .au-body a {color:#00bb27;}
.au-con .au-side a {padding:10px 15px; font-size:14px; line-height:20px; border-bottom:#eee 1px solid; display:block;}
.au-con .au-side a:hover {background:#333; color:#fff;}
.au-ttl {font-size:20px; line-height:28px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin-bottom:15px;}
.au-ttl2 {font-size:20px; line-height:28px; font-family: 'Open Sans Condensed', sans-serif; font-weight:700;}
.au-ttl3 {font-size:15px; line-height:25px; font-weight:600; margin-bottom:15px;}
.au-txt {font-size:14px; line-height:24px; margin-bottom:20px; color:#666;}
.au-photo {float:left; margin-right:20px; margin-bottom:10px;}

/* footer */
footer {width:100%; float:left; background:#333;}
.fcon {width:100%; float:left; clear:both; font-size:14px; line-height:20px; text-transform:uppercase; padding:30px 0; border-bottom:#555 1px dotted;}
.fcon a {color:#fff;}
.fcon li {padding:3px 0;}
.fcon em {color:#666; margin:0 10px;}
.fcon2 {width:100%; float:left; clear:both; padding:25px 0 40px;}
.fcon2 .col {float:left; color:#888;}
.fcon2 .col2 {float:right;}
.fcon2 .t1 {margin-top:6px;}
.fcon2 .t2 {font-size:16px; color:#fff; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin-bottom:10px;}
.fcon2 .t3 {margin-top:8px; clear:both; color:#888;}
.fcon2 .input-wp {background:#fff; border:none; border-bottom:#dfdfdf 1px solid; border-right:#dfdfdf 1px solid; width:100%;}
.fcon2 .input {border:none; font-size:14px; color:#888888; width:80%; padding:10px 3%;}
.fcon2 .btn {background:url(../images/icons.png) -59px 0; width:13px; height:15px; margin-top:11px; margin-right:10px; float:right; border:none; cursor:pointer;}

/* Photo Share */
div.articleImage_share {width:100%; float:left; clear:both; margin-bottom:20px; text-align:center;}
div.articleImage_share .imageContainer {position:relative; line-height:0; margin:0 auto;}
div.articleImage_share figcaption {font-size:13px; line-height:15px; margin-top:10px; clear:both;}
div.articleImage_share .imageContainer:hover img {opacity:0.6;}
div.articleImage_share .share-link {width:44px; height:44px; display:inline-block; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; border-radius:50px; border:#fff 3px solid; background:rgba(0,0,0,0.1) url(../images/ico_photo_share.png) no-repeat -3px -3px; text-indent:-9999px; position:absolute; top:20px; right:20px; z-index:5;}
div.articleImage_share .imageContainer:hover .share-link {background:#fff url(../images/ico_photo_share.png) no-repeat -3px -53px; transition:background-color 0.3s ease-out; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out;}
div.articleImage_share .shareCon {display:none;}
div.articleImage_share .imageContainer:hover .shareCon {position:absolute; top:20px; left:15px; z-index:5; display:inline-block;}
div.articleImage_share span {width:44px; height:44px; display:inline-block; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; border-radius:50px; border:#fff 3px solid; background:rgba(255,255,255,0.3) url(../images/ico_photo_share.png) no-repeat; text-indent:-9999px; cursor:pointer; margin:0 2px;}
div.articleImage_share span:hover {background-color:#fff; transition:background-color 0.3s ease-out; -webkit-transition:background-color 0.3s ease-out; -moz-transition:background-color 0.3s ease-out; -o-transition:background-color 0.3s ease-out;}
div.articleImage_share .share-pin {background-position:-3px -103px;}
div.articleImage_share .share-fb {background-position:-3px -153px;}

/* image over banner */
div.articleImage_banner {width:100%; float:left; clear:both; margin-bottom:20px;}
div.articleImage_banner .imageContainer {position:relative; line-height:0;}
div.articleImage_banner figcaption {font-size:13px; line-height:16px; margin-top:10px; clear:both; color:#888;}
div.articleImage_banner .adv {position:absolute; bottom:0; right:0; z-index:5;}

@media screen and (max-width:1280px) {
.innerwrap {width:1000px;}
.header .nav li:nth-child(n+4) {display:none;}
.header .hid a {display:inline-block; float:left; font-size:14px; line-height:23px; font-weight:600; height:23px; padding:16px 12px;}
.header .hid a:hover {color:#fff; background:#00bb27;}
.header .tcon3 {width:100%; float:left; background:#fff; padding:20px 0 25px; border-bottom:#555 1px solid; clear:both; display:block;}
.header .tcon3 .tmenu {width:15.8%; float:left; margin-right:5%; border-right:#ddd 1px dotted; font-size:14px; font-weight:600;}
.header .tcon3 li {padding:7px 0;}
.header .tcon3 .list {width:16%; float:left; margin-right:5%;}
.header .tcon3 .list:nth-of-type(4) {margin-right:0;}
.header .tcon3 .list .photo {margin-bottom:10px;}
.contents {width:100%; float:left; clear:both; padding-top:75px;}
.contents .body {width:60%;}
.contents .side {width:38%;}
.contents .at-body {width:60%;}
.contents .at-side {width:38%;}
.article .at-title {font-size:30px; line-height:35px;}
.article .at-photo img {width:100%;}
.article .imageBox img {width:100%!important;}
.article .imgBox {width:100%;}
.article .imgNone {width:100%;}
.article .imageNone {width:100%!important;}
.article .imageNone img {width:100%;}
.article .at-tool .flt, .article .at-tool .frh {width:100%; float:left; clear:both;}
.at-tool .info {font-size:12px; line-height:18px;}
.article .at-tool .at-sns {text-align:left;}
.article .con p {font-size:14px; line-height:22px;}
.title {font-size:35px; line-height:40px;}
.title2 {font-size:18px; line-height:22px;}
.title3 {font-size:16px; line-height:20px;}
.title4 {font-size:25px; line-height:30px;}
.at-ad3 {width:100%; clear:both;}
div.articleImage_share .imageContainer {width:100%!important;}
div.articleImage_share .imageContainer img {width:100%;}
}
/*
@media screen and (max-width:950px) {
.header .nav li:nth-child(n+3) {display:none;}
.contents .body {width:57%;}
.contents .side {width:40%;}
}
@media screen and (max-width:800px) {
.header .hid a, .header .tcon2, .header .tcon3 {display:none;}
.header .tcon .innerwrap {width:100%; padding:0;}
.header .ic-nav {display:inline-block; float:left; background:url(../images/icons.png) no-repeat 0 -280px; width:40px; height:55px; display:inline-block; text-indent:-9999px;}
.header .ic-nav:hover {background-color:#000;}
.header .nav {position:absolute; top:55px; left:0; background:#333; margin-left:0; }
.header .nav a {font-size:14px; line-height:20px; height:20px; padding:10px 20px; display:block;}
.header .nav li:nth-child(n) {clear:both; float:none; display:block;}
.header .logo {margin-left:10px;}
.header .t-srch {margin-right:10px;}
.header .hd-search .input {width:50%;}
.contents .body {width:52%;}
.contents .side {width:45%;}
.contents .at-body {width:52%;}
.contents .at-side {width:45%;}
.hdline .prev {top:28%; left:0;}
.hdline .next {top:28%; right:0;}
.hdline h1, .article .at-title {font-size:26px; line-height:30px;}
.title2 {font-size:17px; line-height:20px;}
.title4 {font-size:17px; line-height:20px; letter-spacing:0;}
.mcon2_l, .mcon2_r {width:100%; float:left;}
.mcon3 .box {width:100%; float:left; margin-right:0;}
.at-tool .flt, .at-tool .frh {width:100%; float:left; clear:both;}
.at-tool .flt {margin-bottom:10px;}
.at-tool .at-sns {float:left; text-align:left; margin-right:10px;}
.at-tool .slidetool {float:left; clear:none;}
.at-slide .at-title {font-size:28px; line-height:35px;}
.at-slide .con2 li {width:32%; float:left; margin-right:2%; margin-bottom:20px;}
.at-slide .con2 li:nth-of-type(3n) {margin-right:0;}
.v-con2 h3 {font-size:15px; line-height:18px;}
.au-con .au-side {width:30%; float:left;}
.au-con .au-body {width:60%; float:right; border-left:#eee 1px solid; padding-left:5%;}
}
@media screen and (max-width:480px) {
.hd-ad, .f-ad, .header .t-sns, .header .follow, .au-con .au-side {display:none;}
.header .logo {float:left; margin-top:17px;}
.header .logo img {width:220px;}
.contents .body, .contents .side, .contents .at-body, .contents .at-side {width:100%; float:left; clear:both;}
.hdline .prev {top:23%; left:0;}
.hdline .next {top:23%; right:0;}
.mcon .list {width:100%; float:left; margin-right:0; clear:both;}
.mcon .list .photo {width:40%; float:left; margin-right:20px; margin-bottom:15px;}
.mcon .caty {margin-top:0;}
.partner-wp .list {width:100%; float:left; margin-right:0;}
.partner-wp .list .photo {width:30%; float:left; margin-right:20px;}
.article .at-ad {width:100%; float:left; margin-right:0; text-align:center;}
.at-con .list {width:100%; float:left; margin-right:0; clear:both;}
.at-con .list .photo {width:40%; float:left; margin-right:20px; margin-bottom:10px;}
.at-list2 .photo {margin-bottom:15px;}
.mcon .list .photo img, .at-list2 .photo img {height:90px;}
.at-slide .con {width:90%; margin:0 5%;}
.fcon2 .col {clear:both; display:block; margin-bottom:25px;}
.fcon2 .col2 {float:left; clear:both; display:block;}
.fcon2 .col img {width:220px;}
.au-con .au-body {width:100%; float:left; border-left:none; padding-left: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;}
}
*/