body {
	padding: 0;
	margin: 0;
	background: #fff;	
	color: #8b8e94;
	line-height: 28px;
	font-size: 15px;
	font-family: "Microsoft JhengHei","微軟正黑體","Arial", sans-serif!important;
}
body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	text-decoration: none;
}
body a:hover {
	text-decoration: none;
}
body a:focus, a:hover {
	text-decoration: none;
}
input[type="button"], input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight:normal;
		
}
p {
	margin: 0;
	color:#777;
	letter-spacing:1px;
	line-height:1.5em;
	font-size:15px;
	
}
.row{
	margin:0px;
	padding:0px;
}
ul {
	margin: 0;
	padding: 0;
}
label {
	margin: 0;
}
a{
	color:#000;
}
a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
a:focus, a:hover {
    
    text-decoration:none;
}
/*-- //Reset-Code --*/

/*展開*/
.tt2{position: relative;}
.closedate{width: 3.1rem;background-color: rgba(58,127,196,0.8);color: #fff;border-radius: 5px;}
.clickhere{
    position: fixed;  
	right: 1rem;
    bottom: 6.8rem;
}
.clickhere a{
	color: #fff;
	font-size: 22px;
	float: left;
	width: 100%;
    line-height: 3.1rem;
	text-align: center;
	z-index: 999;
	padding: 1rem 0;
	-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
/*展開*/

 /*--top hover--*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 60px;
    right: 2%;
    overflow: hidden;
    z-index: 999;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url(../images/arrow.png) no-repeat 0px 0px;
}
#toTopHover {
    width: 32px;
    height: 32px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
/*--/tophover--*/
/*定點置頂*/
.fixednav {  
    position: fixed;  
    top: 0px;  
    left:0;  
    width: 100%;  
    z-index: 999;  
	color: #fff;
	background-color: #9B3031;
}  
/*定點置頂*/

.bg-g{background-color: #ccc !important;}
.bg-o{background-color: #ffeed0 !important;}
.bg-bk{background-color: #000 !important;}
.bg-yellow{background-color: #fee28a !important;}
.bg-yellow2{background-color: #f7f4e4 !important;}
.bg-pink{background-color: #ba4c63;}

.bg-gray{background-color: #cdcdcd;}
.bg-blue{background-color: #2f4978;}
.bg-blue2{background-color: rgba(34,62,77,0.6);}
.bg-blue3{background-color: #2c3e50;}
.bg-purple{background-color: #504c76;}
.bg-purple2{background-color: #ac448e;}

.f-purple{color: #38345f;}
.f-yellow{color: #efac37!important;}
.f-blue{color: #2f4978!important;}
.f-white{color: #ffffff!important;}

.bg_th1{
	background-image: url("../images/bg-29.png");
	background-position:bottom;
	background-size: cover;
}
.bg_th3{
	background-image: url("../images/bg-30.png");
	background-position:bottom center;
	background-size: cover;
}
.bg_th4{
	background-image: url("../images/pc-17.png");
	background-position:bottom center;
	background-size: cover;
	background-repeat: no-repeat;
}
.bg_th5{
	background-image: url("../images/bg-31.png");
	background-position:bottom center;
	background-size: cover;
}
.bg_th6{
	background-image: url("../images/bg-34.png");
	background-position:bottom center;
	background-size: contain;
}
.bg_footer{
	background-image: url("../images/bg-32.png");
	background-position:bottom center;
	background-size: cover;
	background-attachment: fixed;
}

a.h_big:hover img{width: 102%!important;}
a.h_op:hover img{opacity: 0.8!important;}
a.h_shadow:hover img{
-webkit-box-shadow: 0px  4px 8px #875409;
-moz-box-shadow: 0px 4px 8px #875409;
box-shadow: 0px  4px 8px #875409;
}

section:not(.nopb){padding-top: 3rem;padding-bottom: 4rem;}


/*ALL*/
.page-section-heading{font-weight: bolder;}

header{margin-top: 5px;}
/*banner*/
#banner_ph img{width: 100%;}
.banner_bg{
	background-image: url("../images/bnbg.png");
	background-position:bottom;
	background-size: cover;
}
	
/*旋轉*/
.trun{
/*	position: absolute;top: -50%;left: 0%;z-index: 7;width: 100%;opacity: 0.5;*/
width: 100%;
height: 100%;	
overflow: hidden!important;	
position: absolute;	
}		
.trunimg{	
    width: 160%;
    position: absolute;
    top: -85%;
    left: -14%;
-webkit-animation: spin 20s linear 0s infinite normal;
-moz-animation: spin 20s linear 0s infinite normal;
-ms-animation: spin 20s linear 0s infinite normal;
-o-animation: spin 20s linear 0s infinite normal;
animation: spin 20s linear 0s infinite normal;
		
	}	
@keyframes spin {
  0% { transform: rotate(360deg); }
  100% { transform: rotate(0deg); }
}
@-webkit-keyframes spin {
  0% {-webkit-transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes spin {
  0% { -moz-transform: rotate(360deg); }
  100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes spin {
  0% { -o-transform: rotate(360deg); }
  100% { -o-transform: rotate(0deg); }
}/*#END旋轉*/



/*menu*/
#menu{position: fixed;top: 0;left: 0;width: 100%;z-index: 10;}
#menu a{width: 15%;background-color: #fff;color: #772d2a;font-size: 1.2em;font-weight: bolder;border-radius: 25px;text-align: center;line-height: 1.4em;padding: 5px;margin: 15px auto;}
#menu a:hover{background-color: #c23b02;color: #fff;}



/*PART2*/
.fotorama h4{color: #26426d;font-weight: bolder;margin-top: 5px;}
/*part3*/
/*slider*/
  * {
      box-sizing: border-box;
    }

    .slider {
        width: 100%;
        margin: 25px auto;
    }

    .slick-slide {
      margin: 0px 0.2%;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }
/*slick透明度設定
    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
*/
/*#ENDslider*/
#part3{padding-bottom: 8rem;}
#part3-2{position: relative;padding-top: 5rem;}
#part3-2 table{color: #fff;font-size: 1.4em;font-weight: bolder;}
#part3-2 table td:nth-child(2){width: 30%;}
#part3-2 table td:nth-child(3){width: 15%;}
.part3-2-title{
position: absolute;
left: 0;
top: -24%;}
.bordl {border-left: 1px solid #fff;}
.awardtable table{width: 90%;}

.awardbg{
   background-image: url("../images/pc-05-bg.png");
	background-position:center top;
   background-repeat: no-repeat;   
   background-size: 100% 100%;
   -webkit-background-size: 100% 100%;
   -moz-background-size: 100% 100%;
   -o-background-size: 100% 100%;
   text-align: center;
}
.awardbg h5{
   padding: 2em 0 3.5em 0;
   font-size: 1.2em;
   font-weight: 700;
}
.awardbg h3{
   padding: 1em 0;
   font-size: 1.8em;
   font-weight: 700;
}
.awardbg p{
   padding: .3em 0 1.5em 0;
   font-size: 1.3em;
   font-weight: 700;
}
/*part4*/
#part4 .fotorama{padding-top: 5%;}
#part4 .fotorama__dot{width: 12px;height: 12px;}

.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:12px}
.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:12px;top:-12px;left:-12px}

/*part5*/
.housee{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
}

/*Footer*/

#footerstyle{
	padding: 3em 0;
	background-color: #161616;
	color: rgba(255, 255, 255, 0.9);	
	text-align:center;
}

.allpart{padding-top: 2rem;border-top: 1px solid #fff;}
.allpart a {
  color: rgba(255, 255, 255, 0.6);font-size: 16px;	
}

.allpart a:hover {
  color: white;
}

.footerstyle-social {
  padding: 0;
  margin: 0;
}

.footerstyle-social li {
/*display: inline;*/
  padding: 0;
  margin: 0;
  list-style: none;
}

.footerstyle-social li a {
  padding: 10px;
  font-size: 16px;
}
.areapart h3{display: block;font-size: 2.4em;color: #fff;width: 100%;line-height: 1.2em;}
.areapart h5{color: #fff;font-size: 1.6em;text-align: center;width: 100%;line-height: 2em;margin-bottom: 1rem;}

.areapart a{width:18%; padding: 0.5rem;border-radius: 20px;background-color: rgba(255,255,255,0.6); color: #000;font-size: 1.2em;}
.areapart a:hover{background-color: rgba(255,255,255,1);color: #193a54;font-weight: bolder;}
.mr{margin-right: 2%;}
 
.footerbt{padding-top: 1em ;padding-bottom: 1em;border: 1px solid #fff; border-radius: 16px;margin: 1%; width: 23%;text-align: center;}
.footerbt h6{font-size: 2rem;margin-bottom: 10px;}
.footerbt a{color: #fff;font-size: 14px;display: inline-block;padding: 2px 4px;width: 45%;}
.footerbt a:hover{color: #fff;}

.footerbt a.btact{ background-color: #EB7624;}
.footerbt a.btline{background-color: #39847A;}
.footerbt a.btact:hover{background-color: #A64501; }
.footerbt a.btline:hover{background-color: #00564A; }

/*end_footerstyle*/


/*---------------------------media------------------------------*/
/*992~1200*/
@media screen and (max-width: 1199px) {
header{margin-top: 25px;}	
.part3-2-title{top: -18%;}	
.awardtable table{width: 95%;}	
#part3-2 table{color: #fff;font-size: 1.3em;}	
}
/*991*/
@media screen and (max-width: 991px) {
header{margin-top: 40px;}
.bordl {border-left: none;}
.awardtable table{width: 100%;}	
#menu a {  font-size: 1em;	}
   
   
.awardbg h5 {
    padding: 1.4em 0 3em 0;}  

.awardbg h3 {
   padding: .7em 0;  }
   
.fotorama h4{font-size: 1.2rem;}
	/*footer*/	
.footerbt {width: 30%;}	
.footer_logo{
		padding-bottom: 1em;
		margin-bottom: 1em;
		border-bottom-width: 1px ;
		border-bottom-style: solid;
		border-bottom-color: rgba(255, 255, 255, 0.6);
	}	
	
}/*991*/

/*手機板767以下*/
@media screen and (max-width: 767px) {
section:not(.nopb){padding-top: 2rem;padding-bottom: 3rem;}
	
header{margin-top: 60px;}	
.page-section {padding: 2rem 0;}
.part3-2-title{top: -14%;}
#menu a {   width: 28%; margin: 5px auto; padding: 0px;}
#menu{padding-top: 7px;padding-bottom: 7px; line-height: 1em;	}	
/*footer*/
.areapart a{width: 19%;margin: 0 auto 10px auto;	}	
.footerbt {width: 48%;}	
	
	
}
/*576以上*/
@media screen and (min-width: 576px) {
.type_ph{display: none;}
	
}
/*手機板575*/
@media screen and (max-width: 575px) {
.type_pc{display: none;}
section:not(.nopb){padding-top: 1rem;padding-bottom: 2rem;}	
header{margin-top: 0;}
.nolr{padding-left: 0!important;padding-right: 0!important;	}

#part2 .f-blue{
   color: #ffffff!important;
   background-color: #353032;
   padding: 5px;
   }   
 #part3-2 table{font-size: 1.2em;line-height: 1.5em;}
.awardbg h5 {
    padding: 1em 0 2.6em 0;
}
 .awardbg h3 {
    font-size: 1.4em;}    
 .awardbg p {
    font-size: 1em;}  
   
#part4 .fotorama{padding-top: 0;}	
.part3-2-title{top: -16%;}	

/*旋轉*/
	
.trunimg{	
    width: 210%;
    position: absolute;
    top:-12%;
    left: -62%;
	}	
/*#END旋轉*/	
	
/*footer*/
#footerstyle ul {
  border-bottom-width: 1px ;
	border-bottom-style: solid;
	border-bottom-color: rgba(255, 255, 255, 0.6);
	padding: 1em 0;
	/*margin: 0 3em; */
}	
#footerstyle {padding: 3em 0; }		
.footerbt a{width: 80%;margin: 3px auto;}	
.areapart{text-align: center;	}	
.areapart a{width: 48%;margin: 0 auto 10px auto;	}	
.areapart h5{line-height:1.4em;margin-top: 10px; }
.areapart h5 span{display: block; width: 100%;}
	
}/*END(max-width: 575px)*/
@media screen and (max-width: 450px) {
#part3-2 table{font-size: 1.1em;line-height: 1.4em;}
.areapart h3{font-size: 2.2em;}	
.footerbt a.btact{margin: 0 0 8px 0; }
.footerbt a.btline{}	
	
}
@media screen and (max-width: 420px) {
#part3-2 table{font-size: 1em;line-height: 1.3em;}
	
}