@charset "utf-8";
body { font-family:"Myriad Pro", Arial, "微軟正黑體"; background-image:url(../images/body_back.jpg); background-position:top center; background-size:cover; padding:0px; margin:0px;}

/*↓表單樣式*/
textarea{
border:1px solid #CCC;
width:250px;
height:80px;
color:#999;
}

input{color:#666; font-size:15px; padding-left:6px;  font-family:"Myriad Pro", "微軟正黑體";}

.iptHover,textarea:hover{
border:1px solid #CCC;
background-color:#ffcc00;
}

.iptHover,input:hover{
border:1px solid #77C2E3;
background-color: #ece4b3;
color: #333; font-size:15px; 
}


.iptFocus,textarea:focus{
border:1px solid #77C2E3;
background-color: #ffcc00;
color:#000;
}

.iptFocus,input:focus{
border:1px solid #77C2E3;
background-color: #ffcc00;
color:#000;
}
/*↑表單樣式*/

/*↓radio style*/
input[type=radio].css-checkbox {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:23px;
							height:25px; 
							display:inline-block;
							line-height:18px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:18px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -25px; 
						}
						label.css-label {
				background-image:url(../images/radio_img.png); 
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
			
input[type=radio].css-checkbox2 {
							position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
						}

						input[type=radio].css-checkbox2 + label.css-label {
							padding-left:23px;
							height:25px; 
							display:inline-block;
							line-height:18px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:32px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox2:checked + label.css-label {
							background-position: 0 -25px; 
						}
						label.css-label {
				background-image:url(../images/radio_img.png); 
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
/*↑radio style*/

a , a:visited{
-webkit-transition:all 0.12s ease-in .218s;
-moz-transition:all 0.12s ease-in .02s;
-o-transition:all 0.12s ease-in .02s;
transition:all 0.12s ease-in .02s;
	}
a:hover , a:active{
-webkit-transition:all 0.12s ease-in .218s;
-moz-transition:all 0.12s ease-in .02s;
-o-transition:all 0.12s ease-in .02s;
transition:all 0.12s ease-in .02s;
	}
#main_wrap{ background-image:url(../images/main_wrap_back1.png); width:1280px; margin:0px auto; padding:0px; padding-bottom:5px;}
#logo_box{ width:278px; height:44px; position:relative; z-index:2; top:25px; left:990px; }
.main_banner{ background-image:url(../images/main_banner_livenew.jpg); background-repeat:no-repeat; height:auto;}
#main_con{ width:1248px; margin:0px auto; margin-top:245px; background-image:url(../images/main_con_back.jpg); padding-bottom:20px;}
.main_nav{ width:1247px; margin:0px auto; background-image:url(../images/main_navi.png); height:56px; margin:2px; padding-bottom:2px;}
.main_nav ul{ padding:0px; margin:0px; list-style:none;}
.main_nav li{ width:195px; height:54px; float:left; padding:0px; margin:0px; font-weight:bold; text-align:center; margin-right:2px; margin-top:2px; margin-bottom:2px; letter-spacing:3px; cursor:pointer;
-webkit-transition:all 0.12s ease-in .218s;
-moz-transition:all 0.12s ease-in .02s;
-o-transition:all 0.12s ease-in .02s;
transition:all 0.12s ease-in .02s;}
.main_nav li span{ position:relative; top:25%;}
.main_nav li.but1{ background-image:url(../images/but_back1.jpg);}
.main_nav li.but2{ background-image:url(../images/but_back2.jpg);}
.main_nav li.but3{ background-image:url(../images/but_back2.jpg);}
.main_nav li.but4{ background-image:url(../images/but_back3.jpg);}
.main_nav li.but13{ background-image:url(../images/but_back2.jpg);}
.main_nav li.but_hover1{ background-image:url(../images/but_back1_hover.jpg); color:#28a7e1; text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;}
.main_nav li.but_hover2{ background-image:url(../images/but_back2_hover.jpg); color:#28a7e1; text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;}
.main_nav li.but_hover3{ background-image:url(../images/but_back3_hover.jpg); color:#28a7e1; text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;}
.main_nav li.but_hover4{ background-image:url(../images/but_back3_hover.jpg); color:#28a7e1; text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;}
.main_nav li.but_hover13{ background-image:url(../images/but_back3_hover.jpg); color:#28a7e1; text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;}
.con_con{}
.con_con .but_box{ text-align:center; border-top:#CCC 1px dashed; margin-top:10px; clear:both;}
.con_con .but_box p{  font-size:15px; float:left; margin-right:8px;}
.con_con .but_box p span{ position:relative; top:5px;}
.con_con .but_box p a , .con_con .but_box p a:visited{ width:215px; height:32px; background-color:#00427a; text-align:center; color:#FFF; text-decoration:none; display:block;}
.con_con .but_box p a:hover , .con_con .but_box p a:active{ width:215px; height:32px; background-color: #F90; text-align:center; color:#FFF; text-decoration:none; display:block;
}

.con_left{ width:900px; float:left; margin-left:40px; font-size:18px; color:#333; margin-top:20px;}
.con_left ul{ clear:both; font-size:16px; list-style:none; padding:0px; margin:0px;}
.con_left ul h1{ font-size:18px; font-weight:bold; letter-spacing:0px;}
.con_left li{ margin-bottom:8px; margin-top:8px; font-size:16px; float:left;}
.con_left li.nor{ margin-right:10px;}
.con_left li.li_left{ width:18%; float:left; text-align:right;}
.con_left li.li_right{ width:60%; float:left; margin-left:8px;}
.con_left li span{ font-size:16px; color: #333; margin-left:8px;}
.con_left li span.red{ font-size:16px; color: #C00; margin-left:8px;}
.con_left li input{ border:#CCC 1px solid; height:20px; width:280px;}
.con_left li input.nor{ width:20px;}
.con_left li select{ background-color:#FFF; border:#CCC 1px solid; height:25px; width:280px;}
.con_left li select.s_style2{ background-color:#FFF; border:#CCC 1px solid; height:25px; width:130px;}
.con_left li select.s_style3{ background-color:#FFF; border:#CCC 1px solid; height:25px; width:100px;}
.con_left li input.s_style2{ background-color:#FFF; border:#CCC 1px solid; height:25px; width:130px; margin-left:10px;}

.con_left li textarea{ width:500px; height:120px;}

.con_left select{ border:#999 1px solid; background-color:#FFF;  padding:3px;}
.con_left table{ margin-top:15px;}
.con_left td span{ font-size:15px; color:#999; margin-left:6px;}
.con_left td input{ margin-left:8px;}
.con_left h1{ font-size:28px; font-weight:bold; color:#000; margin:0px; padding:0px; letter-spacing:6px;}
.con_login{ width:250px; float:left; margin-left:20px; margin-top:40px; background-color:#FFF; border:#CCC 1px solid; padding:15px;}
.con_login h1{ font-size:18px; color:#6f6f6f; letter-spacing:5px; margin:0px; padding:0px; margin-bottom:0px;}
.con_login input{  width:243px; height:29px; border:#CCC 1px solid; margin-bottom:6px;}
.con_login hr{ border:#CCC 1px dashed;}
.con_login input.but{ background-color:#e3bf71; color:#FFF; font-size:16px; font-family:"微軟正黑體"; letter-spacing:3px; border:none;}
.txt_style1{ font-size:15px; margin-top:8px; }
.txt_style1 span{ width:125px; margin-left:38px; }
.txt_style1 a , .txt_style1 a:visited{ color:#e3bf71; text-decoration:underline;}
.txt_style1 a:hover , .txt_style1 a:active{ color:#333; text-decoration:none;}
.txt_style2{ color:#ff7e00; font-size:16px; text-align:center; margin-top:6px;}
.txt_style3{ color:#940000; font-weight:bold;}
.txt_style4{ text-align:center; font-size:26px; font-weight:bold; color:#940000; margin-top:12%; margin-bottom:12%;}
.txt_style5{ color:#00427a; font-weight:bold;  letter-spacing:3px;}
.txt_style5 a, .txt_style5 a:visited{ color:#00427a; font-weight:bold; text-decoration:underline; letter-spacing:3px;}
.txt_style5 a:hover, .txt_style5 a:active{ color:#C00; font-weight:bold; text-decoration:none; letter-spacing:3px;}

.r_wrap{ width:980px; padding:15px; margin:10px auto; background-color:#FFF; font-wize:18px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.r_wrap h1{ font-size:25px; font-weight:bold;}
.r_wrap p{}
.r_wrap ul { list-style:decimal; padding:0px; color:#000}
.r_wrap ul ul{ list-style:none;}
.r_wrap li{ margin-left:25px; margin-top:8px; color: #666;}

#footer_wrap{ width:1249px; height:76px; background-color:#FFF; padding-top:8px; margin:10px auto; text-align:center; font-size:16px; color:#666;}