@charset "utf-8";
@import url('table.css');

body{
	background-color:#333333;
	background-image: url(img/bg_all.jpg);
	background-position:center top;
	margin:0;
	padding:0;
	font-family: "Arial Unicode", "MS UI Gothic", SimSun, Sans-serif;
	/*font-family: SimSun, "MS UI Gothic", SimSun, Sans-serif;*/
}

#box980{
	width:980px;
	margin:0 auto;
	position:relative;
}

/* modifier */
#box792{
	width:792px;
	height:214px;
	margin:0 auto;
	position:relative;
	background: url(img/popup_bg.gif) no-repeat;
}

#logo5d {
	width:389px;
	height:186px;
	position:absolute;
	top: 14px; left: 14px;
	background: url(img/5dLogo.png) no-repeat;}

.pop_content {width:352px;height:184px;position:absolute;top:14px;left:420px;
color:#FAFAE1;}
.pop_content h1{font-size:16px;line-height:24px;font-weight:bold;letter-spacing:2px;}
.pop_content h1.en{font-size:16px;line-height:18px;font-weight:bold;}
.pop_content a{color:#F6FF00;}
.pop_content #ct_copy{line-height:23px;font-size:13px;color:#dddddd;}

/**/


#menu{
	position:absolute;
	left:0px;
	width:187px;
	text-align:center;
}


#main{
	position:absolute;
	left:188px;
	width:792px;
	padding:0;
	margin:0;
}

/* basic information */

#main p{
	clear:both;
	margin:15px 65px;
	font-size:17px;
	line-height:1.4em;
	color:#fff;
}

#main p.catch1{/* mod */
	font-size:18px; font-weight: 18px;
}

#main a{
	color:#f6ff00;
	text-decoration:none;
	border-bottom:#f6ff00 dashed 1px;
	line-height:25px;
}

#main a:hover{
	color:#ffffff;
	text-decoration:none;
	border-bottom:#ffffff dashed 1px;
}


#copy{
	width:792px;
	font-size:12px;
	margin:0px 0px 30px 0px;
	color:#87877b;
	text-align:center;
	margin-top:1px;
	margin-bottom:10px;
}

#copy div{
	width:786px;
	height:23px;
	color:#dddddd;
	line-height:23px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/cont_copy.gif);
	margin-bottom:8px;
	font-family:serif;
}

/* header */

#head{
	width:792px;
	height:54px;
	background-image:url(img/head_line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top:35px;
	position:relative;
}

#head img{
	float:left;
	width:305px;
	height:44px;
}

#head h1{
	float:right;
	/*font-size:12px;*/ font-size:14px;
	/*margin:28px 12px 0px 0px;*/margin:26px 12px 0px 0px;
	color:#fafae1;
	font-weight:normal;
	font-weight:bold;
}


/* main panel */
#lineup,#howto,#event,#list,#faq,#movie,#link,#magazine, #anime,#promo{
	min-height:540px;
	_height:540px;
	text-align:left;
	padding:30px 0 80px;
	/*border:1px solid #ff0000;*/
}

#lineup	{background-image:url(img/lineup/bg_pnl.jpg);}
#howto	{background-image:url(../../cn-t/howto/img/bg_pnl.jpg);}
#event	{background-image:url(img/event/bg_pnl.jpg);}
#list	{background-image:url(img/list/bg_pnl.jpg);}
#faq	{background-image:url(img/faq/bg_pnl.jpg);}
#movie	{background-image:url(../../cn-t/movie/img/bg_pnl.jpg);}
#link	{background-image:url(../../cn-t/link/img/bg_pnl.jpg);}
#magazine	{background-image:url(img/magazine/bg_pnl.jpg);}
#anime	{background-image:url(img/anime/bg_pnl.jpg);}
#promo	{background-image:url(img/promo/bg_pnl.jpg);}

#page_up{
	position:relative;
	height:9px;
}

#page_up img{
	position:absolute;
}

#page_up a{
	position:absolute;
	bottom:13px;
	right:13px;
	width:113px;
	height:22px;
	display:block;
	background-image:url(cn-t/images/page_up.gif);
	border:none !important;
}

#page_up a:hover{
	background-position:0px -22px;
	}

#page_up span{
	display:none;
}

/* midashi */

/* image midashi */
h2{
	margin:0 34px 30px;
}

/* midashi 2 */
h3{
	clear:both;
	height:33px;
	/*font-size:15px;*/ font-size:20px;
	line-height:34px;
	display:block;
	padding-left:14px;
	/*margin:10px 44px;*/margin:8px 44px;
	color:#ffffff;
}

/* midashi 3 */
h4{
	clear:both;
	font-size:14px;
	display:block;
	padding:8px 14px;
	margin:30px 50px 0;
	background-image:url(img/checkers.gif);
	color:#ffffff;
}

h5{
	clear:both;
	font-size:14px;
	line-height:21px;
	display:block;
	padding-left:12px;
	margin:30px 60px 0px;
}



.a_right{
	display:block;
	text-align:right;
}

.a_center{
	display:block;
	text-align:center;
	/*border:1px solid #ff0000;*/
}

th{
	color:#ffffff;
}

/* howto  */
#howto h3{ background-image:url(../../cn-t/howto/img/midashi_h3.gif);}


div.rule_book{
	background-image:url(img/checkers.gif);
	text-align:center;
	font-size:13px;
	width:690px;
	margin:15px auto;
	border:solid 1px #e3c056;
}

div.rule_book a{
	font-weight:normal;
	margin:0px 4px;
}



img.rule_book{
	border:2px solid #000000;
	margin-bottom:20px;
}



/* rule book download */

#rb_dl table{
	width:697px;
	background-image:url(../../cn-t/howto/img/checkers.gif);
	margin-left:14px;
	border-left:1px solid #a994a6;
	border-top:1px solid #a994a6;
	font-size:13px;
}

#rb_dl span{
	display:block;
	margin:2px;
	border:1px solid #a994a6;
	padding:10px;
	text-align:center;
}

#rb_dl th{
	line-height:26px;
	background-image:url(../../cn-t/howto/img/t_head.jpg);
}

#rb_dl td ,#rb_dl th{
	border-right:1px solid #a994a6;
	border-bottom:1px solid #a994a6;
}

#rb_dl .dllist td,#rb_dl .dllist th{
	padding-left:8px;
}

#rb_dl .page,#rb_dl .kb{
	text-align:center;
}

#rb_dl .page{
	font-weight:bold;
	padding:0px;
}

/* list */
#list h3{ background-image:url(img/list/midashi_h3.gif);}

#list h3 b{
	font-size:16px;
	color:#ffff00;
	margin-right:3px;
}

/* search window */
#list div#search{
	/*width:570px;*/
	height:70px;
	border:double 3px #e07106;
	margin:0 68px; /* old: 77px */
	background-image:url(img/checkers.gif);
}

#list #search table{
	font-size:14px;
	line-height:17px;
	margin-top:5px;
	color:#eeeeee;
}

/* product title list */
table.title_list{
	margin:5px 66px;
}

.title_list td{
	width:330px;
	text-align:left;
	/*background-color:#ff0000;*/
}

.title_list img{ /*NEW!!mark*/
	width:40px;
	height:13px;
	margin:6px 0px 0px 5px;
}

#list h4{	/* midashi */
	border:solid 1px #9b5c34;
}

/* search result table */

#list #result{
	margin:0 50px;
	font-size:13px;
}

#list #result table{
	width:692px;
	border:1px solid #000000;
	margin-bottom:5px;
	font-size:12px;
}

#list #result big{
	font-weight:bold;
	color:#ffff00;
	margin-left:5px;
}

#list #result a{
	margin:0px 5px;
	border:none;
}

#list #result th{
	background-image:url(img/list/t_head.jpg);
	font-size:12px;
	height:20px;
	text-align:center;
	/*font-weight:normal;*/
}

#list thead,#list tfoot{
	background-color:#000000;
}

#list .list_no{	/* search result order */
	width:40px;
	text-align:center;
	background-image:url(img/list/t_left.jpg);
	font-weight:bold;
	color:#ffffff;
}

#list .list_cn{	/* card no */
	width:85px;
	height:25px;
	text-align:center;
	color:#101010;
	background-color:#d4a569;
}


/* card type */ /*font-size:13px;*/
/* .list_mon,.list_eff,.list_fus,.list_rit,.list_mag,.list_trp,.list_syn{ 
	width:60px;	
	background-image:url(../../cn-t/list/img/card_type.jpg);
}

.list_mon{background-position:0px center;}
.list_rit{background-position:-60px center;}
.list_eff{background-position:-120px center;}
.list_fus{background-position:-180px center;}
.list_trp{background-position:-240px center;}
.list_mag{background-position:-300px center;}
.list_syn{background-position:-360px center;} */

/* default image is Chinese, English page have modifier to change */
.list_mon,.list_eff,.list_fus,.list_rit,.list_mag,.list_trp,.list_syn{ 
	background:url(cn-t/images/card_type.jpg) center;
	width:100px; /* 100px - 3px of td * 2 edge */
}

.list_mon{background-position:0px center;} /* monster */
.list_rit{background-position:-100px center;} /* ceremony */
.list_eff{background-position:-200px center;} /* effect */
.list_fus{background-position:-300px center;} /* fusion */
.list_trp{background-position:-400px center;} /* trap */
.list_mag{background-position:-500px center;} /* magic/spell */
.list_syn{background-position:-600px center;} /* sync */

.list_info{
	background-image:url(img/list/list_back.jpg);
	color:#444444;
}

.list_info div.card_name{
	height:17px;
	line-height:17px;
	display:block;
	margin:4px 5px;
	font-weight:bold;
}

.list_info div.dt{
	background:url(img/list/dt.gif) no-repeat center right;
}

.list_info small{
	color:#4f4f4f;
	font-size:10px;
	font-weight:normal;
}

.list_info div.contain{
	height:15px;
	line-height:15px;
	color:#787878;
	background-color:#fee6d9;
	border-top:1px solid #5c5c5c;
	font-size:11px;
	padding:2px 5px;
}

div.icon_int{
	text-align:center;
	margin-bottom:10px;
	padding:0px 100px;
	color:#eeeeee;
	/*border:1px solid #ff0000;*/
}

div.icon_int div{
	width:400px;
	border:1px solid #d17007;
	background-color:#000000;
	margin:auto;
}

.icon_int table{
	padding:3px;
	height:17px;
	font-size:12px;
	line-height:17px;
	margin:auto;
}

.icon_int table a{
	color:#ffff88;
	margin-right:3px;
}

.icon_int table a:hover{
	color:#ff4444;
}

/* English-Japanese card name table */

#list #jp_us{
	margin:0 50px;
	font-size:13px;
}

#list #jp_us table{
	width:693px;
	border:1px solid #000000;
	margin-bottom:5px;
}

#list #jp_us big{
	font-weight:bold;
	color:#ffff00;
	margin-left:5px;
}

#list #jp_us a{
	margin:0 5px;
	border:none;
}

#list #jp_us th{
	background-image:url(img/list/t_head.jpg);
	font-size:12px;
	height:20px;
	text-align:center;
	/*font-weight:normal;*/
}

#list .jpus_cn{	/* card no */
	width:100px;
	text-align:center;
	font-size:13px;
	color:#101010;
	background-color:#d4a569;
}

#list #jp_us td{
	padding:3px 4px;
}

.jpus_nm{
	color:#101010;
	background-image:url(img/list/list_back.jpg);
	padding-left:8px;
}

.jpus_mon,.jpus_mag,.jpus_trp{ /* card type */
	font-size:13px;
	width:110px;
	background-image:url(img/list/jpus_type.jpg);
	color:#101010;
	text-align:center;
}

.jpus_mon{background-position:0px 0px;}
.jpus_mag{background-position:0px -63px;}
.jpus_trp{background-position:0px -126px;}




/* movie */

#movie a{margin:0px 3px;}

#movie h3{
	background-image:url(../../cn-t/movie/img/midashi_h3.gif);
	margin-top:40px;
}

#movie h4{ 
	background-image:url(../../cn-t/movie/img/checkers.gif);
	border:1px solid #e97606;
	color:#ffff00;
}

#movie h5{
	border-bottom:1px solid #e97606;
	color:#ffff00;
	/*background-color:#000000;*/
}

/* movie boxes */
#movie div.mov_box{
	margin:10px 70px;
	border:2px solid #032005;
	padding:1px;
	background:#1a612d;
}

#movie .mov_box table{
	border:1px solid #0c7a11;
	background-image:url(img/checkers.gif);
	font-size:14px;
	color:#eeeeee;
	width:100%;
}

td.mov_img{
	width:218px;
}

td.mov_img img{
	border:1px solid #0c7a11;
}

td.mov_txt{
	padding:0 15px;
}

.mov_box strong{
	color:#dddd00;
	display:block;
	clear:both;
	margin-top:5px;
}

.mov_box a.mov_btn{
	border:none !important;
	width:96px;
	height:30px;
	background-image:url(../../cn-t/movie/img/play_btn.gif);
	display:block;
	font-weight:bold;
	font-size:15px;
	color:#ffffff;
	text-align:center;
	line-height:30px;
	text-decoration:none;
	float:right;
}

.mov_name{
	height:26px;
}

.mov_name b{
	display:block;
	border-bottom:1px solid #0c7a11;
	font-size:15px;
	height:25px;
	line-height:25px;
	padding-left:10px;
	color:#ffff00;
}

a.mov_btn:hover{
	background-position:0px -30px;
	color:#ffff00;
}

/* link */

.link_box{
	width:690px;
	border-bottom:1px solid #00efe8;
	margin:10px 50px;
	line-height:18px;
	font-size:14px;
	color:#eeeeee;
}

.link_box td{
	padding-bottom:10px;
}

.link_box .banner{
	width:180px;
	text-align:center;
}

.link_box .banner a{
	border:none !important;
}

.link_box b{
	display:block;
	font-weight:bold;
}

.link_box a{
	color:#ffff00;
	text-decoration:none;
}

.link_box a:hover{
	color:#ffffff;
	text-decoration:none;
}



/* FAQ */

#faq h3{ background-image:url(img/faq/midashi_h3.gif);}

#faq a#go_faq{
	display:block;
	width:340px;
	height:52px;
	background-image:url(../../cn-t/faq/img/go_faq.gif);
	border:none ! important;
	margin-top:40px;
}

#faq a#go_faq img{
	border:none;
}

#faq a#go_faq:hover{
	background-position:0px -52px;
}

img.site_img{
	border:1px solid #909206;
	float:right;
	margin:10px;
}

/* ani_character */

#anime h3{ background-image:url(img/anime/midashi_h3.gif);}

/* Magazine */
#magazine h3{ background-image:url(img/magazine/midashi_h3.gif);}

/* transparent background/border */	
.transTable {width: 666px; margin:auto;}
	
/* for rule listing*/
/* next time improvement: set body.rule as general style for rule content such as color so that avoiding duplicate colour*/
.content {
	color:#FFFFFF;
	/*word-spacing: 10px;*/
	letter-spacing: 3px;
	line-height: 1.5;
}

.contentHLS1 {
	color:#FF0000;
	font-weight: bold;
}

h3.itemHeadStyle1 {
	color:#FFFFFF;
	/*word-spacing: 10px;*/
	/* letter-spacing: 5px; */
    /* line-height: 1.4; */
	font-weight: bold;
}

h3.itemHeadStyle2 {
	color:#FFFFFF;
	/*word-spacing: 10px;*/
	/* letter-spacing: 5px; */
	/* line-height: 1.4;*/
	font-weight: bold;
	text-align: center;
}

ul.itemHeadStyle1 {
	color:#FFFFFF;
	list-style-type: square;
	}

/* footer area */
#footer {
}

#footer .footnote{
	padding-left:45px;
	padding-top:6px;
	font-size: 12px;
	color:#999999;
	/* font-family: Arial, Helvetica, sans-serif; */
}

.changed {text-decoration:line-through; color:red;}

.subTitle {color:#333;}

h3.itemHeadStyle2 a{color:#eee;}

/* initialize + additonal modifiers */
ul{margin:0;padding:0;} /* list-style-type:none; */

#langMenuB {position:absolute;top:0;right:0;color:#fafae1;font-weight:normal;width: 200px;font-size:12px;}
#langMenuB ul li {list-style-type:none; float:right; margin: 0 14px 0 8px;}
#main #langMenuB ul li a{border-bottom: none; line-height:16px;}

#main #event table.timeTableS1 p {color:#333333;}
#main #event table.timeTableS1 strong a{color:#FFBD6F}
#main #event table.timeTableS1 strong a:hover{color:#eee}
.jpName {color:#fff; font-size:13px;}


.centerTable {width:640px} /* width:640px;*/
.centerImg, .centerTable, .centerTable700, .centerTbl{margin:0 auto;}
.centerImg {display:block;}
.centerTable700 {width:700px;}

/* transit period style for event page white border box */
.tblTransit
{width:690px;border:1px solid #ddd; margin: 8px auto;background:#000;}

.f12 {/*font-size:12px;*/ font-size:14px;}
.f14{/*font-size:14px;*/ font-size:17px;}
.h12{/*font-size:12px;*/ font-size:17px; line-height : 1.5em;}

.f06{font-size:6px;}
.f08{font-size:8px;}
.f10{font-size:10px;}
.f16{font-size:16px;}
.f14r{
	font-size:12px;
	color:#FF0000
}

.h08{font-size:8px; line-height : 1.5em;}
.h10{font-size:10px; line-height : 1.5em;}
.h14{font-size:14px; line-height : 1.5em; color:#ffffff;}
.h16{font-size:16px; line-height : 1.5em;}

#yosen_end{
	font-size:15px;
	background-color:#686868;
	padding:5px 30px;
	border-top:1px solid #a8a8a8;
	border-bottom:1px solid #2c2c2c;
	border-left:1px solid #888888;
	border-right:1px solid #424224;
	margin:20px auto;
	font-weight:bold;
	color:#ffff00;
	text-align:center;
}
.h141 {font-size:14px; line-height : 1.5em;}

select, input.btn {font: bold 16px/20px SimSun, sans-serif;}

input.btn {
   color:#EEFFEE;
   background:#006600;
   border-style:solid;
   border-color:#CCCCCC;
   border-width:1px;
}

.textBrowse {display:none}
.centerTxt {text-align:center;}
.warning {color:#F00;}



.footList{list-style-position: inside;
	list-style-type: square;}

.regionHK{color:#99F;font-weight:bold;}
.regionTW{color:#0CF;font-weight:bold;}
.dayTail {vertical-align: super;}

/* special */
#event h3.xmas{background:url(img/midashi_h3_xmas.gif);}

.clearSpace{clear:both;}

/* highlight text color = url color */
.hl{
color:#F6FF00;
line-height:25px;
text-decoration:none;
}

.h4_mod{font-size:20px;}

.highlight{color:#F60;font-weight:bold;}
.underline{text-decoration:underline;}