/* Html Body */
html, body {
  font-size: 13px;
  color:#000;
  font-family:Verdana, Geneva, sans-serif ,微軟正黑體;
  -webkit-text-size-adjust:none;
  -webkit-font-size-delta:10px;
  height:100%;
  background-color:#fff;
  word-break:break-all;
}
a { color:#39F; text-decoration:none; }
a:hover { color:#c00; text-decoration:none; }
#wrapper {
  position:relative;
  min-width:985px;
  width:1366px;
  min-height:100%;
  margin:0 auto;
  overflow:hidden;
}
.content { padding-bottom:500px; }

.clearfix { clear:both; }


/*FOOTER*/
#footer { position:absolute; bottom:0; width:100%; height:500px; overflow:hidden; }
#don_adv {}
#don_adv a { display:block; }
#don_menu { font-size:13px; color:#7c7872; background:#f2f2f2; padding:40px; }
#don_menu ul { margin:0px; padding:0px; overflow:auto; }
#don_menu ul li { float:left; margin:0px; padding:0 10% 0 0; list-style:none; font-size:16px; line-height:24px; }
#don_menu ul li a { color:#7c7872; }
#don_menu ul li a:hover { color:#666; }
#don_menu ul li ul { margin:0px; padding:0px; }
#don_menu ul li ul li { float:none; margin:0px; padding:0px; list-style:none; font-size:13px; line-height:20px; }
#don_link { padding:70px 0 10px 0; color:#fff; text-align:center; background:#040B43; }
#don_link a { display:inline-block; padding:0 10px; color:#fff; }
#don_link a:hover { color:#ddd; }
#copyright { padding:0 0 70px 0; color:#fff; line-height:15px; text-align:center; background:#040B43;  }
#copyright img { width:57px; height:15px; margin:0 10px 0 0;  }


/* Main */


/* Style */
.disnon { display:none; }
.disboc { display:block; }
.text { font-size:15px; color:#666; line-height:1.4; }
.c_c00 { color:#c00; }
hr { border:0; height:1px; background-color:#d4d4d4; margin:30px 0; }

.alignR { text-align:right; }
.alignC { text-align:center; }

.fs_12 { font-size:12px; }
.fs_24 { font-size:24px; }

h1 { font-size:35px; color:#1b3374; margin-bottom:50px; }
h2 { font-size:30px; line-height:30px; margin-bottom:50px; color:#000; }
h3 { font-size:24px; line-height:24px; margin-bottom:30px; color:#000; }
h4 { font-size:18px; line-height:24px; margin-bottom:30px; color:#000; }
.text p { margin-bottom:20px; text-indent:30px; color:#666; font-size:15px; text-align:justify; line-height:1.4; }
.text hr { border:0; height:1px; background-color:#d4d4d4; margin:30px 0; }

.fcktext ol li {list-style-type:decimal; word-break:break-all; }
.fcktext ul,.fcktext ol{ padding-left:20px; #padding-left:25px; margin-bottom:50px; }
.fcktext ul li,.fcktext ol li { list-style-type:disc; list-style-position:outside; word-break:break-all; }
.fcktext p { word-break:break-word; }
.fcktext b { color:#000; }
.iframeTxt {
  color:#666;
  height: 300px;
  background-color:#fff;
  border: 1px solid #DDD;
  margin: 0 0 15px 0;
  padding: 15px;
  line-height: 1.6;
  overflow: auto;
}

ul.step {
  margin-bottom:50px;
  width:100%;
  height:120px;
  overflow:hidden;
  text-align:center;
}
ul.step li {
  display:inline-block;
  margin:0 20px;
	color:#1b3374;
	font-size:18px;
	font-weight:bold;
  vertical-align:middle;
}
ul.step li.current { color:#d60c28; }
ul.step li i { display:block; font-size:40px; line-height:1; }
ul.step li i span { font-size:90px; }


/* Slider */
#sliderUI { position:relative; margin:0 auto; width:100%; max-width:1366px; height:667px; overflow:hidden; }
#sliderUI .pic a.item { width:100%; overflow:hidden; }
#sliderUI .pic a.item img { position:absolute; left:50%; margin-left:-683px; width:inherit; }
#sliderUI .pic b { display:block; width:1366px; height:667px; overflow:hidden; }
#sliderUI .cycle-pager { text-align:center; width:96%; padding:2%; z-index:500; position:absolute; top:580px; overflow:hidden; }
#sliderUI .cycle-pager span { font-family:arial; margin:0 5px; font-size:8px; line-height:9px; width:9px; height:9px; display:inline-block; background:#e5e1dc; color:#e5e1dc; cursor:pointer; }
#sliderUI .cycle-pager span.cycle-pager-active { background:#d60c28; color:#d60c28; }
#sliderUI .cycle-pager > * { cursor:pointer; }


/* Box bin */
ul#box_bin { overflow:hidden; }
ul#box_bin li {
  position: relative;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -ms-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border:solid 1px #fff;
  border-top:none;
  border-left:none;
  box-sizing:border-box;
  overflow: hidden;
  background:#f2f2f2;
  background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(#f2f2f2));
  background:-webkit-linear-gradient(#fbfbfb, #f2f2f2);
  background:-moz-linear-gradient(#fbfbfb, #f2f2f2);
  background:-ms-linear-gradient(#fbfbfb, #f2f2f2);
  background:-o-linear-gradient(#fbfbfb, #f2f2f2);  
  background:linear-gradient(#fbfbfb, #f2f2f2); 
  -pie-background: linear-gradient(#fbfbfb, #f2f2f2);
  behavior: url(/pie/PIE.htc);
}
ul#box_bin li:hover { background:#fff; }
ul#box_bin li.bin_h250 { float:left; width:25%; height:250px; }
ul#box_bin li.bin_h500 { float:right; width:25%; height:500px; }
ul#box_bin a {
  display:block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
ul#box_bin a img {
  position:absolute;
  top:0;
  left:50%;
  margin-left:-170px;
  max-width:inherit;
  width:340px;
  z-index:2;
}
ul#box_bin a h3 {
  position:absolute;
  top:20px;
  left:20px;
  right:20px;
  margin:0px;
  font-family:微軟正黑體, vadana;
  font-size:18px;
  text-align:center;
  font-weight:normal;
  color:#666;
  z-index:3;
}
ul#box_bin a h3 span { font-size:15px; display:inline-block; margin-left:5px; }
ul#box_bin li.bin_h250 a img { height:250px; }
ul#box_bin li.bin_h500 a img { height:500px; }

ul#box_bin .bg01 { background:#c8cace; }
ul#box_bin .bg02 { background:#86b7ce; }
ul#box_bin .bg03 { background:#f7c6c9; }
ul#box_bin .bg04 { background:#99c7b2; }
ul#box_bin .bg05 { background:#f6c667; } 
ul#box_bin .bg06 { background:#d5aed0; }
ul#box_bin .bg07 { background:#f1ef7f; }


#adv_box img { width:100%; }



/*PRODUCT*/
#product_box {}
#product_box .box_list { padding:0 1px; }
#product_box .box_list ul { margin:0px; padding:0px; overflow:hidden; }
#product_box .box_list ul li { float:left; padding:0px; list-style:none; width:25%; height:275px;}
#product_box .box_list ul li h3 { margin:0px; padding:15px 30px; font-size:20px; height:48px; }
/*Max195*/
#product_box .box_list ul li b { display:block; width:100%; height:195px; }
#product_box .box_list ul li b img { width:100%; }
#product_box .box_list ul li a {
	display:block;
	color:#666;
	margin:0 1px 1px 0;
	height:275px;
	background:#f2f2f2;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(#f2f2f2));
	background:-webkit-linear-gradient(#fbfbfb, #f2f2f2);
	background:-moz-linear-gradient(#fbfbfb, #f2f2f2);
	background:-ms-linear-gradient(#fbfbfb, #f2f2f2);
	background:-o-linear-gradient(#fbfbfb, #f2f2f2);  
	background:linear-gradient(#fbfbfb, #f2f2f2); 
	-pie-background: linear-gradient(#fbfbfb, #f2f2f2);
	behavior: url(/pie/PIE.htc);
}
#product_box .box_list ul li a:hover { background:#fff; }

#product_box .box_view {
	padding:120px 53px 53px 53px;
	height:100%;
	background:#cfc5bf;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ab9f96), to(#cfc5bf));
	background:-webkit-linear-gradient(#ab9f96, #cfc5bf);
	background:-moz-linear-gradient(#ab9f96, #cfc5bf);
	background:-ms-linear-gradient(#ab9f96, #cfc5bf);
	background:-o-linear-gradient(#ab9f96, #cfc5bf);   
	background:linear-gradient(#ab9f96, #cfc5bf); 
	-pie-background: linear-gradient(#ab9f96, #cfc5bf);
	behavior: url(/pie/PIE.htc);
	overflow:hidden;
}
.pro_pic { float:left; width:700px; }
.pro_pic b { display:block; width:700px; height:400px; }
.pro_pic b img { width:100%; }

.pro_icon { margin:0 auto; width:448px; overflow:visible; }
.pro_icon div {
	position:relative;
	display:inline-block;
	width:50px; height:50px;
	margin:5px;
}
.pro_icon img {
	position:absolute; top:0; left:0; z-index:1;
	width:50px; height:50px;
	line-height:normal;
}
.pro_icon img:hover {
	width:100px; height:100px;
	margin-top:-25px; margin-left:-25px;
	z-index:99;
}

/*.pro_icon ul li b { display:block; width:50px; height:50px; }*/
.pro_icon ul li b img { width:100%; }
.pro_text { float:left; width:560px; padding:20px 0 0 0; color:#666; }
.pro_text h3 { margin:0px; padding:0px; font-size:50px; line-height:60px; }
.pro_text h4 { margin:0px; padding:0 0 30px 0; font-size:40px; line-height:50px; }
.pro_text p { margin:0px; padding:0px; font-size:24px; line-height:30px; }
.pro_text .price { margin:0px; padding:50px 0 0 0; font-size:18px; line-height:50px; }
.pro_text .price h5 { display:inline-block; margin:0px; padding:0px; font-size:18px; line-height:50px; width:260px; }
.pro_text .price a {
	display:inline-block;
	height:50px;
	padding:0 10px; margin-right:10px;
	border:solid 1px #020415;
	text-align:center;
	color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	background: #040720;
	background: -moz-linear-gradient(-45deg,  #040720 0%, #060c28 50%, #122050 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#040720), color-stop(50%,#060c28), color-stop(100%,#122050));
	background: -webkit-linear-gradient(-45deg,  #040720 0%,#060c28 50%,#122050 100%);
	background: -o-linear-gradient(-45deg,  #040720 0%,#060c28 50%,#122050 100%);
	background: -ms-linear-gradient(-45deg,  #040720 0%,#060c28 50%,#122050 100%);
	background: linear-gradient(135deg,  #040720 0%,#060c28 50%,#122050 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040720', endColorstr='#122050',GradientType=1 );
}

#product_box .download { height:295px; background:#e5e1dc url(../images/pro_download_bg.png) no-repeat 50%; }
#product_box .download ul { margin:0px; padding:0px; overflow:auto; }
#product_box .download ul li { float:left; margin:0px; padding:0px; list-style:none; width:683px; height:295px; }
#product_box .download ul li b { text-align:center; display:block; }
#product_box .download ul li h3 { text-align:center; margin:0px; padding:10px 0 0 0; font-size:30px; }
#product_box .download ul li h4 { text-align:center; margin:0px; padding:0px; font-size:20px; color:#666; }
#product_box .download ul li a { display:block; padding:70px 0 0 0; color:#000; }
#product_box .download ul li a:hover { color:#d60c28; }

#download_box_all { position:relative; margin:0 auto; max-width:950px; height:560px; padding:40px 0 0 0; background:#fff; }
#download_box_all button { position:absolute; top:0px; right:0px; }
#download_box { max-width:950px; height:560px; background:#fff; }
#download_box table { border-top:solid 1px #fff; border-left:solid 1px #fff; }
#download_box tr { background:#fff;} 
#download_box tr:nth-child(2n){ background:#e9e9e9;} 
#download_box tr{ background-color: expression((this.sectionRowIndex % 2 == 0) ?   "#fff" : "#e9e9e9" );} 
#download_box th,#download_box td { padding:5px 0; border-bottom:solid 1px #fff; border-right:solid 1px #fff; }
#download_box th { font-size:16px; color:#fff; text-align:center; background:#999; }
#download_box td { font-size:14px; color:#333; text-align:left; }
#download_box .left { padding-left:200px; width:275px; }
#download_box .right { padding-left:100px; width:375px; }
#download_box .bg { background:#e9e9e9; }
#download_box .download { text-align:center; }
#download_box .download b { text-align:center; display:block; }
#download_box .download h3 { text-align:center; margin:0px; padding:10px 0 0 0; font-size:30px; }
#download_box .download h4 { text-align:center; margin:0px; padding:0px; font-size:20px; color:#666; }
#download_box .download a { display:block; padding:20px 0 30px 0; color:#000; }
#download_box .download a:hover { color:#d60c28; }

#pro_scroll { position: fixed; z-index:9999; right:50%; margin-right:-653px; top:333px; }
#pro_scroll ul { margin:0px; padding:0px; }
#pro_scroll ul li { margin:0px; padding:3px 0; list-style:none; }
#pro_scroll ul li a { display:block; width:9px; height:9px; background:#e5e1dc; }
#pro_scroll ul li:hover>a,#pro_scroll ul li.cur>a { background:#d60c28; }


/* Media */
.MediaNav {
	height:520px;
	margin-bottom:1px;
	overflow:hidden;
}
.MediaNav ul { margin-top:12px; overflow:hidden; }
.MediaNav li {
	float:left;
	width:25%;
	height:100%;
	border-right:solid 1px #fff;
	-webkit-box-sizing:border-box;
	-box-sizing:border-box;
	box-sizing:border-box;
}
.MediaNav li:last-child { border:none; }
.MediaNav li a {
	display:block;
	position:relative;
	height:520px;
	font-family:微軟正黑體;
	color:#fff;
	text-align:center;
	line-height:1;
	text-decoration:none;
  -webkit-transition:background 0.3s ease-in-out;
  -moz-transition:background 0.3s ease-in-out;
  -ms-transition:background 0.3s ease-in-out;
  -o-transition:background 0.3s ease-in-out;
  transition:background 0.3s ease-in-out;
}
.MediaNav li a.video, .wrap-box.video { background-color:#860038; }
.MediaNav li a.event, .wrap-box.event { background-color:#006bb7; }
.MediaNav li a.fans, .wrap-box.fans { background-color:#e76221; }
.MediaNav li a.news, .wrap-box.news { background-color:#b2b2b2; }
.MediaNav li a div {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	font-size:80px;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
.MediaNav li a div span { display:block; font-size:24px; }
.MediaNav li a:before, .MediaNav li a:after {
	display:block;
	content:"";
	position:absolute;
	opacity:0;
	background-repeat:no-repeat;
	background-position:center center;
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
}
.MediaNav li a:before {
	top:105px;
	left:50%;
	margin-left:-137.5px;
	height:275px;
	width:275px;
}
.MediaNav li a:after {
	top:170px;
	left:50%;
	margin-left:-82.5px;
	height:165px;
	width:165px;
}
.MediaNav li a:hover:before, .MediaNav li a:hover:after {
	opacity:1;
	-webkit-animation:bg 0.5s ease-in;
	-moz-animation:bg 0.5s ease-in;
	-ms-animation:bg 0.5s ease-in;	
	-o-animation:bg 0.5s ease-in;
	animation:bg 0.5s ease-in;
}
@-webkit-keyframes bg {
  from { opacity:0; }
  to   { opacity:1; }
}
@-moz-keyframes bg {
  from { opacity:0; }
  to   { opacity:1; }
}
@-ms-keyframes bg {
  from { opacity:0; }
  to   { opacity:1; }
}
@-o-keyframes bg {
  from { opacity:0; }
  to   { opacity:1; }
}
@keyframes bg {
  from { opacity:0; }
  to   { opacity:1; }
}

.MediaNav li a.video:before { background-image:url(images/NavBG-Video.png) }
.MediaNav li a.video:after { background-image:url(images/icon-Video.png); }
.MediaNav li a.video:hover { background-color:#590327; }

.MediaNav li a.event:before { background-image:url(images/NavBG-Event.png); }
.MediaNav li a.event:after { background-image:url(images/icon-Event.png); }
.MediaNav li a.event:hover { background-color:#004D84; }

.MediaNav li a.fans:before { background-image:url(images/NavBG-Fans.png); }
.MediaNav li a.fans:after { background-image:url(images/icon-Fans.png); }
.MediaNav li a.fans:hover { background-color:#B84812; }

.MediaNav li a.news:before { background-image:url(images/NavBG-News.png); }
.MediaNav li a.news:after { background-image:url(images/icon-News.png); }
.MediaNav li a.news:hover { background-color:#848484; }

.MediaNav li a:hover div {
	top:70%;
	text-shadow:1px 1px 8px rgba(0,0,0,0.3);
	-webkit-transform:scale(0.75);
	-moz-transform:scale(0.75);
	-ms-transform:scale(0.75);
	-o-transform:scale(0.75);
	transform:scale(0.75);
}

.Media-box .wrap-box {
	height:600px;
	margin-bottom:1px;
	background-repeat:no-repeat;
}
.Media-box .wrap-box .wrap-inner { padding:40px; text-align:center; overflow:hidden; }
.wrap-box.video {
	background-image:url(images/boxBG-Video.png);
	background-position:left;
}
.wrap-box.event {
	background-image:url(images/boxBG-Event.png);
	background-position:right;
}
.wrap-box.fans {
	background-image:url(images/boxBG-Fans.png);
	background-position:left;
}
.wrap-box.news {
	position:relative;
	background-image:url(images/boxBG-News.png);
	background-position:right;
}

.Media-box .wrap-box h3 {
  color:#fff;
  font-size:60px;
  font-family:微軟正黑體;
  font-weight:normal;
  line-height:1;
  text-align:left;
  text-shadow:1px 1px 7px rgba(0,0,0,0.2);
  padding:0 0 15px 70px;
  border-bottom:solid 1px #fff;
  background-repeat:no-repeat;
  background-position:left top;
}
.Media-box .wrap-box h3 span {
  display:inline-block;
  margin-left:10px;
  font-size:40px;
  text-shadow:none;
}
.wrap-box.video h3 { background-image:url(images/icon-VideoB.png); }
.wrap-box.event h3 { background-image:url(images/icon-EventB.png); }
.wrap-box.fans h3 { background-image:url(images/icon-FansB.png); }
.wrap-box.news h3 { background-image:url(images/icon-NewsB.png); }

.wrap-box.video h3 span { color:#590327; }
.wrap-box.event h3 span { color:#004D84; }
.wrap-box.fans h3 span { color:#B84812; }
.wrap-box.news h3 span { color:#848484; }

.bin-main, .bin-wrap, .bin-more { display:inline-block; }
.bin-main {
  position:relative;
  margin:10px 50px 10px 0px;
  width:500px;
  height:350px;
  overflow:hidden;
}
.bin-main a {
  position:absolute;
  top:-80px;
  left:0;
  width:calc(100% - 20px);
  padding:10px;
  font-size:20px;
  text-align:left;
  line-height:1.2;
  color:#fff;
  background-color:rgba(0,0,0,0.5);
  -webkit-transition:top 0.3s ease-in-out;
  -moz-transition:top 0.3s ease-in-out;
  -ms-transition:top 0.3s ease-in-out;
  -o-transition:top 0.3s ease-in-out;
  transition:top 0.3s ease-in-out;
}
.bin-main img { width:500px; height:350px; }
.bin-main:hover a { top:0; }

.bin-wrap { width:520px; margin-right:20px; vertical-align:top; }
.bin-wrap ul { overflow:hidden; }
.bin-wrap ul li {
  position:relative;
  float:left;
  width:240px;
  height:165px;
  margin:10px;
  overflow:hidden;
 }
.bin-wrap ul li img { width:240px; height:165px; }
.bin-wrap ul li a {
  display:block;
  position:absolute;
  top:-165px;
  width:calc(100% - 20px);
  height:calc(100% - 20px);
  padding:10px;
  color:#fff;
	font-size:15px;
	line-height:1.2;
  text-align:left;
	text-shadow:1px 1px 3px rgba(0,0,0,0.25);
  background-color:rgba(0,0,0,0.5);
  -webkit-transition:top 0.3s ease-in-out;
  -moz-transition:top 0.3s ease-in-out;
  -ms-transition:top 0.3s ease-in-out;
  -o-transition:top 0.3s ease-in-out;
  transition:top 0.3s ease-in-out;
}
.bin-wrap ul li:hover a { top:0; }

.wrap-box.news .bin-main {
	padding:20px;
	width:340px;
	background-color:#fff;
	text-align:left;
}
.wrap-box.news .bin-main a {
	position:static;
	display:block;
	color:#000;
	width:inherit;
	padding:10px 0;
	background-color:transparent;
}
.wrap-box.news .bin-main img { width:340px; height:250px; }
.wrap-box.news .bin-wrap { vertical-align:top; margin:; }
.wrap-box.news .bin-wrap ul li {
	float:none;
	width:100%;
	height:inherit;
	margin-bottom:30px;
}
.wrap-box.news .bin-wrap ul li span { display:block; margin-bottom:5px; color:#fff; text-align:left; }
.wrap-box.news .bin-wrap ul li a {
	position:static;
	width:100%;
	background-color:transparent;
	font-size:18px;
	padding:0;
}
.wrap-box.news .bin-wrap ul li a:hover { text-shadow:none; }

.bin-more { margin:10px 0; vertical-align:top; }
.bin-more a {
  display:block;
  padding:150px 15px;
  margin:0;
  width:20px;
  color:#fff;
  text-align:center;
  text-shadow:rgba(0,0,0,0.2);
  background-color:rgba(0,0,0,0.2);
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
}
.wrap-box.news .bin-more {
	position:absolute;
	bottom:40px;
	right:210px;
	width:150px;	
}
.wrap-box.news .bin-more a {
	padding: 20px 50px;
	width: initial;
}
.bin-more a:hover { background-color:#fff; }

.wrap-box.video .bin-main a, .wrap-box.video .bin-wrap ul li a, .wrap-box.video .bin-more a { background-color:#590327; color:#fff; }
.wrap-box.event .bin-main a, .wrap-box.event .bin-wrap ul li a, .wrap-box.event .bin-more a { background-color:#004D84; color:#fff; }
.wrap-box.fans .bin-main a, .wrap-box.fans .bin-wrap ul li a, .wrap-box.fans .bin-more a { background-color:#B84812; color:#fff; }

.wrap-box.video .bin-more a:hover, .wrap-box.fans .bin-more a:hover, .wrap-box.event .bin-more a:hover { background-color:#fff; }
.wrap-box.video a:hover, .wrap-box.event a:hover, .wrap-box.fans a:hover, .wrap-box.news a:hover { color:#D40003; }


/* PDF Download Table */
table.listUI { width:100%; font-size:15px; overflow:hidden; }
table.listUI th, table.listUI td { text-align:left; padding:10px; }
table.listUI th { background-color:#333; color:#fff; }
table.listUI tbody tr:nth-child(even) { background-color:#fff; }
table.listUI tbody tr:hover { background-color:#FBFF9B; }


/*SERVICE*/
#service_box { background:#dfdfe0; padding:30px 0 50px 0; }
#service_box .ser_search .search { border:none; width:160px; height:24px; margin:0 0 20px 75px; padding:2px 10px 2px 30px; background:#fff url(../images/icon_search2.png) no-repeat 5% 50%; }

#service_box .box_list { padding:0 30px; }
#service_box .box_list ul { margin:0px; padding:0px; overflow:auto; }
#service_box .box_list ul li {
  float:left;
  margin:0px;
  padding:20px 0;
  width:25%;
  list-style:none;
  text-align:center;
  border-right:solid 1px #ccc;
  border-left:solid 1px #fff;
  box-sizing:border-box;
}
#service_box .box_list ul li:nth-child(4n+1) { border-left:none; }
#service_box .box_list ul li:nth-child(4n+4) { border-right:none; }
#service_box .box_list ul li:nth-child(1n+5) { border-top:solid 1px #ccc; box-shadow:inset 0 1px 0 #fff; }
#service_box .box_list ul li b { display:block; }
#service_box .box_list ul li b img { }
#service_box .box_list ul li h3 { margin:0px; padding:0px; font-size:20px; }
#service_box .box_list ul li a { display:block; color:#000; }
#service_box .box_list ul li a:hover { color:#d60c28; }


/* Site Map */
#sitemap ul { overflow:hidden; }
#sitemap ul li.item {
	float:left;
	width:20%;
	margin:0;
}
#sitemap a:hover { color:#c00; }
#sitemap ul h2 { margin-bottom:20px; }
#sitemap ul h2, #sitemap ul h2 a { color:#000; }
#sitemap ul li ul li ul { margin-bottom:30px; }
#sitemap ul h4 { margin-bottom:5px; }
#sitemap ul h3 { margin-bottom:15px; }
#sitemap ul h3 a { font-size:80%; color:#4A4A4A; font-weight:normal; }
#sitemap ul h4 a { font-size:90%; }




/* Overlay UI */
.overlayUI { display:none; top:0; bottom:0; left:0; right:0; width:100%; }
.overlayUI a.close { position:absolute; display:block; top:10px; right:10px; width:50px; height:50px; background:url(images/btn-close.png) no-repeat center center; }
.overlayUI a.close:hover { background-color:#000; }
.overlayUI .wrap-overlay {
  position:absolute;
  top:120px;
  bottom:10px;
  left:0;
  right:0;
  margin:0 100px;
  background-color:#f2f2f2;
  overflow:auto;
}
.overlayUI .inner { padding:50px; margin:auto; }
.overlayUI .inner img { display:block; margin:20px auto; }
.overlayUI h3, .overlayUI span.date {
	display:block;
	position:absolute;
	left:100px;
	right:100px;		
	line-height:1.1;
	text-shadow:rgba(0,0,0,0.5);
}
.overlayUI h3 { top:10px; font-size:50px; }
.overlayUI.event h3 { color:#70bfff; }
.overlayUI.news h3 { color:#78d553; }
.overlayUI.event h3 { color:#70bfff; }
.overlayUI.fans h3 { color:#faae1c; }
.overlayUI .date { top:80px; color:#fff; font-size:1.3em; }
.overlayUI .text, .overlayUI .text p { color:#000; font-size:1.35em; line-height:1.5; }
.overlayUI .text p { margin-bottom:15px; text-indent:25px; }
.overlayUI img { max-width:100%; }


/* BTN */
a.btn-default, input.btn-default, button.btn-default {
cursor:pointer;
display:inline-block;
padding:0 15px;
height:40px;
color:#fff;
line-height:40px;
text-align:center;
vertical-align:middle;
text-decoration:none;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);
background-color:#b5b5b5;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
input.btn-default, button.btn-default { height:inherit; }

a.btn-default:hover, input.btn-default:hover, button.btn-default:hover, .btn-null {
background-color:#000;
}

.btn-accept a, a.btn-accept, input.btn-accept {
padding:0 15px;
background-color:#1b3374;
color:#fff;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);
}
.btn-accept a:hover, a.btn-accept:hover, input.btn-accept:hover {
background-color:#008AF5;
color:#fff;
text-shadow: none;
}
.btn-accept a:active, a.btn-accept:active, input.btn-accept:active,
.btn-accept a:visited, a.btn-accept:visited, input.btn-accept:visited,
.btn-accept a:focus, a.btn-accept:focus, input.btn-accept:focus, {
background-color:#008AF5;
color:#fff;
text-shadow:-1px -1px 2px rgba(0, 0, 0, 0.3);
}