/*** Rwd css control for mobile, screen size <= 480, create by Norman at 2019/11/21 ***/

/* RWD-mobile css Add by Norman at 2019/11/04 */

.input-tw {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; color:#0000FF; font-size: 14px; text-decoration: none 
}

.ordertext {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #3C3C3C; font-size: 12px; text-decoration: none
}

.grayx {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	color: #636363; 
	font-size: 24px;
	line-height: 40px; 
}

.price {font-size:14px;color:#800000}


a.toppage:link {
	letter-spacing:0pt;
	font-family: Arial, Century Gothic, Microsoft JhengHei UI;
	font-size: 11pt;
	line-height: 15pt;
	color: #004080;
	text-decoration: none;
	border: #CCCCCC;
	}	
a.toppage:hover {color: #494992; font-weight:bold; text-decoration: none}
a.toppage:active {color: #FF9933; text-decoration:none; background-color:none}


.gray06 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #3C3C3C; font-size: 6px; text-decoration: none
}
a.gray06 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #3C3C3C; 
	font-size: 6px; 
	text-decoration: none;
}
a.gray06:hover {color: #004080; text-decoration: none; font-weight:bold; }
a.gray06:active {color: #004080; text-decoration:none; background-color:none; }

.gray08 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #3C3C3C; font-size: 8px; text-decoration: none
}
a.gray08 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #3C3C3C; 
	font-size: 8px; 
	text-decoration: none;
}
a.gray08:hover {color: #004080; text-decoration: none; font-weight:bold;}
a.gray08:active {color: #004080; text-decoration:none; background-color:none}

.gray09 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #3C3C3C; font-size: 9px; text-decoration: none
}
a.gray09 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #3C3C3C; 
	font-size: 9px; 
	text-decoration: none;
}
a.gray09:hover {color: #004080; text-decoration: none}
a.gray09:active {color: #004080; text-decoration:none; background-color:none
}

.gray10 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #3C3C3C; font-size: 14px; text-decoration: none
}
a.gray10 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #3C3C3C; 
	font-size: 14px; 
	text-decoration: none;
}
a.gray10:hover {color: #004080; text-decoration: none}
a.gray10:active {color: #004080; text-decoration:none; background-color:none}

.gray12 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #3C3C3C; font-size: 12px; text-decoration: none
}
a.gray12 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #3C3C3C; 
	font-size: 12px; 
	text-decoration: none;
}
a.gray12:hover {color: #004080; text-decoration: none}
a.gray12:active {color: #004080; text-decoration:none; background-color:none
}

.gray14 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #3C3C3C; font-size: 14px; text-decoration: none
}
a.gray14 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #3C3C3C; 
	font-size: 14px; 
	text-decoration: none;
}
a.gray14:hover {color: #004080; text-decoration: none}
a.gray14:active {color: #004080; text-decoration:none; background-color:none}

.gray16 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #636363; font-size: 16px; text-decoration: none
}
a.gray16 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #636363; 
	font-size: 16px; 
	text-decoration: none;
}
a.gray16:hover {color: #004080; text-decoration: none}
a.gray16:active {color: #004080; text-decoration:none; background-color:none}

.gray18 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #636363; font-size: 18px; text-decoration: none
}
a.gray18 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #636363; 
	font-size: 18px; 
	text-decoration: none;
}
a.gray18:hover {color: #004080; text-decoration: none}
a.gray18:active {color: #004080; text-decoration:none; background-color:none}

.gray20 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #636363; font-size: 20px; text-decoration: none
}
a.gray20 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #636363; 
	font-size: 20px; 
	text-decoration: none;
}
a.gray20:hover {color: #004080; text-decoration: none}
a.gray20:active {color: #004080; text-decoration:none; background-color:none}

.gray22 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #636363; font-size: 22px; text-decoration: none
}
a.gray22 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #636363; 
	font-size: 22px; 
	text-decoration: none;
}
a.gray22:hover {color: #004080; text-decoration: none}
a.gray22:active {color: #004080; text-decoration:none; background-color:none}

.gray24 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #636363; font-size: 24px; text-decoration: none
}
a.gray24 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #636363; 
	font-size: 24px; 
	text-decoration: none;
}
a.gray24:hover {color: #004080; text-decoration: none}
a.gray24:active {color: #004080; text-decoration:none; background-color:none}

.gray26 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #636363; font-size: 26px; text-decoration: none
}
a.gray26 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #636363; 
	font-size: 26px; 
	text-decoration: none;
}
a.gray26:hover {color: #004080; text-decoration: none}
a.gray26:active {color: #004080; text-decoration:none; background-color:none}

.gray28 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #636363; font-size: 28px; text-decoration: none
}
a.gray28 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #636363; 
	font-size: 28px; 
	text-decoration: none;
}
a.gray28:hover {color: #004080; text-decoration: none}
a.gray28:active {color: #004080; text-decoration:none; background-color:none}

.gray30 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #636363; font-size: 30px; text-decoration: none
}
a.gray30 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #636363; 
	font-size: 30px; 
	text-decoration: none;
}
a.gray30:hover {color: #004080; text-decoration: none}
a.gray30:active {color: #004080; text-decoration:none; background-color:none}

.gray32 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #636363; font-size: 32px; text-decoration: none
}
a.gray32 {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #636363; 
	font-size: 32px; 
	text-decoration: none;
}
a.gray32:hover {color: #004080; text-decoration: none}
a.gray32:active {color: #004080; text-decoration:none; background-color:none}

.main-item {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; COLOR: #3C3C3C; font-size: 16px; text-decoration: none
}
a.main-item {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI; 
	COLOR: #3C3C3C; 
	font-size: 16px; 
	text-decoration: none;
}
a.main-item:hover {color: #004080; text-decoration: none}
a.main-item:active {color: #004080; text-decoration:none; background-color:none}

a.MainCls-tw:link {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI;
	font-size: 12pt;
	color: #004080;
	text-decoration: none;
}	
a.MainCls-tw:hover {color: #0000FF; text-decoration: none}
a.MainCls-tw:active {color: #FF9933; text-decoration:none; background-color:none}

.MainCls-en {
    font-family: "Poiret One";
	font-size: 26pt;
	color: #446D8C;
	text-decoration: none;
	display: inline-block
}
a.MainCls-en:link {
    font-family: "Poiret One";
	font-size: 28pt;
	color: #446D8C;
	text-decoration: none;
	display: inline-block
}	
a.MainCls-en:hover {color: #0000FF; text-decoration: none}
a.MainCls-en:active {color: #FF9933; text-decoration:none; background-color:none}

a.MainTag-tw:link {
	font-family: Arial, Century Gothic, Microsoft JhengHei UI;
	font-size: 12pt;
	color: #007BDF;
	text-decoration: none;
	display: inline-block;
}	
a.Maintag-tw:hover {color: #0000FF; text-decoration: none}
a.Maintag-tw:active {color: #FF9933; text-decoration:none; background-color:none}


/* RWD-mobile css for control detail-center-mobile width in list.asp. Add by Norman at 2019/11/04 */
#list-center-mobile {
    width:320px;
}

#ordtb1 {
    width:320px;
}

/* RWD-mobile css for control tabs width in MbmMgr.asp. Add by Norman at 2019/12/20 */
#mbrinq {
    width:320px;
    text-align:center;
}
#mbrmtn {
    width:320px;
    text-align:center;
}
#mbrodrinq {
    width:320px;
    text-align:center;
}

#mbm-article {
    width:320px;
}

/* RWD-tablet css for control table width in xxxnews.asp. Add by Norman at 2019/12/20 */
#newstxt {
    width:400px;
    text-align:center;
}