html {font-size:62.5%; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');



* { -webkit-box-sizing: border-box; box-sizing: border-box;}

body { margin:0; padding:0; border: 0; background : #f3f3f3; color: #222; font-size: 1.3rem; font-family: Roboto, Sans-Serif, Arial, Tahoma;}

.material_block { background: #fff; border-radius: 8px; display: inline-block; border:1px solid #e7e7e7;}

#player-position span {width: 20%!important; height: 4px!important; margin:0px!important; border-radius: 0%!important;}

.short_load_photo {margin-right: 20px; float:left; position: relative; background-position: 50% 50%; background-size: cover;}

.featured-image-caption {float: left; width: 100%; padding: 10px 0; line-height: 1.8rem; font-size: 1.2rem; color: #444; font-weight: 400; text-align: right!important; border-bottom:1px solid #eee;}

.featured-image-caption a {font-weight:bold!important; color:#000!important;}

/******************** 1260 & UP ********************/

@media screen and (min-width: 1281px) {

#container {width:100%; margin: 0 auto; position: relative; padding-top: 80px; display: block;}
#content_main, #content_market { margin: 0 auto; max-width: 1260px; width:100%;}
#content {margin: 0 auto; padding: 0px 20px; display: inline-block; float: none; position: relative; width: 100%;}

.grid, .grid-market { width: 100%; padding: 0px;  margin: 0 auto; position: relative; display: block;}
.grid-sizer,.grid-item, .grid-market-sizer { width: 1px;}
.grid:after {content: ''; display: block; clear: both;}

.grid-item--width2, .grid-item--width3, .grid-item--width6, .grid-item--width7 { width: 378px;  display: inline-block; margin-left:30px; float: right;}
.grid-item--width1, .grid-item--width4, .grid-item--width5 {width: 810px;  display: inline-block; float:left;}
    
.grid-market-item {display:inline-block; width:390px; margin:10px 15px 0px 15px;}
.grid-market-item-2 {display:inline-block; width:810px; margin:10px 15px 0px 15px;}       

.top_row {height: 80px;}
#top_menu, {height: 80px; width: 80px;}
#top_menu i { font-size:2.2rem;  line-height: 8.0rem; width: 80px; height: 80px;}

#top_menu_close i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_close {height: 80px; width: 100%;}

.langbar {float: right; line-height:8.0rem; color:#fff; margin-right: 24px; font-size:1.5rem; font-weight: normal;}
.langbar a {display:inline-block; line-height:8.0rem; color: #fff!important; padding:0 6px; font-size:1.5rem; font-weight: normal; text-decoration: none!important;}

#social_inner {top: 95px;}

#top_bread {display: block;}
#top_bread2 {display: none;}

.bread_min {  float: left; width: 100%; margin: 10px 0 0 0; display: block; color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; letter-spacing: 0.05rem;}
.bread_min a { color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; display: block; letter-spacing: 0.05rem;}


#top_logo {height: 80px; width: 80px;}
#top_logo_pnt {top: 79px; left: 28px;}

#top_more, #top_lang, #top_search, #top_market {height: 80px; width: 80px;}
#top_search i, #top_more i, #lang_close i, #top_lang i, #top_market i { font-size:2.2rem; width: 80px; line-height:8.0rem;}
#lang_close, #lang_1, #lang_2 {height: 80px; width: 80px; display:inline-block; float:right; line-height:8.0rem; color: #fff; text-align:center; font-size:1.4rem;}

.ttp-3:before {left:-2px;} 
    
#top_banner {padding: 50px 0px 50px 0px;}

.box_com {font-size: 1.4rem}

#top_menu_holder{padding-top:80px!important;}
.footer_lnks a {padding: 16px 0px; font-size: 1.6rem;}
.first_top {padding-top: 20px!important;}

#search_holder {width: 100%; height: 80px;}
.header_search {height: 80px;}
.search_input{ height: 80px; width: 100%; font-size: 3.2rem!important; line-height: 6.0rem;}
.s_input { height: 80px; width: 100%; padding:0px 80px; font-size: 3.2rem!important; line-height: 6.0rem; display: inline-block; position: absolute; top:0; left:0;}

.schb input { width: 80px!important; height: 80px!important;}
.schb { width: 80px; height: 80px!important;}

#search_close, #lang_close {width: 80px; height: 80px;}
#search_close i, #lang_close i, .schb i {width: 80px; line-height: 8.0rem; font-size: 2.2rem;}

.left_box_title span {float: right; display: block; font-size: 1.8rem; line-height: 4.0rem;}
.left_box_title span a, .left_box_title span a i {color: #ccc;  line-height:4.0rem;}
.left_box_title span a:hover {color: #369;}

.footer {padding: 30px 20px 0px 20px;}
#footer_sub_lnks{display: inline-block;}

.tagcl {display: block;}
.footer_info {margin-bottom: 30px;}

.short {padding: 15px 0;}

.short_load_photo {display:block; width: 25%;}
 
    
.short_holder_load {float: left; width:65%;}
.short_holder_load a {font-size: 1.8rem; line-height: 2.6rem;}

#top_banner_inner {max-width: 1260px; margin:0 auto; padding: 0px 20px}
#bottom_line {position:fixed;bottom:0;width:100%;}
#bottom_line_inner {max-width: 940px; margin:0 auto; padding: 0px 20px}
#bottom_line i {font-size:32px; color:#fff; position: absolute; top: 5px; right: 23px;}

#latest_home, #lrahos, #fbcomment { width: 100%; position: relative; padding: 40px;}

#latest_home, #lrahos, #fbcomment, .right_box, .left_box, .cat-headlines, .cat-headlines-tag, #headline, .bannerB, .bannerC, .bannerC1 > div > div {margin-bottom: 30px;}

.story_stamp {float: left; width: 100%; padding: 35px 0px 0px 0px; line-height: 4.2rem; letter-spacing: 0.1rem; font-size: 2.4rem; color: #369;  font-weight: normal;}
#article_body h1, #article_body h2, #article_body h3, #article_body h4, #article_body h5, #article_body H6, #article_body p, #article_body ul, #article_body ol, #article_body table 
{margin:0; padding:0 0 20px 0px; text-align:left;}
#article_body, .bottom_txt, .bottom_txt a {font-size:1.5rem; line-height: 2.0rem;}
.bottom_txt {padding-bottom:30px;} .ads-margin{margin-top:30px;}
h1.page_title {font-size:3.6rem; line-height: 4.8rem; float: left; width: 100%; margin:20px 0px 35px 0px;}
h2.article_title {font-size:2.0rem; width: 95%; line-height: 2.8rem; font-weight:normal; margin-bottom: 15px;}

.artag {margin-top:30px;}
.artag a {letter-spacing: 0.05rem; font-size: 1.5rem; line-height:2.7rem; padding: 4px 8px;}

.cat-headlines {width: 100%;}

#category_headlines .cat-headlines-holder:nth-of-type(3n+1) {float: left; padding-right:30px; width:280px;}
#category_headlines .cat-headlines-holder:nth-of-type(3n+2) {float: left; padding-right:30px; width:280px;}
#category_headlines .cat-headlines-holder:nth-of-type(3n) {float: right; width:250px;}

.cat-tit {float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; height: 130px; overflow: hidden; margin: 10px 0px;}
.cat-tag-tit {float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}

#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 40px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px; border-top: 1px solid #ddd;}


.headline_pnt {bottom: 0px;}
#headline .player_pos {bottom: 94px;}
.box_headline_container { width: 100%; padding-bottom:calc(60% + 100px);}
.himage_caption { bottom: -99px; height: 77px; overflow: hidden;}
.headline_text {height: 100px;}
#player-position {position: absolute; bottom:82px!important;}

.bannerdesktop, .banner1260 {display: block;}
.bannermobile, .banner1024, .banner800, .banner640, .banner320 {display: none;}
   

.fb-share-button {float: right; position:relative!important;height:28px;}
.fb-share-button span{position:absolute!important;top:6px;right:0;}

.clang {float:right; line-height: 8.0rem; color: #fff; font-size: 1.4rem; letter-spacing: 2px;}
.clang a, .clang a:link, .clang a:visited, .clang a:hover {color: #ffffff; font-size: 1.4rem;line-height: 8.0rem; padding: 0px 17px; display:block;}
}


/******************** FROM 1024 TO 1260 ********************/
@media screen and (min-width: 1024px) and (max-width: 1280px) {

#container {width:100%; margin: 0 auto; position: relative; padding-top: 80px; display: block;}
#content_main, #content_market { margin: 0 auto; max-width: 1004px; width:100%;}
#content {margin: 0 auto; padding: 0px 20px; display: inline-block; float: none; position: relative; width: 100%;}

.grid, .grid-market { width: 100%; padding: 0px;  margin: 0 auto; position: relative; display: block;}
.grid-sizer,.grid-item,.grid-market-sizer { width: 1px;}
.grid:after {content: ''; display: block; clear: both;}

.grid-item--width2, .grid-item--width3, .grid-item--width6, .grid-item--width7 { width: 328px; margin-left: 30px; float: right;}
.grid-item--width1, .grid-item--width4, .grid-item--width5 {width: 600px; float: left;}

.grid-market-item {display:inline-block; width:314px; margin:0px 10px 0px 10px;}
.grid-market-item-2 {display:inline-block; width:648px; margin:0px 10px 0px 10px;}    

.top_row {height: 80px;}
#top_menu, {height: 80px; width: 80px;}
#top_menu i { font-size:2.2rem;  line-height: 8.0rem; width: 80px; height: 80px;}

#top_menu_close i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_close {height: 80px; width: 100%;}

.langbar {float: right; line-height:8.0rem; color:#fff; margin-right: 24px; font-size:1.5rem; font-weight: normal;}
.langbar a {display:inline-block; line-height:8.0rem; color: #fff!important; padding:0 6px; font-size:1.5rem; font-weight: normal; text-decoration: none!important;}

#social_inner {top: 95px;}

#top_bread {display: block;}
#top_bread2 {display: none;}

.bread_min {  float: left; width: 100%; margin: 10px 0 0 0; display: block; color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; letter-spacing: 0.05rem;}
.bread_min a { color: #000b24; font-weight: normal; font-size: 2.0rem; line-height: 3.8rem; display: block; letter-spacing: 0.05rem;}


#top_logo {height: 80px; width: 80px;}
#top_logo_pnt {top: 79px; left: 28px;}

#top_more, #top_lang, #top_search, #top_market {height: 80px; width: 60px;}
#top_search i, #top_more i, #top_lang i, #top_market i { font-size:2.0rem; width: 60px; line-height:8.0rem;}
#lang_close, #lang_1, #lang_2 {height: 80px; width: 80px; display:inline-block; float:right; line-height:8.0rem; color: #fff; text-align:center; font-size:1.4rem;}
    
.ttp-3:before {left:-12px;}     

#top_banner {padding: 50px 0px 50px 0px;}

.box_com {font-size: 1.4rem}

#top_menu_holder{padding-top:80px!important;}
.footer_lnks a {padding: 16px 0px; font-size: 1.6rem;}
.first_top {padding-top: 20px!important;}

#search_holder {width: 100%; height: 80px;}
.header_search {height: 80px;}
.search_input{ height: 80px; width: 100%; font-size: 3.2rem!important; line-height: 6.0rem;}
.s_input { height: 80px; width: 100%; padding:0px 80px; font-size: 3.2rem!important; line-height: 6.0rem; display: inline-block; position: absolute; top:0; left:0;}

.schb input { width: 80px!important; height: 80px!important;}
.schb { width: 80px; height: 80px!important;}

#search_close, #lang_close {width: 80px; height: 80px;}
#search_close i, #lang_close i, .schb i {width: 80px; line-height: 8.0rem; font-size: 2.2rem;}

.left_box_title span {float: right; display: block; font-size: 1.8rem; line-height: 4.0rem;}
.left_box_title span a, .left_box_title span a i {color: #ccc;  line-height:4.0rem;}
.left_box_title span a:hover {color: #369;}

#footer_sub_lnks{display: inline-block;}
.footer {padding: 30px 20px 0px 20px;}
.tagcl {display: block;}
.footer_info {margin-bottom: 30px;}


.short {padding: 15px 0;}
.short_load_photo {display:block; width: 25%;}

.short_holder_load {float: left; width:65%;}
.short_holder_load a {font-size: 1.8rem; line-height: 2.6rem;}

#top_banner_inner {max-width: 1000px; margin:0 auto; padding: 0px 20px}
#bottom_line {position:fixed; bottom:0; width:100%;}
#bottom_line_inner {max-width: 900px; margin:0 auto;}
#bottom_line i {font-size:32px; color:#fff; position: absolute; top: 5px; right: 3px;}

#top_banner_inner {max-width: 1000px; margin:0 auto; padding: 0px 20px}

#latest_home, #lrahos, #fbcomment { width: 100%; position: relative; padding: 40px;}

#latest_home, #lrahos, #fbcomment, .right_box, .left_box, .cat-headlines, .cat-headlines-tag, #headline, .bannerB, .bannerC, .bannerC1 > div > div {margin-bottom: 30px;}


.story_stamp {float: left; width: 100%; padding: 35px 0px 0px 0px; line-height: 4.2rem; letter-spacing: 0.1rem; font-size: 2.4rem; color: #369;  font-weight: normal;}
#article_body h1, #article_body h2, #article_body h3, #article_body h4, #article_body h5, #article_body H6, #article_body p, #article_body ul, #article_body ol, #article_body table 
{margin:0; padding:0 0 20px 0px; text-align:left;}
#article_body, .bottom_txt, .bottom_txt a {font-size:1.5rem; line-height: 2.0rem;}
.bottom_txt {padding-bottom:30px;} .ads-margin{margin-top:30px;}   
h1.page_title {font-size:3.6rem; line-height: 4.8rem; float: left; width: 100%; margin:20px 0px 35px 0px;}
h2.article_title {font-size:2.0rem; width: 95%; line-height: 2.8rem; font-weight:normal; margin-bottom: 15px;}

.artag {margin-top:30px;}
.artag a {letter-spacing: 0.05rem; font-size: 1.5rem; line-height:2.7rem; padding: 4px 8px;}

.cat-headlines-holder{width: 50%;}
.cat-headlines {width: 100%;}

#category_headlines .cat-headlines-holder:nth-of-type(even) {float:right; padding-left:15px;}
#category_headlines .cat-headlines-holder:nth-of-type(odd) { float:left;  padding-right:15px;}


.cat-tit { float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; height: 130px; overflow: hidden; margin: 10px 0px;}
.cat-tag-tit {float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}


.blocks_1 {width: 50%; float: left; display: inline-block; padding-right:15px;}
.blocks_2 {width: 50%; float: right; display: inline-block; padding-left:15px;}


#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 40px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px; border-top: 1px solid #ddd;}


.headline_pnt {bottom: 0px;}
#headline .player_pos {bottom: 94px;}
.box_headline_container { width: 100%; padding-bottom:calc(60% + 100px);}
.himage_caption { bottom: -99px; height: 77px; overflow: hidden;}
.headline_text {height: 100px;}
#player-position {position: absolute; bottom:82px!important;}


.bannerdesktop, .banner1024 {display: block;}
.bannermobile, .banner1260, .banner800, .banner640, .banner320 {display: none;}


.fb-share-button {float: right; position:relative!important;height:28px;}
.fb-share-button span{position:absolute!important;top:6px;right:0;}

.clang {float:right; line-height: 8.0rem; color: #fff; font-size: 1.4rem; letter-spacing: 2px;}
.clang a, .clang a:link, .clang a:visited, .clang a:hover {color: #ffffff; font-size: 1.4rem;line-height: 8.0rem; padding: 0px 17px; display:block;}
}


/******************** FROM 800 TO 1024 ********************/

@media screen and (min-width: 800px) and (max-width: 1023px)  {


#container {width:100%; margin: 0 auto; position: relative; padding-top: 80px; display: block;}
#content_main { margin: 0 auto; min-width: 780px; max-width: 950px; width:100%;}
#content_market { margin: 0 auto; max-width: 780px; width:100%;}    
#content {margin: 0 auto; padding: 0px 15px; display: inline-block; float: none; position: relative; width: 100%;}

.grid, .grid-market { width: 100%; padding: 0px;  margin: 0 auto; position: relative; display: block;}
.grid-sizer,.grid-item,.grid-market-sizer { width: 1px;}
.grid:after {content: ''; display: block; clear: both;}

.grid-item--width2, .grid-item--width3, .grid-item--width6, .grid-item--width7 {width: 44%;  padding-left:20px; float: right;}
.grid-item--width5 {display: none;}
.grid-item--width1, .grid-item--width4 {width: 56%; float:left;}
    
.grid-market-item, .grid-market-item-2 {display:inline-block; width:370px; margin:0px 10px;}        

.top_row {height: 80px;}
.box_com {font-size: 1.3rem}

#social_inner {top: 95px;}

#top_bread {display: none;}


#top_bread2 {margin-bottom: 30px; padding: 0px 0px 10px 0px; width: 100%; border-bottom: 1px dotted #024; display: inline-block;}
#top_bread2 .bread_head { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
#top_bread2 .bread_head a { color: #024; font-weight: normal; font-size: 2.2rem; display: block;}
#top_bread2 .bread_head a span { color: #024; font-size: 2.2rem; line-height: 3.0rem; font-weight: normal; }

.bread_min { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
.bread_min a { color: #024; font-weight: normal; font-size: 2.2rem; display: block;}

.article_page #top_bread2 {padding: 0px 0px 15px 0px; width: 100%; display: inline-block; margin:0; border:0;}

#top_menu, {height: 80px; width: 80px;}
#top_menu i{ font-size:2.2rem;  line-height: 8.0rem; width: 80px;}

#top_menu_close i { font-size:2.2rem;  line-height: 8.0rem; margin-left:20px; height: 80px; float:left;}
#top_menu_close {height: 80px; width: 100%;}

.langbar {float: right; line-height:8.0rem; color:#fff; margin-right: 24px; font-size:1.5rem; font-weight: normal;}
.langbar a {display:inline-block; line-height:8.0rem; color: #fff!important; padding:0 6px; font-size:1.5rem; font-weight: normal; text-decoration: none!important;}


#top_logo {height: 80px; width: 80px;}
#top_logo_pnt {top: 79px; left: 28px;}

#top_more, #top_lang, #top_search, #top_market {height: 80px; width: 80px;}
#top_search i, #top_more i, #top_lang i, #top_market i { font-size:2.2rem; width: 80px; line-height:8.0rem;}
#lang_close, #lang_1, #lang_2 {height: 80px; width: 80px; display:inline-block; float:right; line-height:8.0rem; color: #fff; text-align:center; font-size:1.4rem;}
    
.ttp-3:before {left: -2px;}    
    
#top_banner {padding: 40px 0px 40px 0px; max-width: 950px;}

.left_box_title span {display: none;}

#top_menu_holder{padding-top:80px!important;}
.footer_lnks a {padding: 16px 0px; font-size: 1.6rem;}
.first_top {padding-top: 20px!important;}


#search_holder {width: 100%; height: 80px;}
.header_search {height: 80px;}
.search_input{ height: 80px; width: 100%; font-size: 3.2rem!important; line-height: 6.0rem;}
.s_input { height: 80px; width: 100%; padding:0px 80px; font-size: 3.2rem!important; line-height: 6.0rem; display: inline-block; position: absolute; top:0; left:0;}

.schb input { width: 80px!important; height: 80px!important;}
.schb { width: 80px; height: 80px!important;}

#search_close, #lang_close {width: 80px; height: 80px;}
#search_close i, #lang_close i, .schb i {width: 80px; line-height: 8.0rem; font-size: 2.2rem;}


.footer {padding: 15px;}
#footer_sub_lnks{ display: none;}
.tagcl {display: none;}
.footer_info {margin-bottom: 0px}

.short {padding: 15px 0;}
.short_load_photo {display:block; width: 100%;margin-bottom:30px}

.short_holder_load {float: left; width:100%;}
.short_holder_load a {font-size: 1.8rem; line-height: 2.6rem;}

#top_banner_inner {margin:0 auto; padding: 0px 15px;}

#bottom_line {position:fixed;bottom:0; width:100%;}
#bottom_line_inner {max-width: 768px; margin:0 auto; padding: 0px 20px;}
#bottom_line i {font-size:32px; color:#fff; position: absolute; top: 5px; right: 23px;}

#latest_home, #lrahos, #fbcomment { width: 100%; position: relative; padding: 30px;}
#latest_home, #lrahos, #fbcomment, .right_box, .left_box, .cat-headlines, .cat-headlines-tag, #headline, .bannerB, .bannerC, .bannerC1 > div > div { margin-bottom: 20px;}

.story_stamp {float: left; width: 100%; padding: 35px 0px 0px 0px; line-height: 4.2rem; letter-spacing: 0.1rem; font-size: 2.4rem; color: #369;  font-weight: normal;}
#article_body h1, #article_body h2, #article_body h3, #article_body h4, #article_body h5, #article_body H6, #article_body p, #article_body ul, #article_body ol, #article_body table 
{margin:0; padding:0 0 20px 0px; text-align:left;}
#article_body, .bottom_txt, .bottom_txt a {font-size:1.5rem; line-height: 2.0rem;}
.bottom_txt {padding-bottom:20px;} .ads-margin{margin-top:20px;}
h1.page_title {font-size:3.0rem; line-height: 4.2rem; float: left; width: 100%; margin:20px 0px 35px 0px;}
h2.article_title {font-size:2.0rem; width: 95%; line-height: 2.8rem; font-weight:normal; margin-bottom: 15px;}
    
.artag {margin-top:30px;}
.artag a {letter-spacing: 0.05rem; font-size: 1.5rem; line-height:2.7rem; padding: 4px 8px;}    

.cat-headlines-holder{width: 100%;}
.cat-headlines {width: 100%;}

.cat-tit { float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}
.cat-tag-tit {float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}
.cat-headlines-tag {display: block;}


.blocks_1 {width: 100%; display: inline-block;}
.blocks_2 {display: none;}
.cat-headlines-tag {display: none;}


#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px; border-top: 1px solid #ddd;}



.headline_pnt {bottom: 0px;}
#headline .player_pos {bottom: 94px;}
.box_headline_container { width: 100%; padding-bottom:calc(60% + 100px);}
.himage_caption { bottom: -99px; height: 77px; overflow: hidden;}
#player-position {position: absolute; bottom:82px!important;}

.headline_text {height: 100px;}

.bannerdesktop, .banner800 {display: block;}
.bannermobile, .banner1260, .banner1024, .banner640, .banner320 {display: none;}


.fb-share-button {float: right; position:relative!important;height:28px;}
.fb-share-button span{position:absolute!important;top:6px;right:0;}


.clang {float:right; line-height: 8.0rem; color: #fff; font-size: 1.4rem; letter-spacing: 2px;}
.clang a, .clang a:link, .clang a:visited, .clang a:hover {color: #ffffff; font-size: 1.4rem;line-height: 8.0rem; padding: 0px 17px; display:block;}

}

/******************** FROM 640 TO 800 ********************/

@media screen and (min-width: 640px) and (max-width: 799px) {


#container {width:100%; margin: 0 auto; position: relative; padding-top: 56px; display: block;}
#content_main { margin: 0 auto; max-width: 720px; min-width: 620px; width:100%;}
#content_market { margin: 0 auto; max-width: 620px;}    
#content { margin: 0 auto; padding: 0px 15px; display: block; float: none; position: relative; width: 100%;}


.grid, .grid-market { width: 640px; padding: 0px;  margin: 0 auto; position: relative; display: block;}
.grid-sizer,.grid-item,.grid-market-sizer { width: 1px;}
.grid:after {content: ''; display: block; clear: both;}

.grid-item--width1, .grid-item--width2, .grid-item--width4 {width: 100%;}
.grid-item--width6  {width: 52%; padding-left:4%;}
.grid-item--width3, .grid-item--width7, .grid-item--width5 {width: 48%;}
    
.grid-market-item, .grid-market-item-2 {display:inline-block; width:620px;}        


.box_com {font-size: 1.3rem}


.top_row { height: 56px;}

#top_menu, #top_menu_close {height: 56px; width: 56px;}
#top_menu i, #top_social_close i { font-size:2.0rem;  line-height: 5.6rem; width: 56px;}

#top_menu_close {height: 56px; width: 100%;}
#top_menu_close i { font-size:2.0rem;  line-height: 5.6rem; width: 54px;}

.langbar {float: right; line-height:5.6rem; color:#fff; margin-right: 24px; font-size:1.5rem; font-weight: normal;}
.langbar a {display:inline-block; line-height:5.6rem; color: #fff!important; padding:0 6px; font-size:1.5rem; font-weight: normal; text-decoration: none!important;}

#social_inner {top: 71px;}

#top_bread {display: none;}
#top_bread2 {display: block;}

#top_bread2 {margin-bottom: 30px; padding: 0px 0px 10px 0px; width: 100%; border-bottom: 1px dotted #024; display: inline-block;}
#top_bread2 .bread_head { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
#top_bread2 .bread_head a { color: #024; font-weight: normal; font-size: 2.2rem; display: block;}
#top_bread2 .bread_head a span { color: #024; font-size: 2.2rem; line-height: 3.0rem; font-weight: normal; }

.bread_min { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
.bread_min a { color: #024; font-weight: normal; font-size: 2.2rem; display: block;}

.article_page #top_bread2 {padding: 0px 0px 15px 0px; width: 100%; display: inline-block; margin:0; border:0;}

#top_logo {height: 56px; width: 56px;}
#top_logo_pnt {top: 53px; left: 16px;}

#top_more, #top_lang, #top_search, #top_market {height: 56px; width: 56px;}
#top_search i, #top_more i, #top_lang i, #top_market i { font-size:2.0rem; width: 56px; line-height:5.6rem;}
#lang_close, #lang_1, #lang_2 {height: 56px; width: 56px; display:inline-block; float:right; line-height:5.6rem; color: #fff; text-align:center; font-size:1.4rem;}
    
.ttp-3:before {left: -14px;}

#top_banner {padding: 20px 15px; max-width: 720px;}
#container {width:100%; margin: 0 auto; position: relative; padding-top: 56px;}


#top_menu_holder{padding-top:56px!important;}
.footer_lnks a {padding: 16px 0px; font-size: 1.6rem;}
.first_top {padding-top: 20px!important;}

#search_holder { width: 100%; height: 56px;}
.header_search {height: 56px;}
.search_input{ height: 56px;  width:100%; font-size: 1.8rem!important; line-height: 3.2rem;}
.s_input { height: 56px;  width:100%;  padding:0px 56px;  font-size: 1.8rem!important; line-height: 3.2rem; display: inline-block; position: absolute; top:0; left:0;}

.schb input { width: 56px!important; height: 56px!important;}
.schb { width: 56px; height: 56px!important;}
#search_close, #lang_close {width: 56px; height: 56px;}
#search_close i, #lang_close i, .schb i {width: 56px; line-height: 5.6rem; font-size: 2.0rem;}

.left_box_title span {display: none;}


.footer {padding: 15px;}
#footer_sub_lnks{ display: none;}
.tagcl {display: none;}
.footer_info {margin-bottom: 0px}

.short {padding: 15px 0;}
.short_load_photo {display:block; width:25%;}
    
.short_holder_load {float: left; width:calc(75% - 20px);}
.short_holder_load a {font-size: 1.8rem; line-height: 2.6rem;}

#top_banner_inner {max-width: 720px; margin:0 auto; padding: 0px;}

#bottom_line {position:fixed;bottom:0; width:100%;}
#bottom_line_inner {max-width: 720px; margin:0 auto; padding: 0px 15px;}
#bottom_line i {font-size:32px; color:#fff; position: absolute; top: 5px; right: 18px;}

#latest_home, #lrahos, #fbcomment { width: 100%; position: relative; padding: 20px;}

#latest_home, #lrahos, #fbcomment, .right_box, .left_box, .cat-headlines, .cat-headlines-tag, #headline, .bannerB, .bannerC, .bannerC1 > div > div { margin-bottom: 20px;}

.story_stamp {float: left; width: 100%; padding: 35px 0px 0px 0px; line-height: 4.2rem; letter-spacing: 0.1rem; font-size: 2.4rem; color: #369;  font-weight: normal;}
#article_body h1, #article_body h2, #article_body h3, #article_body h4, #article_body h5, #article_body H6, #article_body p, #article_body ul, #article_body ol, #article_body table 
{margin:0; padding:0 0 15px 0; text-align:left;}
#article_body, .bottom_txt, .bottom_txt a {font-size:1.5rem; line-height: 2.0rem;}
.bottom_txt {padding-bottom:20px;} .ads-margin{margin-top:20px;}
h1.page_title {font-size:3.6rem; line-height: 4.8rem; float: left; width: 100%; margin:20px 0px 35px 0px;}
h2.article_title {font-size:1.8rem; width: 95%; line-height: 2.4rem; font-weight:normal; margin-bottom: 10px;}

.artag {overflow: hidden!important; overflow-x: auto!important; display:flex!important;}
.artag a {letter-spacing: 0.05rem; font-size: 1.5rem; padding:12px 16px; white-space: nowrap; margin-top:24px!important; margin-right:12px!important;}    

.cat-headlines-holder{width: 50%;}
.cat-headlines {width: 100%;}

#category_headlines .cat-headlines-holder:nth-of-type(even) {float:right; padding-left:10px;}
#category_headlines .cat-headlines-holder:nth-of-type(odd) { float:left;  padding-right:10px;}

.cat-tit { float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; height: 78px; overflow: hidden; margin: 10px 0px;}
.cat-tag-tit {float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}

.blocks_1 {width: 100%; display:inline-block;}
.blocks_2 {display: none;}
.cat-headlines-tag {display: none;}

#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 20px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px; border-top: 1px solid #ddd;}

.headline_pnt {bottom: 0px;}
#headline .player_pos {bottom: 70px;}
.box_headline_container { width: 100%; padding-bottom:calc(60% + 76px);}
.himage_caption { bottom: -75px; height: 53px; overflow: hidden;}
.headline_text {height: 76px;}

#player-position {position: absolute; bottom:58px!important;}

.bannermobile, .banner640 {display: block;}
.bannerdesktop, .banner1260, .banner1024, .banner800, .banner320 {display: none;}


.fb-share-button {float: right; position:relative!important;height:28px;}
.fb-share-button span{position:absolute!important;top:6px;right:0;}

.clang {float:right; line-height: 5.6rem; color: #fff; font-size: 1.4rem; letter-spacing: 2px;}
.clang a, .clang a:link, .clang a:visited, .clang a:hover {color: #ffffff; font-size: 1.4rem;line-height: 5.6rem; padding: 0px 17px; display:block;}

}

/******************** UNDER 640 ********************/

@media screen and (max-width: 639px) {

#container {width:100%; margin: 0 auto; position: relative; padding-top: 56px; display: block;}
#content_main { margin: 0 auto; min-width: 320px; max-width: 520px;  width:100%;}
#content_market { margin: 0 auto; min-width: 320px; max-width: 599px;  width:100%;} 
#content { margin: 0 auto; padding: 0px 15px; display: block; position: relative; width: 100%;}

.grid, .grid-market { width: 100%; padding: 0px;  margin: 0 auto; position: relative; display: block;}
.grid-sizer,.grid-item,.grid-market-sizer { width: 1px;}
.grid:after {content: ''; display: block; clear: both;}

.grid-item--width1, .grid-item--width2, .grid-item--width3, .grid-item--width4, .grid-item--width6, .grid-item--width7 {width: 100%;}
.grid-item--width5 {display: none;}

.grid-market-item, .grid-market-item-2 {display:inline-block; width: 92%; margin-left:4%;} 

.box_com {font-size: 1.3rem}

.top_row {height: 56px;}

#top_menu, #top_menu_close {height: 56px; width: 56px;}
#top_menu i, #top_social_close i { font-size:2.0rem; line-height: 5.6rem; width: 56px;}

#top_menu_close {height: 56px; width: 100%;}
#top_menu_close i { font-size:2.0rem;  line-height: 5.6rem; width: 54px;}

.langbar {float: right; line-height:5.6rem; color:#fff; margin-right: 24px; font-size:1.5rem; font-weight: normal;}
.langbar a {display:inline-block; line-height:5.6rem; color: #fff!important; padding:0 6px; font-size:1.5rem; font-weight: normal; text-decoration: none!important;}

#social_inner {top: 71px;}

#top_bread {display: none;}
#top_bread2 {display: block;}

#top_bread2 {margin-bottom: 30px; padding: 0px 0px 10px 0px; width: 100%; border-bottom: 1px dotted #024; display: inline-block;}
#top_bread2 .bread_head { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
#top_bread2 .bread_head a { color: #024; font-weight: normal; font-size: 2.2rem; line-height: 3.0rem; display: block;}
#top_bread2 .bread_head a span { color: #024; font-size: 2.2rem; font-weight: normal; }

.bread_min { float: left; width: 100%; display: block; color: #024; font-weight: normal; font-size: 2.2rem;}
.bread_min a { color: #024; font-weight: normal; font-size: 2.2rem; display: block;}

.article_page #top_bread2 {padding: 0px 0px 15px 0px; width: 100%; display: inline-block; margin:0; border:0;}

#top_logo {height: 56px; width: 56px;}
#top_logo_pnt {top: 53px; left: 16px;}

#top_more, #top_lang, #top_search, #top_market {height: 56px; width: 44px;}
#top_search i, #top_more i, #top_lang i, #top_market i { font-size:1.8rem; width: 44px; line-height:5.6rem;}
#lang_close, #lang_1, #lang_2 {height: 56px; width: 56px; display:inline-block; float:right; line-height:5.6rem; color: #fff; text-align:center; font-size:1.4rem;}
    
.ttp-3:before {left: -20px;}
    
#top_banner {padding: 20px 15px; max-width: 520px;}

#top_menu_holder{padding-top:56px!important;}
.footer_lnks a {padding: 16px 0px; font-size: 1.6rem;}
.first_top {padding-top: 20px!important;}

#search_holder { width: 100%; height: 56px;}
.header_search {height: 56px;}
.search_input{ height: 56px;  width:100%; font-size: 1.8rem!important; line-height: 3.2rem;}
.s_input { height: 56px;  width:100%;  padding:0px 56px;  font-size: 1.8rem!important; line-height: 3.2rem; display: inline-block; position: absolute; top:0; left:0;}

.schb input { width: 56px!important; height: 56px!important;}
.schb { width: 56px; height: 56px!important;}
#search_close, #lang_close {width: 56px; height: 56px;}
#search_close i, #lang_close i, .schb i {width: 56px; line-height: 5.6rem; font-size: 2.0rem;}
    
.left_box_title span {display: none;}

.footer {padding: 15px;}
#footer_sub_lnks{ display: none;}
.tagcl {display: none;}
.footer_info {margin-bottom: 0px}

.short {padding: 15px 0;}
.short_load_photo {display:block; width:100%; margin-bottom:30px;}
.short_holder_load {float: left; width:100%;}
.short_holder_load a {font-size: 1.8rem; line-height: 2.6rem;}

#top_banner_inner {max-width: 520px; margin:0 auto; padding: 0px;}

#bottom_line {position:fixed; bottom:0; width:100%;}
#bottom_line_inner {max-width:518px; margin:0 auto; padding:0 15px;}
#bottom_line i {font-size:32px; color:#fff; position: absolute; top: 5px; right: 18px;}

#latest_home, #lrahos, #fbcomment { width: 100%; position: relative; padding: 20px;}
#latest_home, #lrahos, #fbcomment, .right_box, .left_box, .cat-headlines, .cat-headlines-tag, #headline, .bannerB, .bannerC,  .bannerC1 > div > div { margin-bottom: 15px;}

.story_stamp {float: left; width: 100%; padding: 25px 0px 0px 0px; line-height: 4.2rem; letter-spacing: 0.05rem; font-size: 1.8rem; color: #369;  font-weight: normal;}
#article_body h1, #article_body h2, #article_body h3, #article_body h4, #article_body h5, #article_body H6, #article_body p, #article_body ul, #article_body ol, #article_body table 
{margin:0; padding:0 0 10px 0px; text-align:left;}
#article_body, .bottom_txt, .bottom_txt a {font-size:1.4rem; line-height: 2.0rem;}
.bottom_txt {padding-bottom: 10px;}  .ads-margin{margin-top:10px;}   
h1.page_title {font-size:2.4rem; line-height: 3.0rem; float: left; width: 100%; margin:20px 0px 25px 0px;}
h2.article_title {font-size:1.8rem; width: 95%; line-height: 2.4rem; font-weight:normal; margin-bottom: 10px;}

.artag {overflow: hidden!important; overflow-x: auto!important; display:flex!important;}
.artag a {letter-spacing: 0.05rem; font-size: 1.3rem; padding:12px 16px; white-space: nowrap; margin-top:14px!important; margin-right:12px!important;}

.cat-headlines-holder{width: 100%;}
.cat-headlines { width: 100%;}
.cat-tit { float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}
.cat-tag-tit {float: left; font-size: 1.8rem; line-height: 2.6rem; text-align: left; width: 100%; margin: 10px 0px;}

.blocks_1 {width: 100%; float: left; display: inline-block;}
.blocks_2 {width: 100%; float: left; display: inline-block;}

.cat-headlines-tag {display: none;}

#box_pagination {width: 100%; display: inline-block; color: #777; text-align: center; margin: 20px 0px 0px 0px;}
#box_pagination_cat {width: 100%; display: inline-block; color: #777; text-align: center; margin: 30px 0px 0px 0px; border-top: 1px solid #ddd;}

.headline_pnt {bottom: 0px;}
#headline .player_pos {bottom: 94px;}
.box_headline_container { width: 100%; padding-bottom:calc(60% + 100px);}
.himage_caption { bottom: -99px; height: 77px; overflow: hidden;}
.headline_text {height: 100px;}

#player-position {position: absolute; bottom:82px!important;}

.bannermobile, .banner320 {display: block;}
.bannerdesktop, .banner1260, .banner1024, .banner640, .banner800 {display: none;}

.fb-share-button {display:none!important;}
.fb-share-button span{display:none!important;}

.clang {float:right; line-height: 5.6rem; color: #fff; font-size: 1.4rem; letter-spacing: 2px;}
.clang a, .clang a:link, .clang a:visited, .clang a:hover {color: #ffffff; font-size: 1.4rem;line-height: 5.6rem; padding: 0px 17px; display:block;}

}

/******************** TOOLTIPS ********************/
.tooltip {position:relative;}

.tooltip:before {
  content: attr(data-text);
  position:absolute;
  font-size: 1rem;
  white-space: normal;
  margin-left:0px;
  padding:4px 8px;
  border-radius:2px;
  background:rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align:center;
  opacity:0;
  border-radius:4px;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;    
}
.ttp-1:before { bottom: 4px; left: 4px; transform: translateX(0%); z-index:35;}
.ttp-2:before {top: calc( 100% + 10px ); left: 0; width:200px;}
.ttp-3:before {top: 95%; max-width: 84px;}

.tooltip:hover:before {opacity:1;}