﻿.row *, .row span{
font-family:'微軟正黑體','新細明體','Arial Unicode MS', Arial, Helvetica, sans-serif !important;
}
#article-zone .storyboard h2 {
font-weight: 600;
}
.mdatext{
	font-family:Arial, Helvetica, sans-serif !important;
}
/* #main-zone.with-top-space .span6{
	width: 600px;
}
#main-zone.with-top-space .span6-line{
	width: 319px;
	padding-left: 18px;
	margin-left: 18px;
} */
#loginAPI-groups {
	width: 340px;
	height:auto;
}
#loginAPI-groups { *zoom: 1; }
#loginAPI-groups:before, #loginAPI-groups:after { display: table; content: ""; }
#loginAPI-groups:after { clear: both; }

.tw-no-margin{
	margin: 0 !important;
}
#main-zone.with-top-space .page-title{
	margin-bottom: 0;
}
.tw_left{
	
}
.tw_left_top{
	height: 430px;
}
.tw_left_top h1{
	font-size: 36px;
	font-weight: normal;
	line-height: 1.4;
}

.tw_hide{
	display: none !important;
}
.tw_show span{
	line-height: 1.2;
}
#main-zone.with-top-space {
padding-top: 60px;
}
#loginAPI-groups .base-line{
	display: none;
}
.tw_show .btn-asus{
	*float: none !important;
}
.good-list{
	list-style: none;
	padding-left: 60px;
	margin-top: 30px;
	margin-left: 0;
	height: 216px;
	background: transparent url(../img/trait.png) 0 0 no-repeat;
	
}
.good-list li{
	margin-bottom: 28px;
}
.good-list h2{
	font-size: 20px;
	font-weight: normal;
}
.good-list p{
	font-size: 14px;
}
.tw_left_bottom>a{
	margin-right: 30px;
}
#member-login .page-title {
	font-size: 24px;
}
.tw_show p{
	font-size: 16px;
	line-height: 1.4;
}
#member-login .row{
	margin: 0;
}
#member-login .span6{
	width: 42%;
	margin: 0;
}
#member-login .span6-line{
	width: 42%;
	border-left: 1px solid #CCC;
	padding-left: 7%;
	margin-left: 7%;
}

@media (max-width: 959px) {
	#loginAPI-groups {
		width: auto;
	}
	.tw_left_bottom>a{
		margin-right: 0px !important;
		margin-bottom: 20px;
		display: block;
	}
	#memberbar-zone{
		margin: 0;
	}

}
@media (min-width: 720px) and (max-width: 959px) {
	.tw_left{
		/* background: rgba(0, 0, 0, 0) url("../img/tw/tw_login_4.jpg") 50% 0 no-repeat;
		background-size: contain; */
	}

	.tw_left_top {
		height: 360px;
	}
	/* #main-zone.with-top-space .span6{
		width: 100%;
		margin-left: 10;
	}
	#main-zone.with-top-space .span6-line{
		width: 100%;
		border-left: none;
		padding-left: 0;
		margin: 0;
		border-top: 1px solid #CCC;
		padding-top: 20px;
	} */
	#ctl00_ContentPlaceHolder1_lbPAGE_Reg{
		display: block;
	}
	input.span4{
		width: 100%;
	}
	
}
@media (max-width: 719px) {
	.tw_left{
		background: transparent none;
		
	}
	.tw_left_top {
		height: auto;
	}
	.tw_left_top, .tw_left_bottom {
		width: 98%;
		margin: 0 auto;
	}
	#main-zone.with-top-space {
		padding-top: 0px;
		margin-top: 10px !important;
	}
	#member-login .span6-line{
		border-left: none;
		padding-left: 0;
		margin-left: 0;
	}
	.good-list{
		height: 250px;
	}
	.tw_left_bottom>a {
		margin-right: 0px !important;
		display: block;
		width: 140px;
		margin-bottom: 31px;
	}
}
@media (max-width: 480px) {
	#main-zone.with-top-space .span6-line {
		padding-left: 0px;
		margin-left: 0px;
	}
	.tw_left .tw_left_top,.tw_left .tw_left_bottom{
		width: 300px;
	}
	/*.tw_left .tw_left_top{
		background-size: contain;
		height: 250px;
	}*/
}