@import url("flexnav02.css");
@import url("fonts.css");

.main_articles article  .thumbnail .thumbvideo { width:360px; max-width:100%;max-height:380px; }

.main_header > .innercustom1 {  max-width: 1205px;}
.main_footer>.inner { border-top: none; max-width: 1185px;}

.main_section {
    max-width: 815px;
    width:100%;
}
.main_content>.inner {padding: 0 10px; max-width: 1185px;}
.main_side {
    width: 264px;
    margin-left: 55px;
}
.main_header>.inner .rightlink {padding-left:0px;}
.main_articles article   .articlecnt .namedatetime>span.mcmtcount, .main_articles article   .articlecnt .namedatetime>span.mzpoint {
display:inline;
}
.main_articles article .stylehalfgallery .thumbnail {margin-bottom:15px;}
.gadgets_category ul.category > li > div >a{
    font-size: 16px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.main_widebanner > .inner {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto;
  padding: 0px;
}
.main_widebanner {padding:0px;}

.bottom_gadgets .gadgets_engage .inner .engage-button, .main_banner .gadgets_engage .inner .engage-button {border-radius:0; background:none; padding:0;}

.main_articles article   .articlecnt .namedatetime>div.categoryout, .main_articles article   .articlecnt .namedatetime>span.categoryout span a:hover {text-decoration:none;}

.gadgets_category ul.category>li>ul.category2nd>li:hover{
 background:none;
 -o-transition: .5s;
 -ms-transition: .5s;
 -moz-transition: .5s;
 -webkit-transition: .5s;
 transition: .5s;
}
.gadgets_category ul.category>li>div:hover {
    background: none;
}

.main_articles article   .articlecnt .cnt { margin-bottom:36px;}
.main_articles article .articlecnt .cnt { margin-bottom:10px;}
#d-side-0 {margin-bottom: 45px;}

.main_content {padding: 49px 0 10px;}

header.main_header > .inner {
  padding-bottom: 0;
}
#ctl00_winHeaderLogo.leftfloat {
  float: none !important;
  margin: 0 auto;
  text-align: center;
}
header.main_header > .inner div.logo {
  padding-bottom: 0;
}
.main_header>.inner .logo img {
  margin-top: 15px;
  max-height: 83px;
}
header.main_header > .inner .rightlink {
  float: none !important;
  min-height: 46px;
}
header.main_header > .inner .rightlink .search .searchbox {
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
}
header.main_header > .inner .rightlink .search .login {
  display: none;
}
header.main_header > .inner .rightlink .search .searchbox input {
  width: 100% !important;
  max-width: 100%;
  border: none;
  background: #ffffff;
  font-size: 16px;
  /*font-family: 'Open Sans', sans-serif;*/
  padding: 6px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

header.main_header > .inner .snsicon {
  display: none;
}
#ctl00_winMainGnb {
  padding-top: 5px;
  padding-bottom: 10px;
}

.main_header .main_gnb #ctl00_lblTopMenu {
  max-width: 100%;
  overflow: visible;
}


/* Category */

.gadgets_category ul.category {
padding: 16px 0 16px 2px;
}
.gadgets_category ul.category>li>ul.category2nd { padding-left: 18px;}
.gadgets_category ul.category>li>ul.category2nd>li{
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.gadgets_category ul.category>li>ul.category2nd>li a{
-o-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}

input::-webkit-input-placeholder { /* WebKit browsers */
font-weight:300;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
font-weight:300;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
font-weight:300;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
font-weight:300;
}


/*responsive*/
@media screen and (max-width: 1172px)
{
.main_section {width: 780px;}
.main_articles article .stylehalfgallery .thumbnail {width: 280px;}
.main_articles article .stylehalfgallery .articlecnt {padding-left: 320px;}
}
@media screen and (max-width: 1137px){
.main_section {width: 760px;}
}
@media screen and (max-width: 1117px){
.main_section {width: 740px;}
}
@media screen and (max-width: 1097px){
.main_section {width: 720px;}
}
@media screen and (max-width: 1077px){
.main_section {width: 700px;}
.main_content>.inner .main_section h1, .main_content>.inner .main_section h2, .main_content>.inner .main_section h3, .main_content>.inner .main_section h4, .main_content>.inner .main_section h5, .main_content>.inner .main_section h6 {font-size: 31px ;}
.main_articles article .articlecnt .namedatetime {font-size: 14px;}
.main_articles article .articlecnt .cnt {font-size: 13px ;}
}
@media screen and (max-width: 1057px){
.main_section {width: 680px;}
.main_articles article .stylehalfgallery .thumbnail {/* width: 260px; */}
.main_articles article .stylehalfgallery .articlecnt {/* padding-left: 300px; */}
}
@media screen and (max-width: 1037px){
.main_section {width: 660px;}
}
@media screen and (max-width: 1024px){
select.tinynav {display:none;}
.menu-button {max-width: 544px;margin: 0 auto;}
#nav {max-width: 561px;z-index: 99999;  position: relative;}
.main_header .main_gnb ul.main_gnb_1st {width:100%;}
}
@media screen and (max-width: 1021px){
.main_section {width: 640px;}
}
@media screen and (max-width: 1001px){
.main_section {width: 620px;}
.main_content>.inner .main_section h1, .main_content>.inner .main_section h2, .main_content>.inner .main_section h3, .main_content>.inner .main_section h4, .main_content>.inner .main_section h5, .main_content>.inner .main_section h6 {font-size: 27px;}
.main_articles article .articlecnt .namedatetime {font-size: 13px;}
.main_articles article .articlecnt .cnt {font-size: 12px;}
.rdm {font-size: 13px;}
}
@media screen and (max-width: 981px){
.main_section {width: 600px;}
}
@media screen and (max-width: 961px){
.main_articles article .stylehalfgallery .thumbnail { width: 260px;}
.main_section {width: 580px;}
.main_articles article .stylehalfgallery .thumbnail img {width: 240px;}
.main_articles article .stylehalfgallery .articlecnt {padding-left: 280px;}
}
@media screen and (max-width: 960px){
.main_header > .innercustom1 .logoout {position: relative; z-index:99;}
}
@media screen and (max-width: 941px){
.main_section {width: 560px;}
.main_content>.inner .main_section h1, .main_content>.inner .main_section h2, .main_content>.inner .main_section h3, .main_content>.inner .main_section h4, .main_content>.inner .main_section h5, .main_content>.inner .main_section h6 {font-size: 23px;}
.main_articles article .articlecnt .namedatetime {font-size: 11px;}
.main_articles article .articlecnt .cnt {font-size: 11px;}
.rdm {font-size: 12px;}
}
@media screen and (max-width: 921px){
.main_section {width: 540px;}
}
@media screen and (max-width: 901px){
.main_section {width: 520px;}
.main_articles article .stylehalfgallery .thumbnail {width: 220px;}
.main_articles article .stylehalfgallery .articlecnt {padding-left: 260px;}
}
@media screen and (max-width: 881px){
.main_section {width: 500px;}
}
@media screen and (max-width: 861px){
.main_section {width: 480px;}
.main_articles article .stylehalfgallery .thumbnail {width: 211px;}
.main_articles article .stylehalfgallery .articlecnt {padding-left: 240px;}
}
@media screen and (max-width: 841px){
.main_section {width: 460px;}
}
@media screen and (max-width: 821px){
.main_section {width: 440px;}
.main_articles article .stylehalfgallery .thumbnail img {/* width: 180px; */}
.main_articles article .stylehalfgallery .articlecnt {padding-left: 220px;}
}
@media screen and (max-width: 801px){
//.main_section {width: 420px;}
//.main_articles article .stylehalfgallery .thumbnail img {width: 160px;}
//.main_articles article .stylehalfgallery .articlecnt {padding-left: 200px;}
}
@media screen and (max-width: 799px){
.main_content>.inner .main_section h1, .main_content>.inner .main_section h2, .main_content>.inner .main_section h3, .main_content>.inner .main_section h4, .main_content>.inner .main_section h5, .main_content>.inner .main_section h6 {width:100%;}
.main_articles article .stylehalfgallery {margin-left:0;}
.main_articles article .articlecnt h1 a, .main_articles article .articlecnt h2 a {  font-size: 26px;}
.main_articles article .articlecnt .namedatetime, .main_articles article .articlecnt .cnt {font-size: 14px;}
.main_articles article .stylehalfgallery .thumbnail {width:35%;  margin: 0px 0px 15px 0px; float: left;}
.main_articles article .stylehalfgallery .thumbnail img{width: 100%;}
.main_articles article .stylehalfgallery .articlecnt {padding-left: 39%;}
.main_section {width: 100%;}
.main_side {margin-left:0;}
.main_banner .gadgets_engage .inner .engage-button .eb > div {float: left;padding-right: 0;}
.main_side {  text-align: center;  width: 264px; margin: 20px auto 0 auto;}
.main_footer {text-align:center;}
.powered {margin-top:0px; width: 100%; text-align: center;}
#feedContainer .rssthumbnailimage {text-align: center;width: auto !important;}
.custom_footer ul.menu_bottom li {height: auto !important; width: 100%;line-height: 25px !important;border-right: none !important;}
}
@media screen and (max-width: 640px) {#nav{display:block;}}
@media screen and (max-width: 639px)
{
header.main_header > .inner .rightlink .search {margin-top:0px;  padding-top: 0px;}
#ctl00_btnSearch { margin-top: 10px;top: 0px;}
/*header.main_header > .inner .rightlink {margin-top:112px;}*/
.main_header > .inner .rightlink .bsearchbox, .main_header > .inner .rightlink .searchbutton { display:block; }
.main_header > .inner .rightlink .searchbuttonbox { display:none; }
.main_header > .inner .rightlink .search { float:none; }
.main_header > .inner .searchbox { float:none; }
.main_header > .inner .rightlink .bsearchbox { position:static; max-width:100%; }
header.main_header > .inner .rightlink .search .searchbox { max-width:100%; }
.main_header > .inner .rightlink .searchbutton { position:static;}
.main_footer>.inner .areaBottomText .bmsp {display:inline;}
#ctl00_lblBottomText .row1 {width: 90%;margin-left:0px;}
#ctl00_lblBottomText .row2 {margin-left:0px; margin-top:0px;}
}
@media screen and (max-width: 520px){
.engage-button .button { width: 97% !important; margin: 0 auto;}
}
@media screen and (max-width: 420px){
.main_content {padding-top:31px;}
.main_articles article .articlecnt h1 a, .main_articles article .articlecnt h2 a {font-size: 22px;}
.main_articles article .articlecnt .namedatetime, .main_articles article .articlecnt .cnt {font-size: 12px !important;}
.main_articles article .stylehalfgallery .thumbnail {width: 100% !important;}
.main_articles article .stylehalfgallery .thumbnail img {/* width: 100% !important; */float: none;margin: 0 auto;}
.main_articles article .stylehalfgallery .articlecnt {padding-left:0 !important; margin-top:15px;}
}
@media screen and (max-width: 350px){
.clbacktohome { font-size: 11px; padding: 2px 5px;}
}



/*Popular Posts*/
.popular_post h2 {
  /*font-family: 'Open Sans', sans-serif;*/
  text-transform: capitalize;
  font-size: 22px;
  color: #333333;
  margin-bottom: 15px;
}
.popular_post #feedContainer article {
  padding-bottom: 20px;
}
.popular_post #feedContainer .rssthumbnailimage {
  position: relative;
  width: 75px;
  height: 75px;
  margin-bottom: 10px;
}
.popular_post #feedContainer .rssthumbnailimage .thumbvideoimg1 {
  margin-top: -37px;
  margin-left: -37px;
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 2;
}
.popular_post #feedContainer .rssthumbnailimage img {
  width: 75px;
  max-height: 75px;
  height: auto;
}
.popular_post #feedContainer .rssthumbnailimage .thumbvideoimg2 {
  position: relative;
  z-index: 1;
}
.popular_post #feedContainer h3 a {
  /*font-family: 'Open Sans', sans-serif;*/
  color: #333333;
  background: none;
  text-decoration: none;
  font-size: 16px;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}
.popular_post #feedContainer h3 a:hover{}

/*Category*/
.gadgets_category ul.category > li{border-bottom: solid 1px #c2c4c8;}
.gadgets_category ul.category > li > div >a:hover {
    background:none;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.gadgets_category ul.category>li>ul.category2nd>li a:hover {background:none; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.gadgets.gadgets_category h2 {
  text-transform: capitalize;
  font-size: 22px;
  color: #333333;
}
.category ul li > div:hover {
  background:none;
}
.rdm {
  text-decoration: none;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  color: #666;
  font-style: italic;
}
.rdm:hover {
  text-decoration: none;
}

/* custom footer with social media*/
.custom_footer .social_media a:hover {text-decoration:none;}
.custom_footer ul.menu_bottom {
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  display:table;
}
.custom_footer ul.menu_bottom li {float:left;  border-right: 1px solid #ffffff;height: 11px;line-height: 2px;}
.custom_footer ul.menu_bottom li a {color:#ffffff; text-decoration:none; font-size: 16px; padding: 0 33px; display: block; margin-top:4px;-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.lastmenu {border-right:none !important;}
.custom_footer ul.menu_bottom > li:last-of-type {border-right:none;}
.main_footer>.inner .powered, .main_footer>.inner .powered a {color:#ffffff;}

.custom_footer .social_media a {-o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.custom_footer .social_media {margin: 33px auto 5px; display: table; width: auto;}
.custom_footer .social_media > a:first-of-type { /*background:#ffffff;*/ display: block; float: left; border-radius: 50%; width: 39px; height: 39px; text-align: center;text-decoration:none;}
.custom_footer .social_media > a:first-of-type i { /*font-size: 25px; margin-top: 8px; */ display:block;text-decoration:none;}
.custom_footer .social_media > a:first-of-type i:hover {text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(2) { /*background:#ffffff;*/ display: block; float: left; border-radius: 50%; width: 39px; height: 39px; text-align: center; margin-left:42px;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(2) i { /*font-size: 25px; margin-top: 9px; */ display:block;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(2) i:hover {text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(3) { /*background:#ffffff;*/ display: block; float: left; border-radius: 50%; width: 39px; height: 39px; text-align: center; margin-left:42px;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(3) i { /*font-size: 25px; margin-top: 9px; */ display:block;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(3) i:hover {text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(4) { /*background:#ffffff;*/ display: block; float: left; border-radius: 50%; width: 39px; height: 39px; text-align: center; margin-left:42px;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(4) i { /*font-size: 25px; margin-top: 9px; */ display:block;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(4) i:hover {text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(5) { /*background:#ffffff;*/ display: block; float: left; border-radius: 50%; width: 39px; height: 39px; text-align: center; margin-left:42px;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(5) i { /*font-size: 25px; margin-top: 9px; */ display:block;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(5) i:hover {text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(6) { /*background:#ffffff;*/ display: block; float: left; border-radius: 50%; width: 39px; height: 39px; text-align: center; margin-left:42px;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(6) i { /*font-size: 25px; margin-top: 9px; */ display:block;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(6) i:hover {text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(7) { /*background:#ffffff;*/ display: block; float: left; border-radius: 50%; width: 39px; height: 39px; text-align: center; margin-left:42px;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(7) i { /*font-size: 25px; margin-top: 9px; */ display:block;text-decoration:none;}
.custom_footer .social_media > a:nth-of-type(7) i:hover {text-decoration:none;}

@-webkit-keyframes rotate {
  100% { -webkit-transform: rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); -ms-transform:rotate(360deg); }
}
@-moz-keyframes rotate {
  100% { -webkit-transform: rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); -ms-transform:rotate(360deg); }
}
@-o-keyframes rotate {
  100% { -webkit-transform: rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); -ms-transform:rotate(360deg); }
}
@-ms-keyframes rotate {
  100% { -webkit-transform: rotate(360deg);-moz-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); -ms-transform:rotate(360deg); }
}
.animation-rotate {
    -webkit-animation-name: rotate; -moz-animation-name: rotate; -o-animation-name: rotate; -ms-animation-name: rotate; animation-name: rotate; 
    -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; -ms-animation-duration: .5s; 
    -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite;
    -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; -ms-transition-timing-function: linear; transition-timing-function: linear;
    -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1;-o-animation-iteration-count: 1;-ms-animation-iteration-count: 1; animation-iteration-count: 1;
}

/*Share Your Knowledge Button*/
.main_side .gadgets_engage .inner .engage-button { border-radius:0; background:none; padding:0; }
.bottom_gadgets .gadgets_engage .inner .engage-button .writebuttonm, .main_banner .gadgets_engage .inner .engage-button .writebuttonm, .main_side .gadgets_engage .inner .engage-button .writebuttonm { -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; /*background-color:#5e5e5e;*/ box-shadow:none; margin:0; color:#ffffff; border-radius:0; }
.bottom_gadgets .gadgets_engage .inner .engage-button .writebuttonm:hover, .main_banner .gadgets_engage .inner .engage-button .writebuttonm:hover, .main_side .gadgets_engage .inner .engage-button .writebuttonm:hover { /*background:#2976aa;*/ text-decoration:none; }
.bottom_gadgets .gadgets_engage .inner .engage-button, .main_banner .gadgets_engage .inner .engage-button {border-radius:0; background:none; padding:0;}
.rdm {font-size:14px;}

/*Back To Home Button*/
.backtohometop .clbacktohome{
  padding: 3px 8px;
  /*background: #b91d14;*/
  color: #ffffff;
  margin-top: 7px;
  font-weight: bold;
}
.backtohometop .clbacktohome a, .backtohometop .clbacktohome a:hover { color: #ffffff;}

/*Articles*/
.main_articles article .articlecnt h1 a, .main_articles article .articlecnt h2 a {
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  font-weight: 600;
  color:#000000;
}
.main_articles article .articlecnt h1 a, .main_articles article .articlecnt h2 a:hover {
  text-decoration:none;
  /*color:#b91d14;*/
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}
.main_articles article .articlecnt .namedatetime>span a{
  color:#5e5e5e;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
}
.main_articles article .articlecnt .namedatetime>span a:hover{
    /*color:#b91d14;*/
    text-decoration:none !important;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.main_footer>.inner .copyright {width:100%;}
.google_map p{text-align: center;}
#menu a {-o-transition: .5s;  -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
.signup a {text-decoration:none; -o-transition: .5s;  -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}