@charset "utf-8";
/* CSS Document */
body {padding:0;margin:0; font-family: "Microsoft JhengHei", Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 100%; background-color: #dadada!important;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,.bio_namecard
del, dfn, em, font, img, ins, kbd, q, s, samp,awardsColicon
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}
	
.clearfix {clear:both;}
.bio_header {background-image:url("../images/bg_bio.jpg");background-repeat: no-repeat; background-size: cover ; background-position:center center fixed; padding-bottom: 4%; }
.bio_headerinfo {padding: 20% 8% 0% 8%; margin-left: auto; margin-right: auto; }
.bio_photo {padding-right: 3%; padding-bottom: 18%; width: 36%; display: inline-block; float: left; }
.bio_photo img {width: 100%;}
.bio_namecard {text-align: left; width: 100%; }
.bio_right { margin-top: 4%; width: 61%; display: inline-block; float: left; }
.bio_name {color: #d4b55e; font-size: 24px; font-weight: bolder; padding-bottom: 4px; text-shadow: 2px 2px 4px #000000;}
.bio_name_eng {color: #d4b55e; font-size: 22px; font-weight: bolder; padding-bottom: 4px; text-shadow: 2px 2px 4px #000000;}
.bio_title {color: #FFFFFF; font-size: 18px; line-height: 20px; font-weight: bold; padding-bottom: 12px; text-shadow: 1px 1px 1px #000000;}

@media only screen and (max-width: 40em) /* 670 */{
.bio_photo {padding-right: 3%; width: 36%; display: inline-block; float: left; }
.bio_namecard {width: 100%;}
.bio_name_eng {color: #d4b55e; font-size: 20px; font-weight: bolder; padding-bottom: 4px; text-shadow: 2px 2px 4px #000000;}
}

@media (max-width: 640px){
.logo img {margin-top: 70px; max-width: 420px;}
.bio_header { padding-bottom: 0%; }
.bio_name_eng {color: #d4b55e; font-size: 20px; font-weight: bolder; padding-bottom: 4px; text-shadow: 2px 2px 4px #000000;}
}

@media (max-width: 581px){
.bio_headerinfo { padding: 20% 2% 1% 2%;}
.bio_photo {width: 36%; display: block; margin-left: auto; margin-right: auto;}
.bio_right {padding-top: 1%;}
.title {text-align: left;}
 }

@media (max-width: 480px){
.bio_headerinfo { padding: 20% 1% 1% 1%;}
.bio_namecard {padding-top: 1%; }
.bio_name {font-size: 20px; font-weight: bold; line-height: 24px; padding-bottom: 2px;}
.bio_name_eng {color: #d4b55e; font-size: 18px; font-weight: bolder; padding-bottom: 1px; text-shadow: 2px 1px 1px #000000;}
.bio_title {font-size: 16px; font-weight: 600; line-height: 18px;}
 }

@media (max-width: 320px){
.bio_header { padding-bottom: 0%; }
.bio_name_eng {color: #d4b55e; font-size: 16px; font-weight: bold; text-shadow: 2px 2px 4px #000000;}
}