@charset "utf-8";

/********************************************************************************/
/* CSS RESET */
/********************************************************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { 
    font-family: inherit; 
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0; 
    padding: 0;
    margin: 0;
    border: 0;
}
:focus { 
    outline: 0;
}
body { 
    line-height: 1;
}
ol, ul { 
    list-style: none;
}
table { 
    border-collapse: separate;
	border-spacing: 0;
}
caption, th, td { 
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after { 
    content: "";
}
blockquote, q { 
    quotes: "" "";
}
sup { 
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline;
}
sub { 
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;
}

/********************************************************************************/
/* GOOGLE WEB FONTS */
/* http://www.google.com/webfonts */
/********************************************************************************/
@import url(http://fonts.googleapis.com/css?family=Jura);
@import url(http://fonts.googleapis.com/css?family=Tangerine);

.webfont_jura {font-family: 'Jura', sans-serif;}
.webfont_tangerine {font-family: 'Tangerine', cursive;}


/********************************************************************************/
/* EMBEDDING FONTS */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on MArch 13, 2014 */
/********************************************************************************/
@font-face {
    font-family: 'oswaldregular';
    src: url('../fonts/oswald-regular-webfont.eot');
    src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular-webfont.woff') format('woff'),
         url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********************************************************************************/
/* DEFAULT VALUE */
/********************************************************************************/
body {
	height: 100%;
    margin: 0 auto;
	background: #fff;
	font-family: '微軟正黑體', Arial, Helvetica, sans-serif; /* For Chinese */
	font-size: 13px; /* For Chinese Fonts */
	color: #656565;
    line-height: 1;
	-webkit-text-size-adjust: none; /* Fix Chrome fonts 12px problem */
}

h1 {font-size:32px;}
h2 {font-size:28px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}

a, a:link, a:visited {text-decoration:none; color:#58b9f1;}
a:active, a:hover {text-decoration:none; color:#51a6d6;}

p {
	text-align: justify;
	padding: 0 0 15px;
	line-height: 1.4; /* For Chinese Fonts */
}

/* Text Selection Color*/
::selection {background: #009cd8; color: #fff;} /* Safari + Chrome */
::-moz-selection {background: #009cd8; color: #fff;} /* Firefox */

.feng {font-family:Arial, Helvetica, sans-serif; line-height: 1.3!important;}
.fbold {font-weight:bold;}
.fitalic {font-style:italic;}
.lineheight {line-height:1.4;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f23{font-size:23px;}

div.spacer5{clear:both; height:5px; display:block;}
div.spacer10{clear:both; height:10px; display:block;}
div.spacer30{clear:both; height:30px; display:block;}

.fl{float:left;}
.fr{float:right;}

.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}

.il{display:inline;}
.none{display:none;}

.w960{width:960px; margin:0 auto;}
.h280{height:280px;} /*Example*/

.abs{position:absolute;}
.rel{position:relative;} 
.clear{clear:both;}
.clear_l{clear:left;}
.clear_r{clear:right;}

.content { width: 1024px; margin: 0 auto; }

/********************************************************************************/
/* POPUP */
/********************************************************************************/
.profile_pic img {
	position: fixed;
	/* shadow */
	-webkit-box-shadow: #c4c4c4 12px 12px 12px;
	-moz-box-shadow: #c4c4c4 12px 12px 12px;
	box-shadow: #c4c4c4 12px 12px 12px;
}
.bio {
	width: 700px;
	margin: 0 34px 0 290px;
}
.name {
	font-size: 32px;
	color: #0c4789;
	margin: 10px 0 20px;
    font-family: 'oswaldregular';
}
a.video_link {text-decoration:none; color:#58b9f1; background: url(../../images/icon_video.jpg) no-repeat 0 0;  display: inline-block; *zoom: 1; *display: inline; height: 25px; padding: 0 0 0 30px; line-height: 28px;}
a.video_link:hover {text-decoration:none; color:#51a6d6; background-position: left bottom;}

.coverage_source { width: 60px; font-weight: bold; }