@charset "UTF-8";
/* CSS Document */

	*{
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		-ms-text-size-adjust: none;
	}

	label.error {
			color: #676767;
			border: solid 1px red;
			font: 10px Trebuchet MS, Tahoma, Verdana;
			padding: 3px 2px;
			border-top: none;
			width: 213px;
			float: left;
		}
	form p {
			position:relative;
		}
		
	.l-col{
			float:left;
			width:220px;
			margin:20px 0 0 20px;
		}

	.r-col{
			float:right;
			width:220px;
			margin:20px 20px 0 0;
		}	
		
	.row {
			float:left;
			clear:both;
			width:100%;
		}
	.row .required {
			color:red;
		}
	
	.g-label {
			font: bold 12px/12px Arial;
		}
		
	.g-input {
			width: 213px;
		}

	#content {
		overflow: hidden;
		padding: 13px 0 13px 29px;
	}
	
/*********** HSA PAGE ***********/
		#content h1 {
			font-size: 24px;
			line-height: 0.8;
			margin-bottom: 20px;
			text-align: center;
		}

		.block-link {
			display: block;
		}

		img {
			display: block;
		}

		.aside-nav {
			margin: 0 18px 0 -5px;
			padding: 0;
			width: 182px;
		}

		.aside-nav-wrap {
			border-bottom: 1px solid #ccc;
			margin-bottom: 15px;
			padding-bottom: 15px;
		}

		.separator{
			padding: 0 0 0 20px;
			margin: 11px 0 0;
			width: 526px;
			border-left: 1px solid #ccc;
			float:left;
			min-height:440px;
		}
		#welcome{
			display: block;
			margin: 0px auto;
		}

		.clear {
			clear: both;
		}
		#ibook{
		    float: right;
		    margin-left: 0;
		    margin-right: 20px;
		}
		#screen{
			float:left;
			margin-right:10px; 
		}

		.parag_p {
			font-size:12px!important;
		}

		#content_hsa .title{
			font-size:14px;
		}
		.space{
			height:25px;
		}
		#feedback{
			color:#007aaa;
		}

/*********** INDEX PAGE ***********/
		
		.index .cr {
			color: #999999;
			font-size: 10px;
			text-align: center;
			margin:5px 0 -20px 0;
		}
		.index #content_hsa #slogan{
			text-align:center;
		}
		.index #content_hsa #slogan p{
			font: bold 24px Arial;
			line-height:20px;
		}
		#left.text {
			margin-top: 0px;
			float: left;
			width: 250px;
		}

		#right.text {
			margin-top: 0px;
			float: right;
			width: 250px;
		}

		#container p {
			font-size: 12px;
		}

		#content h3 {
			font-size: 14px;
			padding-bottom: 11px;
		}

		h4 {
			font-size: 12px;
			padding-bottom: 5px;
		}

		.reg-symbol {
			font-size: 12px;
		}
		sup {
			top: -9px;
		}

		.index .cr {
			margin-top: 10px;
		}

		.main-info {
			margin-top: 14px;
		}

		.main-info-description-image {
			margin: 10px 42px 10px 12px;
		}

		.info-wrap {
			margin-left: 15px;
			width: 363px;
		}

		.info-wrap-1 {
			margin-right: 15px;
			width: 400px;
		}

		#foo {
			text-align: center;
			padding: 0px;
			overflow: hidden;
			color: #999;
			margin: 15px auto 0;
			width: 390px;
		}

/*********** SIGN UP PAGE ***********/


		.sign_up_form #content_hsa #slogan{
			text-align:center;
		}
		.sign_up_form #content_hsa #slogan p{
			font: bold 24px Arial;
			line-height:20px;
		}
		.sign_up_form #signcont {
  			background-color: #E8F1F8;
    		border: 1px solid #B2D1EE;
    		width:530px;
    		margin: 10px 0;
    		padding: 7px;
		}
		.sign_up_form #signupform{
			margin-left:8px;
		}
		.sign_up_form .g-input {
			width: 225px;
		}
		.sign_up_form .r-col{
			float:right;
			width:220px;
			margin:20px 38px 0 0;
		}	
		.sign_up_form #text{
			text-align: center;
			margin-top:5px;
			font-size:14px;
			line-height:22px;
		}
		.sign_up_form #hsa_w{
			font-size:20px;
		}
		.sign_up_form label.error {
			color: #676767;
			border: solid 1px red;
			font: 10px Trebuchet MS, Tahoma, Verdana;
			padding: 3px 2px;
			border-top: none;
			width: 225px;
			float: left;
		}
		.sign_up_form form p{
			position:relative;
		}
		
		.sign_up_form .row{
			margin: 0 0 16px 0;
		}
		.sign_up_form .g-label {
			text-align: right;
			margin: 0 0 5px 0;
			color: #323232;
			font: bold 12px/12px Arial;
			float: left;
		}
		.sign_up_form #sel{
			margin:0 0 0 20px;
		}
		.sign_up_form #sel #l_class_complect{
			margin-left:18px;
			width:205px;
		}
		.sign_up_form #sel p{
			font-size:12px;
			font-weight:bold;
		}
		.sign_up_form .checkList {
  			background-color: #f8fdff;
    		border: 0px solid #B2D1EE;
    		width:87%;
    		margin:12px 0 0 20px;
    		padding: 10px;
		}
		.sign_up_form .checkList #int{
			display:block;
			margin:10px 0 5px 50px;
			font-family:Arial;
			font-size:13px;
		}
		.sign_up_form .checkList p{
			margin-left:50px;
		}
		.sign_up_form .checkList p label{
			display:block;
			font-size:12px;
		}
		.sign_up_form .checkList input[type="checkbox"]{
			float:left;
			margin-right:10px;
		}
		.sign_up_form #left_r{
			margin: 16px 0 0 20px;
			width:20%;
			float:left;
		}
		.sign_up_form #left_r em{
			font-size:12px;
		}
		.sign_up_form #right_s{
			margin: 16px 22px 0 0;
			width:20%;
			float:right;
			cursor: pointer;
			color:#007aaa;
			text-decoration: underline;
		}
		.sign_up_form #right_s:hover{
			text-decoration: none;
		}
		.sign_up_form #butt{
			width:100%;
			margin-bottom:10px;
		}
		.sign_up_form #butt #button{
			-webkit-appearance: none;
			-moz-appearance: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			-webkit-touch-callout: none;
			-webkit-text-size-adjust: none;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			display:block;
			margin: 0 auto;
			margin-top:-20px;
			border:0px;
			background-color:#207ECD;
			color: #FFFFFF;
			border-radius: 24px;
			cursor:pointer;
			width:120px;
			height:35px;
			font: bold 14px Arial;
			padding: 0 0 1px 0;
		}
		
		.sign_up_form #butt #button:hover{
			color: #FFFF00;
		}
		 .sign_up_form #cr{
			color:#999999; 
			font-size:10px; 
			text-align:center;
		}


/*********** SPECIFICATION PAGE ***********/

		.specification .left_img{
			display:block;
			float:left;
		}
		.specification  #content_hsa #slogan{
			float:left;
			margin-top:9px;
			margin-left:5px;
		}
		.specification #content_hsa #slogan p{
			font: bold 18px Arial;
			line-height:20px;
		}
		.specification #right_img{
			margin: 11px 0 0 53px;
			float:left;
		}

		.specification #list{
			float:left;
		}
		.specification #spec{
			margin:20px 0 0 10px;
		}

		.specification #img_cont ul li{
			 margin-bottom:3px;
		}
		.specification #img_cont ul{
			margin-top:-17px;
		}
		.specification #cr{
			color:#999999; 
			font-size:10px; 
			text-align:center;
			margin:425px 0 0px 0;
		}
		
/*********** SUPPORT PAGE ***********/		
		.support_hs #container {
			position: relative;
			width: 750px;
			height: 380px;
			margin: 0 0 0 0px;
		}
		.support_hs #head{
			position:absolute;
			display:block;
			top:50px;
			left:90px;
		}
		.support_hs #hs5mac{
			position:absolute;
			display:block;
			top:140px;
			left:0px;
		}
		.support_hs #hs5win{
			position:absolute;
			display:block;
			top:140px;
			left:262px;
		}
		.support_hs #hsa{
			position:absolute;
			display:block;
			top:140px;
			right:0px;
		}
		.support_hs #cr{
			color:#999999; 
			font-size:10px; 
			text-align:center;
			margin:20px 0 10px 0;
		}	
		
/*********** TY PAGE ***********/

		.ty_page #cr{
			color:#999999; 
			font-size:10px; 
			text-align:center;
			margin:112px 0 0 0;
		}
		.ty_page #content_hsa p{
			text-align:center;
			color:#1C73B8;
			line-height:25px;
			font-size:16px;
			margin-top:25px;
		}
		.ty_page #but{
			margin:20px 0 50px 0;
		}
		.ty_page #but img{
			display:block;
			margin:0 auto;
			margin-bottom: 10px;
		}

		#butt {
			display: block;
		}

		.ty_page #butt #button{
			-webkit-appearance: none;
			-moz-appearance: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			-webkit-touch-callout: none;
			-webkit-text-size-adjust: none;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
			display:block;
			margin: 0 auto;
			margin-top:20px;
			border:0px;
			background-color:#207ECD;
			color: #FFF;
			border-radius: 24px;
			cursor:pointer;
			width:280px;
			height:35px;
			font: bold 14px Arial;
			padding: 0 0 3px 0;
		}
		.ty_page a{
			text-decoration: none;
		}
		.ty_page #butt #button:hover{
			color: #FFFF00;
		}
		
		#slogan p sup {
			font-size: 12px;
			top: -8px;
		}

		#content h3 {
			padding-bottom: 5px;
		}