@charset "utf-8";

/*-------------------------------------------

    Title :  NTDTV 2013
    Usage :  Common styles
    Author:  NTDTV
    Edited:  2013-04-27

---------------------------------------------

    1. Reset
    2. Fonts
    3. Typography
    4. Default
    5. Containers
    6. Banner
       6.1. Logo
       6.2. Useful Links
       6.3. Search
       6.4. Extra Links
       6.5. Quick Menu
    7. Site Navigation
    8. Broadcast
    9. Calendar
   10. Instant News
   11. Breadcrumbs
   12. Main content
      12.1. Ranks Tab
      12.2. List News
      12.3. Nine Commentaries
      12.4. Survey
      12.5. Social Links
      12.6. Facebook Box
      12.7. Schedule
      12.8. Shopping
	  12.9. footerprog
	  12.10.Serial
   13. Info
      13.1. Recommended Videos
      13.2. Supplementary Navigation
      13.3. Utility Links
      13.4. Copyright
      13.5. Contacts
   14. Side Navigation

---------------------------------------------*/



/*  1. Reset
---------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	}

body {
	font-size: 62.5%;
	line-height: 1.2;
	-webkit-text-size-adjust: none;
	}

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

li {
	list-style: none;
	}

img {
	vertical-align: top;
	}

img, abbr, fieldset, iframe {
	border: none;
	}

strong {
	font-weight: 700;
	}

dfn {
	font-style: normal;
	}

mark {
	background: none;
	}

sup, sub {
	position: relative;
	vertical-align: baseline;
	font-size: 75%;
	}

sup {
	top: -0.5em;
	}

sub {
	bottom: -0.25em;
	}

video {
	max-width: 100%;
	}

object {
	outline: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

input, select, textarea, button {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
	font-family: inherit;
	outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	box-sizing: border-box;
	}

input[type="search"] {
	-webkit-appearance: textfield;
	}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	}

textarea {
	vertical-align: top;
	overflow: auto;
	}

[placeholder]::-webkit-input-placeholder {
	color: inherit;
	}

[placeholder]:focus::-webkit-input-placeholder {
	color: transparent;
	}

[placeholder]::-moz-placeholder {
	opacity: 1;
	}

[placeholder]:focus:-moz-placeholder {
	color: transparent;
	}

[placeholder]:focus::-moz-placeholder {
	color: transparent;
	}

button {
	cursor: pointer;
	overflow: visible;
	}

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



/*  2. Fonts
---------------------------------------------*/


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







/*  3. Typography
---------------------------------------------*/

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

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

a {
	color: inherit;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	background-color: transparent;
	}



/*  4. Default
---------------------------------------------*/

/*  Ad type 1  */

.ad1 {
	clear: both;
	*clear: expression($(this).filter(':last-child').css('margin-bottom', 0), style.clear = "both", 0);
	margin: 10px auto;
	*margin-top: 0;
	padding: 8px 0;
	zoom: 1;
	width: 978px;
	_height: 90px;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	}

.ie6 .ad1 {
	position: expression($(this).prev().is('#v2013_sitenav, #v2013_brdcst') ? $(this).css('margin-top', 0) : null, style.position = "static", 0);
	}

#v2013_sitenav + .ad1,
#v2013_brdcst  + .ad1 {
	margin-top: 0;
	}

.ad1 ul {
	float: left;
	margin-top: 2px;
	padding: 0 6px;
	width: 113px;
	}

.ad1 ul li {
	margin-top: 5px;
	}

.ad1 ul li a {
	color: #828282;
	font-size: 1.3em;
	letter-spacing: 1px;
	}

.ad1 .ad-wrapper {
	float: left;
	width: 728px;
	height: 90px;
	}

.ie6 .ad1 .ad-wrapper {	
	clear: expression($(this).filter(':first-child').css('float', 'none').css('margin', '0 auto'), style.clear = "none", 0);
	}

.ad1 .ad-wrapper:first-child {
	float: none;
	margin: 0 auto;
	}


/*  Ad type 2  */

.ad2 {
	clear: right;
	margin-top: 10px;
	zoom: 1;
	}

.ie6 .ad2 {
	*clear: expression($(this).children(':not(ul)').css('float', 'right'), style.clear = "none", 0);
	}

.ad2 ul {
	padding: 15px 23px 23px;
	*padding-top: 23px;
	background: #f9f6d2;
	border: 1px solid #ddd;
	}

.ad2 ul li {
	position: relative;
	margin-top: 5px;
	padding: 0 20px 0 12px;
	zoom: 1;
	}

.ad2 ul li a {
	*clear: expression($(this).append('<before></before>'), style.clear = "none", 0);
	color: #595959;
	font-size: 1.5em;
	line-height: 1.35;
	}

.ad2 ul li a:hover {
	color: #005db7;
	text-decoration: none;
	}

.ad2 ul li a:before,
.ad2 ul li a before {
	content: "";
	position: absolute;
	top: 7px;
	top: -moz-calc(9px);
	*top: 8px;
	_top: 6px;
	left: 1px;
	width: 5px;
	height: 5px;
	overflow: hidden;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -264px;
	}

.ie8      .ad2 ul li a:before,
.ie.newer .ad2 ul li a:before {
	top: 8px;
	}

.ad2 ul li a:hover:before,
.ad2 ul li a:hover before {
	background-position: -15px -264px;
	}



/*  5. Containers
---------------------------------------------*/

body {
	position: relative;
	}



/*  6. Banner
---------------------------------------------*/

#v2013_banner {
	margin: 0 auto;
	width: 980px;
	zoom: 1;
	border-bottom: 5px solid white;
	}

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



/*  6.1. Logo
---------------------------------------------*/

#v2013_logo h3 a {
	float: left;
	display: inline;
	margin: 9px 0 0 8px;
	width: 265px;
	height: 48px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(/cms2012/xtr/n2013/images/sprite.png) no-repeat;
	}



/*  6.2. Useful Links
---------------------------------------------*/

#v2013_useful {
	float: right;
	*clear: expression($(this).nextAll().wrapAll('<div style="clear: right; height: 1%"></div>'), style.clear = "none", 0);
	display: inline;
	margin: 5px 0 1px;
	_margin-top: 6px;
	}

#v2013_useful h3 {
	position: absolute;
	left: -5000px;
	}

#v2013_useful ul {
	padding: 3px 0;
	}

#v2013_useful ul li {
	position: relative;
	right: -17px;
	z-index: 100;
	float: left;
	*clear: expression($(this).not(':first-child').prepend('<before>|</before>'), style.clear = "none", 0);
	display: inline;
	margin-right: 21px;
	*margin-right: 32px;
	cursor: default;
	}

#v2013_useful ul li.app {
	_position: relative;
	_top: -1px;
	}

#v2013_useful ul li:before,
#v2013_useful ul li before {
	content: "|";
	position: relative;
	top: -2px;
	left: -10px;
	color: #686868;
	font-size: 1.1em;
	}

#v2013_useful ul li:first-child:before {
	display: none;
	}

#v2013_useful ul li a {
	*clear: expression($(this).filter(':contains(app)').parent().addClass('app'), style.clear = "none", 0);
	color: #686868;
	font-size: 1.4em;
	letter-spacing: 1px;
	}

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

#v2013_branches,
#v2013_lang {
	position: relative;
	*top: -1px;
	_top: -2px;
	z-index: 100;
	display: inline-block;
	}

#v2013_branches,
#v2013_lang {
	*display: inline;
	}

#v2013_branches h3,
#v2013_lang     h3 {
	position: relative !important;
	left: 0 !important;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	display: inline-block;
	cursor: default;
	color: #686868;
	font-weight: 400;
	font-size: 1.4em;
	letter-spacing: 1px;
	}

#v2013_branches h3,
#v2013_lang     h3 {
	*display: inline;
	}

#v2013_branches h3:after,
#v2013_branches h3 after,
#v2013_lang     h3:after,
#v2013_lang     h3 after {
	content: "";
	position: relative;
	top: -1px;
	*top: 1px;
	display: inline-block;
	border-left: 4px solid white;
	vertical-align: middle;
	width: 8px;
	height: 7px;
	overflow: hidden;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat;
	}

#v2013_branches ul,
#v2013_lang     ul {
	position: absolute;
	top: 18px;
	left: -13px;
	display: none;
	padding: 0 !important;
	*clear: expression($(this).wrapInner('<table><tr><td></td></tr></table>'), style.clear = "none", 0);
	background: white;
	border: 1px solid #f4f4f4;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	}

#v2013_branches:hover ul,
#v2013_branches.hover ul,
#v2013_lang:hover     ul,
#v2013_lang.hover     ul {
	display: block;
	}

#v2013_branches ul li,
#v2013_lang     ul li {
	position: static !important;
	float: none !important;
	display: inline !important;
	margin-right: 0 !important;
	*list-style-position: outside;
	}

#v2013_branches ul li:before,
#v2013_branches ul li before,
#v2013_lang     ul li:before,
#v2013_lang     ul li before {
	display: none;
	}

#v2013_branches ul li a,
#v2013_lang     ul li a {
	display: block;
	padding: 5px 52px 5px 12px;
	height: 1%;
	color: #777 !important;
	font-size: 1.4em;
	white-space: nowrap;
	letter-spacing: 0 !important;
	}

#v2013_branches ul li a { padding-right: 45px }
#v2013_lang     ul li a { padding-right: 40px }

#v2013_branches ul li a:hover,
#v2013_lang     ul li a:hover {
	text-decoration: none;
	background: #f6f6f6;
	}

/*  6.3. Search
---------------------------------------------*/

#v2013_srch {
	float: right;
	clear: right;
	display: inline;
	margin: 3px 5px 0 0;
	padding-left: 20px;
	width: 242px;
	}

#v2013_srch h3 {
	position: absolute;
	left: -5000px;
	}

#v2013_srch form div input {
	float: left;
	padding: 2px 10px;
	width: 172px;
	height: 17px;
	color: #919191;
	font-size: 1.286em;
	background: white url(/cms2012/xtr/n2013/images/bg_srch_input.png) repeat-x;
	border: 1px solid #e8e8e8;
	border-top-color: #d2d2d2;
	border-right: none;
	}

#v2013_srch form div input:focus,
#v2013_srch form div input.focus {
	color: black;
	}

#v2013_srch form div button {
	float: right;
	_padding: 5px 0 1px;
	width: 48px;
	*width: 49px;
	height: 23px;
	overflow: hidden;
	color: white;
	font-size: 1.387em;
	background: #e8a96b;
	border: none;
	border-left: 1px solid #d6a779;
	*border: none;
	-webkit-border-radius: 0 4px 4px 0;
	        border-radius: 0 4px 4px 0;
	}

#v2013_srch form div button:hover {
	background: #e0a264;
	}


/*  6.4. Extra Links
---------------------------------------------*/

#v2013_extra {
	position: relative;
	z-index: 100;
	float: right;
	display: inline;
	margin-top: 7px;
	*margin-top: 9px;
	height: 22px;
	}

#v2013_extra h3 {
	position: absolute;
	left: -5000px;
	}

#v2013_extra ul li {
	float: left;
	display: inline;
	margin-right: 30px;
	}

#v2013_extra ul li a {
	position: relative;
	top: -1px;
	top: -moz-calc(-2px);
	*top: -2px;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	color: #686868;
	font-weight: 400;
	font-size: 1.5em;
	letter-spacing: 1px;
	}


/*  6.5. Quick Menu
---------------------------------------------*/

#v2013_qck {
	float: right;
	display: inline;
	margin: 5px 15px 0 0;
	_margin-top: 6px;
	}

#v2013_qck h3 {
	position: absolute;
	left: -5000px;
	}

#v2013_qck ul li {
	float: left;
	display: inline;
	margin-right: 30px;
	}

#v2013_qck ul li .v2013_link {
	color: #c42000;
	font-weight: 700;
	font-size: 1.6em;
	letter-spacing: 1px;
	}

#v2013_qck h4:after {
        content: "";
        position: relative;
        top: -1px;
        *top: 1px;
        display: inline-block;
        border-left: 4px solid white;
        vertical-align: middle;
        width: 8px;
        height: 7px;
        overflow: hidden;
        background: url(/cms2012/xtr/images/common/ico_qcknav_a.gif) no-repeat;
        }


/*  7. Site Navigation
---------------------------------------------*/

#v2013_sitenav {
	margin-bottom: 5px;
	background: #002d75 url(/cms2012/xtr/n2013/images/bg_sitenav.png?b=1) repeat-x bottom left;
	border-top: 4px solid #f4de1e;
	}

#v2013_sitenav .center {
	margin: 0 auto;
	padding: 4px 0 16px;
	width: 980px;
	zoom: 1;
	}

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

#v2013_sitenav .center h3 {
	position: absolute;
	left: -5000px;
	}

#v2013_sitenav .center ul {
	position: relative;
	left: 6px;
	float: left;
	margin-top: 8px;
	padding: 0 20px 0 25px;
	width: 110px;
	font-size: 0;
	letter-spacing: -4px;
	border-right: 1px solid #0d468e;
	border-left:  1px solid #002258;
	}

#v2013_sitenav .center .ul-1 {
	padding-left: 1px;
	width: 134px;
	border-left:  none;
	}

#v2013_sitenav .center .ul-2 {
	padding-right: 8px;
	width: 90px;
	}
#v2013_sitenav .center .ul-5 {
	padding-right: 1px;
	width: 86px;
	}

#v2013_sitenav .center .ul-4 {
	width: 158px;
	}

#v2013_sitenav .center .ul-6 {
	width: 170px;
	border-right: none;
	}

#v2013_sitenav .center ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 6px;
	font-size: 10px;
	letter-spacing: 0;
	}

.ie6 #v2013_sitenav .center ul li {
	clear: expression($(this).filter(':first-child').css('margin-bottom', 8), style.clear = "none", 0);
	}

#v2013_sitenav .center ul li {
	*display: inline;
	}

#v2013_sitenav .center ul li:first-child {
	margin-bottom: 8px;
	}

#v2013_sitenav .center ul li a {
	height: 1%;
	color: white;
	font-size: 1.4em;
	letter-spacing: 1px;
	}

#v2013_sitenav .center ul li a:hover {
	position: relative;
	*top: -1px;
	color: #ffd400;
	*font-weight: 700;
	text-decoration: none;
	}



/*  8. Broadcast
---------------------------------------------*/

#v2013_brdcst {
	position: relative;
	*clear: expression($(this).append('<after class="gap"></after>'), style.clear = "none", 0);
	margin: 0 auto;
	zoom: 1;
	padding: 0 52px 10px 0;
	width: 928px;
	height: 55px;
	overflow: hidden;
	letter-spacing: 1px;
	background: #ffeea9;
	}

#v2013_brdcst h3 {
	position: relative;
	float: left;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	width: 128px;
	height: 55px;
	color: #ffeea9;
	font-size: 1.8em;
	line-height: 55px;
	text-align: center;
	background: #c42000;
	}

#v2013_brdcst h3:after,
#v2013_brdcst h3 after {
	content: "";
	position: absolute;
	top: 0;
	right: -11px;
	width: 11px;
	height: 55px;
	background: url(/cms2012/xtr/n2013/images/sprite.png) no-repeat -789px 0;
	}

#v2013_brdcst p {
	float: left;
	display: inline;
	margin-left: 23px;
	color: #b92636;
	font-size: 1.7em;
	line-height: 55px;
	}

#v2013_brdcst p .time {
	margin-right: 8px;
	}

#v2013_brdcst p a {
	display: inline-block;
	margin-left: 8px;
	color: #b92636;
	text-decoration: underline;
	}

#v2013_brdcst p a:hover {
	text-decoration: none;
	}

#v2013_brdcst .cls {
	position: absolute;
	top: 20px;
	right: 18px;
	width: 16px;
	height: 16px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -5000px;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -39px;
	}

#v2013_brdcst .cls:hover {
	background-position: -26px -39px;
	}

#v2013_brdcst:after,
#v2013_brdcst after.gap {
	content: "";
	position: absolute;
	bottom: 0;
	_bottom: -1px;
	left: 0;
	z-index: 2;
	clear: both;
	width: 980px;
	display: block;
	height: 10px;
	overflow: hidden;
	background: white;
	}



/*  9. Calendar
---------------------------------------------*/

#v2013_cal {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 980px;
	}

#v2013_cal span {
	position: absolute;
	top: 3px;
	_top: 4px;
	right: 10px;
	color: #db2b26;
	font-size: 1.2em;
	letter-spacing: 1px;
	}



/* 10. Instant News
---------------------------------------------*/
#v2013_sub #v2013_instant {
	border-bottom: none;
	}

#v2013_instant {
	position: relative;
	clear: both;
	margin: 0 auto;
	padding-bottom: 8px;
	_padding-bottom: 10px;
	zoom: 1;
	width: 980px;
	_height: 17px;
	min-height: 17px;
	overflow: hidden;
	border-bottom: 3px solid #406298;
	/* letter-spacing: 1px; */
	}

#v2013_instant h3 {
	float: left;
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	padding: 0 10px 0 0px;
	color: #2b2b2b;
	font-weight: 400;
	font-size: 1.5em;
	}

#v2013_instant h3:before,
#v2013_instant h3 before {
	content: "";
	position: relative;
	top: -2px;
	*top: 0;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width: 18px;
	height: 16px;
	overflow: hidden;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -65px;
	}

#v2013_instant ul {
	float: left;
	visibility: hidden;
	padding: 1px 0;
	*margin-top: 1px;
	_margin-top: 2px;
	width: 320px;
	height: 18px;
	overflow: hidden;
	}

#v2013_instant ul.js {
	visibility: visible;
	}

#v2013_instant ul li {
	width: 320px;
	white-space: nowrap;
	}

#v2013_instant ul li a {
	color: #2b2b2b;
	font-size: 1.5em;
	}

#v2013_instant .ctrl {
	position: absolute;
	top: 50%;
	left: 463px;
	margin-top: -11px;
	margin-top: -moz-calc(-10px);
	width: 60px;
	height: 13px;
	background: url(/cms2012/xtr/n2013/images/sprite_instant_ctrl_a.hover.png) no-repeat 0 -5000px; /* preload image */
	}

#v2013_instant .ctrl a {
	position: absolute;
	top: 0;
	display: block;
	width: 12px;
	height: 13px;
	overflow: hidden;
	cursor: pointer;
	background: url(/cms2012/xtr/n2013/images/sprite_instant_ctrl_a.png) no-repeat;
	}

.ie6 #v2013_instant .ctrl a {
	clear: expression($(this).attr('href', 'javascript:void(0)').attr('hidefocus', 'true'), style.clear = "none", 0);
	}

#v2013_instant .ctrl a:hover {
	background-image: url(/cms2012/xtr/n2013/images/sprite_instant_ctrl_a.hover.png);
	}

#v2013_instant .ctrl .resumed { left: 24px; background-position:     0 0 }
#v2013_instant .ctrl .paused  { left: 24px; background-position: -12px 0 }
#v2013_instant .ctrl .prev    { left:    0; background-position: -24px 0 }
#v2013_instant .ctrl .next    { right:   0; background-position: -36px 0 }

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



/* 11. Breadcrumbs
---------------------------------------------*/

#v2013_main #breadcrumbs {
	border-top: 3px solid #406298;
	width: 100%;
	}
	
#v2013_breadcrumbs {
	margin: 0 auto 10px;
	width: 980px;
	height: 29px;
	font-size: 0;
	line-height: 29px;
	letter-spacing: -4px;
	background: #f4f4f4;
	}

#v2013_breadcrumbs a {
	position: relative;
	*clear: expression($(this).not('.curr').append('<after></after>'), style.clear = "none", 0);
	display: inline-block;
	padding: 0 27px 0 13px;
	color: #686868;
	font-size: 14px;
	letter-spacing: 0;
	}

.ie6 #v2013_breadcrumbs a {
	position: expression($(this).filter(':first-child').css('padding-left', 20), style.position = "relative", 0);
	}

#v2013_breadcrumbs a:first-child {
	padding-left: 20px;
	}

#v2013_breadcrumbs a.curr {
	color: #005db7;
	}

#v2013_breadcrumbs a:after,
#v2013_breadcrumbs a after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 29px;
	background: url(/cms2012/xtr/n2013/images/sprite.png) no-repeat -788px -65px;
	}

#v2013_breadcrumbs a.curr:after {
	display: none;
	}



/* 12. Main content
---------------------------------------------*/

#v2013_main {
	position: relative;
	clear: both;
	margin: 0 auto;
	zoom: 1;
	width: 980px;
	}

#v2013_home  #v2013_main,
#v2013_video #v2013_main {
	margin-top: 10px;
	}

#v2013_main .left1 { /* Home page */
	float: left;
	margin-bottom: 10px;
	width: 650px;
	}

#v2013_main .left2 { /* Topic pages */
	float: left;
	display: inline;
	margin: 0 65px 10px 0;
	width: 615px;
	}

#v2013_main .left3 { /* sub pages */
	float: left;
	display: inline;
	width: 630px;
	}

#v2013_main .right1 { /* Home page */
	float: right;
	margin-bottom: 10px;
	padding: 0 10px 10px;
	width: 300px;
	background: #f4f4f4;
	}

#v2013_main .right2 { /* Topic pages */
	float: right;
	margin-bottom: 10px;
	padding: 0 10px 10px;
	width: 278px;
	background: #e6eaf3;
	border: 1px solid #9dafe0;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
	}

#v2013_main .right3 { /* sub pages */
	float: right;
	display: inline;
	padding: 9px;
	width: 318px;
	background: #f1f2f4;
	}


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



/* 12.1. Ranks Tab
---------------------------------------------*/

.rankstab {
	margin-top: 10px;
	}

.rankstab .header {
	position: relative;
	z-index: 1;
	display: block;
	margin-bottom: -1px;
	padding: 11px 12px 4px;
	zoom: 1;
	text-align: left;
	background: white;
	border: solid #ddd;
	border-width: 1px 1px 0;
	}

.rankstab .header h3 {
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	color: #777;
	font-size: 1.6em;
	}

.rankstab .header h3:before,
.rankstab .header h3 before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 3px;
	height: 1.05em;
	overflow: hidden;
	background: #005db7;
	}

.rankstab .header h3 a {
	vertical-align: middle;
	color: #777;
	}

.rankstab .rank {
	white-space: nowrap;
	overflow: hidden;
}

.rankstab ul {
	zoom: 1;
	}

.rankstab ul li {
	float: left;
	display: inline;
	margin-right: -1px;
	background: #fefefe url(/cms2012/xtr/n2013/images/bg_rankstab_ul_li.png) repeat-x bottom left;
	border-top: 3px solid #b2b2b2;
	}

.rankstab ul li.curr {
	position: relative;
	z-index: 1;
	background: white url(/cms2012/xtr/n2013/images/bg_rankstab_ul_li.hover.png) repeat-x;
	border-color: #b92636;
	}

.rankstab ul li a {
	float: left;
	*clear: expression($(this).parent().is(':only-child') ? $(this).css('cursor', 'default') : null, style.clear = "none", 0);
	padding: 11px 15px 6px;
	_padding: 13px 15px 4px;
	cursor: pointer;
	color: #777;
	font-size: 1.6em;
	border: solid #ddd;
	border-width: 0 1px;
	}

.ie6 .rankstab ul li a {
	position: expression($(this).attr('href', 'javascript:void(0)').attr('hidefocus', 'true'), style.position = "static", 0);
	}

.rankstab ul li:only-child a {
	cursor: default;
	}

.rankstab ul li.curr a {
	color: #005db7;
	}

.rankstab ul li a:hover {
	color: #005db7;
	text-decoration: none;
	}

.rankstab div {
	clear: both;
	display: none;
	margin-bottom: -1px;
	padding-bottom: 6px;
	text-align: right;
	border: 1px solid #ddd;
	background: white;
	}

.rankstab div.curr {
	position: relative;
	top: -1px;
	display: block;
	}

.rankstab div ol {
	margin-bottom: 6px;
	text-align: left;
	}


/*  Rank  */

.rankstab div.rank {
	counter-reset: rank;
	*clear: expression($(this).filter(':last-child').css('padding-bottom', 0), style.clear = "none", 0);
	}

.rankstab div.rank:last-child {
	padding-bottom: 0;
	}

.rankstab div.rank ol {
	*clear: expression($(this).filter(':only-child').css('margin-bottom', 0).css('padding-top', 0), style.clear = "none", 0);
	padding-top: 4px;
	}

.rankstab div.rank ol:only-child {
	margin-bottom: 0;
	padding-top: 0;
	}

.rankstab div.rank ol li {
	counter-increment: rank;
	*clear: expression($(this).parent().is(':only-child') ? $(this).is(':last-child') ? $(this).css('border-bottom', 'none') : null : null, style.clear = "none", 0);
	padding: 8px 0 9px;
	border-bottom: 1px solid #ddd;
	}

.ie8 .rankstab div.rank ol li.img {
	counter-increment: none;
	}

.rankstab div.rank ol:only-child li:last-child {
	border-bottom: none;
	}

.rankstab div.rank ol li.img {
	position: relative;
	padding: 11px 0 12px;
	zoom: 1;
	}

.rankstab div.rank ol li.img:after {
	content: "";
	clear: both;
	display: block;
	}

.rankstab div.rank ol li a {
	display: block;
	*clear: expression($(this).prepend('<before>' + ($(this).parent().index() + 1) + '</before>'), style.clear = "none", 0);
	padding: 0 11px;
	color: #595959;
	font-size: 1.5em;
	line-height: 1.35;
	}

.rankstab div.rank ol li.img a.fig {
	float: left;
	display: inline;
	margin: 0 11px;
	padding: 0;
	width: 108px;
	height: 74px;
	}

.rankstab div.rank ol li.img a.fig:before,
.rankstab div.rank ol li.img a.fig before {
	position: absolute;
	top: 11px !important;
	left: 11px;
	padding: 2px 5px;
	}

.rankstab div.rank ol li.img a.fig img {
	width: 108px;
	height: 74px;
	}

.rankstab div.rank ol li.img a.txt {
	float: left;
	margin-top: 7px;
	padding: 0;
	width: 140px;
	}

.rankstab div.rank ol li a:hover {
	color: #005db7;
	text-decoration: none;
	}

.rankstab div.rank ol li a:first-child:before {
	content: counter(rank);
	position: relative;
	top: -1px;
	*top: -2px;
	margin-right: 10px;
	padding: 1px 5px;
	color: white;
	font-weight: 700;
	font-size: 0.75em;
	background: #b2b2b2;
	}

.rankstab div.rank ol li.img a.txt before {
	display: none;
	}

.rankstab div.rank ol li a before {
	content: counter(rank);
	counter-increment: rank;
	position: relative;
	top: -1px;
	*top: -2px;
	margin-right: 10px;
	padding: 1px 5px;
	color: white;
	font-weight: 700;
	font-size: 0.75em;
	background: #b2b2b2;
	}

.ie8 .rankstab div.rank ol li a:before {
	top: -2px;
	font-size: 1.125em;
	}

.ie.newer .rankstab div.rank ol li a:before {
	top: 0;
	}

.rankstab div.rank ol li a:hover:before,
.rankstab div.rank ol li a:hover before {
	background: #b92636;
	}

.rankstab div .more {
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	margin-right: 16px;
	color: #a8a8a8;
	font-weight: 700;
	font-size: 1.4em;
	}

.rankstab div .more:after,
.rankstab div .more after {
	content: "";
	position: relative;
	top: -1px;
	*top: 0;
	display: inline-block;
	vertical-align: middle;
	border-left: 4px solid white;
	width: 7px;
	height: 13px;
	overflow: hidden;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -91px;
	}


/*  Tag  */

.rankstab div.tag ol {
	padding: 22px 10px 8px 22px;
	font-size: 0;
	letter-spacing: -4px;
	}

.rankstab div.tag ol li {
	display: inline-block;
	vertical-align: top;
	margin: 0 1.5em 1.3em 0;
	font-size: 10px;
	letter-spacing: 0;
	}

.rankstab div.tag ol li {
	*display: inline;
	}

.rankstab div.tag ol li a {
	color: #7a7a7a;
	font-size: 1.5em;
	}

.rankstab div.tag ol li a:hover {
	color: #005db7;
	text-decoration: none;
	}



/* 12.2. List News
---------------------------------------------*/

.listnews {
	margin-top: 10px;
	padding: 10px 13px;
	background: white;
	border: 1px solid #e5e5e5;
	}

.listnews .header {
	position: relative;
	margin-bottom: 11px;
	padding: 0 1px;
	zoom: 1;
	}

.listnews .header h3 {
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	color: #777;
	font-size: 1.6em;
	}

.listnews .header h3:before,
.listnews .header h3 before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 3px;
	height: 1.05em;
	overflow: hidden;
	background: #005db7;
	}

.listnews .header h3 a {
	vertical-align: middle;
	color: #777;
	}

.listnews .header .more {
	position: absolute;
	top: 4px;
	right: 0;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	color: #a8a8a8;
	font-weight: 700;
	font-size: 1.4em;
	}

.listnews .header .more:after,
.listnews .header .more after {
	content: "";
	position: relative;
	top: -1px;
	*top: 0;
	display: inline-block;
	vertical-align: middle;
	border-left: 4px solid white;
	width: 7px;
	height: 13px;
	overflow: hidden;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -91px;
	}

.listnews ol li {
	position: relative;
	margin-top: 5px;
	padding: 0 20px 0 12px;
	zoom: 1;
	}

.listnews ol li a {
	*clear: expression($(this).append('<before></before>'), style.clear = "none", 0);
	color: #595959;
	font-size: 1.5em;
	line-height: 1.35;
	}

.listnews ol li a:hover {
	color: #005db7;
	text-decoration: none;
	}

.listnews ol li a:before,
.listnews ol li a before {
	content: "";
	position: absolute;
	top: 7px;
	top: -moz-calc(9px);
	*top: 8px;
	_top: 6px;
	left: 1px;
	width: 5px;
	height: 5px;
	overflow: hidden;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -189px;
	}

.ie8      .listnews ol li a:before,
.ie.newer .listnews ol li a:before {
	top: 8px;
	}

.listnews ol li a:hover:before,
.listnews ol li a:hover before {
	background-position: -15px -189px;
	}

.listnews ol li a .video {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	*margin-top: -5px;
	_margin-top: -7px;
	width: 16px;
	height: 12px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -5000px;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -204px;
	}

.listnews ol li a:hover .video {
	background-position: -26px -204px;
	}



/* 12.3. Nice Commentaries
---------------------------------------------*/

#v2013_nine {
	margin-top: 10px;
	padding-top: 12px;
	background: white;
	border: 1px solid #e5e5e5;
	}

#v2013_nine h3 {
	float: left;
	display: inline;
	margin-left: 23px;
	width: 107px;
	height: 41px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(/cms2012/xtr/n2013/images/sprite.png) no-repeat -126px -58px;
	}

#v2013_nine h4 {
	float: right;
	display: inline;
	margin: 11px 16px 0 0;
	font-weight: 400;
	font-size: 1.4em;
	letter-spacing: 2px;
	}

#v2013_nine p {
	clear: both;
	padding: 3px 27px 5px 27px;
	color: #444;
	font: 1.6em/1.2 "DFKai-SB", "標楷體", sans-serif;
	letter-spacing: 3px;
	}

#v2013_nine strong {
	*clear: expression($(this).append('<after>人</after>'), style.clear = "none", 0);
	margin-left: 28px;
	color: #ff7e45;
	font: 400 2.7em/1.2 Arial, sans-serif;
	letter-spacing: 1px;
	}

#v2013_nine strong:after,
#v2013_nine strong after {
	content: "人";
	position: relative;
	top: -2px;
	left: 3px;
	color: #444;
	font: 20px/1.2 "DFKai-SB", "標楷體", sans-serif;
	}

#v2013_nine .quit {
	position: relative;
	*top: 1px;
	*clear: expression($(this).prepend('〈').append('〉'), style.clear = "none", 0);
	display: block;
	margin: 8px -1px -1px;
	padding: 6px 0;
	_padding: 8px 0 4px;
	color: #5b5b5b;
	font-size: 1.6em;
	text-align: center;
	letter-spacing: 5px;
	background: -webkit-linear-gradient(           #fefefe 0%, #ebebeb 100%);
	background:    -moz-linear-gradient(           #fefefe 0%, #ebebeb 100%);
	background:      -o-linear-gradient(           #fefefe 0%, #ebebeb 100%);
	background:         linear-gradient(to bottom, #fefefe 0%, #ebebeb 100%);
	-pie-background:    linear-gradient(to bottom, #fefefe 0%, #ebebeb 100%);
	border: 1px solid #e5e5e5;
	border-color: #ebebeb #dadadb #d3d4d5 #dadadb;
	behavior: url(js/PIE.htc);
	}

#v2013_nine .quit:before {
	content: "〈";
	}

#v2013_nine .quit:after {
	content: "〉";
	}

#v2013_nine .quit:hover {
	color: black;
	text-decoration: none;
	}



/* 12.4. Survey
---------------------------------------------*/

#v2013_survey {
	margin-top: 10px;
	padding: 10px 13px;
	border: 1px solid #e5e5e5;
	background: white;
	}

#v2013_survey .header {
	position: relative;
	margin-bottom: 11px;
	padding: 0 1px 5px;
	zoom: 1;
	border-bottom: 1px solid #e8e8e8;
	}

#v2013_survey .header h3 {
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	color: #777;
	font-size: 1.6em;
	}

#v2013_survey .header h3:before,
#v2013_survey .header h3 before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 3px;
	height: 1.05em;
	overflow: hidden;
	background: #005db7;
	}

#v2013_survey .header h3 a {
	color: #777;
	}

#v2013_survey p {
	margin-bottom: 8px;
	color: black;
	font-size: 1.5em;
	line-height: 1.4;
	}

#v2013_survey form div ul li input {
	position: absolute;
	left: -5000px;
	*display: none;
	}

#v2013_survey form div ul li label {
	position: relative;
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	padding-left: 27px;
	_zoom: 1;
	cursor: pointer;
	color: #636363;
	font-size: 1.4em;
	line-height: 1.786;
	}

#v2013_survey form div ul li input:checked + label {
	color: #b92636;
	}

#v2013_survey form div ul li label.selected {
	color: #b92636;
	}

#v2013_survey form div ul li label:before,
#v2013_survey form div ul li label before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1px;
	margin-top: -6px;
	width: 14px;
	height: 13px;
	overflow: hidden;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -241px;
	}

#v2013_survey form div ul li input:checked + label:before {
	background-position: -24px -241px;
	}

#v2013_survey form div ul li label.selected:before,
#v2013_survey form div ul li label.selected before {
	background-position: -24px -241px;
	}

#v2013_survey form div button {
	margin-top: 14px;
	padding: 3px 24px;
	cursor: pointer;
	color: white;
	font-weight: 700;
	font-size: 1.5em;
	background: #00a9e0;
	border: none;
	}

#v2013_survey table {
	margin-top: 2px;
	color: #636363;
	font-size: 1.4em;
	text-align: left;
	letter-spacing: 1px;
	}

#v2013_survey table tr.highest {
	color: #b92636;
	}

#v2013_survey table tr th,
#v2013_survey table tr td {
	padding-top: 4px;
	padding-bottom: 5px;
	}

#v2013_survey table tr th {
	padding-right: 25px;
	font-weight: 400;
	}

#v2013_survey table tr td {
	text-align: right;
	}

#v2013_survey small {
	display: block;
	margin-top: 15px;
	color: #ccc;
	font-size: 1.4em;
	}



/* 12.5. Social Links
---------------------------------------------*/

#v2013_social {
	margin-top: 10px;
	padding: 10px 13px 0;
	background: #f9f9f9;
	border: 1px solid #d8d8d8;
	}

#v2013_social .header {
	position: relative;
	margin-bottom: 11px;
	padding: 0 1px 5px;
	zoom: 1;
	border-bottom: 1px solid #dadada;
	}

#v2013_social .header h3 {
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	color: #777;
	font-size: 1.6em;
	}

#v2013_social .header h3:before,
#v2013_social .header h3 before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 3px;
	height: 1.05em;
	overflow: hidden;
	background: #005db7;
	}

#v2013_social .header h3 a {
	color: #777;
	}

#v2013_social .ico {
	margin: 0 -5px;
	font-size: 0;
	letter-spacing: -4px;
	text-align: center;
	}

#v2013_social .ico li {
	display: inline-block;
	vertical-align: middle;
	font-size: 10px;
	letter-spacing: 0;
	}

#v2013_social .ico li {
	*display: inline;
	}

#v2013_social .ico li a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 11px;
	_padding-bottom: 1px;
	overflow: hidden;
	font-size: 0;
	text-indent: -5000px;
	*text-indent: 0;
	background: url(/cms2012/xtr/n2013/images/sprite_social_ico_a.png) no-repeat;
	}

.ie6 #v2013_social .ico li a {
	clear: expression($(this).wrapInner('<span style="position: absolute; left: -5000px"></span>'), style.clear = "none", 0);
	}

#v2013_social .ico .youtube  a { width: 34px; height: 36px; }
#v2013_social .ico .facebook a { width: 32px; height: 32px; background-position:  -44px 0 }
#v2013_social .ico .plus     a { width: 31px; height: 32px; background-position:  -86px 0 }
#v2013_social .ico .twitter  a { width: 27px; height: 31px; background-position: -127px 0 }
#v2013_social .ico .email    a { width: 35px; height: 24px; background-position: -164px 0 }

#v2013_social .txt {
	position: relative;
	top: 2px;
	margin-top: 9px;
	padding-top: 10px;
	*padding-bottom: 11px;
	cursor: default;
	text-align: justify;
	text-align-last: justify;
	border-top: 1px solid #dadada;
	}

#v2013_social .txt li {
	*clear: expression($(this).after(' '), style.clear = "none", 0);
	display: inline-block;
	}

#v2013_social .txt li {
	*display: inline;
	}

#v2013_social .txt:after {
	content: "";
	display: inline-block;
	width: 100%;
	}

#v2013_social .txt li a {
	color: #a8a8a8;
	font-size: 1.4em;
	}



/* 12.6. Facebook Box
---------------------------------------------*/

#v2013_fb-box {
	margin-top: 10px;
	}



/* 12.7. Schedule
---------------------------------------------*/

div#v2013_schedule {
	margin-top: 10px;
	padding: 10px 13px 7px;
	zoom: 1;
	background: white;
	border: 1px solid #e5e5e5;
	}

div#v2013_schedule .header {
	position: relative;
	margin-bottom: 4px;
	padding: 0 1px 5px;
	zoom: 1;
	}

div#v2013_schedule .header h3 {
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	color: #777;
	font-size: 1.6em;
	}

div#v2013_schedule .header h3:before,
div#v2013_schedule .header h3 before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 3px;
	height: 1.05em;
	overflow: hidden;
	background: #005db7;
	}

div#v2013_schedule .header h3 a {
	color: #777;
	}

div#v2013_schedule .fig {
	position: relative;
	float: left;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	display: inline;
	margin: 0 14px 23px 0;
	width: 108px;
	}

div#v2013_schedule .fig img {
	width: 108px;
	height: 74px;
	}

div#v2013_schedule .fig:after,
div#v2013_schedule .fig after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 0;
	width: 108px;
	height: 24px;
	background: url(/cms2012/xtr/n2013/images/sprite.png) no-repeat 0 -114px;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	}

div#v2013_schedule em {
	color: #005db7;
	font-style: normal;
	font-size: 1.6em;
	}

div#v2013_schedule .time {
	margin-left: 14px;
	color: #a8a8a8;
	font-size: 1.1em;
	}

div#v2013_schedule .txt {
	float: left;
	margin: 13px 0 23px;
	width: 140px;
	color: #7f7f7f;
	font-size: 1.5em;
	line-height: 1.35;
	}

div#v2013_schedule table {
	clear: both;
	width: 272px;
	}

.ie6 div#v2013_schedule table {
	clear: expression($(this).wrap('<div style="width: 272px; overflow: hidden"></div>'), style.clear = "none", 0);
	}

div#v2013_schedule table caption {
	*clear: expression($(this).prepend('<before>（中港台時間）</before>'), style.clear = "none", 0);
	padding: 5px 0 5px 11px;
	color: #005db7;
	font-size: 1.5em;
	text-align: left;
	border: solid #e2e2e2;
	border-width: 1px 0;
	}

div#v2013_schedule table caption:before,
div#v2013_schedule table caption before {
	content: "（中港台時間）";
	position: relative;
	top: 1px;
	top: -moz-calc(0px);
	_top: 2px;
	float: right;
	color: #a8a8a8;
	font-size: 0.934em;
	}

.ie8 div#v2013_schedule table caption:before {
	font-size: 1.4em;
	}

div#v2013_schedule table tr {
	background: url(/cms2012/xtr/n2013/images/bg_schedule_table_tr.png) repeat-x bottom left;
	}

div#v2013_schedule table tr th {
	padding: 8px 10px 8px 13px;
	width: 43px;
	color: #231f20;
	font-size: 1.1em;
	text-align: left;
	}

div#v2013_schedule table tr td {
	width: 206px;
	color: #757779;
	font-size: 1.4em;
	}

div#v2013_schedule .more {
	float: right;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	margin-top: 7px;
	color: #a8a8a8;
	font-weight: 700;
	font-size: 1.4em;
	}

div#v2013_schedule .more:after,
div#v2013_schedule .more after {
	content: "";
	position: relative;
	top: -1px;
	*top: 0;
	display: inline-block;
	vertical-align: middle;
	border-left: 4px solid white;
	width: 7px;
	height: 13px;
	overflow: hidden;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -91px;
	}

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



/* 12.8. Shopping
---------------------------------------------*/

#v2013_shopping {
	margin-top: 10px;
	padding: 10px 13px;
	background: white;
	border: 1px solid #e5e5e5;
	}

#v2013_shopping .header {
	position: relative;
	margin-bottom: 5px;
	padding: 0 1px 5px;
	zoom: 1;
	}

#v2013_shopping .header h3 {
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	color: #777;
	font-size: 1.6em;
	}

#v2013_shopping .header h3:before,
#v2013_shopping .header h3 before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 3px;
	height: 1.05em;
	overflow: hidden;
	background: #005db7;
	}

#v2013_shopping .header h3 a {
	vertical-align: middle;
	color: #777;
	}

#v2013_shopping .header .more {
	position: absolute;
	top: 4px;
	right: 1px;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	color: #a8a8a8;
	font-weight: 700;
	font-size: 1.4em;
	}

#v2013_shopping .header .more:after,
#v2013_shopping .header .more after {
	content: "";
	position: relative;
	top: -1px;
	*top: 0;
	display: inline-block;
	vertical-align: middle;
	border-left: 4px solid white;
	width: 7px;
	height: 13px;
	overflow: hidden;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -91px;
	}

#v2013_shopping ol {
	margin-right: -13px;
	font-size: 0;
	letter-spacing: -4px;
	}

#v2013_shopping ol li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	padding-bottom: 28px;
	width: 131px;
	font-size: 10px;
	letter-spacing: 0;
	}

#v2013_shopping ol li {
	*display: inline;
	}

#v2013_shopping ol li .fig {
	position: relative;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	display: block;
	margin-bottom: 6px;
	height: 90px;
	}

#v2013_shopping ol li .fig img {
	width: 131px;
	height: 90px;
	}

#v2013_shopping ol li .fig:after,
#v2013_shopping ol li .fig after {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 22px;
	height: 18px;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -114px;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	}

#v2013_shopping ol li .fig:hover:after,
#v2013_shopping ol li .fig:hover after {
	background-position: -32px -114px;
	}

#v2013_shopping ol li .txt {
	color: #686868;
	font-size: 1.4em;
	line-height: 1.3;
	}

#v2013_shopping ol li .tel {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 130px;
	color: #686868;
	font-size: 1.2em;
	}



/* 12.9. footerprog
---------------------------------------------*/
#footerprog {
	margin: 0 auto;
	position: relative;
	clear: both;
	overflow: hidden;
	height: 1%;
	width: 935px;
}
	
#footerprog h5 {
	float: left;
	margin-left: 14px;
	color: #1f4f82;
	font-size: 1.5em;
}


/* 12.10. Serial
---------------------------------------------*/

.serial {
	margin-top: 10px;
	padding: 10px 13px;
	background: white;
	border: 1px solid #e5e5e5;
	}

.ie6 .serial {
	clear: expression($(this).before('<div style="clear: both; height: 0; overflow: hidden"></div>'), style.clear = "none", 0);
	margin-top: 0;
	}

.serial .header {
	position: relative;
	margin-bottom: 11px;
	padding: 0 1px 5px;
	zoom: 1;
	border-bottom: 1px solid #dfdfdf;
	}

.serial .header h3 {
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	color: #777;
	font-size: 1.6em;
	}

.serial .header h3:before,
.serial .header h3 before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	width: 3px;
	height: 1.05em;
	overflow: hidden;
	background: #005db7;
	}

.serial .header h3 a {
	vertical-align: middle;
	color: #777;
	}

.serial .header .more {
	position: absolute;
	top: 4px;
	right: 0;
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	color: #a8a8a8;
	font-weight: 700;
	font-size: 1.4em;
	}

.serial .header .more:after,
.serial .header .more after {
	content: "";
	position: relative;
	top: -1px;
	*top: 0;
	display: inline-block;
	vertical-align: middle;
	border-left: 4px solid white;
	width: 7px;
	height: 13px;
	overflow: hidden;
	background: url(../images/ico.png) no-repeat 0 -91px;
	}

.serial ol li {
	position: relative;
	margin-top: 5px;
	*margin-top: 1px;
	zoom: 1;
	}

.serial ol li a {
	display: table;
	*clear: expression($(this).append('<table style="cursor: pointer" onclick="window.location = this.parentNode.href"><tr><td style="vertical-align: top"></td><td style="vertical-align: top"></td></tr></table>').find('td').eq(0).append($(this).find('.num')).end().eq(1).append($(this).find('.name')), style.clear = "none", 0);
	color: #595959;
	font-size: 1.5em;
	line-height: 1.35;
	zoom: 1;
	}

.serial ol li a:after {
	content: "";
	clear: both;
	display: block;
	}

.serial ol li a:hover {
	color: #005db7;
	text-decoration: none;
	}

.serial ol li a .num {
	display: table-cell;
	}

.serial ol li a .name {
	display: table-cell;
	}

.serial .quit {
	position: relative;
	*top: 11px;
	*clear: expression($(this).prepend('〈').append('〉'), style.clear = "none", 0);
	display: block;
	margin: 13px -14px -11px;
	*margin: 0 -14px;
	padding: 6px 0;
	_padding: 8px 0 4px;
	color: #5b5b5b;
	font-size: 1.6em;
	text-align: center;
	letter-spacing: 5px;
	background: -webkit-linear-gradient(           #fefefe 0%, #ebebeb 100%);
	background:    -moz-linear-gradient(           #fefefe 0%, #ebebeb 100%);
	background:      -o-linear-gradient(           #fefefe 0%, #ebebeb 100%);
	background:         linear-gradient(to bottom, #fefefe 0%, #ebebeb 100%);
	-pie-background:    linear-gradient(to bottom, #fefefe 0%, #ebebeb 100%);
	border: 1px solid #e5e5e5;
	border-color: #ebebeb #dadadb #d3d4d5 #dadadb;
	behavior: url(js/PIE.htc);
	}

.serial .quit:before {
	content: "〈";
	}

.serial .quit:after {
	content: "〉";
	}

.serial .quit:hover {
	color: black;
	text-decoration: none;
	}


/* 13. Info
---------------------------------------------*/

#v2013_info {
	position: relative;
	margin-top: 15px;
	overflow: hidden;
	background: #f2f2f2;
	border-top: 1px solid #e7e7e7;
	zoom: 1;
	}

#v2013_info .bottom {
	position: relative;
	border-top: 1px solid #fcfcfc;
	background: #e2e2e2;
	}

.ie6 #v2013_info .bottom {
	clear: expression($(this).prepend('<div class="border"></div>'), style.clear = "none", 0);
	}

.ie6 #v2013_info .bottom .border {
	position: absolute;
	top: -1px;
	left: -2500px;
	width: 5000px;
	height: 1px;
	overflow: hidden;
	background: #d6d7d8;
	}



/* 13.1. Recommended Videos
---------------------------------------------*/

#v2013_info .rec {
	margin: 0 auto;
	width: 934px;
	border-top: 1px solid #d9dbdc;
	border-bottom: 1px solid #fcfcfc;
	}

#v2013_info .rec h3 {
	position: absolute;
	left: -5000px;
	}

#v2013_info .rec ul {
	padding: 20px 0 15px;
	font-size: 0;
	letter-spacing: -4px;
	border-top: 1px solid #fcfcfc;
	border-bottom: 1px solid #d9dbdc;
	}

#v2013_info .rec ul li {
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
	width: 143px;
	font-size: 10px;
	letter-spacing: 0;
	}

.opera #v2013_info .rec ul li {
	margin-left: 19px;
	}

#v2013_info .rec ul li {
	*display: inline;
	}

.ie6 #v2013_info .rec ul li {
	clear: expression($(this).filter(':first-child').css('margin-left', 0), style.clear = "none", 0);
	}

#v2013_info .rec ul li:first-child {
	margin-left: 0;
	}

#v2013_info .rec ul li strong a {
	*clear: expression($(this).append('<after></after>'), style.clear = "none", 0);
	color: #777;
	font-size: 1.6em;
	}

#v2013_info .rec ul li strong a:after,
#v2013_info .rec ul li strong a after {
	content: "";
	position: relative;
	top: -2px;
	*top: 0;
	display: inline-block;
	vertical-align: middle;
	border-left: 3px solid #f2f2f2;
	width: 7px;
	height: 12px;
	overflow: hidden;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -17px;
	}

#v2013_info .rec ul li .thumb {
	display: block;
	margin: 8px 0;
	*margin-top: 7px;
	_margin-top: 5px;
	width: 139px;
	height: 97px;
	}

#v2013_info .rec ul li .thumb img {
	width: 139px;
	height: 97px;
	}

#v2013_info .rec ul li .txt {
	color: #595959;
	font-size: 1.5em;
	line-height: 1.334;
	}

#v2013_info .rec ul li .txt:visited {
	color: #a8a8a8;
	}



/* 13.2. Supplementary Navigation
---------------------------------------------*/

#v2013_suppnav {
	position: relative;
	margin: 0 auto;
	width: 934px;
	text-align: justify;
	text-align-last: justify;
	}

#v2013_suppnav:after {
	content: "";
	display: inline-block;
	width: 100%;
	}

#v2013_suppnav h3 {
	position: absolute;
	bottom: 0;
	left: -2500px;
	_display: none;
	width: 5000px;
	height: 1px;
	overflow: hidden;
	text-indent: -5000px;
	background: #d9dbdc;
	}

#v2013_suppnav .v2013_section {
	*clear: expression($(this).after(' '), style.clear = "none", 0);
	display: inline-block;
	padding: 14px 0 26px;
	*padding-bottom: 29px;
	vertical-align: top;
	text-align: left;
	}

#v2013_suppnav .v2013_section {
	*display: inline;
	}

#v2013_suppnav .v2013_section h4 {
	padding-bottom: 5px;
	color: #064fc3;
	font-size: 1.6em;
	letter-spacing: 1px;
	}

#v2013_suppnav .v2013_section ul {
	float: left;
	padding-left: 31px;
	}

.ie6 #v2013_suppnav .v2013_section ul {
	clear: expression($(this).filter(':first-of-type').css('padding-left', 0), style.clear = "none", 0);
	}

#v2013_suppnav .v2013_section h4 + ul {
	padding-left: 0 !important;
	}

#v2013_suppnav .v2013_section-2 ul {
	padding-left: 44px;
	}

#v2013_suppnav .v2013_section ul li {
	margin-top: 7px;
	}

#v2013_suppnav .v2013_section ul li a {
	color: #777;
	font-size: 1.5em;
	}



/* 13.3. Utility Links
---------------------------------------------*/

#v2013_util-wrapper {
	background: #f2f2f2;
	}

#v2013_util {
	margin: 0 auto;
	padding-top: 8px;
	padding-bottom: 15px;
	*padding: 10px 0 11px;
	width: 934px;
	cursor: default;
	color: #bababa;
	font-size: 1.1em;
	text-align: justify;
	text-align-last: justify;
	}

#v2013_util:after {
	content: "";
	display: inline-block;
	width: 100%;
	}

#v2013_util span,
#v2013_util a {
	position: relative;
	top: 2px;
	display: inline-block;
	color: #777;
	font-size: 1.3em;
	}

#v2013_util span {
	cursor: text;
	}



/* 13.4. Copyright
---------------------------------------------*/

#v2013_info .bottom p {
	margin: 15px auto 0;
	width: 934px;
	color: #777;
	font: 1.1em/1.2 Arial, sans-serif;
	letter-spacing: 0.6px;
	}

.ie8 #v2013_info .bottom p {
	letter-spacing: 0;
	}



/* 13.5. Contacts
---------------------------------------------*/

#v2013_info .bottom .vcard {
	position: relative;
	margin: 5px auto 0;
	padding-bottom: 20px;
	width: 934px;
	color: #777;
	font-size: 1.1em;
	letter-spacing: 0.6px;
	}

.ie8 #v2013_info .bottom .vcard {
	letter-spacing: 0;
	}

#v2013_info .bottom .vcard * {
	display: inline;
	}

#v2013_info .bottom .vcard .heading {
	margin-right: -3px;
	}

#v2013_info .bottom .vcard .adr,
#v2013_info .bottom .vcard ul li {
	margin-right: 3px;
	}

#v2013_info .bottom .vcard .adr,
#v2013_info .bottom .vcard ul li .value,
#v2013_info .bottom .vcard ul li.email {	
	font-family: Arial, sans-serif;
	}

#v2013_info .bottom .vcard .fn {
	position: absolute;
	bottom: 13px;
	right: 0;
	width: 116px;
	height: 46px;
	overflow: hidden;
	text-indent: -5000px;
	background: url(/cms2012/xtr/n2013/images/sprite.png) no-repeat 0 -58px;
	}

#v2013_info .bottom .vcard .adr br {
	display: none;
	}

#v2013_info .bottom .vcard .adr .locality {
	*margin-left: 3px;
	}

#v2013_info .bottom .vcard ul li .type {
	*clear: expression($(this).append('：'), style.clear = "none", 0);
	margin-right: -3px;
	}

#v2013_info .bottom .vcard ul li .type:after {
	content: "：";
	}

#v2013_info .bottom .vcard ul li a {
	color: #777;
	}



/* 14. Side Navigation
---------------------------------------------*/

#v2013_sidenav {
	position: absolute;
	left: -5000px;
	z-index: 10;
	overflow: hidden;
	}

.ie6 #v2013_sidenav {
	position: relative !important;
	width: 0;
	height: 0;
	overflow: hidden;
	}

#v2013_sidenav.fixed {
	position: fixed;
	}

#v2013_sidenav ul {
	text-align: center;
	}

#v2013_sidenav ul li a {
	position: relative;
	left: -2px;
	outline: none;
	-webkit-border-radius: 0 4px 4px 0;
	        border-radius: 0 4px 4px 0;
	}

#v2013_sidenav ul .li-1 a {
	position: relative;
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	display: block;
	padding: 42px 5px 12px;
	width: 21px;
	color: #555;
	font-size: 1.4em;
	background: url(/cms2012/xtr/n2013/images/sprite_sidenav_a.png) repeat-y;
	border: solid #f2f2f2;
	border-width: 1px 1px 1px 0;
	border-left: 2px solid #e2e2e2;
	}

#v2013_sidenav ul .li-1 a:before,
#v2013_sidenav ul .li-1 a before {
	content: "";
	position: absolute;
	top: 17px;
	left: 50%;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -279px;
	}

#v2013_sidenav ul .li-2 a {
	display: block;
	padding: 22px 6px 22px 4px;
	width: 22px;
	color: white;
	font-size: 1.4em;
	background: url(/cms2012/xtr/n2013/images/sprite_sidenav_a.png) repeat-y -41px 0;
	border-left: 2px solid #d54557;
	}

#v2013_sidenav ul .li-3 a {
	position: relative;
	*clear: expression($(this).prepend('<before></before>'), style.clear = "none", 0);
	display: block;
	padding: 21px 0 13px;
	color: #555;
	font-weight: 700;
	font-size: 1.15em;
	text-transform: uppercase;
	background: #fafafa url(/cms2012/xtr/n2013/images/sprite_sidenav_a.png) repeat-y;
	border: solid #f2f2f2;
	border-width: 1px 1px 1px 0;
	border-left: 2px solid #e2e2e2;
	}

#v2013_sidenav ul .li-3 a:before,
#v2013_sidenav ul .li-3 a before {
	content: "";
	position: absolute;
	top: 13px;
	left: 50%;
	margin-left: -5px;
	width: 9px;
	height: 5px;
	background: url(/cms2012/xtr/n2013/images/ico.png) no-repeat 0 -309px;
	}

#v2013_sidenav ul li a:hover {
	left: 0;
	text-decoration: none;
	}