﻿/* Video Page Layout*/
.headerad{
	background:url(http://www.ctitv.com.tw/images/haut_ligne.gif) no-repeat 46% 100%;
	padding:10px 0;
}
.headerad object,
.headerad img{
	display:block;
	margin:auto;
}
.newsvideo,
.dramavideo,
.newchinavideo,
.ctitv{
	width:995px;
	margin:0 auto;
}
.gauche{
	width:740px;
	float:left;
	padding-top:40px;
}
.droit{
	width:255px;
	float:right;
}

/* Position, SNS */
.position{
	position:absolute;
	top:10px;
	left:0;
	width:350px;
	padding-left:10px;
	z-index:120;
}
.position li{
	background:url(http://www.ctitv.com.tw/images/point_position.gif) no-repeat 100% 50%;
	margin:0;
	padding:0 9px 0 5px;
	color:#b3b3b3;
	display:block;
	float:left;
}
.position li a, 
.position li a:visited{color:#b3b3b3;}
.position li a:hover, 
.position li a:active{
	color:#FFF;
	text-decoration:none;
}
.position li.last{background:none;}
.sns{
	position:absolute;
	top:10px;
	right:265px;
	width:380px;
	height:20px;
	z-index:130;
}
.sns li{
	display:block;
	float:right;
	margin-left:5px;
	font-size:12px;
}
.sns li a{display:block;}
.rss, 
.plurk, 
.twitter, 
.facebook,
.google, 
.funp,
.hemidemi,
.myshare,
.windows-live{
	text-indent:-999em;
	background:url(http://www.ctitv.com.tw/images/icon.gif) no-repeat;
}
.plurk a, 
.twitter a, 
.facebook a,
.google a, 
.funp a,
.hemidemi a,
.myshare a,
.windows-live a{width:17px;}
.rss a{width:36px;}
.comments,
.print,
.send{
	padding-left:20px;
	background:url(http://www.ctitv.com.tw/images/icon.gif) no-repeat;
}
.plurk{
	background-position:-180px -88px;
	width:20px;
}
.twitter{
	background-position:-180px -44px;
	width:17px;
}
.facebook{
	background-position:-180px 1px;
	width:17px;
}
.rss{
	background-position:-356px 2px;
	width:36px;
}
.comments{
	background-position:-270px 1px;
}
.print{
	background-position:-270px -44px;
}
.send{
	background-position:-270px -88px;
}
.google{
	background-position:-90px 1px;
	width:17px;
}
.windows-live{
	background-position:0 -88px;
	width:17px;
}
.funp{
	background-position:-90px -44px;
	width:17px;
}
.hemidemi{
	background-position:0 1px;
	width:17px;
}
.myshare{
	background-position:0 -44px;
	width:17px;
}

.bkmk{
	position:relative;
}
.bkmk ul{
	display:none;
	padding-left:4px;

}
.bkmk li{
	display:block;
	border-right:1px solid #666;
	float:left;
	margin:4px 5px 4px 0;
	padding-right:5px;
}
.bkmk li.last{
	padding-right:0;
	border:0;
}
.bkmk li img{border:1px #CCC solid;}
.bkmk li.shareTitle{
	border:0;
	margin-bottom:0;
	padding-left:2px;
	width:150px;
}
.bkmk .bkmkBg{
	display:none;
	background:#000;
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
	border:1px #CCC solid;
}
.bkmk:hover ul, 
.bkmk:hover .bkmkBg{
	display:block;
	position:absolute;
	top:18px;
	left:-6px;
	z-index:140;
	width:140px;
	height:50px;
}
.bkmk:hover ul{
	z-index:150;
}

/* VideoBox*/
.videoBox{
	position:relative;
	background:url(http://www.ctitv.com.tw/images/bg_video_news.jpg) no-repeat 0 0;
}
.videoTxt{
	float:left;
	width:280px;
	margin-left:10px;
	z-index:10;
}
.videoTxt h3, 
#fullTxt h3{
	color:#FFC;
	font-size:16px;
	margin:10px 0;
}
.videoTxt p,
#fullTxt p{
	font-size:13px;
	line-height:24px;
	margin:10px 10px 55px;
	text-indent:1em;
}
.videoTxt .info,
#fullTxt .info{
	width:100%;
	padding:0;
	margin:-5px 0;
}
#fullTxt{}
#fullTxtBox{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #2e7a9c;
	position:absolute;
	top:40px;
	left:445px;;
	width:490px;
	height:320px;
	padding:5px 48px 5px 10px;
	overflow:hidden;
	background:#000;
	z-index:99;
}
.fullTxtClose,
.fullTxtUp,
.fullTxtDown{
	display:block;
	position:absolute;
	top:45px;
	right:5px;
	width:40px;
	height:40px;
	background:url(http://www.ctitv.com.tw/images/btn-fermer.png) no-repeat 0 0;
	text-indent:-999em;	
	z-index:100;
}
.fullTxtUp,
.fullTxtDown{
	top:185px;
	height:38px;
	background:url(http://www.ctitv.com.tw/images/btn_ud.png) no-repeat 7px 0;
}
.fullTxtDown{
	top:232px;
	background:url(http://www.ctitv.com.tw/images/btn_ud.png) no-repeat 7px 100%;
}
.fullTxtUp:hover{
	background-position:-40px 0;
}
.fullTxtDown:hover{
	background-position:-40px 100%;
}
.fullTxtCopy{
	display:block;
	position:absolute;
	top:65px;
	right:50px;
	z-index:100;	
}
.playerFrame{
	width:435px;
	float:left;
	border:1px solid #2e7a9c;
	text-align:center;
	padding:5px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.playerFrame object, 
playerFrame img{
	margin:0 auto;
}
.embed{
	position:absolute;
	left:445px;
	bottom:-20px;
	font-size:12px;
}
.embed li{
	padding-bottom:3px;
}
.embed input{
	border:1px #999 solid;
	color:#999;
	width:170px;
	line-height:18px;
	height:18px;
	padding:0;
}
.embed input.btn{
	color:#000;	
	margin-left:2px;
	width:45px;
	height:20px;
	text-align:center;
}
.dramavideo .videoBox{	background:url(http://www.ctitv.com.tw/images/bg_video_drama.jpg) no-repeat 0 0;}
.dramavideo #fullTxtBox,
.dramavideo .playerFrame{border-color:#9F282C;}
.newchinavideo .videoBox{	background:url(http://www.ctitv.com.tw/images/bg_video_newchina.jpg) no-repeat 0 0;}
.newchinavideo #fullTxtBox,
.newchinavideo .playerFrame{border-color:#a59d40;}
.ctitv .videoBox{	background:url(http://www.ctitv.com.tw/images/bg_video_ctitv.jpg) no-repeat 0 0;}
.ctitv #fullTxtBox,
.ctitv .playerFrame{border-color:#8A8A8A;}

/* Middle Belt */
.gauche .title{	
	background:url(http://www.ctitv.com.tw/images/bg_title_news.jpg) repeat-x 0 0;
	border:solid #2b7799;
	border-width:0 0 1px 1px;
	width:739px;
	margin-top:10px;
	font-size:13px;
}
.gauche .title img{
	border-right:solid #2b7799 1px;
	float:left;
	width:149px;
}
.gauche .title h1, 
.gauche .title h2, 
.gauche .title h3, 
.gauche .title h4, 
.gauche .title h5, 
.gauche .title h6, 
.gauche .title p, 
.gauche .title ul{
	margin-left:160px;
}
.gauche .title h2{
	padding:10px 0 0;
	clear:none;
}
.gauche .title ul{margin-bottom:0;*margin-top:15px;}
.gauche .title li{margin-bottom:1px;}

.dramavideo .gauche .title{background:url(http://www.ctitv.com.tw/images/bg_title_drama.jpg) repeat-x 0 0; border-color:#9F282C;}
.dramavideo .gauche .title img{border-color:#9F282C;}

.newchinavideo .gauche .title{background:url(http://www.ctitv.com.tw/images/bg_title_newchina.jpg) repeat-x 0 0;	border-color:#a59d40; border-color:#a59d40;}
.newchinavideo .gauche .title img{border-color:#a59d40;}

.ctitv .gauche .title{background:url(http://www.ctitv.com.tw/images/bg_title_ctitv.jpg) repeat-x 0 0; border-color:#CCC; border-color:#8A8A8A;}
.ctitv .gauche .title img{border-color:#CCC;}

/* menu */
.menu{
	width:149px;
	float:left;
	font-size:13px;
	border:solid #2e7a9c 1px;
	border-width:1px 1px 0;
	margin-top:-1px;
}
.menu li{
	border-bottom:solid #2e7a9c 1px;
}
.menu li,
.menu li a, 
.menu li a:visited{
	color:#6DB9D8;
	display:block;
	line-height:30px;
	text-indent:5px;
	vertical-align:middle;
}
.menu li a:hover, 
.menu li a:active{
	color:#FFF;
	background:url(http://www.ctitv.com.tw/images/bg_title_news.jpg) repeat-x 50% 0;
	text-decoration:none;
}
.menu li.tt{
	color:#FFF;
	background:url(http://www.ctitv.com.tw/images/bg_title_news.jpg) repeat-x 50% 50%;
	line-height:30px;
	vertical-align:middle;
	text-indent:5px;
}

.dramavideo .menu,
.dramavideo .menu li{border-color:#9f282c!important;}
.dramavideo .menu li a, 
.dramavideo .menu li a:visited{color:#f0777b;}
.dramavideo .menu li a:hover, 
.dramavideo .menu li a:active{color:#FFF; background:url(http://www.ctitv.com.tw/images/bg_title_drama.jpg) repeat-x 50% 0;}
.dramavideo .menu li.tt{background:url(http://www.ctitv.com.tw/images/bg_title_drama.jpg) repeat-x 50% 50%;}

.newchinavideo .menu,
.newchinavideo .menu li{border-color:#a59d40!important;}
.newchinavideo .menu li a, 
.newchinavideo .menu li a:visited{color:#d6ce77;}
.newchinavideo .menu li a:hover, 
.newchinavideo .menu li a:active{color:#FFF; background:url(http://www.ctitv.com.tw/images/bg_title_newchina.jpg) repeat-x 50% 0;}
.newchinavideo .menu li.tt{background:url(http://www.ctitv.com.tw/images/bg_title_newchina.jpg) repeat-x 50% 50%;}

.ctitv .menu,
.ctitv .menu li{border-color:#8A8A8A!important;}
.ctitv .menu li a, 
.ctitv .menu li a:visited{color:#CCC;}
.ctitv .menu li a:hover, 
.ctitv .menu li a:active{color:#FFF; background:url(http://www.ctitv.com.tw/images/bg_title_ctitv.jpg) repeat-x 50% 0;}
.ctitv .menu li.tt{background:url(http://www.ctitv.com.tw/images/bg_title_ctitv.jpg) repeat-x 50% 20%;}

/* Video List*/
.centre{
	float:right;
	width:550px;
	margin-top:8px;
}
.centre h2{
	border-bottom:double #2e7a9c 5px;
	color:#6DB9D8;
	font-size:15px;
	padding:5px 0;
	margin-bottom:20px;
}
#divArticleList{margin-bottom:30px;}
.list{
	display:block;
	float:left;
	margin:5px;
	width:262px;
}
.list li{
	position:relative;
	display:block;
	margin-top:5px;
	color:#FFC;
	font-size:15px;
	font-family:"微軟正黑體", "Times New Roman", Times, serif;
}
.list img{
	width:250px;
	height:170px;
	padding:5px;
	margin-top:5px;
	border:solid #2e7a9c 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.list .playBtn{
	background:url("http://www.ctitv.com.tw/images/btn_play.png") no-repeat scroll 100px 60px;
	display:block;
	width:252px;
	height:173px;
	position:absolute;
	top:5px;
	*top:36px;
	left:5px;
	z-index:300;
	cursor:pointer;
}
.list .playBtn:hover{background-position:-332px 60px;}
.catList h2{
	margin:10px 0; 
	padding:0;
	*margin:10px 0 -25px;
}
.page{
	display:block;
	margin:30px 0 0;
	float:right;
	*float:none;
	clear:both;
}
.page li{
	border-right:1px solid #666;
	display:block;
	float:left;
	margin-right:6px;
	padding-right:6px;
	color:#666;
}
.page li.last{
	border:none;
}
.page li a{
	display:block;
	font-size:12px;
	padding:1px 3px;
}
.page li a, 
.page li a:visited{
	color:#6DB9D8;
}
.page li a:hover, 
.page li a:active{
	text-decoration:none;
	color:#FFF;
}
.page li.on{
	font-size:18px;
	color:#FFF;
	font-weight:700;
}

.dramavideo .centre h2{	border-color:#9f282c; color:#f0777b;}
.dramavideo .centre li img{border-color:#9f282c;}
.newchinavideo .centre h2{border-color:#a59d40; color:#d6ce77;}
.newchinavideo .centre li img{border-color:#A59D40;}
.ctitv .centre h2,.ctitv .searchRes{border-color:#8A8A8A; color:#CCC;}
.ctitv .centre li img{border-color:#8A8A8A;}

.dramavideo .page li a, 
.dramavideo .page li a:visited{color:#f0777b;}
.newchinavideo .page li a, 
.newchinavideo .page li a:visited{color:#8A8A8A;}
.ctitv .page li a, 
.ctitv .page li a:visited{color:#8A8A8A;}

.dramavideo .page li a:hover 
.dramavideo .page li a:active,
.newchinavideo .page li a:hover, 
.newchinavideo .page li a:active,
.ctitv .page li a:hover, 
.ctitv .page li a:active{color:#FFF;}

/* COMMENT */
p.allEntry{
	margin-left:444px; 
	text-indent:18px; 
	background:url(http://www.ctitv.com.tw/images/icon.gif) no-repeat -270px 3px;}
.entry{
	font-size:13px; 
	position:relative;
}
.entry h2{margin-bottom:3px;}
.entry h3{
	font-size:15px;
	color:#FFC;
	margin-bottom:20px;
}
.entry p{margin-right:20px;}
p.admin{
	color:#FFC;
	font-weight:700;
}
p.reply{
	color:#AAA;
	margin-left:20px;
	padding-left:10px;
	border-left:solid 2px #CCC;
}
.info{
	border-top:1px solid #666;
	padding:3px 0;
	width:530px;
	font-size:12px;
	text-align:right;
}
.info li{
	border-right:1px solid #666;
	display:inline;
	margin-right:8px;
	padding-right:8px;
	color:#666666;
}
.info li.last{
	border:none;
	margin-right:0;
	padding-right:0;
}
.info li a, 
.info li a:visited{color:#CCC;}
.info li a:hover,
.info li a:active{
	color:#FFF;
	text-decoration:none;
}

/* Droit */
.droitAd ul{padding:10px 0 0;}
.droitAd li{margin-bottom:10px;}
.boiteh{
	font-size:13px;
	color:#FFF;
	background:url(http://www.ctitv.com.tw/images/boite_page_droit.gif) no-repeat 0 0;
	margin-top:10px;
	width:255px;
	zoom:1;
}
.boiteb{
	background:url(http://www.ctitv.com.tw/images/boite_news_b.gif) no-repeat 0 100%;
	padding-top:10px;
	zoom:1;	
}
.boiteh img{
	margin:0 auto;
}
.boiteh h2,  
.boiteh h3, 
.boiteh ul, 
.boiteh ol, 
.boiteh p{	
	margin-left:10px;
	margin-right:10px;
	clear:both;
}
.boiteh h2{
	color:#6DB9D8;
	font-size:13px;
	vertical-align:bottom;
}
.boiteh h2 em{
	font-size:15px;
	font-style:normal;
	color:#FFF;
	margin:0 3px;
}
.boiteh .topListTab{
	font-size:13px;
	margin:0 -4px 10px 0;
}
.topListTab li{
	display:block;
	border-right:1px solid #2E7A9C;
	border-bottom:1px solid #2E7A9C;
	float:left;
	width:49%;
	margin:0;
	padding:0;
}
.topListTab li a span{
	display:block;
	padding:0 7px;
}
.topListTab li a, 
.topListTab li a:visited{
	display:block;
	text-align:center;
	color:#2E7A9C;
	width:100%;
	padding:4px 0;
}
.topListTab li a:hover, 
.topListTab li a:active{
	color:#FFF;
	text-decoration:none;
}
.topListTab li.on{border-bottom:0;}
.topListTab li.on a{
	color:#6DB9D8;
	font-weight:700;
	text-decoration:none;
}
.topListTab li.last{border-right:none;}
.topList ul{margin:0;}
.topList li{
	font-size:13px;
	line-height:22px;
	background:url(http://www.ctitv.com.tw/images/lipoint.gif) no-repeat 8px 8px;
	padding:0 0 5px 20px;
	zoom:1;
}
.topList li a{
	zoom:1;
}
#topList02 h2,
#topList04 h2{text-align:right;}
.programe li{
	margin:2px 0;
	font-size:12px;
	background:url(http://www.ctitv.com.tw/images/haut_menu.gif) no-repeat -370px -48px;
	color:#c5c5c4;
	}
.programe li ul{
	margin:3px 0;
}
.programe li li{
	margin-left:20px;
	background:none;
}
.programe br{display:none;}
.showTime{
	font-weight:700;
	margin-right:20px;
	color:#FFF;
}

.dramavideo .boiteh{background:url(http://www.ctitv.com.tw/images/boite_page_droit.gif) no-repeat -260px 0;}
.dramavideo .boiteb{background:url(http://www.ctitv.com.tw/images/boite_drama_b.gif) no-repeat 0 100%;}
.dramavideo .boiteh h2{color:#F0777B;}
.dramavideo .topListTab li{border-color:#9F282C;}
.dramavideo .topListTab li a, .dramavideo .topListTab li a:visited{color:#9F282C;}
.dramavideo .topListTab li a:hover, .dramavideo .topListTab li a:active{color:#FFF;}
.dramavideo .topListTab li.on a{color:#F0777B;}
.dramavideo .topList li{background-position:-492px 8px;}

.newchinavideo .boiteh{background:url(http://www.ctitv.com.tw/images/boite_page_droit.gif) no-repeat -520px 0;}
.newchinavideo .boiteb{background:url(http://www.ctitv.com.tw/images/boite_newchina_b.gif) no-repeat 0 100%;}
.newchinavideo .boiteh h2{color:#D6CE77;}
.newchinavideo .topListTab li{border-color:#A59D40;}
.newchinavideo .topListTab li a, .newchina .topListTab li a:visited{color:#A59D40;}
.newchinavideo .topListTab li a:hover, .newchina .topListTab li a:active{color:#FFF;}
.newchinavideo .topListTab li.on a{color:#D6CE77;}
.newchinavideo .topList li{background-position:-992px 8px;}

.ctitv .boiteh{background:url(http://www.ctitv.com.tw/images/boite_page_droit.gif) no-repeat -1377px 0;}
.ctitv .boiteb{background:url(http://www.ctitv.com.tw/images/boite_ctitv_b.gif) no-repeat 0 100%;}
.ctitv .boiteh h2{color:#CCC;}
.ctitv .topListTab li{border-color:#666;}
.ctitv .topListTab li a, .newchina .topListTab li a:visited{color:#666;}
.ctitv .topListTab li a:hover, .newchina .topListTab li a:active{color:#FFF;}
.ctitv .topListTab li.on a{color:#CCC;}
.ctitv .topList li{background-position:-1492px 8px;}

/* NEWSNEWS */
.newsnews .ltbox{
	float:left; 
	width:100%; 
}
.newsnews .menu{
	border-top:solid 1px #2E7A9C; 
	margin-top:9px;
}
.newsnews .boite{
	margin:0 20px 30px;
	font-size:13px;
}
.newsnews .boite h3{
	font-size:15px;
	color:#FFC;
}
.newsnews .boite p.reply{
	font-size:13px;
}
.boite .info{
	width:100%;
}

/*Form comment, member */
.formTbl{
	margin:0 20px 20px; 
	width:510px; 
	font-size:13px;
	text-align:left;
}
.formTbl .opt{display:block;}
.formTbl td{padding:5px 10px;}
.formTbl th{
	width:130px;
	vertical-align:top;
	padding:7px 0;
	text-align:right;
	line-height:18px;
}
input.singleLine,
.formTbl textarea,
.formTbl select,
#ctl00_ContentPlaceHolder1_Wizard1_txtCaptcha{
	height:18px; 
	padding:2px 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.formTbl select{
	padding-right:0;
	height:25px;
	margin-right:5px;
}
.formTbl option{
	padding-right:10px;
}
input.singleLine{
	width:200px; 
	margin-right:10px;
}
#ForumAuthorName{
	width:180px; 
	color:#000;
	margin-right:10px;
}
#ForumComments, 
#txtDescription,
#ctl00_ContentPlaceHolder1_Wizard1_txtDescription{
	width:400px; 
	height:200px; 
}
#captcha{
	display:inline;
	margin:0 10px 10px 0;
	vertical-align:middle;
}
#ctl00_ContentPlaceHolder1_CreateUserWizard1_CreateUserStepContainer_txtCaptcha,
#ctl00_ContentPlaceHolder1_ModifyWizard_txtCaptcha
	{width:6em!important;}
.formTbl em{
	font-style:normal; 
	color:#FF3; 
	font-weight:700; 
	font-size:15px;
}
.memberSteps{
	font-size:12px; 
	color:#FFF; 
	margin-left:10px;
}
.checkbox input{background:none;}
.formBtn{text-align:center;}
.formBtn input{
	margin:3px;
	padding:1px 3px;
	*padding:1px
}
#noCommentForm{margin:0 0 50px; width:100%;}
#noCommentForm td{padding:0;}

/* Popup */
div.popUp{
	text-align:center;
	margin:15px;
	width:470px;
}
div.popUp .formTbl{width:85%; text-align:left; margin:10px auto;}
div.popUp h2{
	color:#CCC;
	border-bottom:5px double #8A8A8A;
	font-size:15px;
	margin:0 0 20px;
	padding:5px 0;
	clear:both;
	font-family:"微軟正黑體",Verdana,Arial,Helvetica,sans-serif;
	font-weight:700;
	text-align:left;
}

/*Search Result, iReporter */
.searchList{
	margin:10px 20px 0 0;
	font-size:13px;
	position:relative;
	clear:both;
}
.searchResult h2, 
.iReporter #ctl00_ContentPlaceHolder1_Wizard1 h2{
	border-bottom:double 5px;
	font-size:15px;
	padding:5px 0;
	margin-bottom:20px;
	text-align:left;
}
#ctl00_ContentPlaceHolder1_Wizard1_StartNavigationTemplateContainerID_StartNextButton,
#ctl00_ContentPlaceHolder1_Wizard1_StartNavigationTemplateContainerID_CancelButton,
#ctl00_ContentPlaceHolder1_Wizard1_FinishNavigationTemplateContainerID_btnReset,
#ctl00_ContentPlaceHolder1_Wizard1_FinishNavigationTemplateContainerID_FinishButton{
	margin:3px;
	padding:1px 3px;
	*padding:1px
}
#ctl00_ContentPlaceHolder1_Wizard1_fuVideo{height:28px;}
.sortNo{
	position:absolute;
	top:5px;
	right:5px;	
	font-size:17px;
	width:30px;
	text-align:right;
}
.searchResult img{
	width:80px;
	float:left;
	border:solid 1px #999;
	padding:2px;
	margin-right:10px;
}
.searchList .info{
	width:100%;
}
.searchResult .page{
	margin:0;
	padding-bottom:20px;
}
.searchMore{
	text-align:right; 
	font-size:15px;
	margin-right:10px;
}
.iReporter .formTbl{
	width:700px;
}