.rn_DocType{}
.rn_DocType{}
.rn_MetaTags{}
.rn_MetaTags{}
.rn_TealiumUDO{}
.rn_TealiumUDO{}
#main-panel-mobile .tt-list-title{text-transform:uppercase;}
#tts-account-panel{background: #555;}
#tts-account-panel .tt-panel-column.highlight{display: none;}
.custom-tt-fixed{position: fixed !important;}
#wnro_banner_image{position: relative;background-repeat: no-repeat;width: 100%;text-shadow: 2px 3px 4px #9e9e9e;margin-bottom: 1em;}
#wnro_banner_image img{width: 100%;height: 100%;}
.tt-logo{width: 95px;height: 15px;}
#wnro_banner_value{color: white;position: absolute;top: 36%;}
#wnro_banner_value a{color: #f80014;}
@media (min-width:1602px){#wnro_banner_image{font-size: 19px;}
#wnro_banner_value{left: 18%;}
}
@media (max-width:1600px){#wnro_banner_image{height: 141px;font-size: 17px;}
#wnro_banner_value{left: 9%;top: 20%;right: 6em;}
}
@media (max-width:1400px){#wnro_banner_value{left: 6%;top: 9%;}
}
@media (max-width:1025px){#wnro_banner_image{height: 100px;font-size: 14px;}
#wnro_banner_value{left: 8%;}
#header-menu{display: none;}
}
@media (max-width:900px){#wnro_banner_value{left: 5%;top: -17%}
}
@media (max-width:481px){#wnro_banner_image{height: 70px;font-size: 10px;}
#wnro_banner_value{top: -31% !important;left: 5%;}
}
.check_box_area{margin:auto;margin-top:20px;width:90%;text-align:center;position:relative;}
.check_box_area input{display:inline;width:15px;height:15px;margin: 4px 4px 0 0 !important;}
label{font-size:15px;display:inline;}
.modal{display: none;position: fixed;z-index: 9999;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(229,229,229);background-color: rgba(0,0,0,0.7);}
.modal-content{position: relative;background-color: rgba(255,255,255,1);;margin: auto;padding: 0;border: 1px solid #888;width: 320px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.4),0 6px 20px 0 rgba(0,0,0,0.2);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s;margin-top:13%;}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
@keyframes animatetop{from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
.modal-body{text-align:center;margin-bottom:1em;}
.option{display:inline;font-weight:bolder;margin-left:1em;margin-right:1em;cursor: pointer;}
.option_button{display:inline;border:1px solid #BCD730;padding:0.3em 1em;margin:0.3em 0.3em 0.3em 0.3em;border-radius:0.6em;box-sizing: border-box;cursor: pointer;}
.option_button:hover{background-color:#BCD730;border:1.5px solid #FFFFFF;color:#FFFFFF;}
.pop_up_question{font-weight:bold;font-size:20px;}
.pop_up_question{margin-left:1em;margin-right:1em;word-wrap:break-word;}
.thumb_up img{width:3.5em;}
.thumb_up:hover img{width:3.5em;}
.thumb_up:hover img{filter: brightness(1.1);}
.thumb_down img{width:3.5em;}
.thumb_down:hover img{width:3.5em;}
.op{display:inline;margin-left:1em;margin-right:1em;cursor: pointer;}
.op img:hover{-webkit-filter: drop-shadow(5px 5px 5px #7A7E80);filter: drop-shadow(5px 5px 5px #7A7E80);}
.close_pop_up{float:right;display:inline-block;margin-right:1em;margin-top:-1em;top:100;cursor: pointer;}
.close_pop_up img{width:20px;}
.close_pop_up img:hover{filter:none;}
@keyframes fade{from{opacity:0;filter:alpha(opacity=0)}
to{opacity:1;filter:alpha(opacity=100)}
}
.rn_Announcements a{border-bottom: 1px solid #999;color: #fff}
.rn_Announcements a:active, .rn_Announcements a:hover{border-bottom: 1px solid #444;color: #fff}
.rn_Announcements div.table{width: 100%;border: 2px solid #f7c600;display: table}
.rn_Announcements div.row{display: table-row}
.rn_Announcements div.column{display: table-cell;background-color: #FFF;vertical-align: middle;padding: 2px 10px}
.rn_Announcements div.col1{background-color: #f7c600;padding: 2px 10px;color: #FFF;font-size: 20px;font-weight: 700;font-family: "Gotham Bold", Helvetica, Arial, sans-serif;text-transform: uppercase}
.rn_Announcements div.col2{padding: 5px 0}
.rn_Announcements div.col2 span{width: 0;height: 0;font-size: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #f7c600}
.rn_Announcements div.col3{animation-name: fade;animation-duration: 1s}
.rn_Announcements .navi{width: 40px;height: 40px;position: absolute;right: 0;top: 0;opacity: 0}
.rn_Announcements .navi span{width: 20px;height: 40px;position: absolute;top: 0;cursor: pointer;opacity: .3;background-image: url(images/tts-announcements-arrows.png);background-repeat: no-repeat}
.rn_Announcements .navi span:hover, .rn_Announcements:hover .navi{opacity: 1}
.rn_Announcements .navi span:first-child{background-position: left center;left: 0}
.rn_Announcements .navi span:last-child{background-position: right center;right: 0}
.rn_Announcements .navi, .rn_Announcements .navi span, .rn_Announcements ul li>a{transition: .25s linear;-moz-transition: .25s linear;-webkit-transition: .25s linear;}
.owl-controls{display: none!important;}
.outer{background-color: #555;color: #fff;padding: 0;}
.tts-announcement{vertical-align: middle;width: 100%;display: table-row;}
.tts-announcement .tts-triangle, .tts-announcement .tts-message{min-height: 50px;display: table-cell;vertical-align: middle;}
.tts-announcement .tts-message{padding: 5px}
.tts-announcement .tts-triangle{border: 25px solid transparent;}
.tts-announcement.tts-dc1 .tts-triangle{border-left-color: #f75100;}
.tts-announcement.tts-dc2 .tts-triangle{border-left-color: #f78f00;}
.tts-announcement.tts-dc3 .tts-triangle{border-left-color: #f7c600;}
.tts-announcement.tts-dc4 .tts-triangle{border-left-color: #44cf0e;}
.tts-announcement.tts-dc5 .tts-triangle{border-left-color: #34a00a;}
.tt-flag-image.japan{background-position: -275px -205px;}
.tt-flag-image.korea{background-position: -275px -180px;}