/* 共用  */
.Title_CFA   {
	background-image: url(../images/CFA_06.gif);
	text-align: center;
	font-size: 1.7em;
	line-height: 1.6em;
	color: #ffea3d;
	font-weight: bold;
}
#news_info{margin:0;padding:3% 7% 1% 9%;line-height:1.5rem}
.news_title{font-weight:700;margin:0;font-size:1.1em}
.news_from{font-size:.9em;text-align:right;margin:0}
.news_from a{color:#000;font-weight:700}
.news_txt{margin:0}
.exam_title{font-weight:700;    font-size: 1.1rem;}
#exam_info p a{color:#000}
.date_title{font-size:1.5em;color:#FFEA3D;background-color:#000;text-align:center;line-height:1.7em}
.date_title a{color:#FFEA3D}
.date_txt{background-color:#FFF;width:61%;text-align:center;font-size:.95em;padding:1.5%;border-top:2px solid #FFEA3D;border-right:2px solid #FFEA3D;height:2.5em;float:left}
.date_day{background-color:#000;width:32%;text-align:center;font-size:.95em;padding:1.5%;height:2.5em;float:right;color:#FFF;border-top:2px solid #FFEA3D}
.dot{border-top-width:2px;border-top-style:dotted;border-top-color:#195A8F}
.notic_title{font-weight:700;color:#666;display:inline-block;margin-top:2%;margin-left:7%}
.ann{text-align:center;line-height:1.5em;font-size:1.5rem;margin:2% 0 0;font-weight:bolder}
.ann a{color:red}
.red{ color:#C00}
.licon{border: 1px solid #000000;     padding: 0 3px;    margin-right: 2px;border-radius: 3px;}
/* 共用end*/

summary{font-weight:700;margin:0;font-size:1.1em;cursor: pointer}
.info_tb{margin: 1% 0;width: 100%}
.info_tb tr:nth-of-type(odd){background: #fff5a5}
.info_tb caption{text-align: left;font-weight: 700;margin: 1% 0;border-left: 10px solid #2f5686;padding:0 .5rem 0 0.3rem;color: #0b305d;    background: #FFFFFF;    width: max-content;font-size: 1.1rem;}
.info_tb td:nth-child(1){width: 18%;vertical-align: top;    font-weight: 700;}
.info_tb td:nth-child(2){padding-left: 1%}
.info_tb td{border-bottom: 1px dotted #333333;padding-left: 1%}
details {      
    interpolate-size: allow-keywords;  
    &::details-content {
      block-size: 0;
      overflow: hidden;
      transition: content-visibility 500ms allow-discrete, opacity 500ms, block-size 500ms;
    }
    &[open]::details-content {
      block-size: auto;
    }
  }

@media all and (min-width: 1201px){
/* css reset 歸0 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%}
body{margin:0;padding:0;background-color:#dbe8f9;background-image:url(../Images/CFA_bg.gif)}
#BodyContainer_event{margin:0 auto;width:850px}
#BodyHeader_event_rwd{display:none;}
#BodyContent {

	*padding-top:0px;/*配合PC選單覆蓋內容專用*/
}
#event{
	width: 850px;/*排版開最外面的外框線看位置專用可隨時拿掉*/
	_width: 850px;
	font-family: "Microsoft JhengHei", Arial;
	_height: 100%;
	background-color: #FFFFFF;
	float: left;
}

#event a:hover {
	position: relative;
	top: 2px;
	bottom: 2px;
}

/* 主圖 */
#event_master{
	width: 100%;
	padding-top: 0px;
	font-family: "Microsoft JhengHei", Verdana, Arial;
	text-align: left;
}



/* 訊息 */
#event_sec{*width:850px;float:left;width:100%;font-family:"Microsoft JhengHei",Verdana,Arial;padding:0;background-color:#FFEA3D}
#event_sec #exam_info{margin:0;float:left;padding-top:5%;padding-bottom:1%;padding-left:7%;margin-bottom:3%}
#event_sec #exam_info p{margin:0;font-size:.95em}
#event_sec #exam_info p a #event_sec,#exam_info ul a{color:#000}
#event_sec #exam_info ul{margin:0;font-size:.95em;padding:0 0 0 1.5em}
#event_sec #date_info{margin:0;float:right;padding-top:5%;padding-bottom:1%;width:26%;padding-right:2%}
#event_sec #date_info p{margin:0}
#news_info img{width:20%;box-shadow:5px 5px 5px #333;margin-right:1.5em;float:left;margin-bottom:2%}

/*產品內容*/
#event_third{*width:850px;float:left;width:100%;font-family:"Microsoft JhengHei",Verdana,Arial;padding:0}
#event_third .Level_info{float:left;margin-left:7%;margin-top:3%;background-color:#FFF;width:91%;margin-right:2%;display:inline-block}
#event_third header .Level_info h3{text-align:center;font-size:1.5em;line-height:1.5em;padding-top:.5em;padding-bottom:.5em}
#event_third header .Level_info h3 a{color:red}
#event_third .pic{float:left;margin-top:1.5%}
#event_third .Level_txt{padding-left:21%;margin-bottom:2%;padding-right:2%}
#event_third ul{line-height:1.6em;margin-left:0;margin-top:1%;margin-bottom:1%;list-style-position:outside;list-style-image:url(http://www.get.com.tw/images/arrow-02-h14.gif);list-style-type:none;color:#195A8F}
#event_third ul li a{color:#000}
#event_third ol{list-style-type:none;float:left;color:#195A8F;margin:0;line-height:1.4em}
#event_third ol a{color:#195A8F}
#event_third .buy{margin-left:20%;color:#195A8F}
#event_third .buy a{color:#195A8F;line-height:1.5em}
#event_third .buy2{color:#195A8F;float:left;margin-right:1%;margin-left:2%}
#event_third .vod_pic{margin:2%;text-align:center}
/* 注意事項 */
#event_notic{float:left;width:90%;margin:4% 5% 0}
#event_notic a{color:#000;clear:both;font-family:"Microsoft JhengHei"}
#event_notic ul{color:#666;margin-left:5.75em;font-size:.8em;line-height:1.6em;list-style-type:disc;margin-bottom:2%;margin-right:4%}
#event_notic a:hover{position:relative;top:3px;bottom:3px}
#event_notic #learning{width:23%;margin-left:2%;padding-top:4%;padding-bottom:2%;float:left}
.learning_icon{text-align:center}
.learning_txt{font-size:.85em;line-height:1.4em;margin-top:6%}
#event_menu{position:fixed;z-index:1;top:20%;right:2%;width:160px;padding:0;-webkit-box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(255,255,255,0.4),0 10px 20px rgba(0,0,0,.2);font-family:"Microsoft JhengHei",Verdana,Arial}
#event_menu a{display:block;font-size: 1rem;color:#0069a6; text-align:center;background-color: #fff9c3;padding:5px;text-decoration:none;border-bottom: #ffffff 2px solid;}
#event_menu a:hover{color:#0069a6;background-color:#ffffff;position:relative;top:0;left:0; font-weight:bold;}
#event_menu a >.s{font-size:0.8rem; color: #666666;}
#event_menu a:nth-of-type(1){font-size: 1.2rem;
    color: #2f5686;
    background: #ffffff;
    border-bottom: #2a6cbe 3px solid;
    font-weight: bold}
#event_menu a:hover:nth-of-type(1){color: #ad449d;}





/* bodyHeader */
#BodyHeader #header-share{font-size:1em;font-family:"Microsoft JhengHei"}
#BodyHeader #header-share a{color:#333;font-size:1em}
#BodyHeader a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}

/* Footer */
#BodyFooter_rwd{float:left;width:850px;background-color:#E6E6CE;font-size:1.3em;line-height:1.4em;font-family:"Microsoft JhengHei"}
#BodyFooter_rwd a:hover{text-decoration:none}
#BodyFooter_rwd #footer_line{width:90%;display:block;float:left;height:auto;text-align:center;border-top-width:thin;border-top-style:solid;border-top-color:#999;margin:2% 5%}
#BodyFooter_rwd #footer_inline a{color:#000;font-size:.7em}
#BodyFooter_rwd #footer_inline ul{float:left;padding:0;width:100%;margin-bottom:0;margin-top:3%;text-align:center}
#BodyFooter_rwd #footer_inline ul li{display:inline;line-height:2.2em;font-size:1.1em;clear:both;width:100%;margin-right:.5em}
#BodyFooter_rwd #footer_inline ul li img{width:20%;height:auto;vertical-align:middle}
#BodyFooter_rwd #footer_address{float:left;width:100%;text-align:center;font-size:.9rem;margin:0 auto 2%}
#BodyFooter_rwd #footer_address a{color:#000}
#BodyFooter_rwd #footer_address ul{padding:0;margin-bottom:0;width:100%;text-align:center;margin-top:0;line-height:1.4em}
#BodyFooter_rwd #footer_address ul li{width:100%;margin-right:0;float:left;text-align:center;list-style-type:none;display:inline-block}
#BodyFooter_rwd #footer_address #adinfo_out{text-align:center;width:700px;padding-left:300px;float:left}
#BodyFooter_rwd #footer_address #adinfo{float:left;width:400px;margin-right:5px}
/* Footer end */


#noie{
	color: #FFF;
	width: 100%;
	height: 60px;
	text-align: center;
	border: 1px solid #006699;
	background-color: #669933;
	_z-index: 9999;
	z-index: 9999;
	position: fixed;
	 _top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/
	left: 0;
	top: 0;
}
#noie a{
	color: #FC0;
}
#topbutton{
	display:none;
}
#main_pic_m{
	display:none;
}
.hidden-p {
	display: none;
}
