/* CSS Document */
/* CSS reset */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table{border-collapse:collapse; border-spacing::0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none}caption,th{ text-align:left}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;}

/*headings*/
h1, h2, h3, h4, strong, b { color: #333; }

h1 { font-size: 33px; line-height: 36px; font-weight: normal; }
h2 { font-size: 26px; line-height: 30px; font-weight: normal; }
h3 { font-size: 20px; line-height: 26px; font-weight: bold; }
h4 { font-size: 16px; line-height: 24px; font-weight: bold; }

#main_content h1,
#main_content h2,
#main_content h3,
#main_content h4 { font-family: Arial, Helvetica, sans-serif; }

/*display*/
.visible{ display:;}
.hidden{display:none;}
.block { display: block; }

/*links*/
a:link { color:#3a3a3a; text-decoration:none }
a:visited { color:#3a3a3a; text-decoration:none }
a:hover { color:#000000; text-decoration:underline; }
a.blueAnchor:link { color: #0083cf; text-decoration: none; }
a.blueAnchor:visited { color: #0083cf; text-decoration: none; }
a.blueAnchor:active { color: #004F7C; border-bottom: 1px dashed #ccc; }
a.blueAnchor:hover { color: #004F7C; border-bottom: 1px dashed #ccc; }

/* font */
.uppercase{ text-transform: uppercase;}
.f075em{ font-size:0.75em;}
.f1em{ font-size:1em;}
.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f14 { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.f16 { font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.f18 { font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.f20 { font-size:20px; font-family:Arial, Helvetica, sans-serif; line-height:25px;}
.f24 { font-size:24px; font-family:Arial, Helvetica, sans-serif; line-height:25px;}
.fb { font-weight:bold; }
.fn {font-weight:normal;}

.fntDarkRed { color:#900; }
.fntRed { color:red; }
.fntYellow { color:#ff6600; }
.fntOrange { color:#fe8e14; }
.fntGray { color:#999; }
.fntBlue { color:#0083cf; }
.fntPurple{color:#68217a;}
/*Light Blue*/
.fntLBlue { color:#4195FD; }
.fntWhite{ color:#ffffff; }
h1{font-size:24px; font-family:Arial, Helvetica, sans-serif;}
.lh2x{line-height:200%;}
.lh2_5x{ line-height:250%;}
/* font */


/* position */
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
.vm { vertical-align: middle; }
.vt { vertical-align: top; }
.vb { vertical-align: bottom; }
.pr{ position:relative;}
.pa{ position:absolute;}
.zoom{zoom:1;}
.hidden{display:none;}
.center{margin:0 auto;}
/* position */


/* width & height */
.w80p{width:80%;}
.w85p{width:85%;}
.w90p{width:90%;}
.w100p{width:100%;}
.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w320{width:320px;}
.w340{width:340px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w500{width:500px;}
.w600{width:600px;}
.w650{width:650px;}
.w700{width:700px;}
.w780{width:780px;}
.w800{width:800px;}
.w900{width:900px;}
.w980{width:980px;}
.h50{height:50px;}
.h80{height:80px;}
.h100{height:100px;}
/* width & height */


/* padding & margin */
.p8{padding:8px;}
.p10{padding:10px;}
.p15{padding:15px;}
.pt5{padding-top:5px;}
.pt8{padding-top:8px;}
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }
.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom: 20px; }
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.m30{margin: 30px;}
.mt5 { margin-top:5px;}
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mr20{ margin-right:20px;}
.mauto{margin: 0 auto;}
/* padding & margin */

/*background*/
.bgGrey{background:#f5f6f7;}
/*background*/
#btnSearch { display:none;}
/*cookie-warn*/
#cookie-warn { display: none; width: 100%; height: 60px; line-height: 60px; text-align: left; background: #D8EDF8; color: #3a87ad; }
#cookie-warn p { margin: 0; line-height: 60px; font-size:14px; }
#cookie-warn img { position: absolute; right: 15px; top: 20px; cursor: pointer; }
/*==== bootstrap-tooltip ====*/
.tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; }
.tooltip.in { filter: alpha(opacity=100); opacity: 1; }
.tooltip.top { padding: 5px 0; margin-top: -3px; }
.tooltip-inner { max-width: 200px; padding: 10px 15px 12px; color: #fff; text-align: center; background-color: #c7c7c7; border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #c7c7c7; }