/* Awards Timeline */
#main-content-pin, #main-timeline { max-width:100%; background:url(../images/bgb1.png) fixed repeat; padding-top:30px;}
#main-content-pin { -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3) inset; box-shadow:0 1px 2px rgba(0,0,0,0.3) inset; }
#main-content-pin .container { width: auto; }
#main-timeline { background:#fbfbfb; border-top:2px solid #f0f0f0; }
#pin-content, #tline-content { width:auto; margin:0 auto; position:relative; overflow: hidden; }
#tline-content { background:url(../images/tline-cnt-bg1.png) repeat-y center center; width:890px; margin:0 auto; }
#tline-content p { margin-bottom:2px;}
.pin-box, .tline-box { width:212px; width:210px\9; padding:12px; display:block; background:#fff; margin:10px; float:left; border:1px solid #efefef\9; -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.33); box-shadow:0 1px 3px rgba(0,0,0,0.33); }
.pin-box { border-radius:3px; overflow:hidden;}
.pin-box  .img-item, .pin-box  iframe { max-width:236px; margin:-12px; margin-bottom:0; }
.img-item img { margin-bottom:-6px;}
.pin-box .zoomex { border-radius: 3px 3px 0 0; }
.tline-box  iframe, .tline-box  img { width:100%; max-width:100%; border-bottom:2px solid #e5e5e5;}
.pin-box h4, .tline-box h4 { font-size:18px; font-weight:400; margin-top:8px; margin-bottom:10px;}
.pin-box h4 { font-size:15px; margin-bottom:4px;}
.pin-box h4 a, .tline-box h4 a { color:#434343;}
.pin-box h4 a:hover, .tline-box h4 a:hover { color:#d11e25;}
.pin-ecxt h6.blog-author, .tline-ecxt h6.blog-author, .tline-box h6  { font-size:12px; }
.pin-ecxt, .tline-ecxt { border-bottom:1px solid #efefef; padding:0 12px; margin:0 -12px; }
.pin-ecxt2 p, .pin-ecxt2 p small { font-size:12px; font-weight:bold; margin:0;}
.pin-ecxt2 p { line-height:20px;}
.pin-ecxt2 p small { color:#a2a2a2; display:block; }
.pin-ecxt2 img { width:40px; height:40px; float:left; margin:0; margin-top:4px; margin-right:10px; border-radius:3px;}
.tline-box  { width:380px;  padding:10px; padding-bottom:20px; margin-top:21px; min-height:160px; border-radius:3px; position:relative; border:1px solid #d7dce7; -webkit-box-shadow:0 1px 6px -3px rgba(0,0,0,0.3); box-shadow:0 1px 3px -2px rgba(0,0,0,0.3);  }
.tline-row-l, .tline-row-r { background:url(../images/tmln-ro-r1.png) no-repeat right 12%; width:46px; height:17px; margin-right:-44px; display:block; position:absolute; right:0; top:16px;}
.tline-row-r { background:url(../images/tmln-ro-l1.png) no-repeat left 12%; left:0; margin:0; margin-left:-43px; }
.tline-box.rgtline { float:right;  margin-top:53px; right:0; clear: right; }
.tline-box:hover  { -webkit-box-shadow:0 1px 11px -3px rgba(141,161,199,0.9); box-shadow:0 1px 6px -2px rgba(141,161,199,0.9);  }
.tline-topdate { width:150px; height:26px; position:relative; display:block; clear:both; zoom:1; padding:4px; border:2px solid #e5e5e5; background:#fff; font-size:16px; text-align:center; font-weight:bold; line-height:26px; color:#aaa;  margin:0 auto 7px; border-radius:2px;  text-shadow: 0 1px 1px #fff;}
.tline-topdate.enddte { bottom:0; margin-bottom:0; }
.blog-q { border-left:1px solid #d8d8d8; padding-left:12px;}
.blog-q em { color:#a5adae;}
p.blog-inpic { margin-top:21px;}
p.blog-inpic img { float:left; border:1px solid #c9c9c9; background:#f9f9f9; width:280px; max-width:100%; padding:6px; margin:0 14px 14px 0;}
.date-sp-wrap { max-width:100px; margin:0 10px; float:left; }
.blog-date-sp, .blog-com-sp { height:40px; padding:6px; padding-bottom:20px; width:90px; float:right; border-top-left-radius:6px; color:#fff; font-weight:bold;}
.blog-date-sp h3 { width:30px; float:left; margin:1px 5px; color:#0093d0;  }
.blog-date-sp span { float:right; margin:5px; margin-right:12px; color:#a2aab0;  font-size:12px; line-height:1.2;} 
.blog-com-sp { background:none;  color:#95a2aa; padding:0 6px 8px; margin-top:-12px; text-align:center; font-size:12px; height:16px; border-radius:0px; border-bottom-left-radius:11px; }
.blog-com-sp a { color:#95a2aa; }
.tline-box .blog-date-sp { position:relative; bottom:-50px; margin-top:-50px; width:25%; border:0; border-radius:0; background: none center no-repeat #e9e9e9; padding:0; margin-bottom:0; }
.tline-box .blog-com-sp  { float:left;  height:28px; padding:12px 23px 0 0; }
.tline-box .blog-date-sp h3 { font-size:28px; margin-left:12px; text-shadow:0 0 1px rgba(0,0,0,0.1);}
.rgtline .blog-date-sp 	{ margin-right: 75%; }
/* Timeline */
.cbp_tmtimeline { margin: 30px 0 0 0; padding: 0; list-style: none; position: relative; }
.cbp_tmtimeline > li { position: relative;}
/* Line */
.cbp_tmtimeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 10px; background: #afdcf8; left: 52%; margin-left: -10px; }
/* Date/time */
.cbp_tmtimeline > li .cbp_tmtime { display: block; width: 25%; padding-right: 100px; position: absolute; margin-left: 30%;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime { margin-left: 57%;  }
.cbp_tmtimeline > li .cbp_tmtime span { display: block; text-align: right; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span { display: block; text-align: left; }
.cbp_tmtimeline > li .cbp_tmtime span:first-child { padding: 0 0.25em; font-size: 1.2em; color: #bdd0db; color: transparent; }
.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 2.9em;  color: #C0392B;  }
/*.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child { color: #6cbfee; }*/
blockquote:before { content:''; }
/* Content */
.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 3% 15px 57%; background: none; color: #777; padding: 1em; font-size: 1.2em; font-weight: 200; line-height: 1.4; position: relative; text-align:left; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel { margin: 0 54% 15px 5%; background: none; text-align:right;}
.cbp_tmtimeline > li .cbp_tmlabel h2 { font-weight:300; color: #3594cb; margin: 0px; padding: 0 0 10px 0;}
/* Triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #3594cb; border-width: 10px; top: 1.5em; }
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-left-color: #6cbfee; border-width: 10px; top: 1.5em; }
/* Icons */
.cbp_tmtimeline > li .cbp_tmicon { width: 40px; height: 40px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; -webkit-font-smoothing: antialiased; position: absolute; color: #fff; background: #46a4da; border-radius: 50%; box-shadow: 0 0 0 8px #afdcf8; text-align: center; left: 52%; top: 0.75em; margin: 0 0 0 -25px; }
.cbp_tmicon-phone:before { content: "\e000"; }
.cbp_tmicon-screen:before { content: "\e001"; }
.cbp_tmicon-mail:before { content: "\e002"; }
.cbp_tmicon-earth:before { content: "\e003"; }
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
#tline-content { width:800px;}
.tline-box { width:335px;}
.blog-date-sec span, .blog-date-sec h3  { font-size:70%;}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) { 
.tline-box .blog-date-sp  { width:80%;}
.tline-box .blog-com-sp { width:0; display:none;}
.date-sp-wrap { margin:0; float:right; margin-bottom:7px;}
.blog-line .blog-date-sec { height:auto;}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#tline-content { width:460px;}
.tline-box { width:165px;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { 
#tline-content { width:300px; }
.tline-box { width:250px;}
.tline-row-l, .tline-row-r { display:none}
.tline-box.rgtline { float:left; left:0; }
.cbp_tmtimeline > li .cbp_tmicon { display:none;}
.cbp_tmtimeline > li .cbp_tmtime { margin-left: 0% !important; }
.cbp_tmtimeline > li .cbp_tmlabel { margin: 0 5% 0 20% !important; text-align: left !important; }
.cbp_tmtimeline > li .cbp_tmtime span:last-child { font-size: 2.2em; }
.cbp_tmtimeline > li .cbp_tmlabel:after { display:none !important; }
.blog-date-sp h3 { width:auto; float:right; margin-right: 12px; }
.tline-box .blog-date-sp { bottom:0px; margin-top:0px; width:100%; }
.rgtline .blog-date-sp 	{ margin-right: 0; }
}
@media only screen and (min-width: 1025px) {	

}