/*=========================CSS RESET START==============================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*=========================CSS RESET END==============================*/
#pngbg{
	width:500px;
	height:300px;
	background: url(../images/opacity.png);
	background-color:#ff0000;
	behavior: url("iepngfix.htc")
}
/*=========================FIX IE6 PNG==============================*/
html, body, #wrap 
{
    height: 100%;
	text-align:center;
}
body > #wrap {
	height: auto;
	min-height: 100%;
}
#main {
	padding-bottom: 295px;
	/*background: #efefef;*/
	width:960px;
	margin:0 auto;
}
#footer {
	position: relative;
	margin-top: -275px;
	height: 255px;
	clear:both;
	padding-top: 40px;
	background-color:#f2f2f2;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/*===============================環境設定===============================*/
.alignleft{
	text-align: left;
}
.alignjustify{
	text-align: justify;
}
.aligncenter{
	text-align: center;
}
.alignright{
	text-align: right;
}
.float_left{
	float: left;
	line-height: 5px;
}
.float_right{
	float: right;
}
.margin_left_20{
	margin-left: 20px;
}
.margin_right_20{
	margin-right: 20px;
}
.margin_top_20{
	margin-top: 20px;
}
.margin_bottom_20{
	margin-bottom: 20px;
}
a{
	color: #222;
	font-size: 14px;
	line-height: 25px;
	text-decoration: none;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}
a:hover{
	color: #c93531;
	cursor: pointer;
}
h1{
	font-size: 17px;
}
h2{
	font-size: 15px;
}
h3{
	font-size: 13pt;
	font-weight: bold;
	color: #222;
	line-height: 25px;
	padding-left: 0px;
}
p{
	line-height: 21px;
	text-align: justify;
	color: #777;
}
.font_19{
	font-size: 19px;
}
.font_15{
	font-size: 15px;
}
.font_14{
	font-size: 14px;
}
.font_13{
	font-size: 13px;
}
/*=========================自定開始==============================*/
body{
	background: url();
	font-family: "微軟正黑體";
	color: #222;
	font-size: 13px;
}
.content960{
	width:960px;
	position: relative;
	margin:0 auto;
}
.content960_1{
	width:960px;
	position: relative;
	margin:0 auto;
}
.top_nav{
	background: #f2f2f2;
	height:25px;
	text-align: right;
}
.top_logo_ad{
	text-align: left;
	padding: 15px 0 13px;
}
.top_search{
	width: 250px;
}
.search_bar{
	margin: 10px 0 0 100px;
}
.search_field{
	height: 35px;
	border: 0;
	background: #eee;
	color: #555;
	padding: 0 10px;
	line-height: 35px;
}
.search_btn{
	background: url(../images/search_btn.jpg) no-repeat;
	height: 35px;
	width: 35px;
}
.top_ad{
	height: 62px;
}
.menu{
	background: #c93531;
	height: 35px;
	line-height: 35px;
}
.menu ul , .menu ul li{
	padding: 0;
	margin: 0;
}
.menu ul li{
	float: left;
	margin-right: 40px;
}
.menu ul li:last-child{
	margin:0;
}
.menu ul li a{
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #efefef;
	line-height: 35px;
	padding: 0 10px;
}
.menu ul li a:hover{
	color: #fcf298;
}
.submenu{
	background: #ffffff;
	height: 30px;
	line-height: 30px;
}
.submenu ul , .submenu ul li{
	padding: 0;
	margin: 0;
}
.submenu ul li{
	float: left;
	margin-right: 0px;
}
.submenu ul li:last-child{
	margin:0;
}
.submenu ul li a{
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #efefef;
	line-height: 30px;
	padding: 0 10px;
}
.submenu ul li a:hover{
	color: #fcf298;
}
.section_01{
	padding-top: 20px;
}
.index_banner{
	width: 540px;
	position: relative;
}
.index_banner_tag{
	position: absolute;
	width: 136px;
	height: 29px;
	line-height: 29px;
	background: #c93531;
	color: #efefef;
	text-align: center;
}
.index_banner_img{
	height: 269px;
}
.index_banner_note{
	background: #222;
	color: #ccc;
	text-align: left;
	padding: 15px;
	line-height: 21px;
}
.index_banner_note h2{
	font-size: 15px;
	padding: 0 0 5px;
	color: #efefef;
}
.hr_01{
	background: url(../images/hr_01.jpg) no-repeat center center;
	height: 20px;
}
.hr_02{
	background: url(../images/hr_02.jpg) no-repeat center center;
	height: 20px;
}
.hr_03{
	background: url(../images/hr_03.jpg) no-repeat center center;
	height: 20px;
}
.hr_04{
	background: url(../images/hr_04.jpg) no-repeat center center;
	height: 20px;
}
.hr_05{
	background: url(../images/hr_05.gif) no-repeat center center;
	height: 20px;	
}
.hr_06{
	background: url(../images/hr_06.gif) no-repeat center center;
	height: 20px;
}
.widget_img{
	padding: 7px 0;
}
.widget_01 , .widget_02{
	width: 190px;
}
.thismonthdate{
	background: #c93531;
	color: #efefef;
	font-size: 12px;
	line-height: 25px;
}
.magazine_cover{
	height: 248px;
}
.magazine_links{
	padding: 7px 0 0;
	color: #777;
}
.magazine_links a{
	font-size: 12px;
	color: #eb8a8a;
	line-height: 19px;
}
.magazine_links a:hover{
	text-decoration: underline;
}
.banner960{
	height: 120px;
	margin: 20px 0;
}
.index_540_col{
	width:540px;
}
.index_400_col{
	width:400px;
}
.sub_750_col{
	width:750px;
}
.sub_190_col{
	width:190px;
}
.deco_img_01{
	width: 260px;
	height: 172px;
}
.widget_03_text{
	width: 260px;
}
.widget_04 , .widget_05 , .widget_06 , .widget_07{
	width:260px;
	margin-top:20px;
}
.widget_mid_title{
	width:120px;
	padding-left: 15px;
}
.widget_mid_dat{
	width:120px;
	padding-left: 15px;
	font-size:10pt;
}
.width_190{
	width: 190px;
}
.width_120{
	width:120px;
}
.widget ul li , .widget ul li a{
	display: block;
	line-height: 17px;
	padding-left: 5px;
	color: #444;
}
.widget p{
	color: #444;
}
.widget ul li{
	padding: 5px 0;
}
.widget ul li a{
	padding-left: 7px;
	background: url(../images/arrow_01.jpg) no-repeat 0px 4px;
}
.widget ul li a:hover{
	color: #c93531;
	text-decoration: underline;
}
.article_top{
	position: relative;
}
.breadcrumbs{
	color: #777;
}
.breadcrumbs a{
	color: #777;
	text-decoration: underline;
}
.sub_article_title{
	border-left:4px solid #c93531;
	color: #c93531;
	padding:0 7px;
}
.article_tag{
	background: #c93531;
	color: #efefef;
	width: 100px;
	line-height: 25px;
	height: 25px;
	font-size: 11px;
}
.article_title{
	width:610px;
	overflow: hidden;
	line-height: 25px;
	padding: 0 10px;
}
.article_author p{
	font-size: 11px;
	line-height: 15px;
	padding-top: 5px;
	color:#555;
}
.sub_share_bar{
	padding: 10px 0;
	margin-top: 10px;
	border-top: 1px solid #c93531;
}
.sub_share_bar a{
	margin: 0 5px;
}
.article_content p{
	font-size: 15px;
	line-height: 29px;
	color: #444;
	padding: 10px 0;
}
.order_note{
	font-weight: bolder;
	color: #222;
	font-size: 15px;
}
.order_note a{
	color: #c93531;
	font-size: 15px;
	font-weight: bolder;
	text-decoration: underline;
}
.order_edm{
	font-weight: bolder;
	color: #222;
}
.order_edm a{
	color: #c93531;
	font-weight: bolder;
	text-decoration: underline;
}
.font_size_adjust{
	position: absolute;
	font-weight: bold;
	width: 137px;
	height: 25px;
	right: 0;
	top: 75px;
	line-height: 25px;
}
.font_size_adjust_btn{
	background: #c93531;
	width:100px;
	color: #efefef;
	margin-left:10px;
}
.font_size_adjust_btn a{
	cursor: pointer;
	color: #efefef;
}

#footer{
	border-bottom: 4px solid #c93531;
}
.footer_menu{
	width: 380px;
	float: left;
	margin-top: 10px;
}
.footer_sitemap h2{
	font-size: 12px;
}
.footer_sitemap a{
	color: #777;
}
.footer_sitemap a:hover{
	color: #c93531;
	text-decoration: underline;
}
.footer_backtop{
	position: absolute;
	width: 35px;
	height: 35px;
	right: 0;
	bottom: -23px;
	_bottom:-28px;
}

.gvrow {
	line-height: 10px;
	font-size: 9pt;
	color: #000000;
	cursor: pointer;
	text-decoration: underline;
}

.gvlnk {
	line-height: 20px;
	font-size: 9pt;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
}

.blkimg{
	float: left;
}

.blktitle{
	cursor: pointer;
	line-height: 20px;
	font-family: 微軟正黑體, 新細明體, Arial;
	font-size: 10pt;
	text-align: left;
}

.morebtn{
	cursor: pointer;
}
/*=========================圓角==============================*/
.tbl_frame {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid #ccc;
    line-height: 10px;
    padding: 15px;
}

.td_mem_txt {
  height: 40px;  
  font-family: 微軟正黑體;
  font-size: 11pt;
  text-align: right;
  width: 15%;
}

.td_mem_ctl {
  height: 40px;  
  font-family: 微軟正黑體;
  font-size: 11pt;
  text-align: left;
  width: 85%;
}

/* =========================控制項=============================*/
.textbox { 
    border: 1px solid #c4c4c4; 
    height: 30px; 
    width: 275px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 

.textbox:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 

.rounded-corners
{
    behavior: url(border-radius.htc);
    border-radius: 5px;
    padding-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;
    border-right: #808080 1px solid;
    border-left: #808080 1px solid;
    border-top: #808080 1px solid;
    border-bottom: #808080 1px solid;
    cursor: hand; cursor: pointer;
    font-size: 11pt;
}

.rounded-corners:hover
{
    behavior: url(border-radius.htc);
    border-radius: 5px;
    padding-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;
    border-right: #FF9900 1px solid;
    border-left: #FF9900 1px solid;
    border-top: #FF9900 1px solid;
    border-bottom: #FF9900 1px solid;
    cursor: hand; cursor: pointer;
    font-size: 11pt;
}

.rounded-corners1
{
    behavior: url(border-radius.htc);
    border-radius: 5px;
    padding-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;
    border-right: #808080 1px solid;
    border-left: #808080 1px solid;
    border-top: #808080 1px solid;
    border-bottom: #808080 1px solid;
    cursor: hand; cursor: pointer;
    font-size: 11pt;
    background-color: #C7372B;
    color: #FFFFFF;
}

.rounded-corners1:hover
{
    behavior: url(border-radius.htc);
    border-radius: 5px;
    padding-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;
    border-right: #FF9900 1px solid;
    border-left: #FF9900 1px solid;
    border-top: #FF9900 1px solid;
    border-bottom: #FF9900 1px solid;
    cursor: hand; cursor: pointer;
    font-size: 11pt;
    background-color: #C7372B;
    color: #FFFFFF;
}

/* =========================強制回應視窗=============================*/
.modalPopup 
{ 
   background-color:transparent; 
   padding:1em 12px; 
}

.modalBackground {
	background-color:#CCCCCC;
	filter:alpha(opacity=80);
	opacity:0.8;
}

/* =========================列表清單=============================*/
.gv
{
    font-size: 14pt;
    font-family: 微軟正黑體;   
}

/* =========================圖片顯示=============================*/
.ov
{
    overflow: hidden;   
}

/* =========================特別文字處理==========================*/
.ftxt
{
    font-size: 9pt;
}