@charset "utf-8";body{font-family:"微軟正黑體",Microsoft JhengHei,Apple LiGothic Medium,Verdana,Arial, Helvetica, sans-serif;padding:0;font-size:13px;line-height:26px;color:#323232;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight:bold;}
a img{border:none;}
div{font-family:"微軟正黑體",Microsoft JhengHei,Apple LiGothic Medium,Verdana,Arial, Helvetica, sans-serif;　text-align:justify;}
a:link,a:visited,a:active{text-decoration:none;}
a:hover{text-decoration:none;}
.CL{clear:both;}
.FL{Float:left;}
.FR{Float:right;}
.FC{margin-left:auto;margin-right:auto;}
.W48{font-size:48px;}
.container{width:975px;padding-left:3px;padding-right:3px;}
.IndxeBG{min-height:530px;margin:0 auto;box-shadow:0 0 7px 0 #c9c9c9 ,0 0 7px 0 #c9c9c9;}
.w100{width:100%;}
.FB{margin:81px 0 0 15px;width:200px;float:left;}
.FB img{margin:0 0 34px 0;}
.IndexPhoto2{position:absolute;margin:20px 0 0 4px;z-index:-1;}
#CopyRight{background:#000; padding-bottom: 50px;}
#CopyRight ul li{width:50%;float:left;}
.footMenu{margin-top:20px;}
.footMenu a{color:#FFF;}
.footMenu a:hover{color:#F00;}
.CRblock3{width:100%;border-top:1px solid #666;float:left;color:#5f5f5f;height:40px;line-height:40px;text-align:center;background:#000;}
.CRblock2{margin:20px 0 0 10px;color:#0FF;font-size:15px;text-align:left;}
.CRblock2 a{color:#0FF;}
.CRblock2 a:hover{color:#FFF;}
.CRblock1{margin:0 0 20px 50px;float:left;color:#FFF;}
.CopyRight{margin:15px auto 0 auto;background:url(../images/Copyright_BG.gif) repeat-x #000;}
.CopyRight a{color:#fff;}
.CopyRight a:hover{color:#f00;}
.TopMenu .TMSec .TopMenuSec li a:hover{color:#fff;background:none;background:#06F;height:40px;line-height:40px;}
.TopMenuSec li a{display:block;background:none;padding-left:10px;}
.TopMenu .TMSec .TopMenuSec li{height:40px;line-height:40px;background:#9ED0FE;border:2px solid #DDE7FF;text-align:left;min-width:180px;}
.TopMenuSec li:first-child{border-bottom:0;}
.TopMenuSec:hover{margin:-3px 0 0 0;}
.TopMenuSec{padding:0;margin:0;display:none;position:relative;z-index:99;}
.TMSec:hover .TopMenuSec{display:block;}
.TopMenu{margin:0;padding:0;height:55px;}
.TopMenu li{width:161px;height:55px;line-height:55px;margin:0 0 0 1px;padding:0;list-style:none;float:left;text-align:center;font-size:14px;font-family:Microsoft JhengHei,\5FAE\8F6F\6B63\9ED1\4F53,Apple LiGothic Medium,\82F9\679C\4E3D\4E2D\9ED1,"微軟正黑體",\5FAE\8EDF\6B63\9ED1\9AD4,Verdana,Arial, Helvetica, sans-serif;}
.TopMenu li a{display:block;color:#000;}
.TopMenu li a:hover{color:#f00;line-height:52px;background:url(../images/But/Top_MenuBG2.gif) center no-repeat;}
.TopBut{margin:0;padding:0;float:right;}
.TopBut li{margin:0;padding:0;list-style:none;}
.Logo{position:absolute;z-index:99;}
.PhoneNo{float:right;margin:20px 0 5px 0;}
.IndexPhoto1{float:left;}
.container{width:975px;}
.TopBut{position:absolute;right:12px;}
.TopMenu{margin-top:6px;background:url(../images/But/TopMenuBG.gif?t=01) no-repeat;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;}
.TopMenu li{width:calc(100%/7 - 2px);display:inline-block;}
.TopMenu li{}
.TopMenuSec li{width:100%;}
.IndexBgB,.FB{position:relative;}
.IndexBg2{margin-top:17px;width:100%;}
.FB{z-index:10;top:-451px;}
.ActiveCilp{position:relative;z-index:10;top:-807px;left:210px;}
.IndexBgB{z-index:10;top:-407px;left:-210px;}
.IndexBgC{position:relative;left:-30px;float:left;}
.ActiveCilp h3{margin:10px 0 0 -20px;padding:0 0 0 20px;font-size:18px;line-height:30px;color:#1f34ff;background:url(../images/Point_Star.png) 0px 5px no-repeat;}
.ActiveCilp h1,.ActiveCilp h2{margin:0 0 0 135px;padding:0 0 0 20px;font-size:21px;line-height:40px;background:url(../images/Point_Star.png) 0px 10px no-repeat;}
.ActiveCilp h1{margin-top:25px;}
.ActiveCilp{width:680px;float:left;font-size:13px;line-height:16px;margin:25px 0 0 35px;padding:0 0 0 20px;font-family:"微軟正黑體",Microsoft JhengHei,Apple LiGothic Medium,Verdana,Arial, Helvetica, sans-serif;}
.ov_01{height:452px;overflow:hidden;}
.ov_02{height:30px;overflow:hidden;}
.mt_01{margin-top:-10px;}
.m_01{margin:-10px 0 0 0;}
@media (max-width:992px){.container{width:750px;}
.TopBut{width:100%;position:relative;top:0px;right:0px;}
.TopBut li{width:25%;float:left;}
.TopBut img{width:100%;}
.TopMenu li a:hover{color:#f00;line-height:52px;background:url(../images/But/Top_MenuBG2.gif) center no-repeat;}
.ov_01{height:550px;}
.ActiveCilp{width:480px;top:-877px;left:190px;}
.IndexBg2{margin-top:197px;}
.IndexBgB{top:-347px;width:180px;}
.IndexBgC{float:left;width:130px;top:40px;}
.FB img{margin:50px 0 0 0;width:85%;}
.mt_01{margin-top:-30px;}
}
@media (max-width:767px){#TopMenu{margin:0 auto;}
.container{width:420px;padding:0 0px;}
.Logo{width:37%;}
.IndexBgB ,.FB{display:none;}
.IndexBg2{position:relative;top:470px;}
.FB2{position:relative;top:-330px;z-index:99;display:inline-block;margin-left:50px;}
.FB2 img{margin:0 0 0 3px;width:147px;float:left;}
.ActiveCilp{width:100%;top:-350px;left:0px;margin:0;padding:0 32px;}
.IndexBgC{left:-15px;}
.ov_01{height:870px;}
.CRblock2{width:100%;margin:20px 0 0 50px;}
#CopyRight{padding-bottom: 100px;}
}
@media (max-width:479px){.container{width:92%;padding:10px 0px;}
#TopMenu{margin:0 auto;width:320px;}
.TopBut li{width:50%;height:auto;float:left;}
.IndexBgB ,.FB{display:none;}
.FB2{position:relative;top:-330px;z-index:99;display:inline-block;margin:0 auto;width:100%;}
.FB2 a{display:inline-block;margin-left:12px;width:45%;}
.FB2 img{width:90%;float:left;}
.IndexBgC{width:100px;margin-top:18px;}
.ActiveCilp{width:100%;top:-350px;left:0px;margin:0;padding:0 22px;}
.ActiveCilp h1, .ActiveCilp h2{margin:12px 0 0 95px;}
.ov_01{height:980px;}
.IndexBg2{position:relative;top:490px;}
}
@media (max-width:320px){.container{width:100%;padding:0;}
.FB2{margin-left:0px;}
.ov_01{height:980px;}
.IndexBg2{position:relative;top:630px;}
}

/*--------------------------------------------表單--------------------------------------------*/
.form_div {
	width: 98%;
	margin: 0 auto;
}
.can_f_box {
	margin-top: 30px;
	padding-top: 10px;
	border-top: thin dashed #999999;
}
.form_div strong, .can_f_box strong {
	padding: 0 5px 0 0;
	color: #D3060F;
	font-weight: bold;
	text-decoration: none;
}
.can_form {
	margin: 20px 0;
}
.sexybox {
	margin: 35px 0;
}
.sexybox label {
	width: auto;
}
.can_form p a {
	color: #00b4ff;
}
.can_form p a:hover {
	color: #000000;
}

form {
	width: 100%;
}
label {
	width: 100%;
	transition: all 500ms ease;
	text-align: left;
}
label:hover {
	color: #00b4ff;
}
input[type="text"], input[type="date"], input[type="time"], input[type="password"], input[type="email"], input[type="tel"], select, textarea {
	width: calc(100% - 0px);
	margin: 10px 0;
	padding: 10px;
	color: #00b4ff;
	border: thin solid #CCCCCC;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.50);
	outline: none;
	transition: all 500ms ease;
}
.ttp input[type="text"] {
	width: 50px;
	margin: 0 5px;
}
select {
	width: calc(100%/2 - 10px);
	margin: 10px 0;
	padding: 10px;
}
input[type="text"]:hover, input[type="text"]:focus,
input[type="date"]:hover, input[type="date"]:focus,
input[type="time"]:hover, input[type="time"]:focus,
input[type="password"]:hover, input[type="password"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="tel"]:hover, input[type="tel"]:focus,
select:hover,
textarea:hover {
	-webkit-box-shadow: inset 1px 1px 2px 0px #CCCCCC;
	box-shadow: inset 1px 1px 2px 0px #CCCCCC;
}
.form_div input[type="button"], input[type="submit"], input[type="reset"], .cart_btn a {
	margin: 0 10px 30px 10px;
	padding: 10px 20px;
	color: #FFFFFF;
	text-align: center;
	border: none;
	border-radius: 10px;
	background-color: #00b4ff;
	outline: none;
	transition: all 500ms ease;
}
.form_div input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .cart_btn a:hover {
	background-color: #000000;
}
input[type="radio"] {
	margin-right: 5px;
	position: relative;
	top: 2px;
	zoom: 120%;
}



.right_link {
	padding: 10px 40px 10px 10px;
	position: fixed;
	right: -20px;
	bottom: 200px;
	z-index: 999;
	text-align: center;
	border-radius: 5px 0px 0px 5px;
	background-color: #8E0002;
	-webkit-animation: shakeX 5s infinite alternate ease-in-out;
	animation: shakeX 5s infinite alternate ease-in-out;
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.right_link:hover {
	background-color: #000000;
	-webkit-animation: none;
	animation: none;
}
.right_link a {
	color: #FFFFFF;
}



.subMenu {
	width: 100%;
	height: 50px;
	display: flex;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 20;
	flex-wrap: nowrap;
}
.subMenu .s1 {
	background-color: #0053D3;
}
.subMenu .s2 {
	background-color: #B40000;
}
.subMenu .s3 {
	background-color: #008C00;
}
.subMenu .s4 {
	background-color: #6000B4;
}
.subMenu .subLink {
	width: 100%;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.subMenu .subLink a {
	width: 100%;
	height: 100%;
	display: flex;
	position: relative;
	color: #FFFFFF;
	flex-grow: 1;
	justify-content: center;
	align-items: center;
}
.subMenu .subLink:hover {
	background-color: #333333;
}
.subMenu .subLink i {
	padding: 0 5px;
	font-size: large;
}