@CHARSET "UTF-8";
@supports (-webkit-touch-callout: none) {
.mdl-ripple { background: #000; opacity: 0.001; }
}

.card{
	background-color:rgba(158,158,158,.2)!important;
}
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}

table tr td {
    vertical-align: inherit !important;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label, .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
visibility:hidden !important;
}

.pContent_h3{
	padding: 10px;
	color: rgb(159, 0, 0);
}

.buffering_img{
	position:relative;
	width:100px;
}

.buffering_img_upload{
	position:absolute;
	padding-left:30px;
	width:100px;
}

.contentcontainer_icon_i{
	font-size: 44px;
	line-height: 20px;
}

.content_menu_div{
	background-color:#ffd9d9;margin-bottom:1px;height:65px;padding:2px;padding-bottom:5px;
}

.cssmenu_div{
	background-color:#ffd9d9;
}

.content_menu_div_img{
	padding-top:10px;padding-left:10px;width:48px;height:48px;float:left;
}

.content_menu_div_lang_en{
	float:left;color:#333;;padding-top:12px;padding-left:5px;font-size:16px;font-family:Roboto;font-variation-settings:'wght' 500;font-weight:500 !important;
}

.content_menu_div_lang_en_span{
	font-size:12px;font-weight:400;
}

.content_menu_div_lang_ch{
	float:left;color:#333;;padding-top:12px;padding-left:5px;font-size:14px;font-weight:400;font-family:'Noto Serif TC';
}

.content_menu_div_lang_ch_span{
	font-family:'Noto Serif TC';font-size:16px;font-weight:1000;
}

.content_menu_div_lang_sc{
	float:left;color:#333;;padding-top:12px;padding-left:5px;font-size:14px;font-weight:400;font-family:'Noto Serif SC';
}

.content_menu_div_lang_sc_span{
	font-family:'Noto Serif SC';font-size:16px;font-weight:1000;
}

.content_menu_div_lang_default{
	float:left;color:#333;;padding-top:12px;padding-left:5px;font-size:16px;font-weight:600;font-family:Roboto;
}

.content_menu_div_lang_default_span{
	font-size:12px;font-weight:400;
}

#content_bg{
	background:url(./banner_pattern2.gif);width:100%;height:60px;box-shadow: 0px 5px 15px #cccccc;
}

#fmenu{
	background:url(./banner_pattern.gif);
	width:100%;
	height:70px;
}


.fmenu_class{
	display:inline-block;
	float:right;
}

#right_lang_sec{
	display:inline-block;
	float:right;
	letter-spacing:2px;
}
#right_lang_sec_font{
	display:inline-block;
	margin-right:20px;
}
#fontSizeM{
	font-size:12px;
	text-decoration:none;
	color:#9F0000;
}
#fontSizeL{
	font-size:18px;
	text-decoration:none;
	color:black;
}
#fontSizeXL{
	font-size:26px;
	text-decoration:none;
	color:black;
}
div#smallfont{
	font-size:12px;
}
div#middlefont{
	font-size:16px;
}
div#largestfont{
	font-size:20px;
}

#uploadForm_table{
	padding-left:20px;
	max-width:650px;
}


.color_b82{
	color:#b82718 !important;
}

.color_9f{
	color: #9F0000 !important;
}

.font_weight_400{
	font-weight:400 !important;
}

.font_weight_500{
	font-weight:500 !important;
}

.padding_10_30{
	padding:10px 0px 10px 30px !important;
}

#contentArea_note{
	list-style:inside decimal;
	padding-left:40px;
}

#contentArea_upload{
	float:left;
	max-width:800px;
}

.td_c_30{
	text-align:center;
	width:30px;
}

.td_w_250{
	width:250px;
}

.td_w_280{
	width:280px;
}

.td_w_500{
	width:500px;
}


.w_5{
	width:5px;
}

.w_15{
	width:15px;
}

.w_20{
	width:20px;
}

.w_30{
	width:30px;
}

.w_60{
	width:60px;
}

.w_50p{
	width:50%;
}

.w_100p{
	width:100%;
}

.w_120{
	width:120px;
}

.w_250{
	max-width:250px;
}

.mr_10{
	margin-right:10px;
}

.bold_fs_1e{
	font-weight:bold;
	font-size:1em;
}

#content_div_bg{
	background: linear-gradient(90deg, rgba(255,205,210,1) 0%, rgba(225,190,231,1) 20%, rgba(193,155,199,1) 100%);
}

#content_div_table{
	box-shadow: 5px 5px 5px #cccccc;
	width:100%;
	height:100%;
}

.va_top{
	vertical-align:top !important;
}

.pl_30{
	padding-left:30px;
}

.pl_40{
	padding-left:40px;
}

.pl_50{
	padding-left:50px;
}

.fs_15{
	font-size:15px;
}

.fs_12{
	font-size:12px;
}

.fs_8{
	font-size:8px
}

.fs8_w180{
	max-width:180px;
	font-size:8px;
}
.fs8_w190{
	width:190px;
	font-size:8px;
}

.valign_b{
	vertical-align:bottom
}


.text_align_right{
	text-align:right;
}

.text_align_abtm{
	text-align:absbottom;
}


.mb_20{
	margin-bottom:20px;
}

.hw_30{
	height:30px;
	min-width:30px;
	width:30px;
}

.disclaimer_h{
	font-weight:bold;
	font-size:1em;
}

.div_recaptcha{
	margin:2px 0px 0px 5px;
}

.height_20{
	height:20px;
}

.height_50{
	height:50px;
}

.height_60{
	height:60px;
}

.height_1_8_e{
	height:1.8em !important;
}

.font_bold{
	font-weight:bold;
}

.content_div_table_td{
	color:#3D519E !important;
	font-weight:bold;
}

#content_div_guidance_note{
	color:#3D519E !important;
	font-weight:600 !important;
	text-decoration:none;
}

.content_div_table_class{
	box-shadow: 5px 5px 5px #cccccc;
	width:100%;
}

.float_right{
	float:right;
}

.float_left{
	float:left;
}

.display_hidden{
	display:hidden;
}

.margin_2{
	margin:2px;
}

.text_align_center{
	text-align:center
}

.display_none{
	display:none;
}

.display_inline{
	display:inline-block;
}


.display_block{
	display:block;
}


.uploadify_queue_item_border{
	border: 1px solid #ccc;
	border-radius: 16px;
	text-align:center;
}

.canvas_border{
	border:2px solid rgb(204, 204, 204);
	border-radius: 16px;
}


#cancelUploadBtn{
	cursor: pointer;
}

@media screen and (max-width: 450px) {
  .mdl-textfield {
    width: 200px;
  }
  
  .contentArea{
  	padding: 0px !important;
  }
  #uploadForm_table{
  	padding-left: 0px !important;
  }
  #right_lang_sec_font{
  	margin-right: 10px;
  }
  #right_lang_sec{
  	letter-spacing: 1px;
  }
}


@media print {
  .hidden-print {
    display: none !important;
  }
}

.text_size{
	display: inline-block;
	width: 24px;
	height: 24px;
}

.mdl-textfield__label{
	color: #5B5252!important;
}

/*
.mdl-button--raised, .mdl-button--fab{
	background: #545454!important;
}

.mdl-button{
	color: #ffffff!important;
}
*/

.mdl-button-radius8px{
	border-radius: 8px!important;
}

.mdl-button--raised:focus, .mdl-button--fab:focus{
	background-color: #545454!important;
	color: #ffffff!important;
}

.mdl-textfield__input{
	border: 1px solid rgba(0,0,0,.62)!important;
}

.mdl-checkbox.is-focused .mdl-checkbox__focus-helper{
	box-shadow: 0 0 0 8px #545454!important;
	background-color: #ffffff!important;
}

.sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}