﻿@media screen and (max-width: 600px)
{
body 
{
    width:100%;
	margin-right: auto;
	margin-left: auto;
	font-size:normal ; 
	letter-spacing:1px;
    font-family: 微軟正黑體;
}
img { border: none;  }
select {font-size: 100%;border-radius: 4px; padding-left:2px; padding-right:2px;
color:#3A3A3A;}
input {font-size: 100%;border-radius: 4px; padding:1px;
color:#3A3A3A;}
textarea {font-size: 100%;border-radius: 4px;
color:#3A3A3A;
/*border:#FFF solid*/}
.idxHdr {
	background-color: #f6f6f6;
	border-top: 3px solid #2678c1;
	border-bottom: 1px solid #d6d6d6;
	text-align: center;
	margin-bottom: 1px;
	width: 100%;
}
.FooterLink {
	background-color: #2678c1;
	margin-top: 18px;
	padding-top: 20px;	
	padding-bottom: 26px;	
	color: #FFF;
	text-align: center;
	width: 100%;
}
.PageHdr {
	background-color: #2678c1;
	width: 100%;
/*	padding-top: 5px;  
	padding-right: 40px;*/
/*	padding-bottom: 5px;*/
	padding-left: 0px;
	border-top: 1px solid #2065a2;
	font-weight: bolder;
	color: #FFF;
	text-align: center;
	font-size:110%;  
	}
.SortBar {
	background-color: #fafafa;
	border-bottom: 4px solid #e8e8e8;
	text-align: center;
	width: 100%;
	font-size: 110%;
	color: #3A3A3A;
	
}
.SortBar img {
	
}
.SortBar a {
	padding: 5px;
	color: #3A3A3A;
	text-decoration: none;
	display: block;

	}
.ObjListOtb {
	padding: 10px;
	border-bottom: 2px solid #d5d5d5;
	width: 98%;
	color: #3a3a3a;
	font-size: 100%;
	line-height: 130%;
}
.ObjListOtb img {
	padding: 2px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #a6a6a6;
	width:90%;
}

.ObjListimgtd 
{
    padding-right:8px;
	width:35%;
}

.ObjDtlImg {
	text-align: center;
	width: 101%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.ObjDtlTB {
	font-size: 100%;
	color: #3a3a3a;
	background-color: #f6f6f6;
	line-height: 170%;
	margin-left: 10px;
}
.ObjDtlTB th {
	border-bottom: 5px solid #FFF;
	background-color: #e8e8e8;
	font-weight: normal;
	width: auto;
	}
.ObjDtlTB td {
	border-bottom: 5px solid #FFF;
	padding-left: 1px;
	text-align: left;
}
.PFooterLink {
	background-color: #2678c1;
/*	margin-top: 18px;*/
	padding-top: 6px;
	padding-bottom: 6px;
	color: #FFF;
	text-align: center;
	width: 98%;
/*	padding-right: 15px; 
	padding-left: 10px;*/
	font-size: 100%;
	border-radius: 3px; 

}
.ObjDtlAN {
	font-size: 100%;
	color: #3a3a3a;
	background-color: #f6f6f6;
	line-height: 130%;
	margin-left: 10px;
	padding-top: 15px;
	padding-left: 5px;
	padding-left: 5px;
 padding-bottom: 15px;
}
.ObjFtQA {
	font-size:100%t;
	/*line-height: 80%;*/
	display: block;
	/*margin-top: -5px;*/
}
.SrhBoxTB {
	font-size: 100%;
	color: #3a3a3a;
	background-color: #f6f6f6;
	line-height: 170%;
    margin-top:5px;
	margin-left: 5px;
}
.SrhBoxTB th {
	border-bottom: 5px solid #FFF;
	background-color: #e0eaf4;
	font-size: 100%;
	width: 30%;
	color: #3b5871;
	}
.SrhBoxTB td {}

.SrhBoxTBtd { 
	border-bottom: 5px solid #FFF;
	padding-left: 10px;
	text-align: left;
	background-color: #f3f7fb;
}
.Wd_01 {
	font-size: 120%;	
	padding-top: 30px;
   font-weight: bold;
}
.Wd_02 {
	font-size: 100%;
	color: #ff0036;
	/*padding-top: 10px;
	padding-bottom: 20px;*/
}
.Wd_03 {
	color: #d8d8d8;
	line-height: 20%;
	background-color: #d8d8d8;
	height: 2px;
	margin-top: 3px;
	margin-bottom: 6px;
}
.Wd_04 {
	color: #2678c1;
	font-size: 105%;
}
.Wd_05 {
	font-size: 110%;	
}
.Wd_06 {
	font-size: 120%;
}
.Wd_07 {
	font-size: 130%;
	color: #2678C1;
}
.Wd_08 {
	color: #C36;
	font-size: 150%;;
	line-height: 180%;
}
.Wd_09 {
	color: #2678C1;
	font-size: 120%;
	line-height: 180%;
}
.Wd_10 {
	font-size: 22pt;
	color: #666;
}
.Wd_11 {
	color: #C36;
	font-size: 32pt;
	line-height: 180%;
}
.Wd_12 {
	font-size: 100%;
}
.Wd_13 {
	font-size: 1.5em;
	color: #1B54BE;
}
.Wd_14 {
	font-size:100%;
	color: #1B54BE;
}
.Wd_15 {
	font-size: 100%;
	color: #F26100;
}
.Wd_15 a {font-size: 100%;
	color: #F26100;}
.Wd_16 {
	font-size: 1.5em;
	color: #2353A4;
}
.Wd_17 {
	font-size: 0.83em;
}
.Wd_18 {
	font-size: 16pt;
	color: #F26100;
	font-weight: bold;
}
.CountDiv {
	font-size: 38pt;
	color: #2678C1;
	padding-left: 20px;
	margin-top: 30px;
	margin-bottom: 20px;
}
.ListTb {
	font-size: 100%;
	color: #3A3A3A;
}
.ListTb th {
	background-color: #e0eaf4;
	border-right: 2px solid #FFF;
	border-left: 2px solid #FFF;
	color: #3b5871;
	line-height: 160%;
}
.ListTb td {border-bottom: 1px solid #d5d5d5;}
.NewsListTb {
	font-size: 110%;
	color: #3A3A3A;
}
.NewsListTb th {
	color: #9c9b9c;
	line-height: 160%;
	text-align: left;
	font-size:80%;
	border-bottom: 2px solid #d5d5d5;
}
.NewsListTb th a {
	font-size: 110%;
	display: block;

}
.NewsListTb td {
	border-bottom: 2px solid #d5d5d5;
}
a{
	color: #2678C1;
	text-decoration: none;
}
.checkbox {	
	height: 36px;
	width: 36px;
}
.NewsTab {
/*	background-image: url(images/NewsTabBg.gif);
	background-repeat: repeat-x;
	background-position: top;  */
	text-align: center;
	width: 100%;
}
.NewsTab img {
	border-top: 0px solid #FFF;
	border-right: 2px solid #FFF;
	border-left: 2px solid #FFF;
	width: 22%;
	max-width: 197px;
	max-height:50px;
}
.DemadTb {
	font-size: 28pt;
}
.DemadName {
	line-height: 110%;
	margin-left: -15px;
	margin-right: 20px;
	margin-top: -10px;
}
.DemadWd_01 {
	color: #FFF;
	background-color: #5C92C3;
	display: block;
	text-align: center;
	width: 140px;
	padding-top: 2px;
	float: left;
	letter-spacing: 2pt;
	padding-left: 4px;
}
.DemadWd_02 {
	color: #FFF;
	background-color: #59B555;
	display: block;
	text-align: center;
	width: 140px;
	padding-top: 2px;
	float: left;
	letter-spacing: 2pt;
	padding-left: 4px;
}
.DemadWd_03 {
	color: #FFF;
	background-color: #EE9F4A;
	display: block;
	text-align: center;
	width: 140px;
	padding-top: 2px;
	float: left;
	letter-spacing: 2pt;
	padding-left: 4px;
}
.DemadWd_04 {
	color: #FFF;
	background-color: #EB699A;
	display: block;
	text-align: center;
	width: 140px;
	padding-top: 2px;
	float: left;
	letter-spacing: 2pt;
	padding-left: 4px;
}
.DemadWd_01Lk {
	font-size: 37pt;}
.DemadWd_01Lk a {
	color: #2970b0;
	padding-left: 15px;
}
.DemadWd_02Lk {
	font-size: 37pt;}
.DemadWd_02Lk a {
	color: #15970f;
	padding-left: 15px;
}
.DemadWd_03Lk {
	font-size: 37pt;}
.DemadWd_03Lk a {
	color: #f09028;
	padding-left: 15px;
}
.DemadWd_04Lk {
	font-size: 37pt;}
.DemadWd_04Lk a {
	color: #e23d7b;
	padding-left: 15px;
}

.Msg_IDimg{
	padding: 0px;
	border-style: none;
	margin-right: 1px;
	}
.Msg_Anser {
	font-size: 80%;
	background-color: #f6f7f8;
	color: #454545;
	padding-right: 0px;
	padding-left:0px;
	padding-top: 5px;
}
.Msg_Anser table {
    width:100%;
	margin-top: 5px;
	margin-bottom: 5px;
	}
.Msg_Anser img {
	width: 100%;
/*	height: 60px;*/}
.NameCard{
	padding-right: 0.5em;
	padding-left: 0.5cm;
	 padding-top: 0.5cm;
	font-size: 100%;
}
.NameCard th {
	color: #2353A4;
	font-size:110%;
	text-align: left;
}
.NameCardAgImg {width:100%; }
.NameCardAgImg img 
{
    width:80%;
    max-width: 70px;
	/*padding-bottom: 1em; */
	padding-right: 2%;
}
.NameCardBtn_01 {
	background-image: url(images/NameCardL01_1.gif);
	width: 80%;
	padding-left: 20px; 
	height:39px;
	font-weight: bold;
	color: #FFF;
	font-size: 110%;
	padding-top: 5px;
/*	margin-right: auto;
	margin-left: auto;*/
	background-repeat: no-repeat;
}
.NameCardBtn_01 a {color: #FFF;
	}
.NameCardBtn_02 {
	background-image: url(images/NameCardL02.gif);
	height: 60px;
	width: 280px;
	padding-left: 60px;
	font-weight: bold;
	color: #FFF;
	font-size: 2.5em;
	padding-top: 6px;
	margin-right: auto;
	margin-left: auto;
	letter-spacing: 0.5em;
	background-repeat: no-repeat;
}
.NameCardBtn_02 a {color: #FFF;
	}
.LoginDiv {
	padding-right: 10px;
	padding-left: 10px;
}
.LoginDivBg {
	background-image: url(images/LoginBg.gif);
	color: #3C67AF;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1.8em;
	margin-top: -10px;
	padding-top: 15px;
}
.LoginDivBg input {font-size: 1.1em;}
.NewsShere {
	font-size: 100%;
	background-color: #F5F5F5;
	color: #3A3A3A;
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.NewsShere img {
	width:20%;
	max-width:40px;
}
.NewList {
	padding: 10px;
	border-bottom: 2px solid #d5d5d5;
	width: 98%;
	color: #3a3a3a;
	font-size: 100%;
	line-height: 130%;
}
.NewList img {
	padding: 2px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #a6a6a6;
	max-width:50%;
	height:auto;
}
.NewList1 {
	padding: 10px;
	width: 98%;
	color: #3a3a3a;
	font-size: 100%;
	line-height: 130%;
}
.NewList1 img {
	padding: 2px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #a6a6a6;
	max-width:50%;
	height:auto;
}
 .ObjListIcon2 {
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 120px;
	padding: 0px;
	border-style: none;
	background-image: url(images/ObjListIcon2_1.png);
/*	margin-bottom: -80px;*/
	position: absolute;
}
/*.ObjListIcon2 img {height: 20px;
	width: 50px;}*/
	
.ObjListIcon1 {
	background-image: url(images/ObjListIcon1_1.png);
	background-repeat: no-repeat;
	height: 56px;
	width: 56px;
	float: left;
/*	margin-top: -150px; */
	position: absolute;
	margin-left: 5px;  
}

/*jenny */
.PageBox {
    width: 95%;
}
.notewd {
	color: #C36;
	background-color: #fff0f9;
	font-size: 100%;
	width: 95%;
	margin-bottom: 20px;
	margin-left: 1px;
	padding: 20px;
}

.objimg {     /*jenny add*/
	width:50%; 
	height: 50%;
	/*max-width: 200px;
	max-height: 150px;*/
}

.MktList {
	padding-top: 10px;
	padding-bottom: 15px;
	width: 100%;
	color: #3a3a3a;
	font-size: 100%;
	line-height: 150%;
	border-top: 0px dashed #a6a6a6;
	border-right: 0px solid #d7d7d7;
	border-bottom: 1px dashed #a6a6a6;
	border-left: 0px solid #d7d7d7;
}
.MktBtn {
	width: 100%;
	border-right: 5px solid #D7D7D7;
	border-left: 5px solid #D7D7D7;
	background-color: #D7D7D7;
	text-align: center;
}

.AppDlHdr {
	text-align: center;
	width: 100%;
	background-image: url(images/AppDlLogoB.gif);
	color: #5f645e;
	font-size: 120%;
}
.AppDlPh {
	height: 588px;
	width: 291px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/AppImg10.gif);
	background-repeat: no-repeat;
	padding-top: 1px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.AppDlPhBox {
	background-color: #FFF;
	height: 438px;
	width: 253px;
	margin-top: 81px;
	margin-right: auto;
	margin-left: auto;
	color: #646464;
}

.AppDlD01 {
	background-color: #f6f6f6;
	color: #2171fe;
	border-top: 2px solid #e9e9e9;
	border-bottom: 2px solid #e9e9e9;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16pt;
	margin-bottom: 0px;
}
.AppDlD01 div {
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;

}

}