/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearBoth{
 clear: both;
}

.clearfix:after{
 display: block;
 visibility: hidden;
 clear: both;
 height: 0;
 content: "";
}

/* ---reset.css--- */

html {	
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC",Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;/**iphone手機旋轉字體不要放大**/
	color:#666;
}

body{
	-webkit-text-size-adjust:none;/**iphone手機旋轉字體不要放大**/
}

*{
	-webkit-box-sizing:border-box;/**讓舊手機支援**/
	box-sizing:border-box;/**解除paddingr加上寬高的關係**/
}

a:link {
	color:#000;
	text-decoration: none;
}

a:visited {
	color:#000;
	text-decoration: none;
}

a:hover {
	color:#f30;
	text-decoration: none;
}

.WW:link {
	color:#fff;
	text-decoration: none;
}

.WW:visited {
	color:#fff;
	text-decoration: none;
}

.WW:hover {
	color:#FC0;
	text-decoration: none;
}

/* --電腦版型------------------------------------- */

#WRAPPER{
	width:100%;
	min-width:1100px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC",Arial, Helvetica, sans-serif;
	}

#WRAPPER header{
	width:100%;
	height:150px;
	}

#WRAPPER header #TOP{
	margin:0 auto;
	width:1100px;
	height:100px;
	}

#WRAPPER header #TOP a #LOGO {
	display:block;
	background-image: url(image/logo.png);
	width:500px;
	height:80px;
	margin:10px 0 0 10px;
	text-indent:-9999px;
	float:left;
	}
	
#WRAPPER header #TOP #LANG{
	display:block;
	width:300px;
	height:32px;
	float:right;
	margin:50px 0 0 0;
	font-size:14px;
	}

#WRAPPER header #TOP #LANG .HH{
	display:none;
	float:right;
	background-image:url(image/t_but02a.png);
	width:33px;
	height:32px;
	text-indent:-9999px;
	margin:0 0 0 10px;
	}

#WRAPPER header #TOP #LANG .HH:hover{
	background-image: url(image/t_but02b.png);
	}


#WRAPPER header #TOP #LANG .FF{
	float:right;
	background-image:url(image/t_but05a.png);
	width:33px;
	height:32px;
	text-indent:-9999px;
	margin:0 0 0 10px;
	}

#WRAPPER header #TOP #LANG .FF:hover{
	background-image: url(image/t_but05b.png);
	}

#WRAPPER header #TOP #LANG .LL{
	float:right;
	background-image:url(image/t_but03a.png);
	width:33px;
	height:32px;
	text-indent:-9999px;
	margin:0 0 0 10px;
	}

#WRAPPER header #TOP #LANG .LL:hover{
	background-image: url(image/t_but03b.png);
	}
	
#WRAPPER header #TOP #LANG .WW{
	display:none;
	float:right;
	background-image: url(image/t_but04a.png);
	width:33px;
	height:32px;
	text-indent:-9999px;
	margin:0 0 0 10px;
	}

#WRAPPER header #TOP #LANG .WW:hover{
	background-image: url(image/t_but04b.png);
	}

#WRAPPER header #ICON{
	width:100%;
	height:50px;
	background-color:#a82127;
	}
	
#WRAPPER header #ICON ul{
	width:1100px;
	height:50px;
	margin:0 auto;
	}

#WRAPPER header #ICON li a{
	display:block;
	float:right;
	text-align:right;
	color:#FFF;
	font-size:20px;
	line-height:30px;
	padding:10px 0 0 0;
	margin:0 0 0 25px;
	}

#WRAPPER header #ICON li a:hover{
	color: #FF0;
	}

#WRAPPER header #ICON_S{
	display:none;
	text-indent:-9999px;
	}
	
#WRAPPER header #INC{
	display:none;
	}

#WRAPPER article{
	clear:both;
	width:100%;
	height:auto;
	overflow:hidden;
	color:#333;
	}

#WRAPPER article #BANNER{
	display:block;
	width:100%;
	height:0;
	padding-bottom:34.37%;
	text-align:center;
	}

#WRAPPER article #BANNER img{
	width:100%;
	height:auto;
	}

#WRAPPER article #BANNER_S{
	display:none;
	}


#WRAPPER article .M_LINE{
	width:100%;
	height:20px;
	background-color:#dbddde;
	}

#WRAPPER article #BOX{
	margin:0 auto;
	width:1100px;
	overflow:hidden;
	}

#WRAPPER article #BOX .BOX_01{
	width:1100px;
	height: auto;
	overflow:hidden;
	}

#WRAPPER article #BOX .BOX_01 h3{
	font-size:32px;
	color:#666;
	text-align:center;
	font-weight:normal;
	padding:80px 0 0 0;
	}

#WRAPPER article #BOX .BOX_01 .HTOH{
	font-size:32px;
	min-height:36px;
	line-height:36px;
	color:#666;
	text-align:center;
	font-weight:normal;
	padding:80px 0 0 0;
	margin:0;
	background-image:none;
	}

#WRAPPER article #BOX .BOX_01 .HTOH2{
	font-size:32px;
	min-height:36px;
	line-height:36px;
	color:#666;
	text-align:center;
	font-weight:normal;
	padding:80px 0 0 0;
	margin:0 0 40px 0;
	background-image:none;
	}

#WRAPPER article #BOX .BOX_01 h4{
	font-size:20px;
	color:#999;
	line-height:28px;
	text-align:center;
	font-weight:normal;
	padding:10px 0 30px 0;
	}

#WRAPPER article #BOX .BOX_01 .HO_01{
	background-color:#f6efef;
	padding:20px;
	text-align:center;
	overflow:hidden;
	}

#WRAPPER article #BOX .BOX_01 .HO_01 img{
	margin:0 auto;
	}

#WRAPPER article #BOX .BOX_01 .HO_02{
	background-color:#f2f2f2;
	padding:30px 25px;
	overflow:hidden;
	text-align:center;
	}
	
#WRAPPER article #BOX .BOX_01 .FFF{
	background-color:#FFF;
	}

#WRAPPER article #BOX .BOX_01 .HO_02 img{
	margin:0 auto;
	}

#WRAPPER article #BOX .BOX_01 .HO_02 .PHOTO_01{
	float:left;
	width:175px;
	height:auto;
	text-align:center;
	}

#WRAPPER article #BOX .BOX_01 .HO_02 .PHOTO_01 img{
	}
	
#WRAPPER article #BOX .BOX_01 .HO_02 .PHOTO_01 h5{
	font:18px;
	line-height:30px;
	font-weight:normal;
	padding:5px 0 5px 0;
	color:#999;
	}


#WRAPPER article #BOX .BOX_01 .HO_02 h3{
	font-size:32px;
	color:#0066ba;
	text-align:center;
	font-weight:normal;
	padding:80px 0 30px 0;
	}

#WRAPPER article #BOX .BOX_01 .HO_03{
	width:320px;
	height:50px;
	margin:0 auto;
	clear:both;
	}

#WRAPPER article #BOX .BOX_01 .HO_03 a{
	display:block;
	float:left;
	font-size:20px;
	color:#FFF;
	background-color:#a82127;
	line-height:30px;
	padding:10px 30px;
	border-radius:10px;
	margin:-10px 10px;
	}

#WRAPPER article #BOX .BOX_01 .HO_03 a:hover{
	background-color:#a0752c;
	}

#WRAPPER article #BOX .BOX_01 .HO_04{
	width:1100px;
	height: auto;
	margin:30px 0 0 0;
	overflow:hidden;
	}

#WRAPPER article #BOX .BOX_01 .HO_04 .L{
	width:650px;
	height:auto;
	float:left;
	padding:20px 0 0 20px;
	}

#WRAPPER article #BOX .BOX_01 .HO_04 .R{
	width:410px;
	height:auto;
	float:left;
	padding:0 0 0 20px;
	}

#WRAPPER article #BOX .BOX_01 .HO_04 .R .R_BO1{
	float:left;
	background-image:url(image/sh_photo01.jpg);
	width:380px;
	height:280px;
	margin:0 0 20px 0;
	border:#CCC solid 1px;
	}

#WRAPPER article #BOX .BOX_01 .HO_04 .R .R_BO2{
	float:left;
	background-image:url(image/sh_photo02.jpg);
	width:380px;
	height:280px;
	margin:0 0 20px 0;
	border:#CCC solid 1px;
	}

#WRAPPER article #BOX .BOX_01 .HO_04 .R p{
	display:block;
	width:378px;
	height:45px;
	background-color: rgba(0, 0, 0, 0.6);
	color:#FFF;
	font-size:16px;
	line-height:23px;
	padding:10px 15px 0 15px;
	margin-top:235px;
	text-align:center;
	}


#WRAPPER article #BOX .BOX_01 h2{
	background-image:url(image/title_back01.png);
	background-repeat:no-repeat;
	width:100%;
	height:42px;
	color:#FFF;
	font-size:20px;
	padding:6px 0 0 20px;
	margin:30px 0 10px 0;
	color:#555;
	}

#WRAPPER article #BOX .BOX_01 .MORE{
	background-image:url(image/h_more.png);
	width:30px;
	height:30px;
	text-indent:-9999px;
	float:right;
	margin:-2px 5px 0 0;
	}



#WRAPPER article #BOX .BOX_01 .SPACE{
	float:left;
	width:65px;
	height:20px;
	}

#WRAPPER article #BOX .BOX_01 .BT02{
	float:left;
	width:226px;
	margin:0 0 50px 0;
	}

#WRAPPER article #BOX .BOX_01 .BT02 img{
	width:100%;
	height:auto;
	border:#CCC solid 1px;
	
	}

#WRAPPER article #BOX .BOX_01 .BT02 p a{
	margin:5px 0 20px 0;
	font-size:15px;
	line-height:22px;
	color:#595959;
	}

#WRAPPER article #BOX .BOX_01 .BT02 p a:hover{
	color:#C30;
	}

#WRAPPER article #BOX .BOX_01 .BT01{
	float:left;
	width:226px;
	margin:0 0 50px 0;
	}

#WRAPPER article #BOX .BOX_01 .BT01 img{
	width:100%;
	height:auto;
	border:#CCC solid 1px;
	
	}

#WRAPPER article #BOX .BOX_01 .BT01 h6{
	font-size:22px;
	color:#a82127;
	background-image:url(image/point_04.jpg);
	background-repeat:no-repeat;
	line-height:35px;
	font-weight:normal;
	margin:0 0 10px 0;
	}

#WRAPPER article #BOX .BOX_01 .BT01 .GARY{
	background-image:url(image/point_05.jpg);
	}

#WRAPPER article #BOX .BOX_01 .BT01 h6 span{
	font-size:30px;
	color:#FFF;
	font-weight:normal;
	padding:0 12px 0 8px;
	margin:0 0 10px 0;
	}

#WRAPPER article #BOX .BOX_01 .BT01 p a{
	margin:5px 0 20px 0;
	font-size:15px;
	line-height:22px;
	color:#595959;
	}

#WRAPPER article #BOX .BOX_01 .BT01 p a:hover{
	color:#C30;
	}

#WRAPPER article #TOP01{
	background-image:url(image/top_01.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}

#WRAPPER article #TOP02{
	background-image:url(image/top_02.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}

#WRAPPER article #TOP03{
	background-image:url(image/top_03.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}

#WRAPPER article #TOP04{
	background-image:url(image/top_04.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}

#WRAPPER article #TOP05{
	background-image:url(image/top_05.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}

#WRAPPER article #TOP06{
	background-image:url(image/top_06.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}

#WRAPPER article #TOP07{
	background-image:url(image/top_07.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}

#WRAPPER article #TOP08{
	background-image:url(image/top_08.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}

#WRAPPER article #TOP09{
	background-image:url(image/top_09.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}

#WRAPPER article #TOP10{
	background-image:url(image/top_10.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}

#WRAPPER article #TOP11{
	background-image:url(image/top_11.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}

#WRAPPER article #TOP12{
	background-image:url(image/top_12.jpg);
	margin:0 auto;
	width:100%;
	height:400px;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#dbddde;
	}
	
	
/**↓↓服務項目s01↓↓**/

#WRAPPER article #BOX .BOX_02{
	width:1000px;
	height: auto;
	margin:0 auto 20px auto;
	overflow:hidden;
	}

#WRAPPER article #BOX .BOX_02 .NOSE a{
	text-align:center;
	background-color:#06F;
	font-size:32px;
	color:#FFF;
	padding:4px 12px;
	border-radius:4px;
	}

#WRAPPER article #BOX .BOX_02 .NOSE a:hover{
	background-color:#a82127;
	}

#WRAPPER article #BOX  h1{
	background-image:url(image/h1_back.png);
	background-repeat:no-repeat;
	width:100%;
	min-height:60px;
	line-height:60px;
	font-size:40px;
	font-weight:normal;
	padding:0 0 0 30px;
	margin:40px 0 30px 0;
	color:#444;
	overflow:hidden;
	}
	
#WRAPPER article #BOX .BOX_02 p{
	font-size:17px;
	color:#777;
	line-height:24px;
	margin:0 0 20px 0;
	text-align:justify;
	}

#WRAPPER article #BOX .BOX_02 .B20{
	font-size:21px;
	line-height:30px;
	color:#555;
	font-weight:600;
	}

#WRAPPER article #BOX .BOX_02 .B20W{
	font-size:21px;
	line-height:26px;
	color:#FFF;
	font-weight:600;
	}

#WRAPPER article #BOX .BOX_02 .B24{
	font-size:25px;
	line-height:30px;
	color:#555;
	font-weight:normal;
	margin:0 0 10px 0;
	
	}

#WRAPPER article #BOX .BOX_02 .SPACE{
	float:left;
	width:0px;
	height:20px;
	}

#WRAPPER article #BOX .BOX_02 .BT03{
	float:left;
	width:210px;
	margin:0 0 20px 30px;
	}

#WRAPPER article #BOX .BOX_02 .BT03 img{
	width:100%;
	height:auto;
	}
#WRAPPER article #BOX .BOX_02 h2{
	margin:30px 0 15px 0;
	font-size:28px;
	line-height:36px;
	color:#555;
	}

#WRAPPER article #BOX .BOX_02 .FSMALL{
	margin:0 0 40px 0;
	font-size:17px;
	line-height:20px;
	color:#555;
	font-weight:normal;
	}

#WRAPPER article #BOX .BOX_02 .BT03 h6{
	font-size:20px;
	color:#1c668b;
	line-height:30px;
	font-weight:normal;
	text-align:center;
	}

#WRAPPER article #BOX .BOX_02 .NOS{
	margin:0;
	padding:0;
	}

#WRAPPER article #BOX .BOX_02 .BT03 p{
	margin:5px 0 5px 0;
	font-size:16px;
	line-height:22px;
	color:#595959;
	}

#WRAPPER article #BOX .BOX_02 .BT03 .B22{
	font-size:22px;
	line-height:26px;
	color:#555;
	font-weight:600;
	}

#WRAPPER article #BOX .ODER .ASK{
    width:500px;
	height:50px;
	line-height:50px;
	margin:0 auto;
	font-size:22px;
	letter-spacing:1px;
	color:#999;
	text-align:center;
	font-weight: 500;
	}

#WRAPPER article #BOX .ODER ul{
	width:300px;
	height:65px;
	margin:0 auto;
	}
#WRAPPER article #BOX .ODER ul li{
	display:block;
	float:left;
	width:65px;
	height:65px;
	margin:0 7px 0 8px; 
	text-indent:-9999px;
	}


#WRAPPER article #BOX .ODER ul li:hover{
	opacity:0.7;
	filter:alpha(opacity=70); 
	}

#WRAPPER article #BOX .ODER ul .FB{
	background-image: url(image/b_icon_07.png);
	width:104px;
	background-size:cover;
	}
#WRAPPER article #BOX .ODER ul .LI{
	background-image:url(image/b_icon_09.png);
	width:161px;
	background-size:cover;
	}
#WRAPPER article #BOX .ODER .CO{
	background-image:url(image/s_icon_03.png);
	background-size:cover;
	}
#WRAPPER article #BOX .ODER .WE{
	background-image: url(image/s_icon_04.png);
	background-size:cover;
	}

/**↑↑服務項目s01↑↑**/

/**↓↓服務項目s02↓↓**/

#WRAPPER article #BOX .BOX_02 .ALL{
	width:100%;
	height:auto;
	padding:0;
	overflow:hidden;
	border-bottom:#999 solid 1px;
	margin:0 0 30px 0;
	}

#WRAPPER article #BOX .BOX_02 .ALL .THANKS{
	width:100%;
	height:auto;
	}

#WRAPPER article #BOX .BOX_02 .ALL .THANKS h5{
	width:100%;
	text-align:center;
	font-size:36px;
	line-height:42px;
	margin:50px 0 30px 0;
	color: #F60;
	}

#WRAPPER article #BOX .BOX_02 .ALL .THANKS p{
	width:100%;
	text-align:center;
	font-size:20px;
	line-height:24px;
	margin:30px  auto;
	color:#333
	}

#WRAPPER article #BOX .BOX_02 .ALL  table {
	margin:0 0 20px 0;
	width:70%;
	background-color: #F4F4FF;
	color:#333;
	font-size:17px;
	}

#WRAPPER article #BOX .BOX_02 .ALL  tr td {
	border:#999 solid 1px;
	padding:7px 57px;
	text-align:center;
	}
	
#WRAPPER article #BOX .BOX_02 .ALL  tr th {
	border:#999 solid 1px;
	padding:7px 5px;
	background-color: #FFF0F0;
	}

#WRAPPER article #BOX .BOX_02 .ALL p{
	font-size:17px;
	line-height:26px;
	text-align:justify;
	}

#WRAPPER article .PCSHOW{
	display:block;
	}

#WRAPPER article .PHSHOW{
	display:none;
	}

#WRAPPER article #BOX .BOX_02 .ALL .SER ul{
	}

#WRAPPER article #BOX .BOX_02 .ALL .SER ul li a{
	background-image:url(image/point_02.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:400px;
	height:40px;
	line-height:40px;
	font-size:26px;
	font-weight:normal;
	margin:0 0 20px 40px;
	padding:0 0 0 20px;
	border-bottom:#CCC solid 1px;
	color:#666;
	}

#WRAPPER article #BOX .BOX_02 .ALL .SER .FONT_S a{
	font-size:20px;
	}
	

#WRAPPER article #BOX ol{
	}

#WRAPPER article #BOX ol li{
	font-size:17px;
	line-height:22px;
	background-image:url(image/point_01.png);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	}
#WRAPPER article #BOX .BOX_02 .HALF_50{
	float:left;
	width:48%;
	height:auto;
	padding:20px 0 20px 0;
	}
#WRAPPER article #BOX .BOX_02 .RR{
	padding:20px 0 20px 40px;
	}

#WRAPPER article #BOX .BOX_02 .NN{
	border-bottom:#999 solid 0px;
	}

#WRAPPER article #BOX .BOX_02 .CC{
	text-align:center;
	padding:0 0 30px 0;
	}
	
#WRAPPER article #BOX .BOX_02 .MM{
	margin:0;
	}
	

#WRAPPER article #BOX .BOX_02 .BB1{
	background-color:#9bcdfb;
	}

#WRAPPER article #BOX .BOX_02 .BB2{
	background-color:#82c0fa;
	}
#WRAPPER article #BOX .BOX_02 .BB3{
	background-color:#69b3f9;
	}

#WRAPPER article #BOX .BOX_02 .BB1 p{
	color:#FFF;
	}

#WRAPPER article #BOX .BOX_02 .BB2 p{
	color:#FFF;
	}

#WRAPPER article #BOX .BOX_02 .BB3 p{
	color:#FFF;
	}

#WRAPPER article #BOX .BOX_02 .HALF_33{
	float:left;
	width:32%;
	height:auto;
	padding:0 1.5% 1.5% 1.5%;
	
	}

#WRAPPER article #BOX .BOX_02 .HALF_33 img{
	margin:20px 0 0 0;
	}

#WRAPPER article #BOX .BOX_02 .HALF_66{
	float:left;
	width:68%;
	height:auto;
	padding:1.5% 0 1.5% 1.5%;
	}


/**↑↑服務項目s02↑↑**/

/**↓↓SNOT-22↓↓**/
#WRAPPER article #BOX .BOX_02 #SNOT{
	margin:20px 0 20px 0;
	width:100%;
	border:#CCC solid 1px;
	overflow:hidden;
	border-radius:8px;
	padding:15px 30px 20px 30px;
	}

#WRAPPER article #BOX .BOX_02 .SNOT_ALL{
	width:100%;
	min-height:40px;
	margin:10px 0 10px 0;
	border-bottom:#CCC solid 1px;
	overflow:hidden;
	}

#WRAPPER article #BOX .BOX_02 .SNOT_ALL .SNOT_L{
	float: left;
	width:30%;
	min-height:40px;
	line-height:40px;
	font-size:20px;
	padding:0 0 0 10px;
	}


#WRAPPER article #BOX .BOX_02 .SNOT_ALL .SNOT_R{
	float: left;
	width:70%;
	min-height:40px;
	line-height:40px;
	font-size:20px;
	}
/**↑↑SNOT-22↑↑**/

#WRAPPER article #BOX .BOX_02 .wrapper{
    position: relative;
    padding-bottom:56.25%;
    width:100%;
    height:0;
	border:#CCC solid 1px;
}

#WRAPPER article #BOX .BOX_02 .wrapper iframe{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


#WRAPPER article .BACK a{
	display:block;
	margin:20px auto 20px auto;
	width:120px;
	height:40px;
	font-size:20px;
	line-height:40px;
	text-align:center;
	border-radius:5px;
	background-color:#1a1b20;
	color:#FFF;
	}

#WRAPPER article .BACK a:hover{
	background-color:#a82127;
	}

#WRAPPER article .TEST a{
	display:block;
	margin:10px 0 10px 0;
	width:270px;
	height:40px;
	font-size:20px;
	line-height:40px;
	text-align:center;
	border-radius:5px;
	background-color:#1a1b20;
	color:#FFF;
	padding:0 10px;
	}

#WRAPPER article .TEST a:hover{
	background-color:#a82127;
	}

#WRAPPER article .TEST2 a{
	display:block;
	margin:10px auto;
	width:460px;
	height:45px;
	font-size:20px;
	line-height:45px;
	text-align:center;
	border-radius:5px;
	background-color:#1a1b20;
	color:#FFF;
	padding:0 10px;
	}

#WRAPPER article .TEST2 a:hover{
	background-color:#a82127;
	}


#WRAPPER footer{
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC",Arial, Helvetica, sans-serif;
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	margin:80px 0 0 0;
	border-top:#d0d0d0 5px solid;
	}
	
#WRAPPER footer #COPY{
	clear:both;
	margin:20px auto;
	width:1100px;
	height:auto;
	color:#FFF;
	overflow:hidden;
    }

#WRAPPER footer #COPY h3{
	font-size:19px;
	line-height:32px;
	color: #333;
	}
	
#WRAPPER footer #COPY p{
	font-size:15px;
	line-height:20px;
	color: #333;
	}

#WRAPPER footer #COPY a{
	color:#333;
	}

#WRAPPER footer #COPY a:hover{
	color:#666;
	}


#WRAPPER footer #COPY .COPY01{
	float:left;
	width:400px;
	height:64px;
	background-image:url(image/logo.png);
	background-size:cover;
	text-indent:-9999px;
	font-size:19px;
	line-height:32px;
	}

#WRAPPER footer #COPY .COPY02{
	float:right;
	width:600px;
	height:auto;
	text-align:right;
	}


#WRAPPER article #BOX .BOX_02 .REP01{
	display:block;
	}

#WRAPPER article #BOX .BOX_02 .REP02{
	display:none;
	}

.TX_RED{
	color:#F00;
	}

.TX_RED_B{
	font-size:36px;
	color:#F00;
	font-weight:bolder;
	}


/* --手機版型------------------------------------- */

@media screen and (max-width: 999px) {
	
#WRAPPER{
	width:100%;
	min-width:368px;
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC",Arial, Helvetica, sans-serif;
	}

#WRAPPER header{
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC",Arial, Helvetica, sans-serif;
	background-image:url(image/back_tops.png);
	background-repeat:repeat-x;
	background-position:top center;
	width:100%;
	height:110px;
	}

#WRAPPER header #TOP{
	margin:0 auto;
	width:100%;
	height:110px;
	}

#WRAPPER header #TOP a #LOGO {
	display:block;
	background-image: url(image/logo_top.png);
	width:250px;
	height:50px;
	background-size:cover;
	margin:5px 0 5px 10px;
	text-indent:-9999px;
	float:left;
	}
	
#WRAPPER header #TOP #LANG{
	display:block;
	text-align:right;
	width:120px;
	height:40px;
	float:right;
	margin:16px 10px 0 0;
	font-size:17px;
	}

#WRAPPER header #TOP #LANG .HH{
	display:none;
	float:right;
	background-image: url(image/s_t_but02a.png);
	width:32px;
	height:32px;
	background-size:cover;
	text-indent:100%;
	white-space: nowrap;
    overflow: hidden;
	margin:0 0 0 5px;
	}

#WRAPPER header #TOP #LANG .HH:hover{
	background-image: url(image/s_t_but02b.png);
	}

	
#WRAPPER header #TOP #LANG .FF{
		float:right;
	background-image: url(image/s_t_but06a.png);
	width:32px;
	height:32px;
	background-size:cover;
	text-indent:100%;
	white-space: nowrap;
    overflow: hidden;
	margin:0 0 0 5px;
	}

#WRAPPER header #TOP #LANG .FF:hover{
	background-image: url(image/s_t_but06b.png);
	}

#WRAPPER header #TOP #LANG .LL{
	float:right;
	background-image: url(image/s_t_but03a.png);
	width:32px;
	height:32px;
	background-size:cover;
	text-indent:100%;
	white-space: nowrap;
    overflow: hidden;
	margin:0 0 0 5px;
	}

#WRAPPER header #TOP #LANG .LL:hover{
	background-image: url(image/s_t_but03b.png);
	}

#WRAPPER header #TOP #LANG .WW{
	display:none;
	float:right;
	background-image: url(image/s_t_but05a.png);
	width:32px;
	height:32px;
	background-size:cover;
	text-indent:100%;
	white-space: nowrap;
    overflow: hidden;
	margin:0 0 0 5px;
	}

#WRAPPER header #TOP #LANG .WW:hover{
	background-image: url(image/s_t_but05b.png);
	}


#WRAPPER header #ICON{
	display:none;
	}
	
#WRAPPER header #ICON_S{
	display:none;
	width:230px;
	height:230px;
	position:fixed;
	z-index:888;
	left:50%;
	top:12%;
	margin-left:-115px;
	margin-top:60px;
	text-indent:0;
	}
	
#WRAPPER header #ICON_S ul{
	}

#WRAPPER header #ICON_S li a{
	display:block;
	float:left;
	width:110px;
	text-align: center;
	color:#FFF;
	font-size:18px;
	line-height:44px;
	margin:2px 2px;
	background-color:rgba(167,33,38,0.8);
	border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #FFF; 
	}

#WRAPPER header #ICON_S li a:hover{
	color:#FF0;
	}

#WRAPPER header #INC{
	float:left;
	display: block;
	width:100%;
	height:50px;
	}
#WRAPPER header #INC #INC_COM{
	float:left;
	display:block;
	width:187px;
	height:40px;
	background-image:url(image/logo_inc.png);
	background-size:cover;
	text-indent:-9999px;
	margin:3px 0 0 12px;
	}

#WRAPPER header #INC #INC_BUT{
	display:block;
	float:right;
	width:40px;
	height:30px;
	margin:13px 10px 0 0;
	background-image:url(image/logo_icon.png);
	background-repeat:no-repeat;
	cursor:pointer;
	}

#WRAPPER article #BANNER{
	display:none;
	}

#WRAPPER article #BANNER_S{
	display:block;
	width:100%;
	height:auto;
	}

#WRAPPER article #BANNER_S #SLIDER_S{
	width:100%;
	height:auto;
    }

#WRAPPER article #BANNER_S #SLIDER_S img{
	width:100%;
	height:auto;
	}

#WRAPPER article #BANNER_S #SLIDER_S .B01{
	display:block;
	width:100%;
	height:0;
	padding-bottom:45.5%;
	background-image: url(image/banner_s01.jpg);
	background-size:cover;
	background-position:center center;

    }

#WRAPPER article #BANNER_S #SLIDER_S .B02{
	display:block;
	width:100%;
	height:0;
	padding-bottom:45.5%;
	background-image: url(image/banner_s02.jpg);
	background-size:cover;
	background-position:center center;
    }

#WRAPPER article #BANNER_S #SLIDER_S .B03{
	display:block;
	width:100%;
	height:0;
	padding-bottom:45.5%;
	background-image: url(image/banner_s03.jpg);
	background-size:cover;
	background-position:center center;
	}

#WRAPPER article #BANNER_S #SLIDER_S .B04{
	display:block;
	width:100%;
	height:0;
	padding-bottom:45.5%;
	background-image: url(image/banner_s04.jpg);
	background-size:cover;
	background-position:center center;
    }


#WRAPPER article .M_LINE{
	width:100%;
	height:10px;
	margin:-1px 0 0 0;
	background-color:#dbddde;
	}

#WRAPPER article #BOX{
	margin:0 auto;
	width:100%;
	padding:0 4%;
	overflow:hidden;
	}

#WRAPPER article #BOX .BOX_01{
	width:100%;
	height: auto;
	overflow:hidden;
	}

#WRAPPER article #BOX .DOWN40{
	margin:0 0 40px 0;
	}

#WRAPPER article #BOX .BOX_01 h3{
	font-size:24px;
	line-height:32px;
	color:#666;
	text-align:center;
	font-weight:normal;
	padding:40px 0 0 0;
	}

#WRAPPER article #BOX .BOX_01 .HTOH{
	font-size:24px;
	min-height:28px;
	line-height:28px;
	color:#666;
	text-align:center;
	font-weight:normal;
	padding:40px 0 0 0;
	margin:0;
	background-image:none;
	}
	
#WRAPPER article #BOX .BOX_01 .HTOH2{
	font-size:24px;
	min-height:28px;
	line-height:28px;
	color:#666;
	text-align:center;
	font-weight:normal;
	padding:40px 0 0 0;
	margin:0 0 30px 0;
	background-image:none;
	}

#WRAPPER article #BOX .BOX_01 h4{
	font-size:17px;
	color:#999;
	line-height:24px;
	text-align:center;
	font-weight:normal;
	padding:10px 0 30px 0;
	}

#WRAPPER article #BOX .BOX_01 .HO_01{
	background-color:#f6efef;
	padding:20px;
	text-align:center;
	overflow:hidden;
	}

#WRAPPER article #BOX .BOX_01 .HO_01 img{
	width:100%;
	height:auto;
	margin:0 auto;
	}

#WRAPPER article #BOX .BOX_01 .HO_02{
	background-color:#f2f2f2;
	padding:20px 0 20px 0;
	overflow:hidden;
	text-align:center;
	}
	
#WRAPPER article #BOX .BOX_01 .FFF{
	background-color:#FFF;
	}

#WRAPPER article #BOX .BOX_01 .HO_02 img{
	width:96%;
	height:auto;
	margin:0 auto;
	}

#WRAPPER article #BOX .BOX_01 .HO_02 .PHOTO_01{
	float:left;
	width:44%;
	height:auto;
	text-align:center;
	margin:0 3% 6% 3%;
	}

#WRAPPER article #BOX .BOX_01 .HO_02 .PHOTO_01 img{
	}
	
#WRAPPER article #BOX .BOX_01 .HO_02 .PHOTO_01 h5{
	font:18px;
	line-height:30px;
	font-weight:normal;
	padding:5px 0 5px 0;
	color:#999;
	}


#WRAPPER article #BOX .BOX_01 .HO_02 h3{
	font-size:26px;
	color:#0066ba;
	text-align:center;
	font-weight:normal;
	padding:20px 0 20px 0;
	}

#WRAPPER article #BOX .BOX_01 .HO_03{
	width:320px;
	height:50px;
	margin:0 auto;
	clear:both;
	}

#WRAPPER article #BOX .BOX_01 .HO_03 a{
	display:block;
	float:left;
	font-size:20px;
	color:#FFF;
	background-color:#a82127;
	line-height:30px;
	padding:10px 30px;
	border-radius:10px;
	margin:-10px 10px;
	}

#WRAPPER article #BOX .BOX_01 .HO_03 a:hover{
	background-color:#a0752c;
	}

#WRAPPER article #BOX .BOX_01 .HO_04{
	width:100%;
	height: auto;
	margin:30px 0 0 0;
	overflow:hidden;
	}

#WRAPPER article #BOX .BOX_01 .HO_04 .L{
	width:100%;
	height:auto;
	float: none;
	padding:0;
	margin:0 0 30px 0;
	}

#WRAPPER article #BOX .BOX_01 .HO_04 .L img{
	width:100%;
	height:auto;
	}

#WRAPPER article #BOX .BOX_01 .HO_04 .R{
	width:100%;
	height:auto;
	float: none;
	padding:0;
	}

#WRAPPER article #BOX .BOX_01 .HO_04 .R .R_BO1{
	float: none;
	background-image:url(image/sh_photo01.jpg);
	background-size:cover;
	width:100%;
	height:0;
	padding-bottom:73.68%;
	margin:0 0 20px 0;
	border:#CCC solid 1px;
	position:relative;
	}

#WRAPPER article #BOX .BOX_01 .HO_04 .R .R_BO2{
	float: none;
	background-image:url(image/sh_photo02.jpg);
	background-size:cover;
	width:100%;
	height:0;
	padding-bottom:73.68%;
	margin:0 0 20px 0;
	border:#CCC solid 1px;
	position:relative;
	}

#WRAPPER article #BOX .BOX_01 .HO_04 .R p{
	display:block;
	width:100%;
	height:55px;
	background-color: rgba(0, 0, 0, 0.6);
	color:#FFF;
	font-size:16px;
	line-height:23px;
	padding:16px 5px 0 5px;
	margin:0;
	position:absolute;
 	bottom:0px;
 	right:0px;
	}


#WRAPPER article #BOX .BOX_01 h2{
	background-image:url(image/title_back01.png);
	background-repeat:no-repeat;
	width:100%;
	height:42px;
	color:#FFF;
	font-size:20px;
	padding:6px 0 0 20px;
	margin:30px 0 10px 0;
	color:#555;
	}

#WRAPPER article #BOX .BOX_01 .MORE{
	background-image:url(image/h_more.png);
	width:30px;
	height:30px;
	text-indent:-9999px;
	float:right;
	margin:-2px 5px 0 0;
	}



#WRAPPER article #BOX .BOX_01 .SPACE{
	display:none;
	}

#WRAPPER article #BOX .BOX_01 .BT02{
	float:left;
	width:48%;
	margin:2% 1% 2% 1%;
	}

#WRAPPER article #BOX .BOX_01 .BT02 img{
	width:100%;
	height:auto;
	border:#CCC solid 1px;
	
	}

#WRAPPER article #BOX .BOX_01 .BT02 p a{
	margin:5px 0 20px 0;
	font-size:15px;
	line-height:22px;
	color:#595959;
	}

#WRAPPER article #BOX .BOX_01 .BT02 p a:hover{
	color:#C30;
	}

#WRAPPER article #BOX .BOX_01 .BT01{
	float: none;
	width:100%;
	margin:10px 0 30px 0;
	}

#WRAPPER article #BOX .BOX_01 .BT01 img{
	width:100%;
	height:auto;
	border:#CCC solid 1px;
	
	}

#WRAPPER article #BOX .BOX_01 .BT01 h6{
	font-size:22px;
	color:#a82127;
	background-image:url(image/point_04.jpg);
	background-repeat:no-repeat;
	line-height:35px;
	font-weight:normal;
	margin:0 0 10px 0;
	}

#WRAPPER article #BOX .BOX_01 .BT01 .GARY{
	background-image:url(image/point_05.jpg);
	}

#WRAPPER article #BOX .BOX_01 .BT01 h6 span{
	font-size:30px;
	color:#FFF;
	font-weight:normal;
	padding:0 12px 0 8px;
	margin:0 0 10px 0;
	}

#WRAPPER article #BOX .BOX_01 .BT01 p a{
	margin:8px 0 30px 0;
	font-size:17px;
	line-height:22px;
	color:#595959;
	}

#WRAPPER article #BOX .BOX_01 .BT01 p a:hover{
	color:#C30;
	}

#WRAPPER article #TOP01{
	background-image:url(image/s_top_01.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}

#WRAPPER article #TOP02{
	background-image:url(image/s_top_02.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}

#WRAPPER article #TOP03{
	background-image:url(image/s_top_03.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}

#WRAPPER article #TOP04{
	background-image:url(image/s_top_04.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}

#WRAPPER article #TOP05{
	background-image:url(image/s_top_05.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}

#WRAPPER article #TOP06{
	background-image:url(image/s_top_06.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}

#WRAPPER article #TOP07{
	background-image:url(image/s_top_07.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}

#WRAPPER article #TOP08{
	background-image:url(image/s_top_08.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}

#WRAPPER article #TOP09{
	background-image:url(image/s_top_09.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}

#WRAPPER article #TOP10{
	background-image:url(image/s_top_10.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}

#WRAPPER article #TOP11{
	background-image:url(image/s_top_11.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}

#WRAPPER article #TOP12{
	background-image:url(image/s_top_12.jpg);
	width:100%;
	height:0;
	padding-bottom:40%;
	background-size:cover;
	background-position:center center;
	background-color:#dbddde;
	}
	
	
/**↓↓服務項目s01↓↓**/

#WRAPPER article #BOX .BOX_02{
	width:100%;
	height: auto;
	margin:0 auto 10px auto;
	overflow:hidden;
	}

#WRAPPER article #BOX .BOX_02 .NOSE a{
	text-align:center;
	background-color:#06F;
	font-size:24px;
	color:#FFF;
	padding:4px 12px;
	border-radius:4px;
	}

#WRAPPER article #BOX .BOX_02 .NOSE a:hover{
	background-color:#a82127;
	}

#WRAPPER article #BOX  h1{
	background-image:url(image/s_h1_back.png);
	background-repeat:no-repeat;
	width:100%;
	min-height:32px;
	line-height:32px;
	font-size:26px;
	font-weight:normal;
	padding:0 0 0 16px;
	margin:30px 0 25px 0;
	color:#444;
	overflow:hidden;
	}
	
#WRAPPER article #BOX .BOX_02 p{
	font-size:17px;
	color:#777;
	line-height:24px;
	margin:0 0 20px 0;
	text-align:justify;
	}

#WRAPPER article #BOX .BOX_02 .B20{
	font-size:19px;
	line-height:30px;
	color:#555;
	font-weight:500;
	}

#WRAPPER article #BOX .BOX_02 p img{
	width:100%;
	height:auto;
	}

#WRAPPER article #BOX .BOX_02 .B20W{
	font-size:19px;
	line-height:26px;
	color:#FFF;
	font-weight:600;
	}

#WRAPPER article #BOX .BOX_02 .B24{
	font-size:22px;
	line-height:27px;
	color:#555;
	font-weight:normal;
	margin:0 0 8px 0;
	
	}

#WRAPPER article #BOX .BOX_02 .SPACE{
	display:none;
	}

#WRAPPER article #BOX .BOX_02 .BT03{
	float:left;
	width:46%;
	margin:0 2% 20px 2%;
	}

#WRAPPER article #BOX .BOX_02 .BT03 img{
	width:100%;
	height:auto;
	}
#WRAPPER article #BOX .BOX_02 h2{
	margin:30px 0 15px 0;
	font-size:22px;
	line-height:25px;
	color:#555;
	}
	
#WRAPPER article #BOX .BOX_02 .FSMALL{
	margin:0 0 30px 0;
	font-size:16px;
	line-height:27px;
	color:#555;
	font-weight:normal;
	}

#WRAPPER article #BOX .BOX_02 .BT03 h6{
	font-size:19px;
	color:#1c668b;
	line-height:24px;
	font-weight:normal;
	text-align:center;
	padding:0 0 4px 0;
	}

#WRAPPER article #BOX .BOX_02 .NOS{
	display:none;
	}

#WRAPPER article #BOX .BOX_02 .BT03 p{
	margin:5px 0 5px 0;

	font-size:15px;
	line-height:22px;
	color:#595959;
	}

#WRAPPER article #BOX .BOX_02 .BT03 .B22{
	font-size:22px;
	line-height:26px;
	color:#555;
	font-weight:600;
	}

#WRAPPER article #BOX .ODER .ASK{
    width:324px;
	height:auto;
	line-height:30px;
	margin:10px auto;
	font-size:16px;
	letter-spacing:1px;
	color:#999;
	text-align:center;
	font-weight: 500;
	}

#WRAPPER article #BOX .ODER ul{
	width:300px;
	height:65px;
	margin:0 auto;
	}
#WRAPPER article #BOX .ODER ul li{
	display:block;
	float:left;
	width:65px;
	height:65px;
	margin:0 7px 0 8px; 
	text-indent:-9999px;
	}


#WRAPPER article #BOX .ODER ul li:hover{
	opacity:0.7;
	filter:alpha(opacity=70); 
	}

#WRAPPER article #BOX .ODER ul .FB{
	background-image: url(image/b_icon_07.png);
	width:104px;
	background-size:cover;
	}
#WRAPPER article #BOX .ODER ul .LI{
	background-image:url(image/b_icon_09.png);
	width:161px;
	background-size:cover;
	}
#WRAPPER article #BOX .ODER .CO{
	background-image:url(image/s_icon_03.png);
	background-size:cover;
	}
#WRAPPER article #BOX .ODER .WE{
	background-image: url(image/s_icon_04.png);
	background-size:cover;
	}

/**↑↑服務項目s01↑↑**/

/**↓↓服務項目s02↓↓**/


#WRAPPER article #BOX .BOX_02 .ALL{
	width:100%;
	height:auto;
	padding:0;
	overflow:hidden;
	border-bottom:#999 solid 1px;
	margin:0 0 30px 0;
	}

#WRAPPER article #BOX .BOX_02 .ALL .THANKS{
	width:100%;
	height:auto;
	}

#WRAPPER article #BOX .BOX_02 .ALL .THANKS h5{
	width:100%;
	text-align:center;
	font-size:30px;
	line-height:36px;
	margin:40px 0 20px 0;
	color: #F60;
	}

#WRAPPER article #BOX .BOX_02 .ALL .THANKS p{
	width:100%;
	text-align:center;
	font-size:17px;
	line-height:20px;
	margin:20px  auto;
	color:#333
	}

#WRAPPER article #BOX .BOX_02 .ALL  table {
	margin:0 0 20px 0;
	width:100%;
	background-color: #F4F4FF;
	color:#333;
	font-size:16px;
	}

#WRAPPER article #BOX .BOX_02 .ALL  tr td {
	border:#999 solid 1px;
	padding:7px 5px;
	text-align:center;
	}
	
#WRAPPER article #BOX .BOX_02 .ALL  tr th {
	border:#999 solid 1px;
	padding:7px 5px;
	background-color: #FFF0F0;
	}

#WRAPPER article #BOX .BOX_02 .ALL img{
	width:100%;
	height:auto;
	}

#WRAPPER article #BOX .BOX_02 .ALL p{
	font-size:16px;
	line-height:22px;
	text-align:justify;
	}

#WRAPPER article .PCSHOW{
	display:none;
	}

#WRAPPER article .PHSHOW{
	display:block;
	}

#WRAPPER article #BOX .BOX_02 .ALL .SER ul{
	}

#WRAPPER article #BOX .BOX_02 .ALL .SER ul li a{
	background-image:url(image/point_02.png);
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:90%;
	height: auto;
	line-height:25px;
	font-size:18px;
	font-weight:normal;
	margin:0 0 10px 20px;
	padding:8px 0 7px 20px;
	border-bottom:#CCC solid 1px;
	color:#666;
	}

#WRAPPER article #BOX .BOX_02 .ALL .SER .FONT_S a{
	font-size:18px;
	}

#WRAPPER article #BOX ol{
	}

#WRAPPER article #BOX ol li{
	font-size:17px;
	line-height:22px;
	background-image:url(image/point_01.png);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	}
#WRAPPER article #BOX .BOX_02 .HALF_50{
	float: none;
	width:100%;
	height:auto;
	padding:0;
	}
#WRAPPER article #BOX .BOX_02 .RR{
	padding:0;
	}

#WRAPPER article #BOX .BOX_02 .NN{
	border-bottom:#999 solid 0px;
	}

#WRAPPER article #BOX .BOX_02 .CC{
	text-align:center;
	padding:0 0 30px 0;
	}

#WRAPPER article #BOX .BOX_02 .MM{
	margin:0;
	}

#WRAPPER article #BOX .BOX_02 .BB1{
	background-color:#9bcdfb;
	margin:0 0 20px 0;
	padding:0 5%; 
	}

#WRAPPER article #BOX .BOX_02 .BB2{
	background-color:#82c0fa;
	}
#WRAPPER article #BOX .BOX_02 .BB3{
	background-color:#69b3f9;
	}

#WRAPPER article #BOX .BOX_02 .BB1 p{
	color:#FFF;
	padding:10px 5% 0 5%; 
	}

#WRAPPER article #BOX .BOX_02 .BB2 p{
	color:#FFF;
	padding:10px 5% 0 5%;
	}

#WRAPPER article #BOX .BOX_02 .BB3 p{
	color:#FFF;
	padding:10px 5% 0 5%;
	}

#WRAPPER article #BOX .BOX_02 .HALF_33{
	float: none;
	width:100%;
	height:auto;
	padding:2% 0;
	margin:0 auto;
	
	}

#WRAPPER article #BOX .BOX_02 .HALF_33 img{
	margin:20px 0 0 0;
	width:60%;
	height:auto;
	margin:0 auto;
	}

#WRAPPER article #BOX .BOX_02 .HALF_66{
	float:left;
	width:100%;
	height:auto;
	padding:2% 0;
	}

/**↑↑服務項目s02↑↑**/

/**↓↓SNOT-22↓↓**/
#WRAPPER article #BOX .BOX_02 #SNOT{
	margin:20px 0 20px 0;
	width:100%;
	border:#CCC solid 1px;
	overflow:hidden;
	border-radius:8px;
	padding:15px 15px 20px 15px;
	}

#WRAPPER article #BOX .BOX_02 .SNOT_ALL{
	width:100%;
	min-height:30px;
	margin:10px 0 10px 0;
	border-bottom:#CCC solid 1px;
	overflow:hidden;
	padding:0 0 10px 0;
	}

#WRAPPER article #BOX .BOX_02 .SNOT_ALL .SNOT_L{
	float: none;
	width:100%;
	min-height:30px;
	line-height:32px;
	font-size:17px;
	padding:0;
	font-weight:bolder;
	}


#WRAPPER article #BOX .BOX_02 .SNOT_ALL .SNOT_R{
	float: none;
	width:100%;
	min-height:30px;
	line-height:22px;
	font-size:15px;
	}
/**↑↑SNOT-22↑↑**/


#WRAPPER article #BOX .BOX_02 .wrapper{
    position: relative;
    padding-bottom:56.25%;
    width:100%;
    height:0;
	border:#CCC solid 1px;
}

#WRAPPER article #BOX .BOX_02 .wrapper iframe{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#WRAPPER article .BACK a{
	display:block;
	margin:10px auto 10px auto;
	width:120px;
	height:40px;
	font-size:20px;
	line-height:40px;
	text-align:center;
	border-radius:5px;
	background-color:#1a1b20;
	color:#FFF;
	}

#WRAPPER article .BACK a:hover{
	background-color:#a82127;
	}

#WRAPPER article .TEST a{
	display:block;
	margin:10px 0 10px 0;
	width:240px;
	height:40px;
	font-size:18px;
	line-height:40px;
	text-align:center;
	border-radius:5px;
	background-color:#1a1b20;
	color:#FFF;
	padding:0 10px;
	}

#WRAPPER article .TEST a:hover{
	background-color:#a82127;
	}

#WRAPPER article .TEST2 a{
	margin:5px auto;
	width:320px;
	height:40px;
	font-size:17px;
	line-height:40px;
	text-align:center;
	border-radius:5px;
	background-color:#1a1b20;
	color:#FFF;
	padding:0;
	}

#WRAPPER article .TEST2 a:hover{
	background-color:#a82127;
	}

#WRAPPER footer{
	font-family:"微軟正黑體","Microsoft JhengHei","Heiti TC",Arial, Helvetica, sans-serif;
	width:100%;
	height:auto;
	overflow:hidden;
	background-color:#FFF;
	margin:30px 0 0 0;
	border-top:#f5a905 5px solid;
	}
	
#WRAPPER footer #COPY{
	clear:both;
	margin:20px auto;
	width:100%;
	height:auto;
	color:#FFF;
	overflow:hidden;
    }

#WRAPPER footer #COPY h3{
	font-size:18px;
	line-height:20px;
	margin:0 0 10px 0; 
	}
	
#WRAPPER footer #COPY p{
	font-size:14px;
	line-height:20px;
	margin:0 0 10px 0; 
	}

#WRAPPER footer #COPY a{
	color:#333;
	}

#WRAPPER footer #COPY a:hover{
	color:#666;
	}


#WRAPPER footer #COPY .COPY01{
	background-image:url(image/logo.png);
	width:80%;
	height:0;
	background-size:cover;
	padding-bottom:12%;
	text-indent:-9999px;
	font-size:19px;
	line-height:32px;
	float: none;
	margin:0 0 20px 0;
	}

#WRAPPER footer #COPY .COPY02{
	margin:10px auto;
	float: none;
	width:95%;
	height:auto;
	text-align:left;
	}

#WRAPPER article #BOX .BOX_02 .REP01{
	display:none;
	}

#WRAPPER article #BOX .BOX_02 .REP02 {
	display:block;
	}
#WRAPPER article #BOX .BOX_02 .REP02 img {
	width:25%;
	height:auto;
	margin:0 5% 3% 0;

}

/* ======平板版型區====== */
 
@media screen and (min-width: 999px) and (max-width: 1300px) {
	#WRAPPER{
	width:1300px;
	}
}