*{
	margin: 0;
	padding:0;
	-webkit-box-sizing:border-box;/*照顧Android2*/
	box-sizing:border-box;/*解除padding跟寬度的關係 因為很好用

所以加在全部指令這 P18*/
}/*代表全部 簡易的 Reset.css*/

html {
	font-family:'微軟正黑體',Arial, Helvetica,"Helvetica Neue",Verdana, Geneva, sans-serif;
	font-size: 15px;
	background-image:url(../sap_images/ChineseBannerBG.png);
	background-repeat: repeat-x;
	width: 100%;
	background-color:#fff;
	color:#333;
	margin: 0;
	padding: 0;
}

a:link {
	text-decoration: none;
	color:#333;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#63acdb;
}
a:active {
	text-decoration: none;
}
img {
	border: 0
}
input {border:#A8A8A8 solid 1px; line-height: 25px; height: 25px; padding: 3px;}
.input01{border:#A8A8A8 solid 1px; line-height: 25px; height: 25px; padding: 3px; width: 96%; }
table {
    border-spacing: 0;
    border-collapse: collapse;
}

#box01{ 
	width:1280px; 
	margin:auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
.to{ height:220px; }	/*首頁橫幅*/
.m01{ height:35px; }/*首頁上方按鈕*/
.lm{width:650px; float:left; background-color:#fff;  min-height:590px; padding:20px 0px 0px 0px;}/*首頁左邊按鈕*/
.co4{ width:450px; float:left; background-color:#fff; min-height:590px; padding:20px 0px 0px 0px;}/*首頁中間內文 -2*/

.rm2{width:550px; float:right; background-color:#fff;  min-height:590px; padding:20px 0px 0px 0px;}/*首頁右邊按鈕*/
.co5{ width:50px; float:left; background-color:#fff; min-height:590px; padding:20px 0px 0px 0px;}/*首頁影片 -2*/


.rm{width:480px; float:right; background-color:#fff;  min-height:615px; padding:35px 10px 0px 0px;}/*首頁右邊按鈕*/
.co{ width:620px; float:left; background-color:#fff; min-height:615px; padding:35px 0px 0px 0px;}/*首頁中間內文 -1*/
.co2{ width:800px; float:left; background-color:#fff; min-height:747px; padding:10px 0px 0px 0px;}/*內頁右側內文*/
.co3{ width:1100px; float:left; background-color:#fff; min-height:612px; padding:30px 0px 50px 0px;}/*內頁 內文*/
/*.footer{ width:100%; border-top: 8.5px solid #317DB9;background-color: #317DB9;height: 150px;}*/
.footer{ width:100%; height:150px;padding-top: 8px;}
.footer2{ width:100%; background-image:url(../sap_images/e_footer_bg.png); background-repeat: repeat-x;}
.footer02{ width:1100px; height: 80px; margin: auto; }
/*.footer{ width:100%;   height:50px; padding:0px 0px 0px 0px; background-color:#00a29a; line-height:50px; text-align:center; color:#fff; font-weight:bold;  /*background-image:url(../nk_images/f-bg.jpg); background-repeat:repeat-x; background-position:bottom;}*//*footer*/



#wrap{overflow:hidden;}  
#sidebar_left,#sidebar_right{padding-bottom:100000px;margin-bottom:-100000px;}

/*menu 開始*/
.nav {height:65px; width:1100px; color:#fff;  z-index:1000; background-color:#3a4c9a;}/*主按鈕背景顏色寬度高度等..*/
.menu {list-style:none; font:17px '微軟正黑體', Verdana,Arial; text-shadow:1px 1px 2px #3D2164; text-align:center; width:1100px; margin:0 auto; }
.menu li {position:relative; float:left;  z-index:1000;  }
.menu a {float:left; color:#fff; text-decoration:none; }/*主按鈕顏色*/
.menu a:hover { background-color:#1B3655;  }
.menu div {color:#fff; text-decoration:none; width:157px; text-align: center; height:65px; line-height:65px; cursor: pointer; }
.menu div a{color:#fff; text-decoration:none; width:157px; text-align: center; height:65px; line-height:65px; }
.menu span {float:left; color:#fff; text-decoration:none; width:157px;　  }

.menu ul {display:none; position:absolute; font:normal 14px '微軟正黑體', Arial,Verdana; text-align:left;  top:65px; left:10px; background:#1B3655; display:none; list-style:none; cursor: pointer;}
.menu ul li {float:none; width:157px; }
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:38px; padding-top: 10px;　}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#2D5F90; color:#fff; font-weight:bold;  text-shadow:1px 1px 2px #000;}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:38px; padding-top: 10px; font-size:13px;}
.menu ul ul {left:181px; top:0;}
.menu li.submenu {font-weight:bold; background:#2c415e; }
.menu li.noborder {border-top:none; width:200px;　background:#841B80; }
li.menuhover a, li.menuhover li.menuhover a {color:#fff; background-color:#036;}
li.menuhover span, li.menuhover li.menuhover span {color:#fff;}

/*menu 結束*/

/*滑鼠一過去變色首頁 開始 */
.Push0 a {
	color: #333333; 
	text-decoration: none
}
.Push0 a:hover {
    color: #468110; 
	text-decoration: none
}
/*綠*/
.Push a {
	padding-right: 0px; 
	display: block; 
	padding-left: 18px; 
	padding-bottom: 0px; 
	width: 95%; color: #333333; 
	line-height: 90%; 
	padding-top: 3px; 
	height: 22px; 
	text-decoration: none
}
.Push a:hover {
	padding-right: 0px; 
	display: block; 
	padding-left: 18px; 
	padding-bottom: 0px; 
	width: 95%; color: #274536; 
	line-height: 90%; 
	padding-top: 3px; 
	height: 22px; 
	background-color: #c7ebe4; 
	text-decoration: none
}

/*藍*/
.Push2 a {
	padding-right: 0px; 
	display: block; 
	padding-left:18px; 
	padding-bottom: 0px; 
	width: 95%; color: #333333; 
	line-height: 90%; 
	padding-top: 3px; 
	height: 22px; 
	text-decoration: none
}
.Push2 a:hover {
	padding-right: 0px; 
	display: block; 
	padding-left:18px; 
	padding-bottom: 0px; 
	width: 95%; color: #274536; 
	line-height: 90%; 
	padding-top: 3px; 
	height: 22px; 
	background-color: #e8f5fd; 
	text-decoration: none
}

/*橘*/
.Push3 a {
	padding-right: 0px; 
	display: block; 
	padding-left:18px; 
	padding-bottom: 0px; 
	width: 95%; color: #333333; 
	line-height: 90%; 
	padding-top: 3px; 
	height: 22px; 
	text-decoration: none
}
.Push3 a:hover {
	padding-right: 0px; 
	display: block; 
	padding-left:18px; 
	padding-bottom: 0px; 
	width: 95%; color: #274536; 
	line-height: 90%; 
	padding-top: 3px; 
	height: 22px; 
	background-color: #f7e9f5; 
	text-decoration: none
}

/*咖啡*/
.Push4 a {
	padding-right: 0px; 
	display: block; 
	padding-left:18px; 
	padding-bottom: 0px; 
	width: 95%; color: #333333; 
	line-height: 90%; 
	padding-top: 3px; 
	height: 22px; 
	text-decoration: none
}
.Push4 a:hover {
	padding-right: 0px; 
	display: block; 
	padding-left:18px; 
	padding-bottom: 0px; 
	width: 95%; color: #274536; 
	line-height: 90%; 
	padding-top: 3px; 
	height: 22px; 
	background-color: #f0e8c4; 
	text-decoration: none
}
/*滑鼠一過去變色 首頁 結束*/
.new01{ background-image:url(../sap_images/table2_07.png); background-repeat:repeat-y; padding:10px 30px 0px 15px;}
.new02{ background-image:url(../sap_images/table2_07.png); background-repeat:repeat-y; padding:10px 30px 0px 15px;}

.chart01{ background-image:url(../sap_images/top.gif); background-repeat:no-repeat; width:18px; height:18px; white-space:nowrap; margin:0px 8px 0px 0px; float:left;}/*頂圖示部分*/
.new03{ background-image:url(../sap_images/new.gif); background-repeat:no-repeat; width:40px; height:18px; white-space:nowrap; margin:0px 8px 0px 0px; float:left;}/*news圖示部分*/

.bg02{ background-color:#F6FFEB;}/*最新消息錯色*/


.tab01{float:right; width:300px; text-align:right; padding-right:16px; text-shadow:1px 1px 2px #fff; color:#666;}
.im01{ width:960px; height:auto; margin: auto; border-radius:30px; border:#CCC solid 1px;}
.im02{ width:440px; height:auto; margin:10px;  border-radius:30px; border:#CCC solid 1px;}

.mn01{ font-size:15px;	font-family:'微軟正黑體'; margin:0px; padding:0px 15px 0px 15px; margin-left:10px;}
.mn01 ul{word-wrap: break-word; word-break: normal;  }
.mn01 li { list-style-image:url(../sap_images/arrow-g.png); line-height:40px; }

.color_O1{ color:#f08f00;}/*橘*/
.color_O2{ color:#f3b755;}/*橘------*/
.color_R1{ color:#ff0000;}/*紅*/
.color_B1{ color:#1f7bbc;}/*藍*/
.color_B2{ color:#06C;}/*藍*/
.color_B3{ color:#039;}/*藍*/
.color_B4{ color:#63acdb;}/*藍*/
.color_B5{ color:#3498db;}/*藍*/
.color_B6{ color:#5bc0de;}/*藍------*/
.color_W1{ color:#FFFFFF;}/*白*/
.color_C1{ color:#844200;}/*咖啡*/
.color_C2{ color:#915122;}/*咖啡*/
.color_CO1{ color:#67492e;}/*咖啡*/
.color_CO2{ color:#915122;}/*咖啡*/

.color_G1{ color:#168e76;}/*綠色*/
.color_G2{ color:#007130;}/*綠色*/
.color_G3{ color:#4cb7a2;}/*綠色*/
.color_G4{ color:#72c02c;}/*綠色*/
.color_G5{ color:#5cb85c;}/*綠色------*/
.color_Gr1{ color:#434343;}/*綠色*/
.color_pi01{ color:#fe93aa;}/*粉紅色------*/

.color_p1{ color:#601986;}/*紫色*/
.color_p2{ color:#6b1a84;}/*紫色*/
.color_p3{ color:#38215f;}/*紫色*/
.color_p4{ color:#c183f7;}/*紫色------*/
.color_gray{color:#bdbdbd;}/*灰色*/

.dotted_01{ border-bottom:#f0f0f1 solid 1px;}
.dotted_02{ border-bottom:rgba(63,16,114,0.3) dashed 1px;}

.highta01{ line-height:25px;}

.Crude01{ font-weight:bold;}

.ind01 {text-indent:2em;}
.ind02 { text-align:justify; text-justify:inter-ideograph;}


.tex0{ font-family:'微軟正黑體';}
.tex01{ font-size:12px; }
.tex02{ font-size:17px; }
.tex03 td{ line-height:25px; border-bottom:#f0f0f1 solid 1px;}
.tex04 p{ margin:-27px 0px -5px 80px;}
.tex05{ font-size:18px; }
.tex06{ background-image:url(../sap_images/t-bg_04.png); background-repeat:no-repeat; height:52px;} /*活動花絮*/
.tex07{ font-size:13px; }
.tex08{ font-size:15px; }
.tex09{ font-size:24px; }
.tex10{ font-size:26px; }
.tex11{ font-size:14px; }
.tex12 td{padding: 12px;letter-spacing:1px; border-bottom:#f0f0f1 solid 1px;}
.tex13 td{padding: 12px; letter-spacing:1px; line-height: 25px;}
.tex14{ font-size:19px; }
.tex15 td{padding: 10px; letter-spacing:1px; line-height: 25px;}
.tex16 td{padding: 10px; letter-spacing:1px; }
.tex17 td{padding:5px; letter-spacing:1px; line-height: 25px;}
.tex18 td{padding: 10px 15px; letter-spacing:1px; line-height: 25px;}
.tex19 td{padding: 12px;letter-spacing:1px; }

.tex09.Crude01>span{
	border-left: 5px #3D2164 solid;
	padding-left: 10px;
}



.f01{ float:right; margin:8px;}
.f0L{ float:left;}
.f0R{ float:right;}

.Spacing01{ letter-spacing:1.5px;}
.Spacing02{ margin:0px 10px 0px 10px;}
.Spacing03{ margin:10px 0px 10px 0px;}
.Spacing04{ padding:0px 0px 12px 60px;}
.Spacing05{ margin:30px 0px 0px 0px;}
.Spacing06{ margin:0px 0px 0px 10px;}
.Spacing07{ margin:10px 0px 10px 10px;}
.Spacing08{ padding:10px 0px 10px 0px;}
.Spacing09{ padding:30px 0px 0px 0px;}
.Spacing10{ margin-bottom:25px;}
.Spacing11{ line-height:30px; letter-spacing:1px;}
.Spacing12{ margin-bottom:20px;}
.Spacing13{ padding-bottom:20px;}
.Spacing14{ padding-bottom:10px;}
.Spacing15{ margin-top: 15px;}
.Spacing16{ padding-top:15px;}
.Spacing17{ margin-bottom:60px;}

.w01{ width:260px;}
.w03{ width:260px; height:auto;}
.w02{ width:300px;}
.w04{ width:170px; height:340px; margin:auto;}
.w05{ width:170px; height:auto; margin:0px 0px 20px 0px;}
.w06{ height:50px;}

.wb01{ background: #5bc0de; border-radius:10px; color: #fff; font-size: 13px; padding: 3px;}/*藍*/
.wb02{ background: #f3b755; border-radius:10px; color: #fff; font-size: 13px; padding: 3px;}/*橘*/
.wb03{ background: #5cb85c; border-radius:10px; color: #fff; font-size: 13px; padding: 3px;}/*綠*/
.wb04{ background: #fe93aa; border-radius:10px; color: #fff; font-size: 13px; padding: 3px;}/*粉紅*/
.wb05{ background: #c183f7; border-radius:10px; color: #fff; font-size: 13px; padding: 3px;}/*紫色*/

.wb06{width: 15px; height: 15px;  background: #5bc0de; border-radius:100%; color: #fff; font-size: 13px; padding: 3px;}/*藍*/
.wb07{width: 15px; height: 15px; background: #f3b755; border-radius:10px; color: #fff; font-size: 13px; padding: 3px;}/*橘*/
.wb08{width: 15px; height: 15px; background: #5cb85c; border-radius:10px; color: #fff; font-size: 13px; padding: 3px;}/*綠*/
.wb09{width: 15px; height: 15px; background: #fe93aa; border-radius:10px; color: #fff; font-size: 13px; padding: 3px;}/*粉紅*/
.wb10{width: 15px; height: 15px; background: #c183f7; border-radius:10px; color: #fff; font-size: 13px; padding: 3px;}/*紫色*/

.box_shadow01{box-shadow: -1px 2px 10px #333333; -webkit-box-shadow: -1px 2px 10px #333333; -moz-box-shadow: -1px 2px 10px #333333;}


.mouse01{cursor:pointer;}	
.p_img{border-radius: 18px;}
.p_img2{border-radius: 5px;}
.clear_both {clear:both;}

/*藍*/
.menubox01 { width:100%; height:45px; line-height:40px; text-align:center; font-size:17px; font-weight: bold; letter-spacing:1px; color:#fff; font-family:'微軟正黑體'; float: left; margin: 0px 10px 0px 0px;}
.menubox01 a{ width:100%; height:42px; line-height:40px; text-align:center; font-size:17px; font-weight: bold;   letter-spacing:1px; color:#fff; font-family:'微軟正黑體';  border-radius:3px; border:rgba(229,229,229,0.6) 1px solid; display:block; text-decoration:none; 
background: #00A8B8; /* Old browsers */
}
.menubox01 a:hover { width:100%; height:42px; line-height:40px; text-align:center; font-size:17px; font-weight: bold;  letter-spacing:1px; color:#fff; border-radius:3px; border:rgba(229,229,229,0.6) 1px solid; display:block; text-decoration:none; padding-top:3px; 
background:#0098A8; /* Old browsers */
}
/*紫色*/
.menubox02 { width:100%; height:45px; line-height:40px; text-align:center; font-size:17px; font-weight: bold; letter-spacing:1px; color:#fff; font-family:'微軟正黑體'; float: left; margin: 0px 10px 0px 0px;}
.menubox02 a{ width:100%; height:42px; line-height:40px; text-align:center; font-size:17px; font-weight: bold;   letter-spacing:1px; color:#fff; font-family:'微軟正黑體';  border-radius:3px; border:rgba(229,229,229,0.6) 1px solid; display:block; text-decoration:none; 
background: #5d0e6b; /* Old browsers */
}
.menubox02 a:hover { width:100%; height:42px; line-height:40px; text-align:center; font-size:17px; font-weight: bold;  letter-spacing:1px; color:#fff; border-radius:3px; border:rgba(229,229,229,0.6) 1px solid; display:block; text-decoration:none; padding-top:3px; 
background:#38215f; /* Old browsers */
}

/*藍*/
.menubox03 { width:70%; height:40px; line-height:38px; text-align:center; font-size:15px; font-weight: bold; letter-spacing:1px; color:#fff; font-family:'微軟正黑體'; float: left;  margin: 0px;}
.menubox03 a{ width:70%; height:40px; line-height:38px; text-align:center; font-size:15px; font-weight: bold;   letter-spacing:1px; color:#fff; font-family:'微軟正黑體';  border-radius:3px; border:rgba(229,229,229,0.6) 1px solid; display:block; text-decoration:none; 
background: #587c92; /* Old browsers */
}
.menubox03 a:hover { width:70%; height:40px; line-height:38px; text-align:center; font-size:15px; font-weight: bold;  letter-spacing:1px; color:#fff; border-radius:3px; border:rgba(229,229,229,0.6) 1px solid; display:block; text-decoration:none; padding-top:3px; 
background:#58bbdb; /* Old browsers */
}

.li_01 li{
	margin-bottom: 10px;
}

.d01{ width:338px;height:350px; margin:25px 0px 0px 10px; float:left; text-align:center;}/*首頁商品box 框*/
.d01_2 { width:338px;  height:305px; line-height:305px;  background:#fff; overflow:hidden; border:#CCC solid 1px; position: relative; border-radius: 20px; }/*首頁商品box 框*/
.d01_2 img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max - height: 100 % ;
    max - width: 100 % ;
}
.p_img01 {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}