/* Tiny Scroll bar */
.text-item .viewport { overflow: hidden; position: relative; height: 168px; }
.text-item .overview { list-style: none; width: 400px; position: absolute; left: 0; top: 0; }
.text-item .thumb .end,
.text-item .thumb { background-color: #333; opacity: 0.5; }
.text-item .scrollbar { position: relative; float: right; width: 12px; }
.text-item .track { background-color: transparent; height: 100%; width:10px; position: relative; padding: 0 1px; }
.text-item .thumb { height: 20px; width: 8px; border: 1px solid #fff; cursor: pointer; overflow: hidden; 
    position: absolute; top: 0; border-radius: 8px;}
.text-item .thumb .end { overflow: hidden; height: 5px; }
.disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
/* Tiny Scroll bar end */



/* /Resources/ArticleDetail.aspx ,ArticleList.aspx,SearchResult.aspx  css start */
.rad_con{width: 1000px; margin: 10px auto 0;}
.rad_nav{ margin-bottom:30px; text-align:left;}
.rad_left{ width:650px; float:left; text-align:left;}
.rad_left .title{border-bottom:solid 3px #2BBBA0; font-weight:bold; font-family:Sans-Serif; font-size:18px; line-height:30px;}
.rad_left .words{color:#353535; padding:15px 0px 15px 0px; float:left;  width:100%; border-bottom:solid 1px #DADADA;}
.rad_left .list_title{width:100%; float:left; height:22px; line-height:22px;}
.rad_left .list_title .cat{ float:left; width:80px; padding-left:10px; padding-right:10px; color:#636363; font-weight: bold;}
.rad_left .list_title .sub{ float:left; width:130px; padding-left:10px; padding-right:10px; color:#636363; font-weight: bold;}
.rad_left .list_title .con{ float:left; width:280px; padding-left:10px; padding-right:10px; color:#636363; font-weight: bold;}
.rad_left .list_title .date{ float:right; width:80px;  padding-left:10px; padding-right:10px; color:#636363; font-weight: bold;}
.rad_left .list_title .dateDesc{ float:right; width:80px;  padding-left:10px; padding-right:10px;color:#636363; background:url(/images/resources/asr_arrow_down.gif) right 8px no-repeat; font-weight: bold;}
.rad_left .list_title .dateAsc{ float:right; width:80px;  padding-left:10px; padding-right:10px;color:#636363; background:url(/images/resources/asr_arrow_up.gif) right 8px no-repeat; font-weight: bold;}

.rad_left .list_con{background:url(/images/resources/asr_cat_bg.gif) 0px 0px repeat-y; width:100%; float:left; border-top:dashed 1px #D2D2D2;  padding-bottom:8px; line-height:25px;} 
.rad_left .list_con table{ border:0px; border-collapse:collapse; }
.rad_left .list_con table td{ line-height:25px;  padding-top:8px; }
.rad_left .list_con .cat{ float:left; width:80px; height:100%; padding-left:10px; padding-right:10px; padding-top:8px; padding-bottom:0px; background:#F7F7F7;  color:#333333;  font-weight:bold;}
.rad_left .list_con .sub{ float:left; width:130px; padding-left:10px; padding-right:10px; padding-top:8px;  color:#333333; font-weight:bold; }
.rad_left .list_con .sub a{ color:#333; text-decoration:None;}
.rad_left .list_con .sub a:hover{ text-decoration:underline;}
.rad_left .list_con .con{ float:left; width:280px; padding-left:10px; padding-right:10px; color:#666; padding-top:8px; }
.rad_left .list_con .con a { color:#666; text-decoration:None;}
.rad_left .list_con .con a:hover { text-decoration: underline;}
.rad_left .list_con .date{ float:right; width:80px;  padding-left:10px; padding-right:10px; color:#333; padding-top:8px; }
.rad_left .list_con .date a{color:#333;}

.rad_left .pager{ padding-top:30px;  text-align:right; float:right; width:650px; margin-bottom:40px;}
.rad_left .pager a{}


/* Article Detail - right hand side image slider and video */
.visual-ele-container { float: right; margin: 0 0 10px 20px;}
..visual-ele-container table { border-collapse: collapse;}


/* article detail photo */
.article_content .photo{ width: 650px; float:left; margin-top:20px;}
.article_content .photo ul{ float:left; padding:0 0 0 0; margin:0 0 0 0; list-style:none;}
.article_content .photo li{ float:left; display:inline; margin-right:20px; width:190px;  position:relative; z-index:1; }
.article_content .photo li img{ cursor:pointer; float:left; padding:0 0 0 0; margin:0 0 0 0; max-width:190px; width:190px; }
.article_content .photo li p{ float:left; width:190px; height:20px; overflow:hidden; cursor:pointer; white-space: nowrap;text-overflow: ellipsis;}
.article_content .photo li div{}
.article_content .photo li div{background:rgba(59, 57, 58, 0.8) none repeat scroll 0 0 !important;
                             filter:Alpha(opacity=80); 
                             background:#3B393A; color:White; cursor:pointer;  padding:5px 20px 0 20px; line-height:25px; width:150px; 
                             z-index:2; height:25px; position:absolute; left:0px; bottom:45px; overflow:hidden;}
.article_content .photo .clear{ clear:both;}
.article_content .photo a { float:left; width:100%; padding:10px 0 10px 0; text-align:center;}

.article_content font { font-size: 12pt; line-height: 160%;}

#ad_img_box { width: 190px;}
#ad_img_box .ad_img_box_col { display: none;}
#ad_img_box .ad_img_box_col.active { display: block;}
#ad_img_box .ad_img_item { margin-top: 20px;}
#ad_img_box .ad_img_item:first-child { margin-top: 0;}
#ad_img_box .ad_img_item .img{ cursor:pointer; position:relative; z-index:1;}
#ad_img_box .ad_img_item .img .f { background: rgba(59, 57, 58, 0.8) none repeat scroll 0 0 !important;
                       filter:Alpha(opacity=80); width:150px; padding:5px 20px 0 20px;
                       background:#3B393A; color:White; cursor:pointer; line-height:25px; 
                       z-index:2; height:25px; position:absolute; left:0px; bottom:0px; overflow:hidden;}
#ad_img_box .ad_img_item .img img { width:190px;}
#ad_img_box .ad_img_item .p { padding: 6px 0 0px 0; margin-bottom:10px;}

#ad_pager_box { float:right; margin-right: 10px;}
#ad_pager_box div { width:15px; margin-left:8px; display:inline; color:#fff; cursor:pointer;}
#ad_pager_box div:first-child { margin-left: 0;}
#ad_pager_box .ad_pager_btn {
	background: url(/images/resources/ad_pager.png) no-repeat 0 -16px; text-indent: -9999px; display: block; 
	width: 15px; height: 16px; float: left;
}
#ad_pager_box .cur_btn { background-position: 0px 0px;}
/* article detail photo  end */


.rad_postDate {border-bottom:solid 3px #2BBBA0; float:left; width:100%;  height:40px; margin-bottom:20px; margin-top:0px;}
.rad_postDate .pdl{ float:left; width:200px; line-height:40px;}
.rad_postDate .pdr{ float:right; text-align:right; width:200px; padding-bottom:10px; height:22px;}

.rad_ra { clear:left; margin-top:10px; padding-bottom:15px;}
.rad_ra .title {border-bottom:solid 3px #2BBBA0; height:25px; line-height:25px; margin-bottom:10px; font-size:14px; font-weight:bold; color:#333; font-family:Sans-Serif; }
.rad_ra .related-content { display: table; width: 100%;}
.rad_ra .related-content li{ width:150px; float:left; margin-left:16px; }
.rad_ra .related-content li:first-child { margin-left: 0;}
.rad_ra .related-content li a{ color:#333;}
.rad_ra .related-content li i{float:left; text-align:center; font-style:normal; width:150px; }
.rad_ra .related-content li img{ max-width:150px; max-height:110px;}
.rad_ra .related-content li p{ float:left; width:132px; line-height:20px; padding:6px 8px 5px 10px;}
.rad_ra .related-content li a:hover p { text-decoration: underline;}


.clear{ clear:both;} 

.rad_right { max-width:300px; /*float:right;*/ padding-bottom:20px; margin: 0 auto;}
.rad_right .kw{ width:100%; height:22px; border:solid 1px #D3D3D3;}
.rad_right .kw .txt{ width:278px; height:17px; padding-top:3px; line-height:20px; float:left; border:0px; text-indent:8px;}
.rad_right .kw .btn{ border:0px; width:21px; height:22px;background:url(/images/resources/rad_search_btn2.png) 0px 0px repeat; float:right;}
.watermarked { color: Gray;}

.rad_right .banner { /*width:300px;*/ margin-top:20px;}
.rad_right .banner table tr+tr td { padding-top: 20px;}
.rad_right .banner img { /*width:300px;*}

.rad_right .jkl{ width:300px; padding: 5px 0 8px 0; margin-top:20px; float:left; border:solid 1px #C8C8C8; border-radius: 5px; }
.rad_right .jkl .title{ padding:0 10px 0 15px; float:left; font-family:Sans-Serif; font-size:18px; font-weight:bold; color:#333;}
.rad_right .jkl ul{ float:left; padding-left:9px; width:290px;}
.rad_right .jkl li{ float:left; border:solid 1px #D4D4D4; margin-right:15px; display:inline; padding:5px 5px 5px 5px; margin-top:10px; background-color: #fff7d4;}
.rad_right .jkl li a { color:#828282; text-decoration:none;}

.rad_right .fu{ width:300px; height:38px; float:left; margin-top:20px; border:solid 1px #C8C8C8; border-radius: 5px;}
.rad_right .fu h3{ padding-right:8px; float:left; line-height:38px; font-weight:bold; font-family:Sans-Serif; font-size:12px; margin-left:15px;}
.rad_right .fu li { float:left; margin-left:5px; padding-top:4px; display:inline; line-height:38px;}
.rad_right .fu li:first-child { margin-left: 0;}

.ral_left { width:650px; float:left; text-align:left;}

.ral_left .ral_title{ float:left; width:100%;  height:30px; margin-bottom:5px; margin-top:0px;}
.ral_left .ral_title .tl{ float:left; /*width:200px;*/ line-height:30px;}
.ral_left .ral_title .tr{ float:right; text-align:right; /*width:110px;*/ padding-bottom:5px; height:22px;}

.ral_left .ral_banner{ width:100%; float:left; /*height:240px; margin-top:10px;*/ margin-bottom:20px;}
.ral_left .ral_banner .bl{ float:left;  width:310px; height:240px; position:relative; z-index:1;}
.ral_left .ral_banner .bl img{ width:310px; /*height:240px;*/ }
.ral_left .ral_banner .bl .f{background:rgba(59, 57, 58, 0.8) none repeat scroll 0 0 !important;
                             filter:Alpha(opacity=80); 
                             background:#3B393A; color:White;  padding:5px 20px 0 20px; line-height:18px; width:270px; 
                             z-index:2; height:71px; position:absolute; left:0px; top:164px; overflow:hidden;}
.ral_left .ral_banner .bl .f a{ font-size:16px; color:White; margin:3px 0 9px; display:block; text-decoration:none;}
.ral_left .ral_banner .bl .f a:hover{ text-decoration:underline;}
.ral_left .ral_banner .br{ float:left;  width:340px; height:240px; background:#EDEDED;}
.ral_left .ral_banner .br .d1{ width:300px; margin-left:15px; display:inline; float:left; height:101px; margin-top:15px;}
.ral_left .ral_banner .br .d1 img{ width:120px; height:90px; float:left; margin-left:5px; display:inline;}
.ral_left .ral_banner .br .d1 p{ width:165px; float:left; padding:0px 0px 0 10px; line-height:25px; font-size:16px;  color:#333333;}
.ral_left .ral_banner .br .d1 p:hover{ text-decoration:underline;}
.ral_left .ral_banner .br .bb{ border-bottom:dashed 1px #CACACA;}


.ral_left .ral_title2{ float:left; width:100%;  height:30px; margin-bottom:0px; margin-top:0px;}
.ral_left .ral_title2 .tl{ float:left; /*width:200px;*/ line-height:30px; font-family: Arial, Helvetica, sans-serif;}
.ral_left .ral_title2 .tl #sectionTitle2H2{ font-size: 22px; font-weight:bold; margin: 5px 0; line-height: 24px;}
.ral_left .ral_title2 .tr{ float:right; text-align:right; /*width:110px;*/ padding-bottom:5px; height:22px;}
.ral_left .ral_banner2{ width:100%; float:left; margin-top:0px; margin-bottom:20px;}


.ral_left .list_con { height:35px; line-height:35px; float:left; width:100%; border-bottom:dashed 1px #D2D2D2; }
.ral_left .list_con .cat { width: 120px; float: left; margin-left: 15px; color: #000; font-size: 14px;}
.ral_left .list_con .title{ width:430px; display:inline; float:left;height:35px; line-height:35px;
    background:url('/images/resources/header_arrow2.png') 0px 12px no-repeat; text-indent:15px; margin-right: 3px;}
.ral_left .list_con .title a{ color:#000; text-decoration:none; font-size:14px;}
.ral_left .list_con .title a:hover{ text-decoration:underline;}
.ral_left .list_con .date{color:#000; width:80px; float:left; height:35px; line-height:35px; font-size: 13px;}

.ral_left .pager{ padding-top:30px; text-align:right; float:right; width:100%; margin-bottom:40px;}
.ral_left .pager-bottom span{ text-align:right;}


/* /Resources/ArticleDetail.aspx css end */




/*Moving Boxes css start*/

.wrapper { 
  font: 16px/1.4 'PT Sans', sans-serif; margin-top:10px;
}

.demo-title {
  text-align: center;
  color: #a71700;
  text-transform: uppercase;
  padding: 30px 0 0;
  font-size: 60px;
}

/* Navigation bar */
.main-nav { 
  display: block; 
  text-align: center; 
  border-bottom: 2px solid #a71700;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}

.main-nav a { 
  text-decoration: none;
  color: #3e63ec;
  font-size: 18px;
  margin: 0 8px;
}
.main-nav a:hover {
  color: black;
  border-bottom: 2px solid black;
}

/* Moving Boxes title image wrapper */
#title { 
  text-align: center; 
}
#title img { 
  border: 0; 
}

/* Panel images */
.mb-inside img { width: 100%; }

/* height of the placeholder until image completely loads - needed for
   webkit browsers, add this only if you don't want the height animation
   on startup. 326px measures the height of the current image when enlarged 
*/
#slider-two .current img { /* height: 326px; */ }

/* Panel links */
.mb-inside a { color: #333; text-decoration: none; border-bottom: 1px dotted #ccc; }
.mb-inside a:hover { border-bottom: 1px solid #999; }

/* Add/remove panels buttons */
.buttons { padding: 5px 10px; text-align: center; }

/* Direct link styling */
.dlinks { 
  text-align: center;
  margin: 0 0 20px 0;
}
.dlinks * {
  vertical-align: middle;
}



/* Overall & panel width defined using css in MovingBoxes version 2.2.2+ */
		#slider-one { width: 550px; }
		#slider-one > li { width: 290px; }
	        
	
		.rad_l_d_f{ font-size:11px; padding-top:8px;}	
		
		#slider-two { width: 500px; }
		#slider-two > div { width: 360px; }
		
/*Moving Boxes css end */


/*ArticlePhoto.aspx CSS START*/
#ap_container{width:600px; margin:0 auto}

.ad-gallery { width: 600px; }
.ad-gallery, .ad-gallery * { margin: 0; padding: 0;  font-family:Arial,Sans-Serif;}
.ad-gallery .ad-image-wrapper { width: 600px; height: 500px; position: relative; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 20%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 20%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {background: url(trans.gif); }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(/images/resources/ap_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(/images/resources/ap_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.ad-gallery .ad-image-wrapper .ad-image a img { border: 0; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description  
{
    line-height:20px; 
    position: absolute; bottom: 0px; left: 0px; 
    padding: 7px; text-align: left; 
    width: 100%; z-index: 2;  color: #ffffff; 
    background:rgba(59, 57, 58, 0.8) none repeat scroll 0 0 !important;
                             filter:Alpha(opacity=80); 
                             background:#000000;   
 }
 .ad-gallery .ad-image-wrapper .ad-image .ad-image-description span{font-family:Arial,Sans-Serif;  height: 20px; color:#AAAAAA; font-size:12px; }
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; font: normal 12px "微軟正黑體", "新細明體"; }

.ad-gallery .ad-image-wrapper img{top:0px; padding:0px 0 0 0; margin:0 0 0 0; float:left;}
.ad-gallery .ad-image-wrapper .clear{ clear:both;}
.ad-gallery .ad-image-wrapper .adDesc{ float:left; color:White;  float:left; bottom:0px; height:20px; }
.ad-gallery .ad-image-des {  font-family:Arial,Sans-Serif;line-height:20px; padding:5px 0 5px 0; float:left; width:100%; color: #CCCCCC; font-size:12px; font-weight:normal; }


.ad-gallery .ad-controls { font-family:Arial,Sans-Serif; width:600px; float:left; height: 20px; color:#AAAAAA; font-size:12px; }
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right; font-size:12px }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-size: 12px; color: #999; }

.ad-gallery .top{ position:absolute; z-index:1000; top: 0; right: 0;}
.ad-gallery .top .closeBtn{background: url(/images/resources/ap_arrows.png) no-repeat 0 0; }
.ad-gallery .top .close{ font-size: 0; line-height: 0; cursor:pointer; display:block; height: 28px;width: 28px; background: url('/images/resources/ap_close.png') no-repeat scroll 0 0;}
.ad-gallery .top .closeBtn{ margin-right:15px; display:inline; margin-top:10px; float:right;}
.ad-gallery .top .closeBtn
{
    background: url(/images/resources/ap_arrows.png) no-repeat 0 0; 
	border:0;
	height:29px;
	width:29px;
	background-position:0 -450px;
	z-index:50;
	cursor:pointer;
	opacity:0}
.ad-gallery .top .closeBtn:hover{background-position:-31px -450px}
.ad-gallery .arrowRight
{
    background:url(/images/resources/ap_arrows.png) no-repeat 0 0;
    
    top:50%;
	width:40px;
	height:70px;
	
	right:0;
	margin:-45px 15% 0 0;
	background-position:0 -300px;opacity:.5
}
.ad-gallery .arrowRight:hover
{background-position:0 -300px\9}

.ad-gallery .left{ display: block; position:relative; z-index:0;}
.ad-gallery .right{ width:300px; float:left;}
.ad-gallery .banner{ float:left; width:330px; padding-bottom:20px; text-align:left;}
.ad-gallery .banner img{ border:0px;}

.ad-gallery .ad-nav { width: 330px;  float:right; position: relative; }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; left: -20px; width: 13px; display: block; background: url(/images/resources/ap_scroll_back.png) 0px 22px no-repeat; }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 13px; background: url(/images/resources/ap_scroll_forward.png) 0px 22px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 330px; list-style: none; }
.ad-gallery .ad-thumbs li { float: left; display:inline; margin-left:10px; margin-bottom:10px; width:55px; height:55px; }
.ad-gallery .ad-thumbs li img{width:55px; height:55px; }
.ad-gallery .ad-thumbs li a { display: block; }
.ad-gallery .ad-thumbs li a img { border: 0px solid #24A8FE; display: block; }
.ad-gallery .ad-thumbs li a img:hover{border: 2px solid #FF9900;  display: block; width:55px; height:55px;}
.ad-gallery .ad-thumbs li a.ad-active img { border: 2px solid #24A8FE; width:55px; height:55px;}

.ad-preloads { position: absolute; left: -9000px; top: -9000px; }

/*#gallery{background:#DDF7FF!important; border:2px solid #93E7FF; padding:30px}*/

/*ArticlePhoto.aspx CSS END*/

/*Article image center*/
#fullContentLab > p img,
.MsoNormal img {
    display: block;
    margin: 10px auto;
	max-width: 100%;
}