﻿@import url("../icon/css/icon.css");
@import url("./common.css?t=20250211");
/* @import url("./commonRV4.css"); */

/*20240708+add lightbox*/
.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center}
.modal-content{background-color:#fefefe;padding:1.5rem;border:1px solid #888;width:80%;position:relative;border-radius: 0.5rem;}
.close{color:#1a1919;float:right;font-size:28px;font-weight:700;position:absolute;right: 1px;top: -38px;background-color: white;border-radius: 9999rem;}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}

.serviceShow {background-color: #eeeeee;left: 50%;transform: translate(-50%, 0);top: 3rem;z-index: 9999;}
.serviceShow dt {display: none;}
.left-54 {left: 57%;transform: translateX(-57%);}

.mobileUIshow {background-color: #eeeeee;}
.mobileUIshow dt {font-size: 1.5rem;font-weight: bold;width: 100%;background-color: white;}
.mobileUIshow dd {margin: auto 0.25rem;}
.mobileUIshow dd a {text-decoration: underline;}

@media all and (max-width: 767px){
    .serviceUI {padding: 0.25rem 0rem;}
    .tab_content .itemAa {width: 34%;}
    .tab_content .itemAb {width: 61%;}
}

@media all and (min-width: 1201px){
    .serviceUI {}
}


@media all and (min-width: 767px){
.announcement_adm{display:none;}
}
 @media screen and (min-width:768px) and (max-width:1199px){.De_goPC,#cssmenu{display:none;}
 .menu{height:120px;z-index: 1;}

}
@media all and (min-width: 1201px){
#BodyContent{width:100%;padding:0;margin:0;}
#BodyContainer_event{width:100%;margin:0;}
#BodyHeader_event_rwd,#topli,.inside_banner_mobile,.De_goPC,.specail_note_MB,.annou_AD,#cssmenu{display:none;}
.mobile_show,.fixed_Link,.serviceUI_mobile{display:none;}

/*-----單欄版型區塊用--------*/
/*滿百100%區域*/
.row100{width:100%;}
/*對分*/
.row50{width:49.6%;}
/*均三*/
.row30{width:32.94%;}
/*均四*/
.row25{width:24.56%;}
/*均五*/
.row20{width:19.5%;}
/*其他不規則*/
.row28{width:27.94%;}
.row43{width:42.94%;}
/*-----區塊用END------*/

/*-----兩欄版型用--------*/
/*內容靠左*/
.row70{width:79%;float:left;}
/*內容靠右*/
.row70R{width:66%;}
/*滿百*/
.row100-2{width:98.9%;}
/*均四*/
.row25-2{width:24%;}
/*均三*/
.row30-2{width:32.3%;}
/*右欄靠左*/
.row30-2L{width:32.3%;float:left;}
/*右欄靠右*/
.row30-2R{width:20.2%;}
/*對分*/
.row50-2{width:48.9%;}
.row100-2,.row25-2,.row30-2,.row30-2L,.row30-2R,.row50-2{margin:0.25%;}
/*-----兩欄用END--------*/
.w-px{width:1px}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-1\/6{width:16.666667%}.w-2\/6{width:33.333333%}.w-3\/6{width:50%}.w-4\/6{width:66.666667%}.w-5\/6{width:83.333333%}.w-1\/12{width:8.333333%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-full{width:100%}


/*banner內崁版型外框固定用*/
.inside_banner{display:block;}
.inside_banner,.inside_banner_mobile{width:900px;margin:0 auto;}
.inside_banner img,.inside_banner_mobile img{text-align:center;display:block;margin:0 auto;width:92%;}
/*資料集中1200px寬外框*/
/*#Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:0 auto;display:inline-block;width:1200px;}*/

/*div section標籤段落*/
section p,div p{font-size:1.3em;line-height:1.9em;text-align:left;}
.PC_Br{display: block;}

/* bodyHeader */
#BodyHeader_event,#header-share{width:100%;float:left}
#BodyHeader_event #header-share{line-height:2;font-size:17px;margin-bottom:0;margin-top:0;background-color:#FFF}
#BodyHeader_event a{color:#333;font-size:17px}
#BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}


/* Footer */
#BodyFooter_rwd{width:1200px}
/*#BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul{display:inline-block;}
#BodyFooter_rwd{width:100%;margin-top:2%;}
#footer_address,#footer_address #adinfo_out,#footer_address #adinfo{margin:0 auto;width:100%;}
#footer_inline ul,#footer_address ul{width:100%;margin:0% auto;}
#footer_inline a,#footer_address a{color:#000}
#footer_inline ul li{display:inline;margin:auto 0.5%;width:15%;}
#footer_address ul li{width:100%;line-height:1.9em;font-size:1em;}
#adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%;}
#footer_inline ul li img{width:11%;height:auto;vertical-align:middle;}
#footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}*/
/* Footer end */

/*ask*/
#askarea_out *{font-family:"微軟正黑體";font-size:1em}
#askarea_out{
    background-color: #374357;
    width:100%;display:inline-block;text-align:left}
#askarea{width:;margin:0 auto}
#askarea img{width:8%;height:auto}
#askarea p{margin-top:1%;margin-bottom:1%;font-size:em}
#askarea .asktitle,#askarea .asktitle p{text-align:center}
#askarea .asktitle{color:#FFF;font-size:1.6rem;}
#askarea #formlist{width:90%;margin:2% auto;color:#FFF}
#askarea SELECT,#askarea input{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5%;margin:auto 1% 1% auto}
#askarea SELECT{width:19.7%}
#askarea input{color:#A1A1A1}
textarea[name="sContent"]{width:93%;padding:1%;height:200px;}
#askarea input[type="text"]{width:42%;/*height:20px*/}
#askarea input[type="radio"]{margin-left:3%}
#askarea input[type="submit"],#askarea input[type="reset"]{width:11%;height:45px;color:#FFF;background-color:#003366;padding:.5em}
/*ask END*/
#noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0}
#noie a{color: #FC0;}
.hottxt{ color: #ffd942; font-size: 13px;}}