@charset "UTF-8";

/* common */
*{padding:0; margin:0; list-style:none;}
body {font-family:'Ubuntu', sans-serif; font-size:13px; line-height:17px; color:#111; letter-spacing:-0.03em;}
img {border:0 none;}
video, embed, object, .videocontent {max-width:100% !important;}
aside, details, figcaption, footer, header, hgroup, menu, nav, section {display:block; clear:both; vertical-align:baseline;}
a {color:#111; text-decoration:none;}
a:hover {color:#d9af5e !important; text-decoration:none; -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;}
:hover {transition: .3s ease; -moz-transition: .3s ease; -webkit-transition: .3s ease; -o-transition: .3s ease;}
.clr {clear:both; display:block;}
.photo { position:relative;}
.photo img {width:100%;}
.photo img:hover {opacity:0.9;}
.innerwrap {width:1120px; margin:0 auto; overflow:hidden; background:#ffffff; padding:15px} .innerwrap.nobg { background:none !important;}
.no-mr-r { margin-right:0 !important}
span { display:inline-block}
.t30 { padding:30px 0 0 0}
.form-type { background:#ffffff; font-size:15px; border:#cccccc 1px solid; width:98%; padding:0 10px; line-height:30px;}
.form-button { background:#000000; color:#ffffff; padding:0 20px; font-size:15px; line-height:40px; border:none; margin:20px 0 0 0}
.form-button:hover {background:#d9af5e}

/* titles */
.ttl1 {font-weight:700; font-size:32px; padding:0 0 10px 0; line-height:40px}
.ttl2 {font-weight:300; font-size:75px; text-align:center; padding:0 0 30px 0; line-height:60%; text-transform:uppercase}
.ttl3 {font-weight:300; font-size:18px; padding:10px 0 0 0; line-height:132%}
.ttl4 {font-weight:300; font-size:30px; padding:0 0 20px 0; line-height:90%; text-transform:uppercase}
.ttl4 .yell {color:#d9af5e !important}
.ttl4.center { text-align:center !important}
.ttl5 {font-weight:300; font-size:42px; padding:0 0 20px 0; text-align:center; line-height:50%; text-transform:uppercase}
.ttl5 .red { color:#d92917}

/* header */
.header {background:#ffffff; width:94%; float:left; padding:0 3% 0 3%; position:relative;}
.header .innerwrap {padding:0 0 15px 0;}
.header .logo { width:642px; height:101px; margin:0 auto; padding:20px 0 0 0}
.header .subscribe {float:left; border:#171718 2px solid; height:40px; line-height: 40px; width:86px; text-align:center; float:left; margin:70px 0 0 0}
.header .subscribe .txt {font-weight:700; font-size:13px; padding-top:11px; text-transform:uppercase}
.header .ic_bt {float:left; position:relative; border:#171718 2px solid; margin:70px 0 0 7px; width:40px; height:40px; text-align:center;}
.header .ic_bt .facebook {width:10px; height:21px; background:url(../images/icons.png) -9px -223px no-repeat; margin-top:10px}
.header .ic_bt .twitter {width:20px; height:17px; background:url(../images/icons.png) -52px -225px no-repeat; margin:12px 0 0 1px}
.header .search {float:right; width:155px; height:40px; line-height: 40px;border:#171718 2px solid; margin-top:70px}
.header .search #search_form {height:40px; line-height:40px;}
.header .search .search_form {vertical-align:top; display:inline-block; height:40px; line-height:40px; border:none; width:115px; color:#000000; font-family:'Ubuntu', sans-serif; font-weight:700; text-indent:10px; font-size:12px}
.header .search .ic_search {display:inline-block; width:40px; height:40px; background:url(../images/icons.png) -116px -11px no-repeat; cursor:pointer;border:0;float:right;}
.header .menu .inner {background:#ffffff;text-align:center; width:1150px; margin:0 auto;}
.header .menu a {display:inline-block; padding:0 20px; margin:10px 0 0 0; font-weight:700; font-size:18px;text-transform:uppercase}
.header .menu .selected {border-bottom:#d9af5e 5px solid; padding-bottom:12px}


/* contents */
.contents { width:100%; float:left; }
.bg-main {background:url(../images/bg.png) center -100px no-repeat;}
.bg_sub {background:url(../images/bg.png) center 150px no-repeat;}

/* ads */
.ad-lea-box { width:100%; float:left; padding:0 0 25px 0}
.ad728x90 { width:728px; margin:0 auto}
.ad-rac-box { width:100%; float:left; background:#f3f3f3; padding:6% 0 7% 0}
.ad300x250 { width:300px; margin:0 auto;}
.ad300x250 .notice { width:100%; height:20px; text-align:center; background:url(../images/advertisenote.gif) center top no-repeat;}

/* item style1 */
.item1 { clear:both; width:100%; float:left}
.item1 ul { float:left; width:100%; margin:0 0 3% 0}
.item1 li { float:left; width:31.29%; height:351px;margin-right:3%;}
.item1 li:nth-child(3n) { margin-right:0;}
.more { float:left; width:100%; background:#29292c; text-align:center; font-size:20px; font-weight:300; padding:10px 0;}
.more div { display:inline-block; height:37px; line-height:37px; padding:0 0 0 50px; background:url(../images/icons.png) -248px 0 no-repeat}
.more div a { color:#ffffff;}

/* social & subscribe box */
.subscribe-box { width:94%; background:#e8e8e8; margin:0 0 50px 0; padding:2% 3% 1% 3%; float:left;}
.social { float:left; font-weight:300;} .social.t15 { padding:15px 0 0 0}
.social span { font-size:18px; width:100%; text-align:center}
.social li { display:inline-block; cursor:pointer; width:42px; height:42px; margin:5px 0 0 0}
.social li:hover { opacity:0.6;}
.social li.fb { background:#e8e8e8 url(../images/icons.png) 5px -165px no-repeat; }
.social li.tw { background:#e8e8e8 url(../images/icons.png) -38px -165px no-repeat; }
.social li.tb { background:#e8e8e8 url(../images/icons.png) -82px -165px no-repeat; }
.social li.gg { background:#e8e8e8 url(../images/icons.png) -126px -165px no-repeat; }
.social li.yt { background:#e8e8e8 url(../images/icons.png) -170px -165px no-repeat; }
.social li.sc { background:#e8e8e8 url(../images/icons.png) -214px -165px no-repeat; }
.social li.pn { background:#e8e8e8 url(../images/icons.png) -258px -165px no-repeat; }
.social li.in { background:#e8e8e8 url(../images/icons.png) -302px -165px no-repeat; }
.social li.rs { background:#e8e8e8 url(../images/icons.png) -346px -165px no-repeat; }

.subscform { float:right; text-align:right}
.subscform input {height:52px; line-height:52px; font-weight:700; font-size:15px;}
.subscform .type {  text-indent:15px; font-style:italic; color:#bdbdbd; border:#e3e3e3 1px solid;-webkit-box-shadow:inset 3px 3px 5px 0px rgba(153,153,153,0.7);-moz-box-shadow:inset 3px 3px 5px 0px rgba(153,153,153,0.7);box-shadow:inset 3px 3px 5px 0px rgba(153,153,153,0.7);}
.subscform .signup { background:#131116; color:#fff; padding:0 20px; text-align:center; border:none; cursor:pointer}

/* category label */
.label { font-size:13px; font-weight:700; padding:5px 10px; position:absolute; left:0; top:0; z-index:100;}
.label.wh { background:#ffffff; color:#000000;}
.label.blc { background:#000000; color:#ffffff;}
.label:hover { background:#d9af5e !important}

/* pr wire */
.prwire {width:96%; float:left; background:#f5f5f5; padding:2% 2%; margin:20px 0 0 0}
.prwire .hd { font-size:33px; text-align:center; font-weight:300; background:url(../images/blc1px.gif) 0 15px repeat-x; }
.prwire .hd span { background:#f5f5f5; padding:0 12px;}
.prwire .item { float:left; width:23%; margin:2% 1% 0 1%}
.prwire .item a { display:inline-block; font-weight:300; font-size:14px; line-height:20px;}
.prwire .item .line { border-bottom:#ffffff 2px solid; height:1px; margin:15px 0; width:100%;}
.prwire .item .date { font-size:11px; color:#838383;}

/* footer */
.footer { background:#29292c; width:100%; float:left; margin:20px 0 0 0; padding:2% 0;}
.footer .left { width:50%; float:left}
.f-category { padding:0 10% 0 0; float:left;}
.f-category b { color:#ffffff;}
.f-category a { line-height:200%; color:#a4a4a4; display:block;}
.footer .right { width:50%; float:right; text-align:right;}
.f-copyright { font-size:11px; font-weight:300; color:#CCC}
.f-subscform input { height:52px; line-height:52px; font-size:13px; margin:25px 0 30px 0}
.f-subscform .type { text-indent:15px; font-style:italic; font-weight:300; background:#19191b; color:#cccccc; border:none; -webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.75);box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.75);}
.f-subscform .signup { background:#ffffff; color:#000000; font-weight:700; padding:0 30px; text-align:center; border:none; cursor:pointer}
.f-subscform .signup:hover { background:#d9af5e; }
.f-subscform .t2 {display:none;font-weight:bold;color:#fff;margin-left:70px;  margin-top: -20px;float: left;}
.f-subscform .t2 a {color:#fff!important;}

/* article page */
.line-gray { border-top:#e3e3e3 1px solid; height:18px; width:100%;}
.main { float:left; width:690px; }
.side { float:right; width:400px; }
.article .date { margin:0 0 15px 0}
.article .date b { color:#888786;}
.article .date i { color:#c29133;}
.article p { padding:13px 0; font-size:16px; line-height:25px;}
.article p a { color:#d9af5e;} .article p a:hover { text-decoration:underline}
.at-soc { float: left; vertical-align:top}
.at-soc .bt { width:93px; height:44px; cursor:pointer}
.at-soc .bt:hover { opacity:0.8}
.at-soc .fb { background:url(../images/icons.png) 0 -73px no-repeat;}
.at-soc .tw { background:url(../images/icons.png) -95px -73px no-repeat;}
.at-soc .in { background:url(../images/icons.png) -190px -73px no-repeat;}
.at-soc .gg { background:url(../images/icons.png) -286px -73px no-repeat;}
.at-subsc { float: left; width:350px; height:44px;}
.at-subsc input { height:44px; line-height:44px; font-size:13px;}
.at-subsc .type { text-indent:11px; font-style:italic; font-weight:300; background:#e8e8e8; color:#666666; border:none;}
.at-subsc .signup { background:#d9af5e; color:#ffffff; font-weight:700; padding:0 12px; text-align:center; border:none; cursor:pointer}
.at-subsc .signup:hover { background:#d0a24a; }
.at-subsc .t0 {display:none;font-weight:bold;color:#fff;margin-left:-70px; margin-top: 40px;float: left;}
.art-photo { width:100%; text-align:center;padding-top: 13px;}
.caption { color:#868686; font-size:11px; padding:3px 0 0 0;display: block;}
.copyright { font-size:11px; color:#9f9f9f}
.tag b { color:#888786; display:inline-block; padding:0 10px 0 0}
.tag a { color:#c29133; display:inline-block; padding:0 3px; font-size:13px;}
.trending { width:100%; float:left; margin:30px 0 0 0}
.related { width:100%; float:left; margin:30px 0 0 0}
.related .item { width:23.3%; height:350px;float:left; margin:0 2% 0 0}
.related .item:nth-child(4n) { margin-right:0!important;}
.comment { width:100%; float:left; margin:30px 0 0 0}
.video { width:100%; float:left; margin:0 0 10px 0}
.mostpopular {width:100%; float:left; margin:25px 0 0 0}
.mostpopular .item { width:100%; float:left; padding:0 0 15px 0}
.mostpopular .item { position:relative}
.mostpopular .item .rank { position:absolute; bottom:4px; left:0; background:#d1d1d1; color:#000000; font-size:40px; text-align:center; width:57px; height:57px; line-height:57px; }
.live {width:100%; float:left; margin:25px 0 15px 0}
.live li { background:#f6e8e0; height:165px; margin:0 0 1px 0; clear:both}
.live li img { float:left; margin:0 13px 0 0}

/* slideshows page */
.main2 { float:left; width:790px; }
.side2 { float:right; width:300px; }
.art-slideshow { width:100%;max-width:660px; text-align:center; position:relative;margin:0 auto;}
.arrow-box { position:absolute; top:35%; z-index:100; width:63px; height:97px; text-align:center; background:url(../images/transfer_bg_blc.png) 0 0 repeat; cursor:pointer}
.arrow-box.lf { left:0}
.arrow-box.rg { right:0}
.arrow-box:hover { background:url(../images/transfer_bg_yell.png) 0 0 repeat}
.arrow { width:29px; height:47px; margin:23px 0 0 0}
.arrow.lf { background:url(../images/icons.png) 0 0 no-repeat;}
.arrow.rg { background:url(../images/icons.png) -62px 0 no-repeat;}
.bt-slideshow { float:left; width:100%; margin:0 0 20px 0; text-align:center;}
.bt-slideshow li { float:left;  width:99px; background:#c1c1c1}
.bt-slideshow li:hover { background:#a1a1a0;}
.bt-slideshow li.c1 { height:46px; line-height:45px; border-bottom:#c1c1c1 1px solid; border-top:#c1c1c1 1px solid; border-left:#c1c1c1 1px solid; background:#ffffff !important}
.bt-slideshow li.c1 b { font-size:22px; font-weight:700;}
.bt-slideshow li.c1 span { font-size:14px; font-weight:300;}
.bt-slideshow li.c2 { height:48px; line-height:47px; font-size:16px; border-right:#ffffff 1px solid; font-weight:700; cursor:pointer}
.bt-slideshow li.c3 { height:48px; line-height:47px; font-size:16px; font-weight:700; cursor:pointer}
.txt-slide {float:left; width:100%; margin:0 0 10px 0; }
.txt-slide b { font-size:16px;}
.txt-slide p { margin:10px 0 0 0; font-size:14px;}
.soc-slide { margin:20px 0; }
.soc-slide .bt { width:57px; height:27px; margin:0 1px 0 0; cursor:pointer}
.soc-slide .bt:hover { opacity:0.8}
.soc-slide .fb { background:url(../images/icons.png) 0 -120px no-repeat;}
.soc-slide .tw { background:url(../images/icons.png) -58px -120px no-repeat;}
.soc-slide .in { background:url(../images/icons.png) -116px -120px no-repeat;}
.soc-slide .gg { background:url(../images/icons.png) -174px -120px no-repeat;}

/* about page */
.about .hd {font-weight:700; line-height:50px; text-indent:190px; font-size:20px; border-bottom:#e3e3e3 1px solid; border-top:#e3e3e3 1px solid;}
.about .menu {float:left; width:150px;}
.about .menu a {font-weight:700; display:block; line-height:50px; text-indent:15px; font-size:14px; border-bottom:#e3e3e3 1px solid; text-transform:uppercase}
.about .menu a.active {background:#f2f2f1;}
.about .menu a:hover {color:#d9af5e}
.about .con { width:600px; float:right;}
.about .con .item { clear:both; margin-bottom:30px;}
.about .con .item:first-child { margin-top:30px}
.about .con .item img { float:left; margin:0 25px 0 0;}
.about .con .item h3 { font-size:20px; padding:15px 0 7px 0; line-height:25px}
.about .con .item h5 { font-size:14px; color:#d9af5e;}
.about .con .item h6 { font-size:14px; padding:0 0 7px 0}
.about .con .item p { padding:20px 0 0 0; margin:0; font-size:13px; line-height:20px;}
.about .con .item span { padding:0 0 25px 0}
.about .con .item i { color:#888888}

.contest .contest-img { width:100%; float:left; text-align:center;}
.contest h4 { font-size:15px; padding:20px 0 7px 0}
.contest span { color:#6c6c6c; font-size:12px;}

.mleft {width: 63.8%;float: left;margin-bottom: 40px;}
.wp-aboutus {width: 100%;float: left;clear: both;}
.au_left {width: 21%;float: left;font-family: Arial, Helvetica, sans-serif;}
.au_left .menu {clear: both;}
.au_left .menu a {width: 92%;color: #26547c;font-weight: bold;border-bottom: #e0eaec 1px solid;padding: 15px 4%;display: inline-block;}
.au_right {width: 76%;float: right;padding-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.bttl {width: 94%;border-bottom: #878787 1px dotted;border-top: #000 2px solid;clear: both;padding: 12px 3%;font-style: italic;font-size: 22px;}
.au_t1 {font-size: 16px;line-height: 22px;padding: 0 10px 20px;}
.au_con {clear: both;margin-bottom: 40px;font-size: 16px;line-height: 23px;}
.au_img {float: left;margin-right: 30px;margin-bottom: 20px;}
.au_con .t1 {font-size: 14px;color: #cb401a;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: bold;}
.au_con .name {font-size: 18px;line-height: 26px;font-weight: bold;color: #000;}
.au_con .mail {font: 14px/16px Arial, Helvetica, sans-serif;color: #555;padding: 0 0 15px;}