@import url("./icon/css/all.min.css");
/*@layer common, grid;*/

.process-item dt i {display: flex;}

@layer common {

dl, dd {margin: 0;}
.cjk-heavenly-stem li {list-style-type: cjk-heavenly-stem;}

/* 站內搜尋 */
.platform {background: #343434;color: #c8b183;text-align: right;padding-right: 60px;}
.platform ul {margin: 0;padding: 0;}
.platform li {display: inline-block;margin: 0 0 0.5rem;border-left:1px solid #5f584b;padding: 0.75rem 1.5rem 0.25rem;}
.platform li:last-of-type {border-right:1px solid #5f584b;}
.platform li a {text-decoration: none;color: #c8b183;}
.cref_iframe input[type="text"] {border-bottom: 1px solid #c8b183;color: #c8b183;background: initial;}
.cref_iframe input[type="Submit"] {background: url(../images/magnifying-glass.png) no-repeat center;background-size: cover;top: 3px;position: relative;}

/* 選單 */
#Header {width:100%;}
.logo {background: url(../images/1101081_01.jpg) no-repeat top;}
#Header {border-bottom: 5px solid #d6d6d6;}
#cssmenu ul {width: 45%;align-items: center;display: flex;flex-wrap: wrap;align-items: flex-end;z-index: 2;padding: 0;}
nav {position:relative;width:1200px;margin: auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {border:0;list-style:none;line-height:1;position:relative;}
#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {display:block;}
#cssmenu:after,#cssmenu > ul:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile {display:none}
#cssmenu > ul > li {float:left;position: relative;}
#cssmenu > ul > li > a {padding:13px;letter-spacing:1px;text-decoration:none;font-size: 1.25rem;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a {color:#fff}
#cssmenu > ul > li a:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li:nth-of-type(2) a:hover{background: #47b1d6;}
#cssmenu > ul > li:nth-of-type(3) a:hover{background: #ff9849;}
#cssmenu > ul > li.has-sub > a {padding-right:30px;}
#cssmenu > ul > li.has-sub > a:after {position:absolute;top:25px;right:11px;width:8px;height:2px;display:block;background: white;content:''}
#cssmenu > ul > li.has-sub > a:before {position:absolute;top:22px;right:14px;display:block;width:2px;height:8px;background: white;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before {top:23px;height:0}
#cssmenu ul ul {position:absolute;left:-9999px}
#cssmenu ul ul li {height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}
#cssmenu ul ul li:hover {}
#cssmenu li:hover > ul {left:auto}
#cssmenu li:hover > ul > li {height:35px}
#cssmenu ul ul ul {margin-left:100%;top:0}
#cssmenu ul ul li a {border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;text-decoration:none;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color:#fff}
#cssmenu ul ul li.has-sub > a:after {position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:white;content:''}
#cssmenu ul ul li.has-sub > a:before {position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:white;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before {top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {}
#cssmenu ul ul ul li.active a {border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a {border-top:1px solid #333}

/* 首頁 */
#channel_sec, #channel_third, #channel_fourth, #channel_fifth, #channel_sixth, #channel_seventh, #channel_eighth,.experience_cont {padding: 2rem .5rem;}
#channel_master {padding: 2rem .5rem 0;}
h1 {font-size: 2.5rem;}
h2 {font-size: 2.25rem;}
h3 {font-size: 2rem;}
.bgcolor1 {background: #f1ebdf;}
.bgcolor2 {background: #af0134;}
.bgcolor3 {background: #ffcc28;}
.bgcolor4 {background: #ff9849;}
.bgcolor5 {background: #48afae;}
.bgcolor6 {background: #47b1d6;}
.bgcolor7 {background: linear-gradient(to bottom, #fafafa 70%, #dadada 100%);}
.fcolor1 {color: #ffcc28;}
.fcolor2 {color: #ff9849;}
.fcolor3 {color: #48afae;}
.fcolor4 {color: #47b1d6;}
.fcolor5 {color: white;}
.fcolor6 {color: #c7a049;}
.introduction a {background: #b28218;color: white;}
.irt-service a {background: #0b173d;color: white;}
.story a {background: #A94D36;color: white;}
.irt-slogan {color: #44010a;border-bottom: 2px solid #e5c584;font-family: Noto Serif TC;}
.irt-slogan span {color: #af0134;}
#channel_master img {_width: 75%;width: 100%;margin: auto;padding: 1rem 0;}

/* 最新測驗 */
.schedule-item {width: 100%;padding: 0.5rem 0 2rem;}
.schedule-item dl {/*background: linear-gradient(to right, #ffffff 60%, #E6E6E6 100%);*/align-items: center;}
.schedule-item dt {padding: 0.5rem 2.5rem 0.5rem 2rem;color: white;background: #c7a049;/*background: linear-gradient(to right, #c7a049 75%,#ffffff 100%);*/background: linear-gradient(to right, #c7a049 75%,#F1F1F1 100%);font-size: 1.2rem;font-weight: bold;}
.schedule-item dt span {border-right: 1px solid white;padding-right: 0.5rem;margin-right: 0.5rem;}
.schedule-item dd {color: #5a0111;display: flex;flex-wrap: wrap;align-items: center;font-size: 1.2rem;padding: 0.25rem 1rem;}
.schedule-item dd a:hover {text-decoration: underline;}
.schedule-item dd a{background:#b10133;color:white;display:block;padding:.25rem 1rem;border-radius:.25rem;text-decoration:none;font-size:1rem;margin:0 auto 1rem;}
.schedule-item .off-shelf a {background: white;color: #b10133;border: 1px solid #b10133;}
.schedule-item dd:first-of-type{font-size:1.7rem;color:#ffffff;margin-bottom:.5rem;text-align:center;font-weight:600;letter-spacing:.8rem;background:linear-gradient(to right,#a61e34 10%,#5b2345 95%);justify-content: center;word-break: keep-all;overflow-wrap: anywhere;}
.schedule_bg {/*background: linear-gradient(135deg, #ffffff 50%, #E9E9E9 100%);*/background:white;width:100%;}
.schedule-item dd.ad_ball a{width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;text-decoration:underline;margin:auto;padding:0;border-radius:50%;background:radial-gradient(transparent,#e7e2d6 60%);color:#42020a;font-weight:bold;font-size:1.2rem;letter-spacing:2px;line-height:1.5rem;box-shadow:rgba(0,0,0,.16) 0 1px 4px;}
.schedule-item dd.ad_ball{position: absolute;right: 1rem;}
.schedule-item dd.ad_ball a::before{/*content:'';*/position:absolute;top:12px;left:12px;width:20px;height:20px;transform:rotate(30deg);background:linear-gradient(to right,#30264f,#a61e34,#f5c66b);clip-path:polygon(0 0,100% 50%,0 100%)}
.schedule-item dd:nth-of-type(3) ul li{width:calc(100%/2 - 3rem);border-bottom:1px dotted #e2d6be;padding:0 0 .25rem 0;margin:auto auto .5rem auto;}
.schedule-item dd:nth-of-type(3) ul li b{margin: auto 0.25rem auto 0;}

/*news*/
.announce {position: fixed;bottom: calc(15% + 220px);right: 0;z-index: 2;}
.announce i {color: #484848;background-color: white;font-size: 1.125rem;margin: auto 0 auto auto;border-radius: 50%;display: flex;align-items: center;justify-content: center;width: 1rem;height: 1rem;}
[class*="newsbtn"] {margin: 0.2rem 0;}
[class*="newsbtn"] a {width: 180px;height: auto;display: flex;flex-wrap: wrap;text-decoration: none;line-height: 1.25rem;align-items: center;justify-content: center;}
.newsbtn a {background: linear-gradient(to right, #ebebeb 3%, #fffffff5 20%, #fffffff7 50%, #ebebeb 60%);}
.newsbtn .foil {color: #E64929;font-size: 1.25rem;font-style: italic;width: 100%;margin: auto auto auto 1rem;line-height: 1.75rem;font-weight: bold;}
.newsbtn .cont {background: linear-gradient(to right, #fff0 0%, #40aacf 15%);width: 100%;color: white;font-weight: bold;padding: 0.2rem 0.2rem 0.2rem 1rem;}

/* 題醒我，每週來點加分題 */
.foreword {font-size: 1.25rem;margin: 1rem auto;}
.paper_item {margin: 1rem auto;}
.paper_item a {margin: auto 1.25rem auto 0;font-size: 1.3rem;padding: 0.5rem 1.25rem;background-color: #F5F5F5;border-radius: 1.5rem;filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.2));}
.paper_item a.active {background-color: #af0134 !important;color: white;font-weight: bold;}
.paper_content {border-radius: 0.5rem;overflow: hidden;}
.handoff dl dt {padding: 0.3rem 0rem;color: white;background: linear-gradient(to right, #c7a049 65%,#b78c2c 100%);width: 100%;text-align: center;font-weight: 900;font-size: 1.2em;letter-spacing: 1.0em;border-bottom: 1px dotted white;}
.handoff dl dd {padding: 1rem 5%;background-color: white;width: 100%;font-size: 18px;}
.handoff dl:first-of-type dd {font-weight: bold;}
.handoff dd p {margin: 0.5rem auto;}
#paper_tabs aside {font-size: 1.25rem;margin: 1rem auto auto;text-align: center;color: #0b173d;}
#paper_tabs aside a {background: #0b173d;color: #e3ca99;border-radius: 2rem;padding: 6px 13px;letter-spacing: 1px;text-decoration: none;font-size: 1.25rem;margin: 0 0.2em;}
.question-active i {transform: rotateX(180deg);}
.answer-active {display: block !important;}
.conceal {display: none;}
[class*="Q_click"] {cursor: pointer;}
.weekly_table td {padding: 0 0.25rem;}
.weekly_table .border_bottom {border-bottom: 1px solid black;}
.weekly_table .border_bottom_double {border-bottom: 3px double black;}
.weekly_table_overflow table {width: 100%;}

/* 測評與服務 */
.product-item {width: calc(100%/3 - 1rem);text-align: center;margin: 1rem auto;position: relative;}
.service-btn {background: rgb(199 160 73 / 90%);color: white;padding: 0.5rem 0;position: absolute;bottom: 0;width: 100%;}
.product-item:nth-of-type(n+4):nth-of-type(-n+6) .service-btn {background: rgb(90 1 17 / 90%);}
.service-btn a {color: white;}
.service-btn a:hover {text-decoration: underline;}
.case-list dl {border-top: 5px solid #af0134;width: calc(100%/2 - 1rem);padding: 1rem 3rem;margin: 2rem auto 4rem;position: relative;background: linear-gradient(to bottom,#f3eee4 0%, #ffffff 100%);}
.case-list dl:nth-of-type(odd) {margin-left: 0;}
.case-list dl:nth-of-type(even) {margin-right: 0;}
.case-list dl dt {color: #af0134;margin-bottom: 0.5rem;}
.case-list dl dd {font-size: 1.5rem;font-weight: bold;}
.case-list dl img {position: absolute;right: 1.5rem;top: 1rem;}
.case-list .case-item {border-bottom: 1px solid #e2d6be;}
.case-list .price {color: #af0134;}
.case-list dt span {background-color: white;border: 1px solid #cba655;color: #af0134;width: 2rem;height: 2rem;border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;margin: auto 0.25rem;}
.case-list aside {font-size: 1.25rem;margin: auto;text-align:center;margin-top: 1rem;}

/* 經驗談 */
.experience-title {color: #ae7b31;width: 100%;text-align: center;font-weight: 900;font-size: 2rem;display: inline-flex;align-items: center;justify-content: center;font-family: Noto Serif TC;}
.experience-title img {width: 70px;margin-right: 0.5rem}
.experience_cont ul {margin: auto;padding: 0 1.5rem;font-size: 18px;}
.exp-odd {border-right: dotted 1px #e2d6be;}
.experience_cont li a {text-decoration: underline;font-size: 1.5rem;color: #103d83;font-weight: bold;}
.experience_cont li {line-height: 1.9em;list-style-type: none;}
.experience_cont li:nth-child(1) {font-size: 1.4rem;color: #103d83;font-weight: bold;border-bottom: solid 4px;margin-bottom: 0.5em;}
.experience_cont li:nth-child(2) {font-size: 1.1rem;color: #103d83;}
.experience_cont li:nth-child(3) {font-size: 1.3rem;color: #c33a24;font-weight: bold;}
.experience_cont li:nth-child(3) span {font-size: 1.2rem;color: #FFF;background-color: #c33a24;padding: 0.05em 0.5em;margin: 0 0.2em 0 0;border-radius: 1.5em;}
#experience button {font-size: 1.5rem;color: #103d83 !important;padding: 0;}
.experience_cont p{font-size: 1.1rem;padding: 1rem 1.5rem;text-align: justify;margin: auto;}
.text-balance{text-wrap: balance;}
.keep-all{word-break: keep-all;overflow-wrap: anywhere;}
#experience .VueCarousel-navigation-next[data-v-453ad8cd] {right: 1.25rem !important;}
#experience .VueCarousel-navigation-prev[data-v-453ad8cd] {left: 1.25rem !important;}

/* 考試流程 */
.process-item {width: calc(100%/4 - 1rem);text-align: center;color: white;border-right: 1px solid #bc5d5d;}
.process-item dl dt {font-size: 2rem;font-weight: bold;}
.process-item dt i {width: 60px;height: 60px;border-radius: 100%;color: white;display: flex;justify-content: center;align-items: center;margin: auto;}
.process-item a {border-radius: 2rem;padding: 0.25rem;border: 1px solid #c8b183;text-decoration: none;margin: 1rem auto;display: inline-block;padding: 0.5rem 1rem;color: white;}
.process-item a:hover {background: #c8b183;}
.process-item:last-of-type {border: none;}
.location {position: relative;}
.branch {position: absolute;top: 85%;margin: 0;padding: 0;width: 100%;display: none;}
.branch li {list-style-type: none;display: inline-block;}
.branch li a {background-color: #c8b183;margin: auto;padding: 0.25rem 0.75rem;}

/* 單元共用 */
.header_event {text-align: center;}
.header_event img {display: inline-block;}
.header_event a {font-size: 2rem;text-decoration: none;}
#BodyContentMainNavigator h1 {font-size: initial;display: inline-block;}
.decimal li {list-style-type: decimal;display: list-item;}
.embed-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.advertise {position: fixed;right: 0.25rem;top: 50%;z-index: 3;text-align: right;}
.advertise i {color: #484848;background-color: white;font-size: 1rem;border-radius: 50%;}

/* Footer */
.footer-wrap {text-align: center;padding: 2rem 0;background-color: #343434;color: #c8b183;}
.footer-wrap a {color: #c8b183;}
.line-vertical {border-right: 1px solid #5f584b;padding-right: 1rem;margin-right: 1rem;}

/* 置頂鍵 */
#back-top {position: fixed;bottom: 1rem;right: 0.25rem;z-index: 8;}
#back-top a {font-size: 1.25rem;width: 2.5rem;height: 2.5rem;display: flex;justify-content: center;align-items: center;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);color: #c7a049;background: #ffffff;opacity: .8;text-decoration: none;border-radius: 100%;}

@media (min-width: 1201px) {
    /* 站內搜尋 */
    .platform ul {width: 1200px;margin: auto;text-align: right;}
    #channel_master, #channel_sec, #channel_third, #channel_fourth, #channel_fifth, #channel_sixth, #channel_seventh, #channel_eighth, #BodyContentMainNavigator,.experience_cont {width:1200px;margin: auto;}   

    /* 選單 */
    #cssmenu ul li a {border-radius: 2rem;}
    #cssmenu > ul {top: -2rem;margin: auto 0 auto auto;}
    .irt-service, .story {margin-left: 1rem;}
    .logo {height: 295px;}
    #BodyContentMainNavigator h1 {padding-top: 1.75rem;}

    /* 最新測驗 */
    .schedule-item {padding: 0 0 3rem;}

    /* 我們的測評與服務 */
    .case-list .case-item {width: 85%;margin: 1rem auto auto -3rem;padding-left: 3rem;font-size: 1.7rem;}
    .case-list .case-item1 {width: 85%;margin: auto auto auto -3rem;padding-left: 3rem;}
    .case-list dl dd {margin: auto auto -3rem;}
}
    
@media (max-width: 1200px) {    
    .logo {width:100%;text-align:center;float:none;background-size: cover;}
    nav {width:100%;}
    #cssmenu {width:100%;}
    #cssmenu > ul {top: 0;}
    #cssmenu ul {width:100%;display:none;margin: 0;}
    #cssmenu ul li {width:100%;background: #8d0127;color: white;}
    #cssmenu ul li:hover {background:#363636;}
    #cssmenu ul ul li,#cssmenu li:hover > ul > li {height:auto}
    #cssmenu ul li a,#cssmenu ul ul li a {width:100%;border-bottom:0}
    #cssmenu > ul > li {float:none}
    #cssmenu ul ul li a {padding-left:25px}
    #cssmenu ul ul li {background:#333!important;text-align: center;}
    #cssmenu ul ul li:hover {background:#363636!important}
    #cssmenu ul ul ul li a {padding-left:35px}
    #cssmenu ul ul li a {color:#ddd;background:none}
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {color:#fff}
    #cssmenu ul ul,#cssmenu ul ul ul {position:relative;left:0;width:100%;margin:0;text-align:left}
    #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display:none}
    #cssmenu #head-mobile {display:block;color:#ddd;font-size:12px;font-weight:700}
    .button {width:55px;height:46px;position:absolute;right:0;top:-47px;cursor:pointer;z-index: 9;}
    .button:after {position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #c8b183;border-bottom:2px solid #c8b183;content:'';}
    .button:before {-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#c8b183;content:''}
    .button.menu-opened:after {background:#c8b183;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    .button.menu-opened:before {top:23px;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
    #cssmenu .submenu-button {position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #4c4c4c;height:46px;width:46px;cursor:pointer}
    #cssmenu .submenu-button.submenu-opened {background: #363636;}
    #cssmenu ul ul .submenu-button {height:34px;width:34px}
    #cssmenu .submenu-button:after {position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:white;content:''}
    #cssmenu ul ul .submenu-button:after {top:15px;right:13px}
    #cssmenu .submenu-button.submenu-opened:after {background:white;}
    #cssmenu .submenu-button:before {position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:white;content:''}
    #cssmenu ul ul .submenu-button:before {top:12px;right:16px}
    #cssmenu .submenu-button.submenu-opened:before {display:none}
    #cssmenu ul ul ul li.active a {border-left:none}
    #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top:none}    
    .case-list dl {padding: 1rem;margin: 1rem auto;}
    .case-list dl img {width: 100px;right: 0.5rem;}
    .case-list .case-item, .case-list .case-item1 {_width: 70%;width: 65%;}
    .experience_cont ul {padding: 0 1.5rem;}
    .paper_item a {margin: 0.25rem;}
    .schedule-item dd:nth-of-type(even) {margin: auto 0 auto auto;}    
}
@media (max-width: 1023px) {
    .schedule-item dd:nth-of-type(3) ul li b{display: block;}
}
@media (max-width: 767px) {
    .announce {bottom: calc(15% + 120px);top: auto;}
    [class*="newsbtn"] a {line-height: 1.1rem;font-size: 0.9rem;width: 165px;}
    .newsbtn .foil {font-size: 1.1rem;line-height: 1.5rem;}
    .schedule-item dd.ad_ball{bottom: auto;right: 0;}
    .schedule-item dd:first-of-type{letter-spacing: .4rem;}
    .schedule-item dd:nth-of-type(3) ul li{width: 100%;}    
    .schedule-item dd:nth-of-type(3) ul{padding: 0 2rem;}
    #channel_master img {width: 100%;padding: 0 0 1rem;}
    h1 {_font-size: 2rem;font-size: 1.95rem;}
    .platform li {padding: 0.75rem 0.75rem 0.25rem;}
    .platform a {font-size: 0.9em;}
    .process-item {width: 100%;border-bottom: 1px solid #bc5d5d;border-right: none;margin-bottom: 1rem;} 
    .line-vertical {display: block;border: none;margin: auto;padding: 0;}
    .header_event a {font-size: initial;}
    .case-list dl {width: 100%;}
    .experience-title {font-size: 1.5rem;}
    .paper_item a {padding: 0.25rem 0.4rem;font-size: initial;}
    .handoff dl dt {letter-spacing: 0.5em;}
    .foreword {font-size: 1rem;}
    .exp-odd {border-right: initial;}
    .branch {position: initial;}
    .branch {padding-bottom: 1rem;}
    .weekly_table_overflow {overflow-x: scroll;width: 100%;}
    .weekly_table_overflow table {min-width: max-content;}
    .advertise {top: auto;bottom: 10%;width: 100px;}
}

}

/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
    #noie {display: none;}
}
@-moz-document url-prefix() {/*Firefox*/
    #noie {display: none;}
}
@media screen\0 {/*IE 8 9 10 11*/    
    .browser {text-align: center;background-color: rgba(0,0,0,.9);font-weight: bold;position: fixed;top:0;left: 0;width: 100%;height: 100%;z-index: 8;}
    .renew {background-color: #f6f6f6;display: inline-block;top: 45%;position: relative;border-radius: 5px;overflow: hidden;}
    .renew span {padding: 1rem;display: block;}
    .browser a {color: #039be6;display: block;border-top: 1px solid #989898;padding: 1rem;background-color: #EDEDED;}
}
@media \0screen\,screen\9 {/*IE 6 7 8*/    
    .browser {text-align: center;background: red;font-weight: bold;color: white;}
    .browser a {color: white;display: block;}
}
@media print {
}