@charset "UTF-8";
/* CSS Document */


h1 {
font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 15pt;
	line-height: 18pt;
	font-weight: bold;
	color: #003366;
}

h2 {
font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 16pt;
	font-weight: bold;
	color: #003366;
}



.bold {
font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #0099CC;
}

.txtDeco {
font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #FF3300;
}

/*  ---------------------- iconTitle Vertical  ---------------------- */


#cataMS { margin:0; padding:0;}
#cataMS a {display:block;width:63px;height:84px;margin:0;padding:0;background-image: url("img/iconCata_BuySung.gif");}
#cataMS a:hover { background-image: url("img/iconCata_BuySung_on.gif");}
#cataMS a span { display:none }

#cataRc { margin:0; padding:0;}
#cataRc a {display:block;width:63px;height:84px;margin:0;padding:0;background-image: url("img/iconCata_recipe.gif");}
#cataRc a:hover { background-image: url("img/iconCata_recipe_on.gif");}
#cataRc a span { display:none }

#cataCST { margin:0; padding:0;}
#cataCST a {display:block;width:63px;height:84px;margin:0;padding:0;background-image: url("img/iconCata_cookST.gif");}
#cataCST a:hover { background-image: url("img/iconCata_cookST_on.gif");}
#cataCST a span { display:none }

#cataDT { margin:0; padding:0;}
#cataDT a {display:block;width:63px;height:84px;margin:0;padding:0;background-image: url("img/iconCata_decoTip.gif");}
#cataDT a:hover { background-image: url("img/iconCata_decoTip_on.gif");}
#cataDT a span { display:none }

#cataTT { margin:0; padding:0;}
#cataTT a {display:block;width:63px;height:84px;margin:0;padding:0;background-image: url("img/iconCata_toolTip.gif");}
#cataTT a:hover { background-image: url("img/iconCata_toolTip_on.gif");}
#cataTT a span { display:none }

#cataIT { margin:0; padding:0;}
#cataIT a {display:block;width:63px;height:84px;margin:0;padding:0;background-image: url("img/iconCata_ingTip.gif");}
#cataIT a:hover { background-image: url("img/iconCata_ingTip_on.gif");}
#cataIT a span { display:none }

#cataOTH { margin:0; padding:0;}
#cataOTH a {display:block;width:63px;height:84px;margin:0;padding:0;background-image: url("img/iconCata_oth.gif");}
#cataOTH a:hover { background-image: url("img/iconCata_oth_on.gif");}
#cataOTH a span { display:none }

/*  ---------------------- iconTitle Horizonal  ---------------------- */


#cataHMS { margin:0; padding:0;}
#cataHMS a {display:block;width:116px;height:80px;margin:0;padding:0;background-image: url("img/iconCata_Hbs.gif");}
#cataHMS a:hover { background-image: url("img/iconCata_Hbs_on.gif");}
#cataHMS a span { display:none }

#cataHRc { margin:0; padding:0;}
#cataHRc a {display:block;width:116px;height:80px;margin:0;padding:0;background-image: url("img/iconCata_Hr.gif");}
#cataHRc a:hover { background-image: url("img/iconCata_Hr_on.gif");}
#cataHRc a span { display:none }

#cataHCST { margin:0; padding:0;}
#cataHCST a {display:block;width:116px;height:80px;margin:0;padding:0;background-image: url("img/iconCata_Hcst.gif");}
#cataHCST a:hover { background-image: url("img/iconCata_Hcst_on.gif");}
#cataHCST a span { display:none }

#cataHDT { margin:0; padding:0;}
#cataHDT a {display:block;width:116px;height:80px;margin:0;padding:0;background-image: url("img/iconCata_Hdt.gif");}
#cataHDT a:hover { background-image: url("img/iconCata_Hdt_on.gif");}
#cataHDT a span { display:none }

#cataHTT { margin:0; padding:0;}
#cataHTT a {display:block;width:116px;height:80px;margin:0;padding:0;background-image: url("img/iconCata_Htt.gif");}
#cataHTT a:hover { background-image: url("img/iconCata_Htt_on.gif");}
#cataHTT a span { display:none }

#cataHIT { margin:0; padding:0;}
#cataHIT a {display:block;width:116px;height:80px;margin:0;padding:0;background-image: url("img/iconCata_Hit.gif");}
#cataHIT a:hover { background-image: url("img/iconCata_Hit_on.gif");}
#cataHIT a span { display:none }

#cataHoth { margin:0; padding:0;}
#cataHoth a {display:block;width:116px;height:80px;margin:0;padding:0;background-image: url("img/iconCata_Hoth.gif");}
#cataHoth a:hover { background-image: url("img/iconCata_Hoth_on.gif");}
#cataHoth a span { display:none }

/*  ---------------------- form  ---------------------- */
.textBox100 {
	font-size: 11px;
	font-style: normal;
	color: #666666;
	border: 1px solid #dfdfdf;
	height: 18px;
	width: 100px;
}

.textBox {
	font-size: 11px;
	font-style: normal;
	color: #666666;
	border: 1px solid #dfdfdf;
	height: 18px;
	width: 122px;
}

.textBox200 {
	font-size: 11px;
	font-style: normal;
	color: #666666;
	border: 1px solid #dfdfdf;
	height: 18px;
	width: 200px;
}

.videoPullDown {
	font-size: 12px;
	font-style: normal;
	color: #666666;
	border: 1px solid #666666;
	height: 20px;
	width: 220px;
}

.searchPullDown {
	font-size: 11px;
	font-style: normal;
	color: #666666;
	border: 1px solid #666666;
	height: 18px;
	width: 130px;
}


.textBoxPost {
	font-size: 11px;
	font-style: normal;
	color: #666666;
	border: 1px solid #666666;
	height: 18px;
	width: 480px;
}

.textPostBox {
	font-size: 11px;
	font-style: normal;
	color: #666666;
	border: 1px solid #666666;
	height: 100px;
	width: 480px;
}

.postPhoto {
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 12px;
	line-height:14pt;
	color: #666666;
	font-weight: 100;
	margin:0px;
	background-color:#EEEEEE;
}

.postPhotoBorder {
	border: 1px solid #666666;
	padding: 5px;
	width:146px;
}


.replyTextBoxBlank {
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 12px;
	line-height:14pt;
	color: #666666;
	font-weight: 100;
	padding:5px 0px 5px 5px;
	margin:0px;
	background-color:#FFFFFF;
}

/*  ---------------------- text  ---------------------- */

.searchKeyText             {
	font-size:9pt;
	color:#cb2990;
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-weight: bold;
	background-color:#EEEEEE;
}

.blackText             {
	font-size:9pt;
	color:#000000;
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-weight: 100;
	padding: 8px 5px 8px 10px;
}

.countNo             {
	font-size:8pt;
	color:#666666;
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-weight: 100;
	padding: 7px 0px 7px 5px;
}

.status             {
	font-size:12px;
	color:#ffffff;
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
}

a.status:link       { font-size:12px; color:#ffffff; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:none;}
a.status:active     { font-size:12px; color:#ffffff; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:none;}
a.status:visited    { font-size:12px; color:#ffffff; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:none;}
a.status:hover      { font-size:12px; color:#ffffff; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:underline;}

.statusSign             {
	font-size:9pt;
	color:#ffffff;
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-weight: bold;
}

.mulistHead             {
	font-size:9pt;
	color:#000000;
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-weight: 100;
	padding: 8px 5px 8px 10px;
}
a.mulistHead:link       { font-size:9pt; color:#000000; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:none;font-weight: 100;}
a.mulistHead:active     { font-size:9pt; color:#000000; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:none;font-weight: 100;}
a.mulistHead:visited    { font-size:9pt; color:#000000; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:none;font-weight: 100;}
a.mulistHead:hover      { font-size:9pt; color:#000000; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:underline;font-weight: 100;}

/*  ---------------------- table  ---------------------- */
.grayBG { background-color:#ececec; }

.lightgrayBG { background-color:#f9f9f9; }

.whatTubeListBtm {	
	border-bottom-style:dotted;
	border-bottom-width:1px;
	border-bottom-color:#336699;
}

.borderSpace5 {
	padding:5px 5px 5px 5px;
}

.borderSpace522 {
	padding:5px 5px 5px 22px;
}

.borderSpace10 {
	padding:10px 10px 10px 10px;
}

/*  ---------------------- page no. ---------------------- */
.pageNo             {
	font-size:9pt;
	color:#ffffff;
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-weight: 100;
	
}
a.pageNo:link       { font-size:9pt; color:#ffffff; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:none;font-weight: 100;}
a.pageNo:active     { font-size:9pt; color:#ffffff; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:none;font-weight: 100;}
a.pageNo:visited    { font-size:9pt; color:#ffffff; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:none;font-weight: 100;}
a.pageNo:hover      { font-size:9pt; color:#336699; font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; text-decoration:underline;font-weight: 100; background-color:#FFFFFF}

/*  ---------------------- messageBox  ---------------------- */

.mesgDetailHead,
a.mesgDetailHead:link,
a.mesgDetailHead:active,
a.mesgDetailHead:visited,
a.mesgDetailHead:hover
 {
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 15px;
	line-height:19pt;
	color: #cb2990;
	font-weight: Bold;
}

a.mesgDetailHead:hover
{
    text-decoration:underline;
}

.mesgDetailBox {
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 12px;
	line-height:14pt;
	color: #666666;
	font-weight: 100;
	padding:15px 10px 10px 15px;
	margin:0px;
	background-color:#EEEEEE;
}
.mesgText {font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif; font-size: 12px;line-height:14pt;color: #666666;font-weight: 100;}
a.mesgText:link {font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;font-size: 12px;line-height:14pt;color: #666666;font-weight: 100;}
a.mesgText:active {font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;font-size: 12px;line-height:14pt;color: #666666;font-weight: 100;}
a.mesgText:visited {font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;font-size: 12px;line-height:14pt;color: #666666;font-weight: 100;}
a.mesgText:hover {font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;font-size: 12px;line-height:14pt;color: #666666;font-weight: 100;text-decoration:underline;}




.mesgReplyBox {
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 12px;
	line-height:14pt;
	color: #555555;
	font-weight: 100;
	padding:15px 10px 10px 15px;
	margin:0px;
	background-color:#f9f9f9;
}

.mesgUser {
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 11px;
	line-height:12pt;
	color: #cb2990;
	font-weight: 100;
}


.dateTime {
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 11px;
	line-height:12pt;
	color: #666666;
	font-weight: 100;
}

.loginText {
	font-family: Verdana, Arial, "細明體", "新細明體", Helvetica, sans-serif;
	font-size: 11px;
	line-height:12pt;
	color: #00386b;
	font-weight: bold;
}

.hiding 
{
    display:none;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.replyModalPopup {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:540px;
	height:350px;
}


.invisible
{
	width:0px;
	display:none;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}