@charset "utf-8";

/*-------------------------------------------
    Title :  NTDTV
    Usage :  Common Styles
    Edited:  2012-05-13
---------------------------------------------
    1. Reset
    2. Default
    3. Container
    4. Language Bar
    5. Header
    5. Site Navigation
    6. Subordinate Navigation
    7. Wide Ad
   	8. Supp Navigation
   	9. Site Info
   10. Header Drop Down Menu
   13. Competitions
---------------------------------------------*/

/*  1. Reset
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

h1, h2, h3, h4, h5, h6, small {
	font-size: 100%;
	}

li {
	list-style: none;
	}

a {
	text-decoration: none;
	}

a:hover, a:focus {
	text-decoration: underline;
	}

img, abbr, fieldset {
	border: none;
	}

img {
	vertical-align: top;
	}

strong, em, cite, address {
	font-style: normal;
	font-weight: normal;
	}

legend {
	display: none;
	}


table {
	table-layout: fixed;
	border-collapse: collapse;
	}

object {
	outline: none;
	}
	
button::-moz-focus-inner {
	padding: 0;
	border: none;
	}

/*  2. Default
---------------------------------------------*/

/* Change cursor to wait for AJAX call*/
html.wait, html.wait * { cursor: wait !important; }

/*  Typography  */
body {
	color: black;
	font-size: 62.5%;
	line-height: 1.25;
	}

body, select, input, textarea, button {
	font-family: DFLiHei, "華康儷黑", "Microsoft JhengHei", "微軟正黑體", sans-serif;
	}

a {
	color: #2e5b8a;
	}

.hide {
	display: none;
}

.winxp body, .winxp select, .winxp input, .winxp textarea, .winxp button {
 font-family: Arial, PMingLiU, "新細明體", SimSun, sans-serif;
 }

/*  Heading  */
h3.border-orange {
	padding: 1px 0 1px 12px;
	color: #666;
	font-size: 1.6em;
	line-height: 1;
	border-left: 3px solid #ff8a00;
	}

.moz h3.border-orange {
	padding-top: 2px;
	}
	
/*  Boxes  */
.box {
	margin: 0 0px;
	padding: 11px 10px 9px;
	border: 1px solid #dce1e5;
	background: white;
	}

.noborder {
	margin: 0;
	border: none;
	}

.box .header {
	margin-bottom: 12px;
	height: 1%;
	}

.box h3 {
	padding: 1px 0 1px 12px;
	color: #666;
	font-size: 1.6em;
	line-height: 1;
	border-left: 3px solid #ff8a00;
	}

.moz .box h3 {
	padding-top: 1px;
	}

.box .header .more {
	top: 3px;
	}

.box ol li {
	margin-top: 5px;
	padding-left: 16px;
	background: url(/cms2012/xtr/images/common/bullet_li.gif) no-repeat 0 7px;
	overflow:hidden;
	width: 282px;
    white-space:nowrap;
	}

.box ol li a {
	color: #042063;
	font-size: 1.5em;
	}

/*---Top News Style----*/
.box ul li {
	margin-top: 10px;
	padding-left: 0px;
	}

.box ul li a {
	color: #042063;
	font-size: 1.5em;
	}

 .box ul li .txtWrap {
	width: 56%;
	height: 81px;
	float: right;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	overflow: hidden;
}

 .box ul li img {
	width: 120px;
	height: 80px;
	border: 0px;
 }

/*  More links  */
.header {
	position: relative;
	}

.more {
	display: inline-block;
	padding-right: 19px;
	min-height: 14px;
	color: #a1a1a1;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.2;
	background: url(/cms2012/xtr/images/common/ico_more.png) no-repeat 100% 1px;
	}

.more-typ2 {
	background: url(/cms2012/xtr/images/common/ico_more-typ2.png) no-repeat 100% 1px;
	}

.header .more {
	position: absolute;
	top: 0;
	right: 0;
	}

/*  Play icon  */
span.play {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -22px 0 0 -22px;
	width: 45px;
	height: 45px;
	cursor: pointer;
#	background: url(/cms2012/xtr/images/common/ico_play.png) no-repeat;
	}

/*  Video icon  */
small.vid {
	position: relative;
	top: 5px;
	display: inline-block;
	margin-left: 4px;
	width: 18px;
	height: 11px;
	overflow: hidden;
	vertical-align: top;
	text-indent: -5000px;
	background: url(/cms2012/xtr/images/common/ico_vid.gif) no-repeat;
	}

/*  3. Container
---------------------------------------------*/
#container {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 1%;
	}

#container:after {
	content: "";
	clear: both;
	display: block;
	}

/*  4. Langquage Bar
---------------------------------------------*/
#lang-bar {
	position: relative;
	z-index: 101;
	border-bottom: 1px solid #dcdcdc;
	}

#lang-bar .center {
	margin: 0 auto;
	padding-bottom: 7px;
	width: 980px;
	height: 29px;
	min-height: 29px;
	}

#lang-bar .center:after {
	content: "";
	clear: both;
	display: block;
	}

#lang-bar ul {
	padding: 9px 0 6px 8px;
	}

#lang-bar ul li {
	float: left;
	display: inline;
	margin-left: 10px;
	}

#lang-bar ul li a {
	color: #002878;
	font-size: 1.4em;
	}

/*  Branches and Language  */
#lang-bar .selectmenu-wrapper {
	float: right;
	display: inline;
	margin: 8px 11px 0 0;
	}

#lang-bar .selectmenu-wrapper a {
	float: left;
	display: inline;
	width: 97px;
	height: 21px;
	cursor: pointer;
	color: white;
	font-size: 1.2em;
	text-indent: 15px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(4, 0, 0, 0.75);
	outline: none;
	background: url(/cms2012/xtr/images/common/bg_header_selectmenu-wrapper_a.png) no-repeat;
	}

.webkit #lang-bar .selectmenu-wrapper #branches-button .ui-selectmenu-status {
	position: relative;
	top: 1px;
	}

#lang-button     { line-height: 21px }
#branches-button { line-height: 21px }

#branches,
#lang {
    position: absolute;
    left: -5000px;
    }
    
.moz #lang-button { line-height: 19px }

.ui-selectmenu-menu {
	position: absolute;
	top: 0;
	display: none;
	margin: 0;
	padding: 0;
	}

.ui-selectmenu-menu #schedule-menu {
	width: 270px;
	}

.ui-selectmenu-menu ul {
	position: relative;
	padding: 0;
	margin: 0;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
	list-style: none;
	font-size: 1.3em;
	z-index: 1005;
	border: 1px solid #c4c4c4;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	background: white;
	background: rgba(255, 255, 255, 0.9)
    }

.ui-selectmenu-open {
	display: block;
	}

.ui-selectmenu-menu li {
	display: block;
	margin: 0;
	padding: 0;
	}

.ui-selectmenu-menu li a {
	display: block;
	margin: 0;
	padding: 3px 20px;
	height: 1%;
	color: #444;
	}

.ui-selectmenu-menu li a:hover {
	text-decoration: none;
	}

.ui-selectmenu-menu #lang-menu     li a,
.ui-selectmenu-menu #branches-menu li a {
	padding: 3px 14px;
	}

.ui-selectmenu-menu ul {
	overflow: auto;
	}

.ui-selectmenu-menu ul ul {
	font-size: 1em;
	border: none;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
	        border-radius: 0;
	background: none;
	}

.ui-selectmenu-menu > ul:only-child > li:first-child > a,
.ui-selectmenu-menu > ul:only-child > li:first-child[style] + li > a {
	-webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
	}

.ui-selectmenu-menu > ul:last-child > li:last-child > a {
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
	}

.ui-selectmenu-item-selected a {
	text-decoration: none;
	background: #efefef;
	}

.ui-state-hover a {
	text-decoration: none;
	background: #efefef;
	}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
	display: block;
	padding: 3px 6px;
	color: gray;
	cursor: default;
	}

/*  5. Header
---------------------------------------------*/
#header {
	clear: both;
	margin: 0 auto;
	width: 980px;
	height: 89px;
	}

#header .center:after {
	content: "";
	clear: both;
	display: block;
	}

/*  Branding  */
#branding a {
	float: left;
	display: inline;
	margin: 13px 0 0 17px;
	width: 284px;
	height: 67px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(/cms2012/xtr/images/common/bg_branding_h1_a.png) no-repeat;
	}
	
/*  Extra Links  */
#extra {
	float: right;
	display: inline;
	margin-top: 31px;
	padding-right: 10px;
	}

#extra ul li {
	float: left;
	padding: 5px 8px 0 8px;
	height: 22px;
	background: url(/cms2012/xtr/images/common/bg_extra_li.png) no-repeat;
	}

#extra ul li.first {
	background: none;
	}

#extra ul li a {
	position: relative;
	color: #696d76;
	font-size: 1.6em;
	text-decoration: none;
	}

#extra ul li a:hover {
	color: black;
	}

/*  Quick Navigation  */
#qcknav {
	float: right;
	display: inline;
	margin-top: 31px;
	padding-right: 7px;
	}

#qcknav ul li.header {
	float: left;
	display: inline;
	padding: 5px 8px 0px 8px;
	background: url(/cms2012/xtr/images/common/bg_extra_li.png) no-repeat;
	
	}

#qcknav ul li.first {
	background: none;
	}

#qcknav ul li a {
	padding-right: 15px;
	color: #d26700;
	font-weight: bold;
	font-size: 1.6em;
	text-decoration: none;
	}
	
#qcknav ul li.header a.header{
	background: url(/cms2012/xtr/images/common/ico_qcknav_a.gif) no-repeat 100% 8px;
	}

.moz #qcknav ul li a {
	background-position: 100% 9px;
}

/* 10. Search
---------------------------------------------*/
/*--------Added because the current search style does not support Google search ------ */
#globalsearch { position:absolute; top:15px; right:5px; width: 200px; height: 19px; background-position: 100% 0; background-repeat: no-repeat;}
.globalsearchnei{ position:relative; width: 200px; height: 19px; display:block; overflow:hidden;}
#cse-search-box { margin:0;}
.seachbt { border:0px; width:37px; height:19px; display:inline-block; position:absolute; top:0; right:0;}
#globalsearch #cse-search-box{width:200px;margin:auto;}
.hidden { display: none; }
.search_input { position:relative;
width: 200px;
height: 19px;
color: #555;
padding: 2px 0 0 12px;
font-size: 11px;
-o-transition: color, text-shadow 0.3s, 0.3s;
-ms-transition: color, text-shadow 0.3s, 0.3s;
-moz-transition: color, text-shadow 0.3s, 0.3s;
-webkit-transition: color, text-shadow 0.3s, 0.3s;

-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
border: 0 none;

}

/*--------SEARCH ------ */
.hengneibt{
	position:absolute;
	top:5px;
	left:18px;
}


/*  5. Site Navigation
---------------------------------------------*/
#sitenav {
	background: url(/cms2012/xtr/images/common/bg_sitenav.png) repeat-x;
	}

#sitenav .center {
	position: relative;
	z-index: 100;
	margin: 0 auto;
	width: 980px;
	height: 79px;
	cursor: default;
}

#sitenav ul {
	padding-left: 18px;
	width: 962px;
	}

#sitenav ul li {
	float: left;
	display: inline;
	margin: 9px 4px 0 0;
	height: 30px;
    }

#sitenav ul li a {
	float: left;
	padding: 5px 10px 0;
	height: 25px;
	color: white;
	font-size: 1.6em;
	text-decoration: none;
	text-shadow:    0 1px 1px rgba(8, 30, 72, 0.5),
	                0 2px 1px rgba(8, 30, 72, 0.5),
	             -1px   0 1px rgba(8, 30, 72, 0.5),
	             -1px   0 1px rgba(8, 30, 72, 0.5),
	              1px   0 1px rgba(8, 30, 72, 0.5),
	              1px   0 1px rgba(8, 30, 72, 0.5);
	}

#sitenav ul li.curr a {
	color: black;
	text-shadow: none;
	background: url(/cms2012/xtr/images/common/sprite_sitenav_li.curr_a.png) no-repeat 100% -30px;
	}

#sitenav ul li.curr a .tab-l {
	float: left;
	display: inline;
	margin: -5px -10px 0;
	padding: 5px 10px 0;
	height: 25px;
	cursor: pointer;
	background: url(/cms2012/xtr/images/common/sprite_sitenav_li.curr_a.png) no-repeat;
	}

#sitenav ul li ul {
	position: absolute;
	top: 44px;
	left: -5000px;
	padding: 0;
	width: 959px;
	height: 30px;
	overflow: hidden;
	}

#sitenav ul li.curr ul {
	left: 21px;
	}

#sitenav ul li ul li {
	margin: 0;
	height: auto;
	}

#sitenav ul li ul li a {
	float: left;
	padding: 6px 7px 0;
	height: 26px;
	color: #4c4c4c;
	font-size: 1.4em;
	text-decoration: none;
	text-shadow: none;
	}

#sitenav ul li.curr ul li a {
	background: none;
	}

#sitenav ul li.curr ul li      a:hover,
#sitenav ul li.curr ul li.curr a {
	background: url(/cms2012/xtr/images/common/sprite_sitenav_li_ul_a.hover.png) no-repeat 100% -32px;
	}

#sitenav ul li.curr ul li      a:hover .sub-l,
#sitenav ul li.curr ul li.curr a       .sub-l {
	float: left;
	display: inline;
	margin: -6px -7px 0;
	padding: 6px 7px 0;
	height: 26px;
	cursor: pointer;
	background: url(/cms2012/xtr/images/common/sprite_sitenav_li_ul_a.hover.png) no-repeat;
	}

/*  7. Wide Ad
---------------------------------------------*/

.ad {
	text-align: center;
#	border: 1px solid grey;
	}

.ad-type1 { /* 728 x 90 */
	clear: both;
	padding: 5px 0;
	text-align: center;
	margin-top: 10px;
    margin-bottom: 10px;
	}

.ad-type10 { /* 728 x 90 */
	padding: 4px 4px;
    border:1px solid #DCE1E5;
    
}

.ad-type1:after {
	content: "";
	clear: both;
	display: block;
	}

.ad-type1-with-text ul {
	margin-top: -3px;
	width: 120px;
	font-size: 1.3em;
	}

.ad-type1-with-text ul.left,
.ad-type1-with-text .banner,
.ad-type1-with-text ul.right {
	float: left;
	}

.ad-type1-with-text ul.left {
	text-align: left;
	}

.ad-type1-with-text ul.right {
	text-align: right;
	}
	
.ad-type3 { /* 300 x 250 */
	padding: 10px 0;
	text-align: center;
	}



/* 8. Supplementary Navigation
---------------------------------------------*/

#suppnav {
	margin-top: 28px;
	padding: 32px 0 23px;
	border-bottom: 1px solid white;
	background: #f6f6f6 url(/cms2012/xtr/images/common/bg_suppnav.png) repeat-x;
	zoom: 1;
	}

#suppnav ul {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 1%;
	}

#suppnav ul:after {
	content: "";
	clear: both;
	display: block;
	}

#suppnav ul li {
	float: left;
	display: inline;
	margin-right: 18px;
	padding-bottom: 3px;
	}

#suppnav ul li h4 {
	position: relative;
	margin: 0 0 5px -3px;
	padding-left: 7px;
	height: 11px;
	color: #666;
	font-size: 12px;
	line-height: 12px;
	border-left: 3px solid #90ad3a;
	}

.webkit #suppnav ul li h4 {
	height: 11px;
	}

#suppnav ul li ul {
	position: static;
	margin: 0;
	width: auto;
	}

#suppnav ul li ul li {
	float: none;
	display: block;
	margin: 0 0 -2px;
	}

#suppnav ul li ul li a {
	position: relative;
	color: #333;
	font-size: 1.2em;
	}


/* 9. Site Info
---------------------------------------------*/

#siteinfo {
	color: #8d8888;
	font-size: 11px;
	line-height: 14.54px;
	background: url(/cms2012/xtr/images/common/bg_siteinfo.png) repeat-x;
	}

#siteinfo .center {
	position: relative;
	margin: 0 auto;
	padding-top: 23px;
	width: 980px;
	height: 56px;
	}

#siteinfo .center .logo {
	position: absolute;
	top: 17px;
	right: 21px;
	width: 112px;
	height: 44px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(/cms2012/xtr/images/common/bg_siteinfo_logo.png) no-repeat;
	}

#siteinfo .center p {
	margin-bottom: 2px;
	letter-spacing: 1px;
	}

#siteinfo .center p span {
	margin-right: 8px;
	font-weight: bold;
	}

#siteinfo .center p span strong {
	font-weight: bold;
	}
	
/* 10. Right column
---------------------------------------------*/	
#sidebar {
	float: right;
	clear: right;
	margin-top: -3px;
	padding: 9px;
	width: 318px;
	background: #f0f0f0;
	overflow: hidden;
	}

#sidebar .ad-type2 {
	margin: 0 -9px;
	}

#sidebar .box {
	margin: 0 0 9px;
	}

#sidebar .ad { /* 300 x 250 */
	margin-bottom: 9px;
	padding: 0;
	}

#sidebar .ad-type4 { /* 160 x 600 */
	margin: 0;
	padding-bottom: 2px;
	}	

/* 11. Header Drop Down Menu
---------------------------------------------*/
ul.dropdown                         {
	z-index:10000; position: relative; letter-spacing:1px; }
ul.dropdown li                      {  position:relative;   
	float: left; }
ul.dropdown a:hover		            {}
ul.dropdown a:active                { color: #106aff; }
ul.dropdown li a#firstl { 
   display: inline-block;
	color:#B2D7FE; padding:4px 16px 4px 18px;
	font-size: 16px;
	text-align: left;
}

ul.dropdown li.hover,
ul.dropdown li:hover { color:#FFFFFF;}

ul.dropdown li a#firstl:hover             {
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
}
/* 
	LEVEL TWO
*/
ul.dropdown ul 						{
	visibility: hidden;
	position:absolute;
	top: 100%;
	left: -420px;/*ie7need*/
	display: block;
	margin: 0px;
	padding: 0px;
	z-index: 9000; width:100%;
}

ul.dropdown ul #submenubox li { display:block;}
ul.dropdown ul #submenuboxnews li { float:left;}
							  
 /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul #submenubox li a {
	display:block;
	padding-top: 2px;
	padding-left:10px;
	padding-right: 14px;
	padding-bottom: 4px;
	text-align: left;
	font-size: 14px;
	color: #333;
	width: 100px;
	letter-spacing:0; 
} 
ul.dropdown ul #submenuboxnews li a {
line-height:15px;   
margin:0 0 5px 10px; 
font: 15px/*20px/28px*/ font-weight: bold;
	display: inline-block;
	padding-top: 0px;
	padding-left:10px;
	text-align: left;
} 
ul.dropdown ul #submenubox li a:link, ul.dropdown ul #submenubox li a:visited{
color:#1F4F82;
}
ul.dropdown ul #submenubox li a:hover, ul.dropdown ul #submenubox li a:active{ 
color: #002878;	
} 

ul.dropdown ul #submenuboxnews li a:link, ul.dropdown ul #submenuboxnews li a:visited{
color: #666; width:100%;
}
ul.dropdown ul #submenuboxnews li a:hover, ul.dropdown ul #submenuboxnews li a:active{ 
color:#1F4F82; text-decoration:underline;	
} 

#submenubox{ 
 position:relative; display:block; width:970px;  border-top:#104e9e solid 14px;height:100%;overflow:hidden; background:#FFFFFF;line-height:18px; 
    -khtml-box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	-ms-box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	-o-box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	-moz-box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	-webkit-box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px; 
}

#submenuboxnews{
 position:relative; display:block; width:310px;  border-top:#138ec2 solid 14px;  height:100%;overflow:hidden; background:#FFFFFF;line-height:18px; 
    -khtml-box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	-ms-box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	-o-box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	-moz-box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	-webkit-box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	box-shadow:rgba(0,0,0,0.8) 0 2px 10px;
	
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px; margin:0px 5px 34px 0; 
}

.submenucolwrap{ position:relative; max-height:600px; overflow:hidden; */margin:0 0 5px 0;width:970px;  }
.submenucol { float:left; display:inline-block;  top:0; /* height:100%; overflow:hidden;*/ margin:5px 5px 14px 0;  }
.submenucol.normal {  width:140px;  border-right: #eeeeee solid 1px; }
.submenucol.normal.lastone { width:140px; border-right:none; }
.submenucol.wide {  width:260px;   border-right: #eeeeee solid 1px;  }
.submenutitle{ color: #666;  line-height:15px; display:block; margin:5px 0 0 10px; font: 15px/*20px/28px*/ "Microsoft YaHei",'黑体', sans-serif; font-weight: bold; text-align:left;  }
.submenutitle a:link, .submenutitle a:visited{ color: #666;  line-height:15px; display:block; margin:5px 0 4px 0px; font: 15px/*20px/28px*/ "Microsoft YaHei",'黑体', sans-serif; font-weight: bold; text-align:left;  }
.submenutitle a:hover, .submenutitle a:active{color:#1F4F82; }
.submenucolnews { float:left; max-width:310px;  height:100%; position:relative; overflow:hidden; margin:10px 20px 10px 20px;  }

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

#qcknav ul.submenu a {
    color: #666;
    font-size: 15px;
}

#qcknav ul.submenu li {
    margin-right: 0px;
}





/* 12. footer footwrap
---------------------------------------------*/

.footwrap { width: 100%; min-width:1000px;
	clear: both;
	height: 75px;
	background-image: url(/cms2012/xtr/images/foot/footbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: scroll;
	margin-top: 15px;
}
.footwrapnei {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 75px;
	position: relative;
}
.hengtiao {
	height: 25px;
	width: 920px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.sbox {
	height: 19px;
	width: 389px;
	float: left;
	padding-left: 244px;
	background-image: url(/cms2012/xtr/images/vidplay/sbox.jpg);
	background-position: 244px 3px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding-top: 3px;
}
.sc {
	float: left;
	height: 19px;
	width: 55px;
	padding-top: 3px;
}

/* 13. Competitions
---------------------------------------------*/

#competitions {
	margin: 68px 0 0;
	zoom: 1;
	}

#competitions.box {
	position: relative;
	padding: 11px 10px 9px;
	border: 1px solid #dce1e5;
	background: white;    	
}

#competitions.box ol li {
	overflow: visible;   	
}

#competitions .header {
	position: absolute;
	top: -53px;
	left: -1px;
	width: 336px;
	height: 52px;
	background: url(/cms2012/xtr/images/homepage/bg_competetions_header.png) no-repeat;
	}

#competitions .header h3 {
	padding: 0;
	height: 100%;
	overflow: hidden;
	text-indent: -5000px;
	border: none;
	}

#competitions .header h3 a {
	display: block;
	height: 100%;
	}

#competitions ol li {
	zoom: 1;
	}

#competitions ol li span {
	margin-left: 19px;
	color: #4ca2f1;
	font-size: 1.4em;
	}





/**---------------------searchbox start--------------------- */

.sechbox {
	width: 380px;
	height: 19px;
	padding-left: 300px;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}
.sech {
	float: right;
	height: 19px;
	width: 380px;
}

.w7 {
	float: left;
	height: 19px;
	width: 55px;
	padding-left: 1px;
}
.w6 {
	float: left;
	height: 19px;
	list-style-type: none;
	width: 305px;
}

. sechboxdown .sech #frm0 ul {
	list-style-type: none;
	height: 26px;
	margin: 0px;
	padding: 0px;
	width: 200px;
}
.sech #frm0 {
	float: right;
	width: 220px;
	height: 19px;
}

/*  Calendar
---------------------------------------------*/
#cal {
	background: #eaeaea;
	zoom: 1;
	}

#cal.box {
	position: relative;
	padding: 11px 10px 9px;
	border: 1px solid #dce1e5;
	background: white;
	}
	
#cal-container {
	padding: 10px 0;
	background: white;
	}

#cal-container .ui-datepicker .ui-corner-all a {
	position: absolute;
	top: 110px;
	display: block;
	width: 10px;
	height: 14px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -5000px;
	background: url(/cms2012/xtr/images/rank/sprite_ui-corner-all.png) no-repeat;
	}

#cal-container .ui-datepicker .ui-corner-all a:hover {
	background-image: url(/cms2012/xtr/images/rank/sprite_ui-corner-all.hover.png);
	}

#cal-container .ui-datepicker .ui-corner-all .ui-datepicker-prev { left:  23px }
#cal-container .ui-datepicker .ui-corner-all .ui-datepicker-next { right: 23px; background-position: -10px 0 }

#cal-container .ui-datepicker .ui-datepicker-title {
	position: absolute;
	top: 10px;
	right: 10px;
	}

#cal-container .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
	min-width: 65px;
	}

#cal-container .ui-datepicker table {
	margin: 0 auto;
	width: 234px;
	}

#cal-container .ui-datepicker table thead tr th {
	padding-bottom: 6px;
	font-size: 1.4em;
	}

#cal-container .ui-datepicker table tbody tr td {
	text-align: center;
	font-size: 1.2em;
	}

#cal-container .ui-datepicker table tbody tr td a {
	display: inline-block;
	padding: 3px 5px;
	min-width: 13px;
	color: black;
	}

#cal-container .ui-datepicker table tbody tr td a.ui-state-hover,
#cal-container .ui-datepicker table tbody tr td a.ui-state-active {
	color: white;
	background: #21bee8;
	text-decoration: none;
	}

/*  Pager
---------------------------------------------*/
#list-pager {
	clear: both;
	padding: 19px 0 19px;
	cursor: default;
	color: #9f9f9f;
	font-size: 0;
	text-align: center;
	background: url(/cms2012/xtr/images/vid-list/sprite_list-pager_a.hover.png) no-repeat 0 -5000px; /* preload image */
	}

#list-pager a {
	vertical-align: middle;
	color: #9f9f9f;
	}

#list-pager span {
	vertical-align: middle;
	color: #9f9f9f;
	}

#list-pager .num,
#list-pager span {
	display: inline-block;
	padding: 0 5px;
	font-size: 14px;
	}

#list-pager .num:hover {
	color: black;
	text-decoration: none;
	}

#list-pager .curr {
	color: black;
	}

#list-pager .first,
#list-pager .prev,
#list-pager .next,
#list-pager .last {
	display: inline-block;
	font-size: 0;
	overflow: hidden;
	background: url(/cms2012/xtr/images/vid-list/sprite_list-pager_a.png) no-repeat;
	}

#list-pager .first { margin-right: 20px; width: 14px; height: 14px; background-position:     0 0 }
#list-pager .prev  { margin-right: 13px; width: 11px; height: 14px; background-position: -24px 0 }
#list-pager .next  { margin-left : 13px; width: 11px; height: 14px; background-position: -45px 0 }
#list-pager .last  { margin-left : 20px; width: 14px; height: 14px; background-position: -66px 0 }

#list-pager .first:hover,
#list-pager .prev:hover,
#list-pager .next:hover,
#list-pager .last:hover {
	background-image: url(/cms2012/xtr/images/vid-list/sprite_list-pager_a.hover.png);
	}

/*******************foot*****************/
.foot {
	clear:both; width:100%; min-width:1000px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF; }
.dibu {
	font-size: 12px; 
	overflow: hidden;
}	
.footnei {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 80px;
	position: relative;
}

.footdown {
	position: relative;
}

.sprfootruyi {
	font-size: 9px;
	padding-top: 20px;
	height: 16px;
	padding-left: 5%;
}
.sprfootruyi li {
	display: inline;
	float: left;
}
.sprfootruyi li a {
	font-size: 12px;
	list-style-type: none;
	display: inline-block;
	text-align: center;
	color: #333;
	background-attachment: scroll;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(/cms2012/xtr/images/foot/shutiao.jpg);
	background-repeat: no-repeat;
	background-position: 100% 40%;
	padding-top: 0px;
	padding-bottom: 0px;
}
.sprfootruyi li a:link,.sprfootruyi li a:visited{
	text-decoration: none;
}
.sprfootruyi li a:hover,.sprfootruyi li a:active{
	color: #36C;
	text-decoration: none;
}

.sprfootruyi li a.lastchild{
	background-image:none;
	
}
.footlogo {
	float: right;
	margin-top: 12px;
	margin-right: 40px;
}
.cor {
	padding-top: 6px;padding-left: 20px; margin:0 0 5px 0;
	color: #666;
	font-size: 12px;
	word-spacing: normal;
	text-indent: 0px;
	text-align: left;line-height:17px;
}

/*******************foot end*****************/

.articlelinkicon {
	color: #ff3300;
	font-size: 1em;;
}