@charset "utf-8";
/* CSS Document */
body {
	font-family:Microsoft JhengHei;
	background-color: #F3F2ED;
    margin: 0 auto;
}

#wrap{
	width: 1022px;
	margin: 0 auto;
	background-color: #F3F2ED;
}

#wrap #header {
	width:1020px;
	position: relative;
	height: 71px;
	background-image: url(../image/header_1.jpg);
	margin: 0 auto;
	background-repeat: no-repeat;
}


#logo{position:absolute; left:0px; top:0px;}
.logo_1{
	position: absolute; 
	left: 292px;
	top: 0px;
	margin: 0;}

.logo_2{a href:shop.TISNet.com.tw; }	
.logo_2{
	position: absolute;
	width: 150px;
	height: 71px;
	left: 869px;
	top: 0px;
	color: #FFF;
	font-family: "Microsoft JhengHei";
	font-size: 14pt;
	text-align: center;
	text-decoration: none;
	line-height: 55pt;
	}
	
    

	/* 選單開始*/
/*.nav{width:1022px; height:42px; margin: 0 auto;
        padding: 0;}*/

 
	
	 /*選單UL消失*/
.nav .drop-down-menu .newli {
	font-family: Microsoft JhengHei;
	font-weight: bold;
	color: #2A78B8;
	text-decoration: none;
    line-height: 42px;
	background-image: -webkit-linear-gradient(270deg,rgba(44,124,187,1.00) 11.40%,rgba(255,255,255,1.00) 12.95%);
	background-image: -moz-linear-gradient(270deg,rgba(44,124,187,1.00) 11.40%,rgba(255,255,255,1.00) 12.95%);
	background-image: -o-linear-gradient(270deg,rgba(44,124,187,1.00) 11.40%,rgba(255,255,255,1.00) 12.95%);
	background-image: linear-gradient(180deg,rgba(44,124,187,1.00) 11.40%,rgba(255,255,255,1.00) 12.95%);
}

	/* 選單結束*/
	
	
	
	/* 內容開始*/
	
	#maincontent {
	background-color: #F3F2ED;
	width: 1022px;
	margin: 0 auto; }
	
	#maincontent .con {
	height: 200px;
	width: 1022px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px solid #D5D5D5;
}

	
.pic {
      width: 1022px;
      height: 293px;
 }
 
.pic {
	/*background-image: url(../image/pic.jpg);*/
	background-repeat: no-repeat;
	margin: 0 auto;
	padding:0; 
}
 
.pic_title {
	/*color: #2C7CBB;*/
	font-family: Microsoft JhengHei;
	font-weight: bold;
	font-size: 26pt;
	line-height: 80pt;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 0px 2px 4px #000;
	word-spacing:10px;
}

.pic_title_1 {
	color: #FFFFFF;
	text-align: center;
	font-size: 15pt;
	line-height: 60pt;
	font-family: Microsoft JhengHei;
	/*margin-top: 120px;*/
	font-weight: lighter;
	text-shadow: 0px 1px 2px #000;
	padding-top: 220px;
}

.shadow{
	margin: 0 auto;
	padding:0; 
}
	.cold{
	width: 1020px;
	height: 260px;
	margin: 0 auto;
	background-color:#FFF;
	border-color: #231010;
}






.space{
	width: 1020px;
	margin: 0 auto;
	height: auto;
	background-image: url(../image/1-18.jpg);
	background-repeat: no-repeat;
}	


.search_1 {
	width: 686px;
	height: 42px;
	-webkit-box-shadow: 1px 1px 1px #D5D3D3;
	box-shadow: 1px 1px 1px #D5D3D3;
	border: 1px solid #D7D7D7;
	margin-top: 10px;
	padding-left: 32px;
	float: left;
	margin-left: 70px;
	color: #000;
	font-style: italic;
	text-align: left;
	text-indent: 10px;
	font-size: 12pt;
}
.search_2 {
	width: 167px;
	height: 38px;
	float: left;
	margin-top: 13px;
	color: #FFFFFF;
	font-family: Microsoft JhengHei;
	font-weight: bold;
	font-size: 16pt;
	line-height: 32pt;
	background-color: rgba(127,222,233,1.00);
	/*background-image: -webkit-linear-gradient(270deg,rgba(133,202,246,1.00) 0%,rgba(11,137,217,1.00) 24.36%,rgba(11,110,173,1.00) 98.45%);
	background-image: -moz-linear-gradient(270deg,rgba(133,202,246,1.00) 0%,rgba(11,137,217,1.00) 24.36%,rgba(11,110,173,1.00) 98.45%);
	background-image: -o-linear-gradient(270deg,rgba(133,202,246,1.00) 0%,rgba(11,137,217,1.00) 24.36%,rgba(11,110,173,1.00) 98.45%);
	background-image: linear-gradient(180deg,rgba(133,202,246,1.00) 0%,rgba(11,137,217,1.00) 24.36%,rgba(11,110,173,1.00) 98.45%);*/
	margin-left: 10px;
	text-align: left;
	text-indent: 40px;
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
}


.search_2:hover{
	background-color: rgba(99,192,60,1.00);
}

.space_title {
	color: #FFFFFF;
	font-family: Microsoft JhengHei;
	font-weight: bold;
	font-size: 18pt;
	text-align: left;
	text-indent: 350px;
	line-height: 80pt;
}

.do {
	width: 1022px;
	height: 340px;
	border: 1px solid #E5E5E5;
	background-color: #FFFFFF;
	margin:0 auto;
}

.do_1_word {
	color: #FFFFFF;
	font-family: Microsoft JhengHei;
	font-weight: bold;
	font-size: 16pt;
	line-height: 30pt;
	margin-top: -5px;
	text-align: center;
}





#wrap .grow {
	width: 1022px;
	height: 392px;
	border: 1px solid #E5E5E5;
	background-color: #FFFFFF;
}


#maincontent .do .do_1 {
	width: 317px;
	height: 198px;
	background-color: #1F5F9C;
	margin-top: 0px;
	margin-left: 17px;
	float: left;
}

#maincontent .do .do_2 {
	width: 317px;
	height: 198px;
	background-color: #1F5F9C;
	margin-top: 0px;
	margin-left: 351px;
	padding-top: 0px;
	float: left;
}

#maincontent .do .do_3 {
	width: 317px;
	height: 198px;
	background-color: #1F5F9C;
	margin-top: 0px;
	margin-left: 345px;
	float: left;
}


#maincontent .con .select {
	color: #FFFFFF;
	font-family: Microsoft JhengHei;
	font-weight: bold;
	text-align: center;
}
.con .space .space {
	color: #FCFBFB;
	font-family: Microsoft JhengHei;
	font-weight: bold;
	text-align: center;
	line-height: 25pt;
	text-indent: 10px;
	font-size: 16pt;
	background-color: #1F5F9C;
	width: 170px;
	height: 43px;
	clear: right;
	right: 0px;
}

.do_1 {
	width: 317px;
	height: 198px;
	margin-top: 166px;
	margin-left: 14px;
}
.do_2 {
	position: absolute;
	width: 317px;
	height: 198px;
	margin-top: 166px;
	margin-left: 36px;
	float: right;
}


/* 內容結束*/
#footer {
	width: 1022px;
	/*height: 358px;*/
	height: 470px;
	background-color: #000000;
	margin: 0 auto;}

 .footer_question_ul_li {
	color: #FFFFFF;
	font-family: Microsoft JhengHei;
	font-weight: bold;
	font-size: 11pt;
	line-height: 33px;
	text-align: left;
	text-indent: 10px;
	}


.footer-list-title {
	color: #FFFFFF;
	font-size: 16pt;
	text-align: left;
	line-height: 50pt;
	font-family: Microsoft JhengHei;
	font-weight: bold;
	text-indent: 13px;
}


.footer_footer {
	width: 1022px;
	height: 50px;
    /*background-color: #000000;*/
	margin: 2.5em;
	/*margin: 0 auto;*/
    padding-left: 6em;
}

.footer_footer_1 {
	font-family: Microsoft JhengHei;
	font-weight: bold;
	font-size: 11pt;
	color: #fff;
	line-height: 30pt;
	height: 50px;
	/*text-indent: 530px;
	  float: left;
      padding-top: 0px;
      background-position: 60% 0%;
      margin-top: 5px;
      margin-left: -1200px; */
	
}

.footer_question {
	width: 316px;
	height: 312px;
	margin-top: 55px;
	margin-left: 50px;
	float: left;
}
.footer_where {
	width: 316px;
	height: 312px;
	margin-top: 55px;
	margin-left: 19px;
	float: left;
}
.footer_information {
	width: 290px;
	height: 312px;
	margin-top: 55px;
	margin-left: 19px;
	float: left;
}
.footer_information_1 {
	width: 128px;
	height: 311px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}
.footer_information_2 {
	width: 120px;
	height: 311px;
	margin-top: 0px;
	margin-left: 158px;
	padding-top: 67px;
	padding-left: 0px;
}
#maincontent .grow_grow {
    width: 1022px;
	height: 335px;
	border: 1px solid #E5E5E5;
	background-color: #FFFFFF;
}
#header .logo_2 a {
	font-family: Microsoft JhengHei;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	font-size: 12pt;
	font-weight: bolder;
	letter-spacing: 2pt;
}

#header .logo_2 a:hover {
	font-family: Microsoft JhengHei;
	color:#93c23a;
}

ul .footer_question_ul_li a:hover {
	font-family: Microsoft JhengHei;
	color:#2A78B8;
}
.pic .pic_title_1 a:hover {
	font-family: Microsoft JhengHei;
	color:#93c23a;
}
.do_1 .do_1_word a:hover {
	color: #93c23a;
	font-family:Microsoft JhengHei;
}
.do_2 .do_1_word a:hover {
	color: #93c23a;
}
.do_3 .do_1_word a:hover {
	color: #93c23a;
}



.footer_footer .footer_footer_1 a {
	color: #FFFFFF;
	line-height: 10pt;
	text-decoration: none;
	/*margin-top: -20px; */
}


.footer-list-title a{
	color: #B7B9BB;}
	
.footer_question_ul_li a{
	color: #FFFFFF;}

/*.footer_footer_1 a img {
    margin-top: -100px; 
}*/

.footer_footer .footer_footer_1 a:hover {
	color:#2A78B8;
}
.pic .pic_title_1 a {
	color: #FFFFFF;
	font-weight: bolder;
}

.pic .pic_title_1 a:hover {
	color: #93c23a;
	font-weight: bolder;
}
.do_1 .do_1_word a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}
.do_2 .do_1_word a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}
.do_3 .do_1_word a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bolder;
}

.do_1 .do_1_word a:hover {
	color: #93c23a;
	text-decoration: none;
	font-weight: bolder;
}

.do_2 .do_1_word a:hover {
	color: #93c23a;
	text-decoration: none;
	font-weight: bolder;
}
.do_3 .do_1_word a:hover {
	color: #93c23a;
	text-decoration: none;
	font-weight: bolder;
}



/* styles for validation helpers */
.field-validation-error {
    color: red;
}
 
.field-validation-valid {
    display: none;
}
 
input.input-validation-error {
    border: 1px solid red;
}
 
input[type="checkbox"].input-validation-error {
    border: 0 none;
}
 
.validation-summary-errors {
    color: red;
}
 
.validation-summary-valid {
    display: none;
}




.custom p {
	
	font-family: Microsoft JhengHei;
	font-weight: 300;
	text-align: center;
	line-height: 1.5em;
	text-decoration: none;
	color: #2A78B8;
    padding: 10px 20px;
	margin: 30px 0 0;
	text-align: justify;
}
.custom {
	color: #555;
	-webkit-border-radius: 30px;
	-moz-border-radius: 15px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
    color: #555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 30px;
}


.footer_question_ul ul{
	margin-top: 18px;
}

/*h1, h2, h3 {
    letter-spacing:-8.5em; 
    color:#fff; 
    opacity:1; 
    font-size:.1em; 
    transform: rotateY(90deg); 
    margin-top: -20em;
}*/