/* ------------------------------------------------------------------
author:        谷辰網路資訊
email:         service@gcii.tw
website:       http://www.gcii.tw
 -------------------------------------------------------------------*/
 
 /* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/
@media (min-width: 1920px) {

}


@media (max-width: 1800px) {

}


@media (max-width: 1600px) {

}


@media (max-width: 1400px) {

}


@media (max-width: 1199px) {

}


@media (min-width: 992px) and (max-width: 1199px) {

}


@media (max-width: 991px) {
	.index01 {margin-top: 150px;}
	.finish_03 {background-color: #F39800;background-image: none;margin-top:20px;padding: 50px 0 40px 0;}
	.finish_04 {margin: 20px 0 80px 0;}
}


@media (min-width: 769px) and (max-width: 990px) {


}


@media (max-width: 768px) {
	.index01 {margin-top: 120px;}
	.members_06,.members_07 {margin-bottom: 30px;}

}


@media (min-width: 480px) and (max-width: 767px) {

}


@media (max-width: 479px) {
	#members2body #header .header01  {float: inherit;}
	#membersbody #header .header02, #members2body #header .header02  {float: inherit;padding: 25px 0 0 0;font-size: 15px;}
	#membersbody #header .header02 span, #members2body #header .header02 span  {margin: 0 3px;}
	#membersbody #header .header02 .header021, #membersbody #header .header02 .header022, #members2body #header .header02 .header021, #members2body #header .header02 .header022 {display: block;text-align: center;
	margin: 10px auto;}
	section.index {min-height: 600px;}
	.index01 {margin-top: 50px;}
	.index01 h1 {font-size: 50px;}
	.index01 h3 {font-size: 20px;margin: 10px auto 30px auto;}
	.start01 {margin-top: 50px;}
	.start01 h2 {font-size: 32px;}
	.start01 h4 {font-size: 15px;}
	.start01 hr {border-top: 5px solid #F39800;}
	.step01 h1 {font-size: 30px;padding-left: 0px;text-align: center;}
	.step01 .step011 {position: relative;z-index: 1;margin: 0 auto 30px auto;width: 100px;height: 100px;font-size: 40px;
    line-height: 42px;padding: 25px 8px;}
	.step03 button {margin-bottom: 15px;}
	.step041 {margin: 0 -5px;}
	.btn-step {font-size: 20px;font-weight: 700;padding: 5px 0px;width:100%;}
	.btn-step:hover, .btn-step.active {border: 3px solid #005693;padding: 3px 0;}
	.join_02 h2 {font-size: 40px;}
	.join_03 h3 {margin: 0 0 10px 50px;font-size: 30px;}
	.join_03 p {margin: 0 0 10px 50px;font-size: 18px;}
	.join_03 .join_031 {margin: -40px 0 0 -40px;font-size: 60px; line-height: 62px;padding: 5px 20px;width: 80px;height: 80px;}
	.members_05 {margin-top: 50px;margin-bottom: 50px;}
	.members_06, .members_07 {min-height: 80px;line-height: 80px;}
	.members_08 {min-height: 80px;padding-top: 10px;}
	.members_10 {margin-bottom: 50px;}
	.members_12 {padding: 5px 10px;}
	.finish_032 #chartdiv {padding: 0px;}
	.plupload_wrapper * {font-size: 13px;}
}


@media (max-width: 320px) {
	.btn-step2 {font-size: 15px;padding: 5px 0px;}
	.btn-step3 {font-size: 18px;padding: 5px 0px;}
	.finish_032 #chartdiv {padding: 0px;}
}