﻿/*
body {
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: Arial;
}
td {
	font-size:12px;
}
*/
.warrantSearchHeader {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 13px; 
	COLOR: #de254b; 
	LINE-HEIGHT: 25px; 
	FONT-FAMILY: "sө", Arial; 
	TEXT-DECORATION: none;
	/*
	border-top:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
	*/
}

.warrantSearchSubHeader {
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none;
	padding-left:10px;
	/*
	border-top:#cccccc 1px solid;
	border-bottom:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
	*/
}

.warrantSearchContent {
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none;
	padding-left:10px;
	background-color:#FFFFFF;
	/*
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	*/
}

.warrantSearchErrorMsg{ line-height:50px; text-align:center; border:solid 1px #CCCCCC; margin-top:10px;}

.gray {
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none;
	border-bottom:#ffffff 1px solid;
	padding-left:10px;
}
.gray_no_padding
{
	FONT-SIZE: 12px;
	COLOR: #000000;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none;
	border-bottom:#ffffff 1px solid;
}
/*
a:link {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; text-align:left;
}
a:visited {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; text-align:left;
}
a:hover {
	FONT-SIZE: 12px; COLOR: #B81C32; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; text-align:left;
}
a:active {
	FONT-SIZE: 12px; COLOR: #de254b; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; text-align:left;
}
a.leftmenu:link {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; text-align:left; padding-left:10px;
}
a.leftmenu:visited {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; text-align:left; padding-left:10px;
}
a.leftmenu:hover {
	FONT-SIZE: 12px; COLOR: #ffffff; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; text-align:left; padding-left:10px;
}
a.leftmenu:active {
	FONT-SIZE: 12px; COLOR: #de254b; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; text-align:left; padding-left:10px;
}
*/
.button_product {
	font-family: "新細明體", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-repeat: repeat-x;
	border: 1pt solid #ff6262;
	text-align: center;
	background-color: #e4e4e4;
}

.Big_gray_bold_menu {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #B81C32;
	LINE-HEIGHT: 20px;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none;
	width:175px;
	height:139px;
	text-align:left;
	border:1px #B81C32 solid;
	background-image:url(image/login_bg_01.jpg);
	padding-left:10px;
	background-repeat:no-repeat;
}
.small_gray_bold {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; width:175px; height:22px; text-align:left; padding-left:15px; background-color:#B81C32; border-bottom:#ffffff 1px solid;
}
A.Big_gray_bold:link {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; width:135px; height:29px; padding-left:15px;
}
A.Big_gray_bold:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; width:135px; height:29px; padding-left:15px;
}
A.Big_gray_bold:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #B81C32; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; height:29px; padding-left:15px;
}
A.Big_gray_bold:active {
	FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; width:135px; height:29px; padding-left:15px;
}
.pink_bold_r {
	LINE-HEIGHT: 25px; 
	FONT-FAMILY: "sө", Arial; 
	TEXT-DECORATION: none;
    color: #4B5228; 
    font-size: 13px; 
    font-weight: bold; 
}
A.pink_bold_r:link {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #de254b; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
A.pink_bold_r:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #de254b; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
A.pink_bold_r:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #B81C32; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
A.pink_bold_r:active {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #de254b; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
.pink_bold_b {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #454545; LINE-HEIGHT: 25px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none
}
.login {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #FFFFFF; LINE-HEIGHT: 22px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; padding-left:5px;
}
A.pink_bold_b:link {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #454545; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
A.pink_bold_b:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #454545; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}

A.pink_bold_b:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #B81C32; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
A.pink_bold_b:active {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #454545; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
A.small_gray_bold:link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none
}
.small_gray_bold:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none
}
.button {
	BORDER-RIGHT: #CFCFCF 1px solid; BORDER-TOP: #CFCFCF 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #CFCFCF 1px solid; COLOR: #4B5228; BORDER-BOTTOM: #CFCFCF 1px solid; FONT-FAMILY: "sө", Arial; BACKGROUND-COLOR: #E8EBD9
}
A.small_gray_bold:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none
}
.small_gray_bold:active {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none
}
.date_blue {
	FONT-SIZE: 12px; COLOR: #0033cc; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.date_blue:link {
	FONT-SIZE: 12px; COLOR: #0033cc; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.date_blue:visited {
	FONT-SIZE: 12px; COLOR: #0033cc; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.date_blue:hover {
	FONT-SIZE: 12px; COLOR: #00cccc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.date_blue:active {
	FONT-SIZE: 12px; COLOR: #00cccc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.date_red {
	FONT-SIZE: 12px; COLOR: #cc0000; LINE-HEIGHT: 20px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.red {
	FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none
}
.green {
	FONT-SIZE: 12px; COLOR: #50ca1a; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none
}
A.date_red:link {
	FONT-SIZE: 12px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.date_red:visited {
	FONT-SIZE: 12px; COLOR: #cc0000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.date_red:hover {
	FONT-SIZE: 12px; COLOR: #cc6600; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.date_red:active {
	FONT-SIZE: 12px; COLOR: #cc6600; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
.pink {
	FONT-SIZE: 12px; COLOR: #de254b; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
.new_red {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #ef2929; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none
}
.border {
	BORDER-TOP: #d82833 1pt solid; BORDER-LEFT-WIDTH: 1pt; BORDER-LEFT-COLOR: #d82833; BORDER-BOTTOM: #d82833 1pt solid; BORDER-RIGHT-WIDTH: 1pt; BORDER-RIGHT-COLOR: #d82833
}
.select {
	FONT-SIZE: 12px; WIDTH: 105px; FONT-FAMILY: "sө", Arial; HEIGHT: 18px
}
.textfield {
	FONT-SIZE: 12px; WIDTH: 105px; FONT-FAMILY: "sө", Arial; HEIGHT: 18px
}
.small_white_bold {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; height:29px;
}
.small_b_bold {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; height:29px;
}
.textarea {
	FONT-SIZE: 12px; WIDTH: 660px; COLOR: #454545; LINE-HEIGHT: 25px; FONT-FAMILY: "sө", Arial
}
.Big_pink_bold {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #de254b;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none
}
.table1 {
	border:1px #CFCFCF solid;
}
.small_gray_bold_single {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none
}
.stock {
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	COLOR: #454545;
	LINE-HEIGHT: 22px;
	FONT-FAMILY: "sө", Arial;
	TEXT-DECORATION: none;
	padding-left:5px;
}

.errorMsg{ line-height:50px; text-align:center;}

.even
{
	background-color:#F9E9EA;
}

.even_2
{
	background-color:#E4E4E4;
}

/** Paging Style **/

.DefaultAAPagingStyle
{
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 1px !important;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
    vertical-align: middle;
}

.DefaultAAPagingStyle:hover
{
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 1px !important;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: #0099CC;    
    vertical-align: middle;
}

.DefaultAAPagingCurrentPageStyle
{
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 1px !important;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: orange;    
    vertical-align: middle;
}
.DefaultAAPagingTotalRecordStyle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color: black;
    vertical-align: middle;
}
.DefaultAAPagingQuickPageStyle
{
    font-size: 12px;
}
.DefaultAAPagingRowStyle
{
    text-align: center;
}

.pink_r {
FONT-SIZE: 12px; COLOR: #de254b; LINE-HEIGHT: 25px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none
}
A.pink_r:link {
	 FONT-SIZE: 12px; COLOR: #de254b; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
A.pink_r:visited {
	FONT-SIZE: 12px; COLOR: #de254b; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
A.pink_r:hover {
	 FONT-SIZE: 12px; COLOR: #B81C32; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
A.pink_r:active {
	 FONT-SIZE: 12px; COLOR: #de254b; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
.pink_b {
 FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 25px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none
}

A.pink_b:link {
	 FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
A.pink_b:visited {
 FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}

A.pink_b:hover {
  FONT-SIZE: 12px; COLOR: #B81C32; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}
A.pink_b:active {
	  FONT-SIZE: 12px; COLOR: #de254b; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none;
}

.div_toggle
{
    position:absolute;visibility:hidden;
    margin-left:30px;margin-top:12px; 
    background-color:#EEEEEE;border:solid 1px #CCCCCC;    
    white-space: nowrap;
}

/* Derivative Tab */

.tab_pink {
	FONT-SIZE: 12px; COLOR: #de254b; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; padding-left:5px; padding-right:5px;
}
.tab_gray {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; /*border-bottom:#ffffff 1px solid;*/ padding-left:5px; padding-right:5px;
}
.tab_gray_eng {
	FONT-SIZE: 12px; COLOR: #000000; LINE-HEIGHT: 20px; FONT-FAMILY: "sө", Arial; TEXT-DECORATION: none; /*border-bottom:#ffffff 1px solid;*/ padding-left:5px; padding-right:5px; height:52px;
}
.errorMessage{ line-height:50px; text-align:center; border:solid 1px #CCCCCC; margin-top:10px;}

.gray0 {
 color: #333333;
}

.gray1 {
 background-color: #4B5228;
 color: #333333;
}

.gray2 {
 background-color: #F5F1E2;
 color: #333333;
}

.gray3 {
 background-color: #E8EBD9;
 height: 20px;
 color: #666666;
}

.gray4 {
 background-color: #EEF0EF;
 height: 20px;
 color: #333333;
}

.gray5 {
 background-color: #FFFFFF;
 height: 20px;
 color: #333333;
}

.gray01 {
 background-color: #4B5228;
 color: #FFFFFF;
}

.gray02 {
 background-color: #E8EBD9;
 color: #666666;
}

.Similar {
    background-image:url(../images/bar_bg.gif);
}