/*Basic*/
*,h1,h2,h3,h4,h5,h6{font-family:"Microsoft Jhenghei";}

/*Jquery Mobile*/
.ui-loader-default{display:none;}

/*index image*/
.index-img{
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size:cover;
-o-background-size: cover;
background-size: cover;
}
.index-bn-img {
width: 100%;
background-position-x:50%;
background-position-y:50%;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size:cover;
-o-background-size: cover;
background-size: cover;
}

/*index layout*/
@media (min-width: 1200px) {
 .index-bn01{
 background-image:url('../images/index/bn01.jpg');
 }
 .index-img01{
 background-image:url('../images/index/img01.jpg');
 background-position-x:50%;
 background-position-y:50%;
 }
 .index-img02{
background-image:url('../images/index/img02b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index-img03{
background-image:url('../images/index/img03b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index-img04{
background-image:url('../images/index/img04b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index-img05{
background-image:url('../images/index/img05b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index-img06{
background-image:url('../images/index/img06b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index-img07{
background-image:url('../images/index/img07b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index{background-color:#FBFBFB;}
.index-col-inner {
 position:relative;
 height:755px;
 }
.index-box {
 position:absolute;
 padding:5px 0 0 5px;
 overflow:hidden;
 }
.carousel-control{left:5px;}
.index-container{padding-top:15px;padding-bottom:20px;}
.index-img01-box,.index-img01 {
 left:0px;
 top:0px;
 width:300px;
 height:285px;
 }
.index-bn-box,.index-bn-img {
 left:300px;
 top:0px;
 width:540px;
 height:570px;
 }
.index-img02-box,.index-img02 {
 right:0px;
 top:0px;
 width:300px;
 height:285px;
 }
.index-img03-box,.index-img03 {
 right:0px;
 top:285px;
 width:300px;
 height:285px;
 }
.index-img04-box,.index-img04 {
 left:570px;
 top:570px;
 width:270px;
 height:200px;
 }        
.index-img05-box,.index-img05 {
 left:300px;
 top:570px;
 width:270px;
 height:200px;
 }
.index-img06-box,.index-img06 {
 right:0px;
 top:570px;
 width:300px;
 height:200px;
 }
.index-img07-box,.index-img07 {
 left:0px;
 top:285px;
 width:300px;
 height:485px;
 }
}
@media (max-width: 1199px) {
 .index-bn01{
 background-image:url('../images/index/bn01b.jpg');
 }
 .index-img01{
 background-image:url('../images/index/img01b.jpg');
 background-position-x:100%;
 background-position-y:50%;
 }
 .index-img02{
background-image:url('../images/index/img02b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index-img03{
background-image:url('../images/index/img03b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index-img04{
background-image:url('../images/index/img04b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index-img05{
background-image:url('../images/index/img05b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index-img06{
background-image:url('../images/index/img06b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index-img07{
background-image:url('../images/index/img07b.jpg');
background-position-x:50%;
background-position-y:50%;
}
.index-bn-img{
 width:100%;
 height:419px;
 max-width:1199px;
 }
.index-img01{
 width:100%;
 height:277px;
 max-width:100%;
 }
.index-img02{
 width:100%;
 height:277px;
 max-width:100%;
 }
.index-img03{
 width:100%;
 height:277px;
 max-width:100%;
 }
.index-img04{
 width:100%;
 height:277px;
 max-width:100%;
 }
.index-img05{
 width:100%;
 height:277px;
 max-width:100%;
 }
.index-img06{
 width:100%;
 height:277px;
 max-width:100%;
 }
.index-img07{
 width:100%;
 height:277px;
 max-width:100%;
 }
}
@media (max-width: 480px) {
 .index-bn01{
 background-image:url('../images/index/bn01.jpg');
 }
 .index-img01{
 background-image:url('../images/index/img01.jpg');
 background-position-x:100%;
 background-position-y:50%;
 }
.index-bn-img{
 width:100%;
 height:419px;
 max-width:480px;
 }
.index-img01{
 width:100%;
 height:277px;
 max-width:100%;
 }
}
@media (min-width: 992px) and (max-width: 1199px) {
.index-content .col-xs-12,.index-content .col-xs-6{padding-right:0px;padding-left:0px;}
.index-container{max-width:1199px;width:100%;}
.index-bn-img{padding-bottom:55%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.index-content .col-xs-12,.index-content .col-xs-6{padding-right:0px;padding-left:0px;}
.index-container{max-width:1199px;width:100%;}
.index-bn-img{padding-bottom:75%;}
}
@media (max-width: 767px) {
.index-content .col-xs-12,.index-content .col-xs-6{padding-right:0px;padding-left:0px;}
.index-bn-img{padding-bottom:109%;}
.carousel{margin-top:53px;}
}
@media (max-width: 480px) {
.index-bn-img{padding-bottom:135%;}
/*.index .index-container .index-img07-box,.index .index-container .index-img06-box,.index .index-container .index-img05-box,.index .index-container .index-img04-box,.index .index-container .index-img03-box,.index .index-container .index-img02-box{height:220px;}*/
}

/*index-img/bn-text*/
.index .index-img-text .wrap {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
}
@media (min-width: 500px) {
 .index .index-img-text {
     background: url(../images/index/text_img_bg.png) repeat \9;
     background: rgba(0%,0%,0%,0.5);
     width: 100%;
     position: absolute;
     bottom: 0px;
     padding: 12px 14px 12px 14px;
     text-align: center;
     z-index:1;
 }
 .index .index-img-text .wrap {
     color: #fff;
     font-size: 13px;
     line-height: 20px;
     letter-spacing: 0.02em;
 }
}
@media (max-width: 499px) {
 .index .index-img-text {
     background: url(../images/index/text_img_bg.png) repeat \9;
     background: rgba(0%,0%,0%,0.5);
     width: 100%;
     position: absolute;
     bottom: 0px;
     padding: 0px 14px 0px 14px;
     text-align: center;
     height:60px;
     display:flex;
     z-index:1;
 }
 .index .index-img-text .wrap {
     color: #fff;
     font-size: 13px;
     line-height: 20px;     
     letter-spacing: 0.02em;
     margin:auto auto;

     /*word ellipsis*/
     /*height:40px;
     vertical-align:-webkit-baseline-middle;
     display:inline-block;
     vertical-align: middle;
     width:100%;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;*/
 }
 .index .index-img-text .wrap:hover, .index .index-img-text .wrap:active {white-space: normal;}
}
.index .index-img-text2{
 position:absolute;
 top:10px;
 padding:5px 25px 5px 25px;
 text-align:left;
 z-index:1;
}
@media (min-width: 1200px) {
.index .index-img-text2 .wrap2{color:#fff;font-size:9px;-webkit-transform:scale(0.75);line-height:12px;letter-spacing:0.05em;}
.index .index-img-text2 .title{color:#fff;font-size:13px;letter-spacing:0.02em;font-weight:bolder;}
}
@media (max-width: 1199px) {
.index .index-img-text2 .wrap2{color:#fff;font-size:13px;line-height:21px;letter-spacing:0.05em;}
.index .index-img-text2 .title{color:#fff;font-size:18px;letter-spacing:0.02em;font-weight:bolder;}
}
.index .index-bn-text{
    background: url(../images/index/text_img_bg.png) repeat \9;
    background:rgba(0%,0%,0%,0.5);
    width:100%;
    position:absolute;
    bottom:0px;
    padding:12px 16px 12px 16px;
    text-align:center;
}
.index .index-bn-text .wrap{color:#fff;font-size:17px;line-height:26px;letter-spacing:0.04em;}

/*banner - carousel*/
.index-bn-control,.index-bn-control:hover,.index-bn-control:focus{
    font-size:38px;
    background-image:none !important;
    background:transparent;
    opacity:1;position:absolute;
    top:50%;
    filter:alpha(opacity=100);
    opacity:1; 
}
.right.carousel-control,.left.carousel-control{filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.index-carousel .right,.index-carousel .left{background-image:none !important;background:transparent;}
.index-bn-control .left-icon-box:hover,.index-bn-control .left-icon-box:focus,.index-bn-control .right-icon-box:hover,.index-bn-control .right-icon-box:focus{background-color:#C51E26;}
.index-bn-control .left-icon-box,.index-bn-control .right-icon-box{background-color:#D42931;height:42px;width:42px;}
.index-carousel .left-icon-box{float:left;}
.index-carousel .right-icon-box{float:right;}
.fa-index-arrow{vertical-align:super;}

/*imgbox*/
.imgbox{background-color:#FBFBFB;position:relative;}
.imgbox .img-text{position:absolute;bottom:0px;}
.imgbox .imgbox-col{padding-left:5px;padding-right:5px;margin-left:15px;}
.imgbox .imgbox-div .index-responsive{position:relative;padding-left:0px;padding-right:0px;margin-right:5px;}
.imgbox .index-img01{
background-image:url('http://tatungusa.com/content/images/index/img08b.jpg');
}
.imgbox .index-img02{
background-image:url('http://tatungusa.com/content/images/index/img09b.jpg');
}
@media (min-width: 1200px) {
.imgbox .imgbox-div .index-responsive,.imgbox .index-img {
 background-position-x:50%;
 background-position-y:50%;
 width:565px;
 height:265px;
 margin-bottom:5px;
 }
}
@media (max-width: 1199px) {
.imgbox .imgbox-container{width:100%;padding-left:0px;padding-right:0px;}
.imgbox .imgbox-div .index-responsive,.imgbox .index-img {
 background-position-x:50%;
 background-position-y:50%;
 height:277px;
 }
.imgbox .imgbox-col{padding-left:15px;padding-right:0px;margin-left:0px;}
.imgbox .imgbox-div .index-responsive{margin-right:0px;}
.imgbox .imgbox-container .row{margin-right:0px;}
}
/*@media (max-width: 480px) {
.imgbox .imgbox-col .index-responsive{width:100%;}
.imgbox .imgbox-div .index-responsive,.imgbox .index-img {height:220px;}
}*/

/*imgbox-text*/
.imgbox .img-text .wrap {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
}
@media (min-width: 500px) {
.imgbox .img-text {
     background: url(../images/index/text_img_bg.png) repeat \9;
     background: rgba(0%,0%,0%,0.5);
     width: 100%;
     position: absolute;
     bottom: 0px;
     padding: 12px 14px 12px 14px;
     text-align: center;
     z-index:1;
 }
.imgbox .img-text .wrap {
     color: #fff;
     font-size: 13px;
     line-height: 20px;
     letter-spacing: 0.02em;
 }
}
@media (max-width: 499px) {
.imgbox .img-text {
     background: url(../images/index/text_img_bg.png) repeat \9;
     background: rgba(0%,0%,0%,0.5);
     width: 100%;
     position: absolute;
     bottom: 0px;
     padding: 0px 14px 0px 14px;
     text-align: center;
     height:60px;
     display:flex;
     z-index:1;
 }
.imgbox .img-text .wrap {
     color: #fff;
     font-size: 13px;
     line-height: 20px;     
     letter-spacing: 0.02em;
     margin:auto auto;
 }
.imgbox .img-text .wrap:hover, .imgbox .img-text .wrap:active {white-space: normal;}
}

/*imgbg*/
.imgbg{background-color:#FBFBFB;padding-bottom:25px;position:relative;}

/*SEO*/
.seo-text{margin-bottom:15px;}
.seo-container{margin-top:35px;margin-bottom:35px;}
.seo-content{height:310px;overflow-y:auto;}
@media (min-width: 1200px) {
.Page_SEO{font-size:13px;color:#999999;line-height:21px;letter-spacing:0.01em;}
}
@media (min-width: 768px) and (max-width: 1199px) {
.Page_SEO{font-size:13px;color:#999999;line-height:21px;letter-spacing:0.01em;}
}
@media (max-width: 767px) {
.Page_SEO{font-size:13px;color:#999999;line-height:21px;letter-spacing:0.01em;}
}