@charset "utf-8";
/* CSS Document */
@charset "utf-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}ol,ul{list-style:none}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
body { white-space:normal; font-family:    font-family: Helvetica, Arial, STHeitiTC-Light, 微軟正黑體, "Microsoft Jhenghei", sans-serif; height:auto ;}
.clearfix { clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-block;}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
#wrap img{margin-bottom:0; 
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;


}
.p3_ct_txt>a{text-decoration: none;}

#m_header{ display:none;}
#pc_header{ display:block;}
#m_f{ display:none;}
#pc_f{ display:block;


}


.bg{width:100%;position:absolute; top:0; left:0; z-index:-1;}
h1{font-size:45px; font-weight:bold; display:inline-block; width: 100%; height: 100%;}
h2{font-size:27px; font-weight:bold; }
h3{ width:100%; font-size:20px; font-weight:bold; color:#32acd5; line-height: 24px; display:block; margin-bottom:5px; }
h4{width:100%; font-size:15px; font-weight:bold; color:#000; height:18px; display:block; line-height:20px; margin-bottom:25px; }
h5{width:100%; font-size:15px; font-weight:bold; color:#000; height:18px; display:block; line-height:20px; margin-bottom:10px; }
h6{width:100%; font-size:15px; font-weight:bold; /*color:#000;*/ height:18px; display:block; line-height:20px; margin-bottom:25px; }
#font21{ font-size: 21px;}

#wrap{position:relative; margin:0 auto; width:1260px;margin-top:99px;display: block;height: auto;}

.i_banner{position:relative; width:1260px; height:375px; overflow:hidden; }
.i_banner>a{ width: 1260px; height:950px; display: block; text-decoration: none;}
.i_mk{position:relative; height:90px; width:100%; top:285px; background:rgba(0,0,0,.7);}
.i_banner_ul{position:absolute; width:100%;}
.i_banner_ul li{ float:left; list-style:none;}
.i_txt{font-size:20px; line-height:30px; color:#FFFFFF; position:relative; top:10px; left:30px;height: 68px;}
.i_txt li{position:absolute; width:610px; display:none; margin-top: 7px; line-height: 30px;}
.i_dot{ position:relative; left:310px;}
.i_dot img{width:12px; height:11px;}
.i_dot li{ float:left; margin-right:10px; cursor:pointer;}
.vdeio{ position: absolute;width: 550px;height: 310px;left: 670px;top: 30px;background-color: #000000;}

.i_drop{ width:100%; display:block;  font-size:18px; line-height:20px; font-weight:bold; text-align:right; margin:25px 0 10px 0;}

.page2{
	position:relative; width:100%; height:90px;background-color:#FFFFFF; 
	box-shadow: 0px 0px 9px rgba(50,172,213,0.3); 
	-webkit-box-shadow: 0px 0px 9px rgba(50,172,213,0.3); 
	-moz-box-shadow: 0px 0px 9px rgba(50,172,213,0.3);
	 margin:20px 0 20px 0;
	 padding:21px 70px;
 }
 


.title1{color:#000000; font-size:24px; font-weight:bold;}
.page2ul{position:absolute; left:210px; top:22px; width: 1010px; }
.page2ul li{float:left; margin-right:35px; font-size:16px; height: 30px; }
.page2ul li a:hover{color: #32ACD5;}

.content_left{width:950px; height:auto; display:block; float:left; margin-right:20px; overflow:hidden;}
.content_right{width:290px; height:auto; display:block; float:right; overflow:hidden; }

.i_banner2{position:relative; width:950px; height:410px; overflow:hidden; margin-bottom:20px;}
/*.i_banner2 #myCarousel img{width: 100%;}*/

.i_dot2{ position:absolute; left:350px; bottom:20px;}
.i_dot2 img{width:12px; height:11px;}
.i_dot2 li{ float:left; margin-right:10px; cursor:pointer;}
.i_banner2_right{width:240px; height:410px; position: absolute; left:710px; background:rgba(21,21,21,0.9);padding: 20px;}
.i_banner_ul3{}
.i_banner_ul3 li{ height: 370px; display:none;}
.i_banner_ul3 li a{ height: 370px; display:block;}

.i_banner_txt1{color:#FFFFFF; font-size:24px; font-weight:bold; margin-bottom:20px;line-height: 28px;}
.i_banner_txt2{color:#FFFFFF; font-size:14px; line-height:24px;}
.i_banner_btn{position:absolute; bottom:20px; width:200px; height: 52px; font-size: 22px; text-align: center; line-height: 52px;font-weight:normal;-moz-border-radius:8px;-webkit-border-radius:8px; border-radius:8px;border:1px solid #84bbf3; text-decoration:none;background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );background:-ms-linear-gradient( top, #79bbff 5%, #378de5 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #378de5) );background-color:#79bbff;color:#ffffff;display:inline-block;text-shadow:1px 1px 0px #528ecc;-webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7;-moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7;box-shadow:inset 1px 1px 0px 0px #bbdaf7;}
.i_banner_btn:hover{ background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% ); background:-ms-linear-gradient( top, #378de5 5%, #79bbff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff'); background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #79bbff) );background-color:#378de5;}


.i_banner3_1{width:290px; height:410px; margin-bottom:20px; overflow:hidden; position:relative;}
.i_banner3_1 .cover{ display:none;}
.i_banner3_1 img{transform:scale(1);-o-transition: all 5s ease;-webkit-transition:  all 5s ease; -moz-transition: all 5s ease; transition: all 5s ease;}
.i_banner3_1:hover img{transform:scale(1.1);-o-transition: all 5s ease;-webkit-transition:  all 5s ease; -moz-transition: all 5s ease; transition: all 5s ease;}


.page3_context{ width:100%; height:auto; display:block; overflow:hidden; padding:20px; background:#FFF;margin-bottom:20px;}
.page3_title{ margin-bottom:15px;}

.p3_ct{width:445px; height:170px; margin-bottom:30px; float:left;  }
.p3_ct_ig{float:left; margin-right:10px; width:150px; height:170px; position:relative;}
.p3_ct_ig img{position:absolute;}
.cover{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0;-o-transition: all 0.5s ease;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.cover > .icon{ width:66px; height:66px; left:50%; top:50%; margin:-33px 0 0 -33px;}
.p3_ct_txt{float:right; height:170px; width:275px;  border-bottom:#5bbddd 1px solid; position:relative;  }
.movie_title{ color:#A40000;}
.movie_title img{ top: 52px; left: 75px; }
.p3_txt3{font-size:14px; line-height:21px;display: block;overflow: hidden;max-height: 104px;}
.p3_txt4{font-size:14px; line-height:21px;display: block;overflow: hidden;max-height: 84px;}
.p3_more{bottom:5px; right:15px;font-size:13px; color:#999999; position:absolute; font-weight:bold;-o-transition: all 0.5s ease;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.p3_more span{ font-size:10px;}
.p3_ct:nth-child(even){margin-right:20px;}
/***可用JS替代**/
.p3_ct:hover .cover{opacity:1;-o-transition: all 0.5s ease;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.p3_ct:hover .p3_more,.c_context_ct_right:hover .p3_more{color:#32acd5;-o-transition: all 0.5s ease;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}


/***可用JS替代**/

/*右邊浮動區塊*/

.top10_area{ width:290px; height:auto; background:rgba(0,0,0,0.9); margin-bottom:20px;}
.top10title{ width: 100%; color:#fff; text-align:center; padding:20px 0 15px;}
.top10{width: 260px; height:auto; display:block; overflow:hidden; border-bottom:#333 1px solid;  border-top:#333 1px solid; margin:auto; padding:10px 0;}
.top5{width: 260px; height:auto; display:block; overflow:hidden; float:left;/*margin-bottom: 20px;*/}
.top5 a{ color: #FFFFFF; -o-transition: all 0.5s ease;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.top5 a:hover{ color: #32acd5; -o-transition: all 0.5s ease;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.top10_one{width:100%; height:40px; margin-bottom:20px ;}
.top10_circle{width:40px; height:40px; border:#32acd5 1px solid; background:#000; border-radius:50%; color:#fff; font-size:25px; text-align:center; line-height:40px; font-family:Arial, Helvetica, sans-serif; float:left; margin-right:20px;}
.top10name{font-size:14px; text-align:left; line-height:40px; display:block; overflow:hidden; font-weight:bold; width:155px; float:left;}
.top10_icon{width:40px; height:40px; float:left; padding:10px;}


.strong_area{width:290px; height:auto; background:#161616; margin-bottom:20px;padding-bottom:10px;}
.strong_content{width:270px; margin:0 auto; border-top:#333 1px solid; border-bottom:#333 1px solid; padding-top:10px;}
.strong_content img{margin:0;}
.strong_content p{margin:10px 0; text-align:center; color:#fff; font-size:14px; font-weight:bold;-o-transition: all 0.5s ease;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.strong_content:hover p{color:#32acd5;-o-transition: all 0.5s ease;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
	
/*最底下*/
.page4_context{width:100%; height:auto; display:block; overflow:hidden; background:#FFF; padding: 20px;/*margin-bottom:80px; */ }
.p4_ct{position:relative; width:910px; height:290px;  margin-left: 20px;}
.p4_ct_ig{float:left; margin-right:10px; width:615px;}
.p4_ct_txt{float:right; height:285px; width:280px;  border-bottom:#5bbddd 1px solid;   position:relative;}
.p4_ct_txt:hover .p3_more{color:#32acd5;-o-transition: all 0.5s ease;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}

.p4_ct_txt h3 { font-size: 19px; letter-spacing: -1px; } /*這個要砍掉*/

/*內容頁*/

.c_bread{margin-top:30px; font-size:14px;}
.wid50{width: 500px;float: left;}

.c_bread_sp1{font-size:14px;-o-transition: all 0.5s ease;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
a.c_bread_sp1:hover{color:#32acd5;-o-transition: all 0.5s ease;-webkit-transition:  all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.c_title{margin:20px 0;}
.c_title2{font-size:14px; color:#666666; display:inline-block;}

.c_context_bd{width:1260px; background:#FFF; height:auto; padding:30px; margin-bottom:80px;   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
.c_context_ct{width:100%; height:auto;  margin-bottom:30px; display:none; overflow:hidden;}
.c_context_ct >a{ width: 100%;height: 200px; display: block;}
.c_context_ct_left{float:left;  width:445px; height:200px; margin-right:30px;}
.c_context_ct_right{float:left; width:725px;height:200px; border-bottom:#5bbddd 1px solid; position:relative; padding:0 5px;font-size:14px; line-height:21px;}
.c_context_ct_right h3{ margin-bottom:5px;}
.c_context_ct_t2{ color:#666;}
.c_context_ct_t3{ max-height: 105px; overflow: hidden; display: block;}
/*.ibanner_btn{width:200px; margin:50px auto 20px; cursor:pointer;}*/
.ibanner_btn{width:200px; height: 52px; margin:50px auto 20px; cursor:pointer; font-size: 22px; text-align: center; line-height: 52px; font-weight:normal;-moz-border-radius:8px;-webkit-border-radius:8px; border-radius:8px;border:1px solid #84bbf3; text-decoration:none;background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );background:-ms-linear-gradient( top, #79bbff 5%, #378de5 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #378de5) );background-color:#79bbff;color:#ffffff;text-shadow:1px 1px 0px #528ecc;-webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7;-moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7;box-shadow:inset 1px 1px 0px 0px #bbdaf7;}
.ibanner_btn:hover{ background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% ); background:-ms-linear-gradient( top, #378de5 5%, #79bbff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff'); background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #79bbff) );background-color:#378de5;}

/**fix footer**/
.service , .faq { margin:0;}

/*BS*/

#myCarousel .carousel-caption{
    position: absolute;
    width: 240px;
    height: 410px;
    bottom: 0;
    left:710px;
    padding: 20px;
    background: #333;
    background: rgba(0,0,0,1);
}

#myCarousel .carousel-caption h6{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 28px;
}

#myCarousel .carousel-caption h5{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 50px;
    line-height: 28px;
}


#myCarousel .carousel-caption h4{
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 70px;
    line-height: 28px;
}

#myCarousel .carousel-caption h6.marbot{
    /*margin-bottom: 45px;*/
}
#myCarousel .carousel-caption h6.letspc{
    letter-spacing: -2px;
}
#myCarousel .carousel-caption h6.marbot2{
    margin-bottom: 45px;
    padding-right: 20px;
}
#myCarousel .carousel-caption h6.font21{
    font-size: 21px;
}
#myCarousel .carousel-caption p{
    color: #FFFFFF;
    font-size: 20px;
    line-height: 30px;
}
#myCarousel .carousel-indicators{
    position: absolute;
    top: 385px;
    right: 570px;
    z-index: 5;
    margin: 0;
    list-style: none;
}

#myCarousel .carousel-control.right{
    right: 250px;
    left: auto;
    padding-top: 2px;
    padding-left: 6px;
}
.carousel-control {
    padding-top: 2px;
    padding-right: 2px;
}



#i_banner_1 .i_txt span{
    font-size: 25px;
    line-height: 45px;
}

#myCarousel2 a {
    text-decoration: none;
    
}








/*小網*/
/*小網*/
/*小網*/
/*小網*/
/*小網*/
/*小網*/




@media screen and (max-width: 768px) {
	body {
        
background:url(../images/art/bg.jpg) top center;
    background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: center;
            background-size: cover;

}
.lh{line-height: 25px;}
h1{font-size:60px;}
h2{font-size:40px;}
h3{ width:100%; font-size:30px; /*margin-bottom:15px;*/ line-height:40px; height:auto;}
h3.letter{letter-spacing: -2px; font-size: 34px;}
h4{width:100%; height:50px; font-size:30px; margin-bottom:5px;overflow : hidden; line-height:50px; text-overflow : ellipsis; /*white-space : nowrap;*/}
h5{width:100%; height:50px; font-size:30px; margin-bottom:5px;overflow : hidden; line-height:50px; text-overflow : ellipsis; white-space : nowrap;}
h6{width:100%; height:65px; font-size:24px; margin-bottom:5px;overflow : hidden; line-height:33px; text-overflow : ellipsis; white-space : nowrap;}

#wrap{ width:100%;overflow:hidden; margin-top:0;}
.i_banner{position: relative;  width: 100%;  height: auto;  overflow: hidden;}
.i_mk{    height: auto;  width: 100%;  top: 0;  background: rgba(21,21,21,0.9);  display: block;  padding-top: 420px;   padding-bottom: 60px;}
.i_banner_ul{position: relative;   height: 417px;  overflow: hidden;}
.i_banner_ul li{ float:left; list-style:none; background: #000000; width: 1400px; height: 417px;}
.i_banner_ul li img{ width: 100%; height: 100%;}
.i_txt{ font-size: 30px;  line-height: 36px;  color: #FFFFFF;  position: relative;  top: -30px;  left: inherit;  height: auto; text-align: justify;  overflow: hidden;  display: block; }
.i_txt li{ position: relative;  width: 640px; display:none; line-height: 35px;     margin-left: 50px;}
.i_dot{top: 435px; text-align: center; left: 320px;  position: absolute;  bottom: 30px;}
.i_dot img{width:21px; height:20px;}
.i_dot li{ float:left; margin-right:15px; cursor:pointer;}
.vdeio{position:absolute; width:640px; height:360px; left:50px; top: 440px; background-color:#000000;}
	
	
.i_drop{font-size: 18px; text-align:center; line-height: 40px; font-weight: 100;}
.i_drop_title{position:relative; height:38px; width:220px;color:#000000; cursor:pointer;}
.i_drop_title img{position:absolute; right:10px;top: 8px;}
.i_drop_title p{position: relative;top: 2px;left: 15px;font-weight:bolder; font-size:18px; }
.i_drop_ct{width:740px; position:relative; height:660px;left:-260px; background-color:#ffffff; z-index:9; overflow:hidden;display:;}
.i_ct{font-size:18px; position:relative; height:62px;/*left: 50px;*/}
.i_ct a{position: relative;left: 274px; top:20px}
	
	

.page2{width:680px; height:auto; margin:30px; padding:30px;}
.title1{color:#000000; font-size:24px; font-weight:bolder;}
.page2 h2{margin-bottom:36px;}
.page2title{position:relative; left:23px; top:20px;}
.page2ul{position:relative; left:0px; top:0px; margin-top:20px; width: 650px; }
.page2ul li{float:left; margin-right:0; font-size:29px; margin-bottom:32px;    width: 50%;}	
.page2ul li{
    background: url(../images/icon-arrow@2x.png) left center no-repeat;
    padding-left: 20px;
    -webkit-background-size: 11px 13px;
    -moz-background-size:  11px 13px;
    -o-background-size: 11px 13px;
    background-size:  11px 13px;
}
.content_left{width:740px;}
.i_banner2{position:relative; width:740px; height:auto; overflow:hidden; margin-bottom:30px;}
.i_banner_ul2{position:relative; width:100%; height:410px;}
.i_banner_ul2 li{ float:left; list-style:none;}
.i_dot2{ position:absolute; left:320px; bottom:20px;}
.i_dot2 img{width:21px; height:20px;}
.i_dot2 li{ float:left; margin-right:10px; cursor:pointer;}
.i_banner2_right{width:740px; height:auto; position:relative; left:0px; padding:30px 30px 60px;}
.i_banner_ul3{height:100%}
.i_banner_ul3 li{ height: 100%; display:none;}
.i_banner_txt1{font-size:50px; font-weight:bold; line-height: 50px;}
.i_banner_txt2{color:#FFFFFF; font-size:30px;  line-height:42px;}
.i_banner_btn{ display:none;}


.page3_context{ width:680px;  padding:30px; margin:0 auto;margin:0 30px 30px; }
.page3_title{ margin-bottom:30px;}
.p3_ct{width:620px; height:240px;   }
#none{display: none;}
.p3_ct_ig{float:left; margin-right:10px; width:212px; height:240px; position:relative;}
.p3_ct_txt{height:240px; width:390px;  position:relative;  }
.p3_txt3{font-size:25px; line-height:30px; max-height: 100%;}
.p3_txt4{font-size:22px; line-height:27px; max-height: 100%;}
.p3_more{font-size:24px; }
.cover > .icon {
    width: 90px;
    height: 90px;
    margin: -45px 0 0 -45px;
}

.page4_context{width:680px; margin:0 30px 30px; padding:30px; }
.p4_ct_ig{ margin-right:0; width:100%; margin-bottom:30px;}
.p4_ct_txt{ width:100%; margin-left:0px; height:auto;}
.p4_ct_txt .p3_txt3 { max-height: inherit; margin-bottom:60px;}

.p4_ct_txt h3 { font-size: 30px; } /*這個要砍掉*/


.content_right{ width:100%; float:none; }

.i_banner3_1{width:530px; height:749px; margin:0 auto; margin-bottom:30px;}
.i_banner3_1 .cover{ height:auto; position:absolute; bottom:0; left:0;  background:rgba(21,21,21,0.9); padding:30px 30px; color:#fff; font-size:36px; opacity:1; text-align:center; display:block;}

.top10_area{ width:100%;  margin-bottom:0px;}
.top10title{padding:30px 0;}
.top10{width: 680px; height:auto;padding:30px 0; border-bottom:none;}
.top5{width: 340px; }
.top10_one{width:100%; height:50px; margin-bottom:20px ;}
.top10_circle{width:50px; height:50px;line-height: 50px; font-size:30px;  }
.top10name{font-size:24px;  line-height:50px; display:block; overflow:hidden; font-weight:bold; width:225px; float:left;}
.top10_icon{    width: 30px; height: 30px; float: left; padding: 0px;  margin: 10px 10px 0 0;}

.strong_area{width:100%; height:auto;  margin-bottom:0;padding-bottom:10px;}
.strong_content{width:680px; margin:0 auto; border-top:#333 1px solid; border-bottom:#333 0px solid; padding-top:30px;}
.strong_content img{ position:relative; width:530px; height:785px; margin:auto;}
.strong_content p{margin:30px 0; text-align:center; font-size:30px;}
.copyright{width:100%;}


/*內容頁*/
.c_bread{margin-top:35px; font-size:18px;margin-left: 30px; }
.wid50 {
    width: 500px;
    float: left;
    margin-bottom: 10px;
}
.c_bread_sp1{font-size:18px;}
.c_title{margin-top:50px; margin-bottom:30px; text-align:center;}
.c_title2{font-size:18px; display:block; margin-top:30px;}

.c_context_bd{width:680px; margin: 0 auto 30px; }
.c_context_ct{width:100%; position:relative; margin-bottom:30px;}
.c_context_ct_left{width:100%; height:auto; margin-bottom:20px;}
.c_context_ct_right{ width:100%;height:auto; display:block; padding:0; overflow:hidden; font-size:30px; line-height:40px;}
.c_context_ct_right h3{ margin-bottom:15px;}
.c_context_ct_t2{margin-bottom:15px;}
.c_context_ct_t3{ margin-bottom:60px; max-height:none; }
.ibanner_btn{width:342px;}


#m_header{ display:block;}
#pc_header{ display:none;}
#m_f{ display:block;}
#pc_f{ display:none;}

.mheader .logo {
    left: 30px;
    width: 250px;
    height: 140px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 254px 140px;
}
.mheader {
    height: 140px;
	background-image: url('../images/bg_header@2x.png?1422930255');
    -webkit-background-size: 5px 140px;
    -moz-background-size: 5px 140px;
    -o-background-size: 5px 140px;
    background-size: 5px 140px;
}

.mheader .blue-light {
    -webkit-background-size:380px 140px;
    -moz-background-size:380px 140px;
    -o-background-size: 380px 140px;
    background-size:380px 140px;
	width: 380px;
    height: 140px;
}

.mmain-nav {
    height: 100px;
}
.mmain-nav ul li a {
    font-size: 30px;
    display: block;
    height: 100px;
    line-height: 100px;
}
.mmain-nav ul {
    padding: 0;
}
.mmain-nav ul li {
    display: inline-block;
    position: relative;
    overflow: visible;
}	
.mmain-nav {
    background-image: url('../images/bg_nav@2x.png?1422930325');
   -webkit-background-size: 6px 100px;
    -moz-background-size: 6px 100px;
    -o-background-size: 6px 100px;
    background-size: 6px 100px;
  }
.mmain-nav ul li.active:before {
    background-image: url('../images/bg_shadow-nav@2x.png?1424891494');
    background-position: 0px -30px;
    -webkit-background-size: 160px 60px;
    -moz-background-size: 160px 60px;
    -o-background-size:160px 60px;
    background-size: 160px 60px;
	position: absolute;
    z-index: 0;
    left: 50%;
    bottom: -20px;
    content: "";
    display: block;
    width: 160px;
    height: 60px;
    margin-left: -80px;
}
.mfooter-nav .text-nav ul li a {
    line-height: 80px;
    font-size: 30px;
}

.mfooter-nav .img-nav ul li a {

    font-size: 24px;
}

.copyright {
    display: inline-block;
    font-size: 24px;
    line-height: 20px;
    vertical-align: top;
    color: #666;
}

/*BS*/
.i_banner2{
    position: relative;
    width: 740px;
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
}
.i_banner2 a{ text-decoration: none;}
#myCarousel .carousel-caption{position: relative;width: 740px;height: 310px;bottom: 0;left: 0px;padding: 30px 30px;background: #333;background: rgba(0,0,0,.75);}

#myCarousel .carousel-caption h6{color: #FFFFFF; margin-bottom: 5px;font-size: 50px; font-weight: bold;line-height: 50px;}
#myCarousel .carousel-caption h4{color: #FFFFFF; margin-bottom: 5px;font-size: 50px; font-weight: bold;line-height: 50px;}
#myCarousel .carousel-caption h5{color: #FFFFFF; margin-bottom: 5px;font-size: 50px; font-weight: bold;line-height: 50px;}
#myCarousel .carousel-caption h6.font21{font-size: 50px;}
#myCarousel .carousel-caption h6.marbot{margin-bottom: 5px;}
#myCarousel .carousel-caption h6.let2{letter-spacing: 5px;}
#myCarousel .carousel-caption p{color: #FFFFFF; font-size: 30px;line-height: 42px;}
#myCarousel .carousel-indicators{ position: absolute; top: 690px;right: 380px;z-index: 5;margin: 0;list-style: none;}
#myCarousel .carousel-inner .item { width: 950px;}
#myCarousel .carousel-inner .item a img{ width: 950px; height: 410px; }

#myCarousel .carousel-control.right{ right: 15px; left: auto;}
#i_banner_1 .i_txt span{ font-size: 25px; line-height: 45px;}



.footer{margin-top:0px;}.

.movie_title img{ left: 115px; top: 85px; height: 21px;}

#img{left: 115px; top: 85px; height: 21px;}
}/*小網end*/