/*** Mstars News Common CSS ***/
/**Global Reset***/
*{padding:0; margin:0; font-size:100%; list-style:none;}
body {font:12px/15px Arial, Helvetica, sans-serif; color:#000;}
img {border:0 none;}
video, embed, object, .videocontent {max-width:100% !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}

@font-face {
    font-family: 'OswaldBold';
    src: url('../../../views/css/fonts/Oswald-Bold-webfont.eot');
    src: url('../../../views/css/fonts/Oswald-Bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../../../views/css/fonts/Oswald-Bold-webfont.woff') format('woff'),
         url('../../../views/css/fonts/Oswald-Bold-webfont.ttf') format('truetype'),
         url('../../../views/css/fonts/Oswald-Bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Headline White*/ h1 {font-size:22px; line-height:24px; height:38px; letter-spacing:-0.05em; color:#fff; position:absolute; bottom:60px; left:0; padding:8px 20px 11px; background:url(../../../views/images/bg_photo3.png) repeat 0 0; z-index:31;} h1 a {color:#fff;}
/*OswaldBold BG Black*/	.boxttl {font:19px/20px'OswaldBold', "Arial", Gadget, sans-serif; color:#fff; letter-spacing:-0.01em; background:#000; padding:3px 6px 1px; text-transform:uppercase;} .boxttl a {color:#fff;}
/*OswaldBold BG Red*/ .boxttl.red {background:#ed1c24}
/*OswaldBold White*/ h4 {font-family:'OswaldBold', "Arial", Gadget, sans-serif; font:20px/23px; color:#fff;; text-transform:uppercase; letter-spacing:-1px} h4 a {color:#fff;}
					h4.f18 {font:18px/21px; color:#000;} h4.f18 a {color:#000;}
/*OswaldBold Black*/ .fttl {font:18px/22px'OswaldBold', "Arial", Gadget, sans-serif; text-transform:uppercase; letter-spacing:-0.01em; padding:15px 0 10px; color:#000;}
/*OswaldBold White*/ .fttl2 {font:18px/22px'OswaldBold', "Arial", Gadget, sans-serif; text-transform:uppercase; letter-spacing:-0.01em; color:#fff;}
/*Read More Red*/ .more {color:#ff0000; font-size:11px; padding-top:3px; font-style:italic;} .more a {color:#ff0000;}
/*Read More Black*/ .more2 {color:#000; font-size:11px; padding-top:3px; font-style:italic;} .more2 {color:#000;}
/*Gray*/ .fgr {color:#898989}.fgr a { color:#898989}
/*Bold*/ .b {font-weight:bold}
.b_black {border-bottom:2px solid #000; clear:both;}

/**** Column ****/
.c100 {width:100%; clear:both;}
.c1k {width:1030px; clear:both; margin:0 auto;}
.c1k_2 {width:1030px;}
.c660 {width:660px;}
.c350 {width:350px;}
.c320 {width:320px;}
.c300 {width:300px; overflow:hidden}
.c260 {width:260px; overflow:hidden}

/***Margin****/
.mt5 {margin-top:5px;}.mt7 {margin-top:7px;}.mt10 {margin-top:10px;}.mt13 {margin-top:13px;}.mt15 {margin-top:15px;}.mt20 {margin-top:20px;}.mt50 {margin-top:50px;}
.mr10 {margin-right:10px;}.mr15 {margin-right:15px;}.mr16 {margin-right:16px;}.mr20 {margin-right:20px;}
.mb5 {margin-bottom:5px;}.mb7 {margin-bottom:7px;}.mb10 {margin-bottom:10px;}.mb20 {margin-bottom:20px;}
.ml7 {margin-left:7px;}.ml10 {margin-left:10px;}.ml20 {margin-left:20px;}

/****Banners****/
.bn728 {width:1030px; margin:20px 0}.bn728 img {display:block; margin:0 auto;}
.bn350 {width:100%; float:left; padding:10px 0; text-align:center; background:url('../../../views/images/pattern_check.gif') 0 0; clear:both;}

/****Buttons****/
.redbt_l { width:31px; height:31px; background:url('../../../views/images/bt_red.gif') 0 0 no-repeat; position:absolute; z-index:50;}
.redbt_l a { display:block; width:31px; height:31px;}
.redbt_l a:hover {background:url('../../../views/images/bt_red.gif') 0 -32px no-repeat;}
.redbt_r { width:31px; height:31px; background:url('../../../views/images/bt_red.gif') -32px 0 no-repeat; position:absolute; z-index:51;}
.redbt_r a { display:block; width:31px; height:31px;}
.redbt_r a:hover {background:url('../../../views/images/bt_red.gif') -32px -32px no-repeat;}

.whbt_r a {width:25px; height:29px; display:block}
.photo58 {background:url('../../../views/images/photo58.png') 0 0 no-repeat; width:58px; height:58px; position:absolute; top:10px; right:10px;z-index:23;}
.photo58 a {width:58px; height:58px; display:block}
.photo22 {background:url('http://images.mstarz.com/views/images/photo22.png') 0 0 no-repeat; width:22px; height:22px; position:absolute; top:5px; right:5px;z-index:24;}
.photo22 a {width:22px; height:22px; display:block}

.ic_mv {background:url('../../../views/images/camera_big.png') no-repeat 0 0; height:58px; width:58px; display:inline-block; position:absolute; top:0px; right:0px;}	
a:hover .ic_mv {background:url('../../../views/images/camera_big.png') no-repeat -58px 0;}
.ic_mv_s  {z-index:5; background:url('../../../views/images/camera_small.png') no-repeat 0 0 ; height:22px; width:22px; display:inline-block; position:absolute; top:0px; right:0px;}	
a:hover .ic_mv_s {background:url('../../../views/images/camera_small.png') no-repeat -22px 0;}

/***Others****/
.oh{overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.clear {clear:both;}

/***Line & Dot & BG****/
.redot { background:url('../../../views/images/dot_red.gif') right center no-repeat; padding-right:10px; margin-right:10px;}
.dotline {border-bottom:dotted #dddddd 1px}
.ptn_gr_check {background:url('../../../views/images/pattern_check.gif') 0 0 repeat;}
.ptn_sliding {background:url('../../../views/images/pattern_sliding.gif') 0 0 repeat;}
.trans_blc {background:url('../../../views/images/trans_blc.png') 0 0 no-repeat}
.trans_red {background:url('../../../views/images/trans_red.png') 0 0 no-repeat}
.trans_fade {background:url('../../../views/images/trans_fade.png') 0 0 no-repeat}
.bg_blc { background:#000;}

/**** Like PopUp ****/
.like_wp {display:none; width:100%; height:100%; background:url(../../../views/images/bg_likepopup.png) repeat 0 0; position:fixed; top:0; left:0; z-index:102;}
.like_con {width:420px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:40px 45px; background:#ffffff url(../../../views/images/bg_likepopup2.png) no-repeat center center; overflow:hidden; position:fixed; top:35%; left:39%;}
.like_wp .ic_like {background:url(../../../views/images/ic_like.png) no-repeat; width:38px; height:36px; display:inline-block; vertical-align:middle; margin-right:5px;}
.like_wp .ic_tweet {background:url(../../../views/images/ic_tweet.png) no-repeat; width:33px; height:27px; display:inline-block; vertical-align:middle; margin-right:5px;}
.like_wp .t1 {font:24px/33px Arial, Helvetica, sans-serif; letter-spacing:-0.03em;}
.like_wp .t2 {clear:both; padding-top:10px;}
.like_wp .t2 li {float:left; margin-right:10px;}
.like_wp .t3 {clear:both; font:12px/15px Arial, Helvetica, sans-serif; color:#CCC; text-align:center; padding-top:20px;}

/***Header****/
.hd_wp {width:100%; float:left; background:url('../../../views/images/pattern_gray_dot.gif') 0 0 repeat; clear:both;}
.hd {width:1030px; margin:0 auto; overflow:hidden;}
.hd_col1 {width:660px; float:left;}
.hd_col2 {width:320px; float:right; margin-top:10px;}
.logo {float:left; margin:24px 10px 19px 10px;}
.logo img {width:100%;}
.top_sc {margin-top:38px; font-size:14px; color:#666666; }
.top_srch {position:relative;}
.search {width:316px; height:29px; line-height:29px; border:#d1d1d1 2px solid; color:#aaa8a8; margin-top:10px;}
.top_srch .btn {position:absolute; top:36px; right:10px; width:14px; height:14px; display:block; background:url('../../../views/images/ic_zoom.gif') no-repeat 0 0; cursor:pointer; border:0 none;}
.lighton {color:#e32623}
.hd2_wp {display:none;}

/*** nav ****/
.nav_wp {width:100%; height:33px; float:left; overflow:hidden; clear:both; margin-bottom:10px; border-top:#cb1808 1px solid;
background: #ff3630; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3630 0%, #f02319 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3630), color-stop(100%,#f02319)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff3630 0%,#f02319 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff3630 0%,#f02319 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff3630 0%,#f02319 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff3630 0%,#f02319 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3630', endColorstr='#f02319',GradientType=0 ); /* IE6-9 */}
.nav {width:1030px; overflow:hidden; margin:0 auto; font:18px/36px 'OswaldBold', Arial, Gadget, sans-serif; letter-spacing:-0.01em;}
.nav li {float:left;}
.nav ul li a {color:#fff; height:33px; padding:0 26px; display:inline-block; border-left:#c91509 1px solid; border-right:#ff514d 1px solid;}
.nav ul li a:hover {text-decoration:none;
background: #f02319; /* Old browsers */
background: -moz-linear-gradient(top,  #f02319 0%, #d41b11 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f02319), color-stop(100%,#d41b11)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f02319 0%,#d41b11 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f02319 0%,#d41b11 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f02319 0%,#d41b11 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f02319 0%,#d41b11 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f02319', endColorstr='#d41b11',GradientType=0 ); /* IE6-9 */}
.top_bn {width:100%; height:100px; text-align:center; overflow:hidden;}

/*** contents ****/
.mcontents {width:1030px; margin:0 auto; clear:both; margin-top:20px;}
.contents {width:1030px; margin:0 auto; clear:both;}
.mleft {width:660px; float:left;}
.left {width:660px; float:left;}
.sidebar {width:350px; float:right;}

/*** Headline ****/
.headline {width:660px; height: 427px; position:relative; clear:both; background:#000000; }
.headline img {width:100%;}
.headline .thumnail {width:80%; padding:0 10%; height:65px; position:absolute; left:0px; bottom:0px; z-index:12;} 
.headline .thumnail li {width:14.5%; float:left; padding:7px 1% 0;}
.headline .thumnail li img {border:#818080 2px solid;}
.headline .thumnail img:hover {border:#fff 2px solid;}
.headline .thumnail li.flex-active {background:url('../../../views/images/arrow_wh.gif') center top no-repeat;}
.headline .thumnail li.flex-active img {border:#fff 2px solid;}
.headline .bg {background:url('../../../views/images/bg_photo3.png') repeat top left; width:100%; height:60px; position:absolute; bottom:0; left:0; }
.whbt_l {position:absolute; bottom:20px; left:15px; width:25px; height:29px; display:block; text-indent:-9999px; background:url('../../../views/images/arrow_wh.png') 0 0 no-repeat; cursor:pointer; z-index:100;}
.whbt_r {position:absolute; bottom:20px; right:15px; width:25px; height:29px; display:block; text-indent:-9999px; background:url('../../../views/images/arrow_wh.png') -25px 0 no-repeat; cursor:pointer; z-index:100;}

/***Social****/
.sns_s { background:url('../../../views/images/social.png') 0 0 no-repeat; height:17px; float:right;}
.sns_s a {float:left; width:18px; height:17px; margin-right:3px; display:block;}
.sns_s a span { display:none}
.sns_txt {float:right; margin-right:10px;}
.sns_b {background:url('../../../views/images/social.png') 0 -25px no-repeat; height:24px;}
.sns_b a {float:left; width:24px; height:24px; margin-right:6px; display:block;}
.sns_b a span {display:none}

.sns_box { padding:20px 20px 10px 10px; border-bottom:1px solid #e7e8e8; }
.sns_left {float:left; border-right:1px solid #e7e8e8; padding-right:20px;}
.sns_left p {margin-bottom:10px;}
.sns_left p a {color:#666666; margin-left:10px;}
.sns_left p a:hover {color:#ed1c24;}
.sns_right {float:right;}
.sns_right li {margin-bottom:8px;}

.s_fb {clear:both; text-align:center;}

/*** Top Small Text List****/
.minimenu {padding:0 7px; text-align:right}
.minimenu a {display:inline;}

/*** Most Popular ****/
.popular {width:100%; float:left; font-size:16px; line-height:17px; letter-spacing:-0.05em; clear:both; margin-top:20px;}
.popular .list {width:100%; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; background:#eaeaea; padding:10px; margin-bottom:1px; clear:both;}
.popular .img img {float:right; margin-left:10px;}
.zergnet {background: #EAEAEA; padding-bottom: 10px;}

/*** contents ****/
.m_col1 {width:100%; float:left; clear:both; margin-top:20px;}
.m_col1 .col1 {width:48.5%; float:left;}
.m_col1 .col2 {width:48.5%; float:right;}
.m_col1 .col3 {width:100%; float:left; clear:both; margin-top:20px;}
.m_col1 .col3 img {width:100%;}
.m_col1 .col4 {width:100%; float:left; clear:both; margin-top:10px;}
.mlatest {width:100%; float:left; clear:both;}
.mlatest .box {width:100%; float:left; font-size:16px; line-height:17px; font-weight:bold; letter-spacing:-0.05em; padding:8px 0; border-bottom:dotted #dddddd 1px; clear:both;}
.mlatest .pic {float:left; margin-right:15px;}
.dontmiss {width:100%; float:left; position:relative; clear:both;}
.dontmiss img {width:100%;}
.dontmiss .ttl {width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:10px 10px 15px; background:url('../../../views/images/trans_fade.png') repeat-x bottom left; font-size:20px; line-height:21px; letter-spacing:-0.05em; color:#fff; position:absolute; left:0; bottom:0;}
.dontmiss .t {top:217px; }
.dontmiss .l {left:-10px;}
.dontmiss .r {right:-10px;}
.mvideo {width:48.5%; float:left; position:relative; margin-top:10px;}
.mvideo .ttl {width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:10px 10px 15px; background:url('../../../views/images/trans_fade.png') repeat-x bottom left; font-size:20px; line-height:21px; letter-spacing:-0.05em; color:#fff; position:absolute; left:0; bottom:-10px;}
.mvideo_list {width:48.5%; float:right; margin-top:2px;}
.mvideo_list .box {width:100%; float:left; font-size:16px; line-height:17px; font-weight:bold; letter-spacing:-0.05em; padding:8px 0; border-bottom:dotted #dddddd 1px; clear:both;}
.mvideo_list .pic {float:left; margin-right:15px; position:relative;}
.m_release {width:100%; float:left; margin-top:10px; margin-bottom:20px; position:relative; clear:both;}
.m_release .box {width:100%; overflow:hidden;}
.m_release .t {top:30px;}
.m_release .l {left:-15px;}
.m_release .r {right:-15px;}
.m_release li {float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
.m_release img {border:#fff 3px solid;}
.m_release img:hover {border:#000 3px solid;}
.m_rel_over {width:300px; float:left; padding:5px; border:#fff 5px solid; -webkit-box-shadow:0px 0px 2px 2px #d8d8d8; box-shadow:0px 0px 2px 2px #d8d8d8;
background: #dfdfdf; /* Old browsers */
background:-moz-linear-gradient(top, #dfdfdf 0%, #fff 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#fff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dfdfdf 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dfdfdf 0%,#fff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dfdfdf 0%,#fff 100%); /* IE10+ */
background: linear-gradient(top,  #dfdfdf 0%,#fff 100%); /* W3C */}
.m_rel_over .pic img {border:#000 1px solid;}
.m_rel_over .tit {padding:10px 0 3px; font:22px/25px 'OswaldBold', "Arial", Gadget, sans-serif; letter-spacing:-0.05em;}
.m_rel_over .name {font-size:14px; padding-bottom:10px;}
.m_photo {width:100%; float:left; clear:both; margin-top:10px; margin-bottom:20px;}
.m_photo img {width:100%;}
.m_photo .artl {width:100%; float:left; position:relative; clear:both; margin-bottom:20px;}
.m_photo .artl a .picture {z-index:5; background:url(../../../views/images/video_big.png) no-repeat 0 0 ; height:58px; width:58px; position:absolute; top:0px; right:0px; display:block; text-indent:-9999px; cursor:pointer;}	
.m_photo .artl a:hover .picture {background:url(../../../views/images/video_big.png) no-repeat -58px 0;}
.m_photo .artl .photo {line-height:0;}
.m_photo .artl h3 {position:absolute; bottom:19px; left:0; width:80%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; background:url('../../../views/images/bg_photo.png') repeat 0 0; padding:10px 10px 10px 25px; color:#fff; font-size:25px; line-height:27px; font-weight:normal;}
.m_photo .artl a h3 {color:#fff;}
.m_photo .artl .caty {position:absolute; bottom:0; left:0; background:url('../../../views/images/bg_photo2.png') repeat 0 0; padding:2px 14px 2px 26px; font-size:14px; line-height:16px; font-weight:bold; text-transform:uppercase; color:#fff;}
.m_photo .artl2 {width:32%; float:left; position:relative; margin-right:1.3%;}
.m_photo .artl2 a .picture {z-index:5; background:url('../../../views/images/video_small.png') no-repeat 0 0 ; height:34px; width:34px; position:absolute; top:0px; right:0px; display:block; text-indent:-9999px; cursor:pointer;}	
.m_photo .artl2 a:hover .picture {background:url('../../../views/images/video_small.png') no-repeat -34px 0;}
.m_photo .artl2 h3 {padding:10px 0; font-size:16px; line-height:18px; letter-spacing:-0.05em;}

/*** more news and features ****/
.m_features_wp {width:1030px; margin:0 auto; clear:both;}
.m_features {width:100%; overflow:hidden; clear:both; margin-top:10px;}
.m_features .con {width:33.3%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:0 10px; float:left;}
.m_features .pic {position:relative; line-height:0;}
.m_features .pic span {position:absolute; bottom:0; left:0; font:17px/18px 'OswaldBold', "Arial", Gadget, sans-serif; background:#ed1c24; padding:3px 6px 1px; text-transform:uppercase; color:#fff; letter-spacing:-0.01em;}
.m_features .pic img {width:100%;}
.m_features .list li {border-bottom:#d3d3d3 1px solid; padding:9px 0; font-size:15px; font-weight:bold; letter-spacing:-0.05em;}
.m_features .more {text-align:right; padding:6px 0 12px; letter-spacing:-0.05em; font-style:italic;}

/*** footer ****/
.fbg_1 {width:100%; float:left; background:#fff; clear:both;}
.fbg_2 {width:100%; float:left; background:url('../../../views/images/bg_foot.gif') repeat 0 0; clear:both; padding:10px 0;}
.fbg_3 {width:100%; float:left; background:url('../../../views/images/bg_foot2.gif') repeat 0 0; color:#fff; clear:both; display:block;}
.fbg_3 a {color:#fff;}
.fbg_4 {width:100%; float:left; padding:10px 0; background:url('../../../views/images/bg_foot3.gif') repeat-x 0 0; clear:both; display:block;}
.f_bn {width:100%; float:left; text-align:center; padding:10px 0; clear:both;}
.f_news {width:1030px; margin:0 auto; padding:10px 0; overflow:hidden; clear:both;}
.f_news .box {width:16.6%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:0 10px; float:left;}
.f_news .box img {width:100%;}
.f_news .tit {font-size:15px; padding:8px 0; font-weight:bold; letter-spacing:-0.05em;}
.f_news_clr {display:none;}
.f_caty {width:1030px; margin:0 auto; padding:14px 0; overflow:hidden; clear:both;}
.f_caty .col {width:36%; float:left;}
.f_caty .col2 {width:32%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; float:left; background:url('../../../views/images/bg_bar.gif') no-repeat top left; padding-left:25px;}
.f_caty li {padding:2px 0;}
.f_srch {position:relative;}
.search2 {width:226px; height:26px; padding-left:5px; line-height:26px; color:#666; border:none;}
.f_srch span input{position:absolute; top:0; left:200px; width:31px; height:26px; display:block; background:url('../../../views/images/bt_go.gif') no-repeat 0 0; text-indent:-9999px; border:0 none;}
.f_copy {width:1030px; margin:0 auto; color:#999999;}
.f_copy_l {float:left;}
.f_copy_r {float:right;}

/*** about us ****/
.ab_ttl {font:30px/38px'OswaldBold', "Arial", Gadget, sans-serif; text-transform:uppercase; letter-spacing:-1px; padding-bottom:10px; text-transform:uppercase; border-bottom:#272727 3px solid; margin-bottom:10px;}
.ab_sttl {font-weight:bold; font-size:17px; line-height:20px; padding:20px 0; text-transform:uppercase;}
.ab_txt {line-height:18px; font-size:14px; padding-bottom:10px;}
.ab_img {width:297px; height:285px; background:url(../../../views/images/bg_aboutus.gif) no-repeat 0 0;}
.ab_tb {width:500px; clear:both;}
.ab_tb .td1 {padding:5px 10px; font-weight:bold; color:#666666;}
.ab_tb .td2 {padding:5px 10px;}
.ab_tb .input {border:#d1d1d1 1px solid; height:20px; line-height:20px; font-size:12px;}
.ab_tb .submit {color:#fff; width:80px; height:28px; line-height:28px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; margin-top:20px; cursor:pointer; border:none;
background: #ba1515; /* Old browsers */
background: -moz-linear-gradient(top,  #ba1515 0%, #c22e31 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ba1515), color-stop(100%,#c22e31)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ba1515 0%,#c22e31 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ba1515 0%,#c22e31 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ba1515 0%,#c22e31 100%); /* IE10+ */
background: linear-gradient(top,  #ba1515 0%,#c22e31 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1515', endColorstr='#c22e31',GradientType=0 ); /* IE6-9 */}
.ab_tb .submit:hover {background:#e04948;}

/* goingup arrow */
.bt_goingup {width:1030px; height: 39px; position: fixed; bottom: 10%; margin: 0 auto; z-index: 250; text-align: right; float:right; right:30px;}
.imageLeft {float:left; margin-right:15px;}
.imageRight {float:right; margin-left:15px;}
.imageBox {text-align:center;margin:0 auto;}
.caption {text-align:left;}

/* sns */
.article_info {width:100%; float:left; clear:both; margin:5px 0 15px;}
.at_sns {float:left;}
.at_tool {float:right;}
.at_tool .mail {background:url('../../../views/images/tool.gif') no-repeat 0 0; width:21px; height:16px; display:inline-block; text-indent:-9999px; padding-right:6px; margin-right:6px; cursor:pointer; border-right:#CCC 1px solid;}
.at_tool .print {background:url('../../../views/images/tool.gif') no-repeat -27px 0; width:21px; height:16px; display:inline-block; text-indent:-9999px; cursor:pointer;}

/*sponsored */
.sponsored {margin: 18px auto; width:1030px;}
.s_tt {font-size: 20px; padding-bottom: 20px;}
.sponsored_left {border-right: 1px solid #DEDEDE;float: left;padding-bottom: 20px;width: 680px;}
.sponsored_left dt {float: left;width: 144px;}
.sponsored_left dd {float: left;width: 144px;}
.sponsored_right {float: right;width: 300px;}
.s_exp {padding: 10px 0 20px;}
.s_exp a {color: #585872;font-size: 15px;}
.s_title {border-bottom: 2px solid #000;color: #ff0000;font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-weight: bold; margin-bottom: 10px;padding-bottom: 10px;text-transform: uppercase;}
.s_cont {float: left;padding-right: 17px;width: 153px;}
.s_box {margin-bottom: 15px;}
.s_box img {padding: 5px 0 8px;}
.s_box span a {color: #2F2F2F;font-family: Arial,Helvetica,sans-serif;font-size: 12px;padding-top: 10px;}
.s_box .s_txt1 a {color: #234B83;font-size: 16px;font-weight: bold;}
.r_title {border-bottom: 2px solid #000;color: #585872;font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-weight: bold; margin-bottom: 10px;padding-bottom: 10px;text-transform: uppercase;}
.sponsored_right li {font-size: 13px;padding-bottom: 8px;}
.bg_dot {background: url("http://images.mstarz.com/views/images/spot_1.gif") repeat-x scroll 0 0 transparent;clear: both;display: block;height: 1px;}
.more_news{border-top: 3px solid #F9A51B;width: 620px; overflow:hidden; margin-bottom:20px;}
.latest{float: left;margin-right:10px; width: 300px; padding-right:10px;}
.latest h2{border-bottom: 1px solid #D5D5D5; font-family: 'Telex',sans-serif; font-size: 15px; height: 34px; line-height: 34px; margin-bottom: 10px; padding: 0; color: #06214B;}
.latest img{float: left; margin: 0 15px 15px 0;}
.latest div{clear:both;}
.sponsored1{border-right: medium none;vertical-align: top;width: 299px; float:right;}
.sponsored1 h2{border-bottom: 1px solid #D5D5D5; font-family: 'Telex',sans-serif; font-size: 15px; height: 34px; line-height: 34px; margin-bottom: 10px; padding: 0; color: #06214B;}	
.sponsored1 img{float: left; margin: 0 15px 15px 0;}
.sponsored1 div{clear:both;}

.right_spon {width:94%; float:left; padding:10px 3%; margin-top:20px;}
.right_spon .spon_home {padding:10px;}
.right_spon ul {width:44%; float:left; padding:0 3%; margin-right:0; margin-bottom:10px;}
.right_spon ul img {width:100%;}
.ad_title {padding-bottom:5px; color:#06214B;}
.ad_text {padding-top:5px;}
.ad_txt a {color:#505050; font-size:11px; float:right;}

.zone {border:none;}

/* section */
#se_blank {width:1000px; height:9px; display:block; clear:both; margin:0 auto;}
#se_tit {clear:both; height:58px; position:relative;}
#se_tit h3 {font:30px/36px 'OswaldBold', "Arial Black", Gadget, sans-serif; color:#ff0000; padding:5px 0 6px 0; text-transform:uppercase; letter-spacing:-0.01em; width:180px;}
#se_tit .news {/*background:url(../../../views/images/bg_tit_news.gif) no-repeat top left;*/}
#se_tit .pc-mac {background:url(http://images.mstarz.com/views/images/bg_tit_pcmac.gif) no-repeat top left;}
#se_tit .science {background:url(http://images.mstarz.com/views/images/bg_tit_science.gif) no-repeat top left;}
#se_tit .internet-sns {background:url(http://images.mstarz.com/views/images/bg_tit_internet.gif) no-repeat top left;}
#se_tit .software {background:url(http://images.mstarz.com/views/images/bg_tit_software.gif) no-repeat top left;}
#se_tit .web {background:url(http://images.mstarz.com/views/images/bg_tit_web.gif) no-repeat top left;}
#se_tit .whats-hot {background:url(http://images.mstarz.com/views/images/bg_tit_web.gif) no-repeat top left;}
#se_tit .social-media {background:url(http://images.mstarz.com/views/images/bg_tit_social.gif) no-repeat top left;}
#se_tit .tech-biz {background:url(http://images.mstarz.com/views/images/bg_tit_tech.gif) no-repeat top left;}
#se_tit .gadget {background:url(http://images.mstarz.com/views/images/bg_tit_gadzet.gif) no-repeat top left;}
#se_tit .game {background:url(http://images.mstarz.com/views/images/bg_tit_game.gif) no-repeat top left;}
#se_tit .security {background:url(http://images.mstarz.com/views/images/bg_tit_security.gif) no-repeat top left;}
#se_tit .blog {background:url(http://images.mstarz.com/views/images/bg_tit_blog.gif) no-repeat top left;}
#se_tit p {position:absolute; top:25px; right:5px; font-size:12px; letter-spacing:-0.05em; color:#909090; font-weight:bold;}
#se_tit p .on {color:#fa5654;}

.keyword_tit {clear:both; position:relative;}
.keyword_tit h3 {font:25px/28px 'Viga', sans-serif; letter-spacing:-0.03em; text-transform:uppercase; padding:5px 0 20px 42px; background:url(http://images.mstarz.com/views/images/ico_key.gif) no-repeat 0 2px;}
.keyword_tit p {position:absolute; top:12px; right:0; color:#666666;}
.keyword_page {border-bottom:#e7e8e8 1px solid; border-top:#e7e8e8 1px solid; padding:8px 0; clear:both; font-size:14px; color:#333333; margin-bottom:10px;}
.keyword_page dd {padding:2px 0;}
.keyword_page a {text-decoration:underline; color:#333333;}
.keyword_page a:hover {text-decoration:none;}
.keyword_search {clear:both;}
.keyword_search dd {float:left; margin-right:6px; padding:10px 0;}
.keyword_search .btn {background:#666666; color:#fff; text-align:center; padding:5px 8px; display:inline-block; cursor:pointer;}
.keyword_search a.btn:hover {background:#fa5654; color:#fff; text-align:center; padding:5px 8px; display:inline-block; text-decoration:none;}
.keyword_search .input {font-size:12px; color:#666666; padding:4px 5px; border:#cccccc 1px solid;}

#se_box {width:100%; float:left; clear:both;}
#se_box_l {width:29%; float:left;}
#se_box_r {width:68%; float:right;}
#se_box_l .box1 {clear:both; margin-bottom:8px;}
#se_box_l .box1 dt {font:19px/20px 'OswaldBold', "Arial Black", Gadget, sans-serif; color:#fff; background:#000; padding:5px 6px 3px; text-transform:uppercase; letter-spacing:-0.01em;}
#se_box_l .box1 .tit {font-size:16px; line-height:18px; letter-spacing:-0.05em; font-weight:bold; padding:10px 0;}
#se_box_l .box1 .txt {color:#666666; padding-bottom:10px;}
#se_box_l .box1 .txt a {color:#666666;}
#se_box_l .box1 .b_line {border-bottom:#d7d7d7 1px solid;}
#se_box_l .box1 .img {margin-bottom:10px;}
#se_box_l .box1 .img img {width:100%;}
#se_box_l .btit {font-family:'OswaldBold', "Arial Black", Gadget, sans-serif; font-size:24px; color:#fff; background:#000; line-height:28px; padding:0 6px; text-transform:uppercase; letter-spacing:-1px; width:120px;}
#se_box_l .btit2 {font:24px/28px'OswaldBold', "Arial Black", Gadget, sans-serif; color:#fff; background:#000; padding:0 6px; text-transform:uppercase; letter-spacing:-1px}
#se_box_l #box2 dl {border-bottom:#d7d7d7 1px solid; padding:12px 0 0;}
#se_box_l #box2 dt {padding:0 0 8px;}
#se_box_l #box2 .tit {font-size:16px; line-height:18px; letter-spacing:-0.05em; font-weight:bold; padding-bottom:8px;}
#se_box_l #box2 .tit2 {font-size:12px; letter-spacing: -0.03em; font-weight:bold; color: #0066CC; text-transform:uppercase; padding: 8px 0 10px;}
#se_box_l #box2 .txt {color:#666666; padding-bottom:8px;}
#se_box_l #box2 .txt a {color:#666666;}
#se_box_l #box2 .img {margin-bottom:8px;}
#se_box_l #box2 .img img {padding: 3px; background: #fff;}
#se_box_l #box2 .txt2 {background:url(http://images.mstarz.com/views/images/ico_dot.gif) no-repeat 0 10px; padding:0 0 8px -0; color:#666666; clear:both;}
#se_box_l #box2 .txt2 a {color:#666666;}
#se_box_l #box2 .img2 {margin-bottom:8px; margin-right:8px;}
#se_box_l #box2 .img2 img {background: #fff;}
#se_box_r .se_bttl {display:none;}
#se_box_r .box1 {border-bottom:#dbdbdb 1px solid; clear:both;}
#se_box_r .box1 dt {font:26px/30px 'OswaldBold', "Arial Black", Gadget, sans-serif; letter-spacing:-0.01em; padding-top:10px;}
#se_box_r .se_name {clear:both; padding:15px 0; font-weight:bold; color:#333333;}
#se_box_r .se_name a {color:#ff0000;}
#se_box_r .box1 .img {border-top:#000000 3px solid;}
#se_box_r .box1 .img img {width:100%;}
#se_box_r .box1 .txt1 {padding:20px 0 10px; font-size:14px; line-height:18px;}
.bk-socialbox {float:left; width:250px; margin-right:15px; margin-bottom:15px; clear:left;}
.bk-socialbox .bk-hd .ttl-lft p {color:#fff; padding:3px 10px!important; background:#ff5151; font-size:16px; font-weight:bold; text-align:center; margin-bottom:8px;}
.bk-socialbox .bk-bd li {float:left; width:25%; text-align:center; padding:0; margin:0;}
.bk-socialbox li, .bk-socialbox ul {list-style:none; padding:0; margin:0;}

.sec_list {width:100%; float:left; border-bottom:#e7e8e8 1px solid; padding:10px 0; clear:both;}
.sec_list .tit {font-size:20px; line-height:22px; letter-spacing:-0.05em; color:#666666; padding:3px 0;}
.sec_list .img {float:left; margin:0 17px 5px 0; padding-top:5px;}
.sec_list .t1 {font-size:11px; color:#666666;}

#btn_more a {clear:both; width:90%; margin:20px 5%; height:28px; display:block; padding-top:7px; border-bottom:#b9b9b9 1px solid; border-top:#dadada 1px solid; border-right:#b9b9b9 1px solid; border-left:#dadada 1px solid; color:#555555; text-align:center; font:17px/18px 'Viga', sans-serif; letter-spacing:-0.03em; text-shadow:1px 1px 1px #fff; filter:dropshadow(color=#fff, offx=1, offy=1);
background: #e6e6e6; /* Old browsers */
background:-moz-linear-gradient(top, #fbfbfb 0%, #e6e6e6 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbfbfb 0%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbfbfb 0%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(top,  #fbfbfb 0%,#e6e6e6 100%); /* W3C */
-webkit-box-shadow:0px 2px 1px 0 #e4e4e4;
-moz-box-shadow:0px 2px 1px 0 #e4e4e4;
box-shadow:0px 2px 1px 0 #e4e4e4;}
#btn_more a:hover {text-decoration:none; color:#999999; border-bottom:#cbcbcb 1px solid; border-top:#e4e4e4 1px solid; border-right:#cbcbcb 1px solid; border-left:#e4e4e4 1px solid;
background: #ececec; /* Old browsers */
background:-moz-linear-gradient(top, #fcfcfc 0%, #ececec 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#ececec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#ececec 100%); /* IE10+ */
background: linear-gradient(top,  #fcfcfc 0%,#ececec 100%); /* W3C */}
#btn_more2  {clear:both; margin-top:18px;}
#btn_more2 a {width:658px; height:28px; display:block; padding-top:7px; border-bottom:#b9b9b9 1px solid; border-top:#dadada 1px solid; border-right:#b9b9b9 1px solid; border-left:#dadada 1px solid; color:#555555; text-align:center; font:17px/18px 'Viga', sans-serif; letter-spacing:-0.03em; text-shadow:1px 1px 1px #fff; filter:dropshadow(color=#fff, offx=1, offy=1);
background: #e6e6e6; /* Old browsers */
background:-moz-linear-gradient(top, #fbfbfb 0%, #e6e6e6 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fbfbfb 0%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fbfbfb 0%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(top,  #fbfbfb 0%,#e6e6e6 100%); /* W3C */
-webkit-box-shadow:0px 2px 1px 0 #e4e4e4;
-moz-box-shadow:0px 2px 1px 0 #e4e4e4;
box-shadow:0px 2px 1px 0 #e4e4e4;}
#btn_more2 a:hover {text-decoration:none; color:#999999; border-bottom:#cbcbcb 1px solid; border-top:#e4e4e4 1px solid; border-right:#cbcbcb 1px solid; border-left:#e4e4e4 1px solid;
background: #ececec; /* Old browsers */
background:-moz-linear-gradient(top, #fcfcfc 0%, #ececec 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fcfcfc 0%,#ececec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fcfcfc 0%,#ececec 100%); /* IE10+ */
background: linear-gradient(top,  #fcfcfc 0%,#ececec 100%); /* W3C */}
#page_num {clear:both; text-align:center; font-weight:bold; margin:18px 0;}
#page_num a {border:#aaaaaa 1px solid; width:25px; height:20px; padding-top:4px; margin:0 1px; cursor:pointer; display:inline-block; color:#666666;
background: #ebebeb; /* Old browsers */
background:-moz-linear-gradient(top, #ebebeb 0%, #e0e0e0 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ebebeb 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ebebeb 0%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ebebeb 0%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(top,  #ebebeb 0%,#e0e0e0 100%); /* W3C */
-webkit-box-shadow:1px 2px 2px 0 #d7d7d7;
-moz-box-shadow:1px 2px 2px 0 #d7d7d7;
box-shadow:1px 2px 2px 0 #d7d7d7;}
#page_num a:hover {border:#cbcbcb 1px solid; text-decoration:none; color:#000; background: #fff;}
#page_num .current {border:#cbcbcb 1px solid; text-decoration:none; color:#000; background: #fff; /* Old browsers */}

.at_slide {height:40px; clear:both;}
.btn_slide {padding:6px 10px; display:inline-block; color:#fff; text-transform:uppercase; cursor:pointer; border:none; margin-left:8px; font-weight:bold;
ul.button_wp li a {color:#fff;}
background: #de2520; /* Old browsers */
background: -moz-linear-gradient(top,  #de2520 0%, #c83641 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#de2520), color-stop(100%,#c83641)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #de2520 0%,#c83641 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #de2520 0%,#c83641 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #de2520 0%,#c83641 100%); /* IE10+ */
background: linear-gradient(top,  #de2520 0%,#c83641 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de2520', endColorstr='#c83641',GradientType=0 ); /* IE6-9 */}
.btn_slide:hover {background:#3a3a3a;}
.slide_page {padding-top:5px; margin-left:8px;}

/* article */
#at_tit {font:27px/34px 'OswaldBold', "Arial Black", Gadget, sans-serif; letter-spacing:-0.01em; padding:5px 0;}
#at_name {clear:both; padding:15px 0; font-weight:bold; color:#333333;}
#at_name a {color:#ff0000;}
#at_tags {clear:both;}
#at_tags dd {float:left; margin-bottom:15px;}
#at_tags .tags {background:#ff5151; position:relative; font-weight:bold; padding:3px 5px; color:#fff;}
#at_tags .tags:before {content:""; position: absolute; left:100%; top:6px; width:0; height:0; border-top:4px solid transparent; border-left:6px solid #ff5151; border-bottom:4px solid transparent;}
#at_tags .t1 {color:#666666; padding:3px 0 0 10px;}
#at_tags .t1 a {color:#666666; text-decoration:underline;}
#at_box {clear:both; font-size:15px; line-height:21px; padding-bottom:0px}
#at_box p {padding:0 0 20px;}
#at_box p a {color:#3b59a8;}
#at_photo {margin:5px 0 20px;}
#at_photo p {clear:both;}
#at_photo .img img {border-top:#000000 3px solid; line-height:0;}
#at_photo .t1 {font-size:11px; line-height:14px; padding:7px 15px 10px; background:#333333; color:#999999;}
#at_box #tool {width:156px; float:left; margin:0 20px 15px 0; clear:both;}
#at_box #tool #related {border-top:#000000 2px solid; clear:both;}
#at_box #tool #related dt {font:16px/16px 'Viga', sans-serif; letter-spacing:-0.05em; text-transform:uppercase; padding:8px 0 10px;}
#at_box #tool #related .t1 {font-size:14px; line-height:16px; padding:4px 0 5px; font-weight:bold; letter-spacing:-0.05em;}
#at_box #tool #related .t1 a {color:#000;}
.at_copy {font-size: 11px; color: #666666; clear: both; padding:10px 0;}
.at_copy em {color:#000000; font-style:normal;}
#at_social {clear:both; position:relative; border-bottom:#dbdbdb 1px solid; border-top:#dbdbdb 1px solid; padding:10px 0;height:19px}
#at_social span {margin-right:15px;}
#at_social .option {position:absolute; top:10px; right:0;}
#at_social .email {width:19px; height:19px; display:inline-block; text-indent:-9999px; background:url(../../../views/images/ico_mail.gif) no-repeat top left; margin-right:6px;}
#at_social .print {width:19px; height:19px; display:inline-block; text-indent:-9999px; background:url(../../../views/images/ico_print.gif) no-repeat top left; margin-right:6px;}
#at_social .coment {height:18px; padding:1px 6px 0 24px; display:inline-block; background:#dbdbdb url(../../../views/images/ico_coment.gif) no-repeat top left;}
.slideshows, .show_nav2 { float: right; font-family: 'Viga',sans-serif; font-weight: normal; height: 30px; margin-bottom: 15px; text-transform: uppercase;}
.slideshows a, .show_nav2 a { background-color: #19A165; color: #FFFFFF;  font-size: 16px; padding: 3px 8px; text-decoration: none;}
.slideshows a:hover, .show_nav2 a:hover { background-color: #000000; color: #FFFFFF; text-decoration: none; }
.slideshows ul {position:relative;margin-left:-100px;}
.slideshows li { display: inline; float: left; margin-left: 15px; }
.slideshows li a { background-color:#d42d2f;}
#at_coment {clear:both; border-top:#000000 2px solid; clear:both; padding:12px 0 30px;}
#at_coment h3 {font:18px/20px 'Viga', sans-serif; letter-spacing:-0.03em; padding-bottom:20px;}
#at_coment #coment {clear:both;}

#at_box2 {width:660px; float:left; clear:both;}
#at_box2 dl {width:320px; float:left; margin-right:20px; margin-bottom:30px;}
#at_box2 dt {font:20px/22px 'Viga', sans-serif; letter-spacing:-0.03em; border-top:#000 3px solid; border-bottom:#dddddd 1px dotted; padding:8px 3px 8px; text-transform:uppercase;}
#at_box2 .t1 {width:320px; float:left; border-bottom:#dddddd 1px solid; padding:15px 0 12px; font:15px/18px 'Viga', sans-serif; letter-spacing:-0.03em; clear:both;}
#at_box2 .t1 img {float:left; margin-right:10px;}
#at_box2 .t2 {border-bottom:#dddddd 1px solid; padding:8px 0 12px; clear:both; font-weight:bold;}

/* newsletter */
.nw_cont {width:100%; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; padding:15px 20px; font:12px/15px Arial, Helvetica, sans-serif; background:url(../../../views/images/bg_foot.gif) repeat 0 0;}
.nw_cont .nw_txt {float:left; padding-top:5px; color:#444;}
.nw_cont .nw_form {float:right;}
.nw_cont .newsletters_form {height:25px; border:none; width:170px; padding:0 3px;}
.nw_cont .newsletters_btn {background-color:#545454; height:25px; color:#fff; padding:0 5px; border:none; cursor:pointer;}
.nw_cont .newsletters_btn:hover {background-color:#333;}
.nw_cont .nw_comment:before {border-bottom: 8px solid #EAEAEA; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: 100%; content: "";  height: 0; left: 30px; position: absolute; z-index:10;
width: 0;}
.nw_cont .nw_comment { background: none repeat scroll 0 0 #EAEAEA; border-radius: 6px 6px 6px 6px; clear: both; color: #777777; float: left; margin-top:5px; padding: 5px 10px; position: relative; width: 230px; font-size:12px;}

/* box_aticle */
.box_aticle {margin-top:20px;}
.box_aticle li {background:url(../../../views/images/dot_rac.gif) no-repeat 15px 5px; padding-left:30px; font-size:14px; color:#333; margin-bottom:13px;}
.box_aticle li a:hover {color:#ed1c24;}
.photo_gallery {padding:20px 0 10px 0; overflow:hidden; width:100%; clear:both;}
.photo_gallery img {width:100%;}
.photo_gallery ul li {float:left; width:33.3%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; position:relative;}
.photo_gallery .date {font-size:12px; font-style:italic; color:#666666; margin:8px 10px 3px;}
.photo_gallery .text {padding:0 10px 15px; font-size:14px; line-height:18px;}
a .browse_side {background:url(../../../views/images/video_small.png) no-repeat 0 0 ; height:34px; width:34px; position:absolute; top:0px; right:0px;}
a:hover .browse_side, p.vid_on {background:url(../../../views/images/video_small.png) no-repeat -34px 0; height:34px; width:34px; position:absolute; top:0px; right:0px; cursor:pointer;}
a .browse {background:url(../../../views/images/camera.png) no-repeat 0 0 ; height:34px; width:34px; position:absolute; top:0px; right:0px;}
a:hover .browse, p.gal_on {background:url(../../../views/images/camera.png) no-repeat -34px 0; height:34px; width:34px; position:absolute; top:0px; right:0px; cursor:pointer;}

/* artists */
.art_wp {width:100%; float:left;}
.b5_gray {border-top: 5px solid #373737;}
.art_title01 {width:100%; font:27px/30px 'OswaldBold',Arial,Gadget,sans-serif; letter-spacing:-0.01em; text-transform:uppercase; margin-top:15px; text-align:center; clear:both;}
.artist_box01 {width:100%; height:75px; border-top:5px solid #373737; clear:both;}
.artist_box01 .page {position:relative; width:100%; z-index:30;}
.artist_box01 .page .prev { position:absolute; left:0; top: -16px; width:47px; height:47px; text-indent:-9999px; background:url(../../../views/images/art_back.gif) no-repeat 0px 0px;}
.artist_box01 .page .prev:hover {background:url(../../../views/images/art_back.gif) no-repeat -47px 0 ; cursor:pointer;}
.artist_box01 .page .next { position:absolute; right:0; top: -16px; width:47px; height:47px; text-indent:-9999px; background:url(../../../views/images/art_next.gif) no-repeat -47px 0px;}
.artist_box01 .page .next:hover {background:url(../../../views/images/art_next.gif) no-repeat 0 0 ; cursor:pointer;}
.artist_box01 .p_see {text-align:center; margin-top: 25px;}
.artist_box01 .see {font-family:'OswaldBold',Arial,Gadget,sans-serif; background-color:#fff; text-align:center; font-size:17px; padding:3px 10px;}
.hot_art li {float:left; width:184px;}
.hot_art .title {margin-top:8px;}
.hot_art .title a {font-size:15px; text-align:center; color:#000000; line-height:16px; font-weight:bold;}
.artist_box02 { clear:both; padding:20px 0 10px; border-top:2px solid #b9b9b9; border-bottom:3px solid #373737;}
.art_title02  {clear:both; font:27px/30px 'OswaldBold',Arial,Gadget,sans-serif; text-transform:uppercase; letter-spacing:-0.01em; margin-top:5px;}
.search_box .form { border:2px solid #3b3b3b; padding:5px; width:180px; font-size:12px; color:#333;}
.search_box .form_btn { color:#fff; background-color:#3b3b3b; border:none; height:29px; line-height:29px; padding:0 5px; display:block; cursor:pointer;}
.pages {font-size:16px; line-height:24px; text-align:center; padding:7px 0; border-bottom:2px solid #b9b9b9; font-weight:bold;}
.pages a { padding:3px 7px; }
.pages a:hover {background-color:#ffde00;}
.pages .current {background-color:#ffde00;}
.artist_box03 { padding:20px 0; clear:both;}
.artist_box03 li {float:left; width:230px; margin-bottom:20px;}
.artist_box03 .title a {font-size:15px; line-height:16px; font-weight:bold;}
.artist_box03 .title a:hover {color:#e52726;}
.artist_box03 .view {text-transform:uppercase; font-size:10px; background:url(../../../views/images/arr_red.gif) no-repeat 68px 2px; margin-top:6px; letter-spacing:-0.05em;}
.artist_box03 .view a {color:#e52726;}
.artist_box03 .view a:hover {color:#000;}
.alpaphet {background:#e22623; font:22px/22px 'OswaldBold',"Arial",Gadget,sans-serif; padding:2px 12px; text-transform:uppercase; color:#FFFFFF;}
.p_alpaphet {clear:both; height:26px; border-bottom:2px solid #e22623;}
.w80 {width:80px;}

.artist_detail_f {float:left; width:320px; padding-top:10px;}
.artist_detail_r {float:right; width:610px; padding-top:10px;}
.artist_detail_f p {font-size:14px; line-height:20px; color:#000; margin-bottom:20px;}
.ln_box { border-bottom:1px solid #bbbbbb; padding:10px 0;}
.ln_box h3 {font-size:15px; font-weight:bold; margin-bottom:8px; text-transform:uppercase;}
.ln_box h3 a:hover {color:#ed1c24;}
.ln_box .text {font-size:14px; line-height:18px; color:#333;}
.tt_box {background-color:#f1f1f1; padding:10px; border-bottom:1px solid #fff;}

/* at_gallery */
.at_gallery {margin:55px 20px; }
.at_gallery ul li{float:left; }
.at_gallery .gallery img{border:3px solid #fff; margin:0 10px;}
.at_gallery .gallery img:hover {border:3px solid #ff0000;}
.pt35 { padding-top:35px;}