/* reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin:0;
    padding:0;
    font-family: Avenir, Arial, Helvetica, "微軟正黑體","MyriadPro-Light", "Microsoft JhengHei", "Hiragino Kaku Gothic Pro", sans-serif;
}
body, button, input, select, textarea {
    font:12px/1.5 tahoma, arial, \5b8b\4f53;
    color: #333;
}
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-family: Avenir, Arial, Helvetica, "微軟正黑體",,"MyriadPro-Light", "Microsoft JhengHei", "Hiragino Kaku Gothic Pro", sans-serif;
}
address, cite, dfn, em, var {
    font-style:normal;
}
code, kbd, pre, samp {
    font-family:courier new, courier, monospace;
}
small {
    font-size:12px;
}
ul, ol {
    list-style:none;
}
a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
legend {
    color:#000;
}
fieldset, img {
    border:0;
}
button, input, select, textarea {
    font-size:100%;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* theme: Default */
a {
    color: #336493;
}
a:hover {
    color: #999;
    text-decoration:none;
}
.dd5 {
    clear:both !important;
    margin:0px;
    padding:0px;
}
body {
    background:#EFF6F7;
    font-family: Avenir, Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size:1em;
}
.sky_box {
    padding:0px;
}
.header_box {
    text-align:center;
    z-index:999;
}
.w_1200 {
    width:1200px;
    margin:auto;
}
.mb_50{
    margin-bottom:50px !important;
}
.spage{
    margin-bottom:10px;
}
.body_2 {
    background:#D1DAE0;
}
.uk-form input[type="checkbox"]:not(:disabled), .uk-form input[type="radio"]:not(:disabled){
    background:#FFF;
}
/* header */


.uk-slideshow-fullscreen, .uk-slideshow-fullscreen > li {
    height:450px;
}
.slide_box{

}
.ScrollDown {
    display: inline-block;
    position: relative;
    bottom: 50px;
    min-width: 160px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    font-size: 13px;
    z-index: 5;
    text-align: center;
    text-decoration: none;
    letter-spacing: 3px;
    -webkit-transition: background 0.5s;
    -webkit-transition-delay: 0s;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    transition: background 0.5s;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}

.header_box  {

}
/**/
.behavior {
    -moz-box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);
    -webkit-box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);
    box-shadow:0px 4px 12px -2px rgba(20%,20%,40%,0.5);
}
.behavior .logo img{
    width:60%;
}
.behavior .top_menu{
    padding-top:5px;
}
.behavior .top_box{
    padding:10px;
}
/**/
.top_link {
    background:#1E8AC4;
    padding:5px;
}
.top_link a{
    color:#CBEFFF;
}
.top_link .left{
    float:left;
}
.top_link .right{
    float:right;
}
.top_box{
    padding:25px 10px ;
    background:#FFF;
}
.top_box .logo{
    text-align:left;
}
.top_box .menu{
    text-align:right;
}
.top_menu {
    float:right;
    padding-top:20px;
}
.top_menu li{
    font-size:1.2em;
}
.top_menu .menulist{
    text-align:left;
}

.top_focus {
    /*background:#EFF6F7;*/
    padding:10px;
}
.page_top_focus{
    padding:10px;
}
.uk-subnav > *{
    padding-left:20px;
}
.top_focus .uk-dotnav>*>* {
    border-radius: 0%;
    width:30px;
    height:2px;
}
.top_focus .uk-dotnav {
    bottom:20px;
    display:none;
}
.uk-dotnav {
    margin-left:-5px;
}
.uk-text-center {
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.focus_txt {
    display:none;
    position:absolute;
    top:10%;
    right:5%;
    font-size:3em;
    color:#FFF;
    /*text-shadow:0px 0px 10px rgba(0, 0, 0, 0.9);*/
    z-index:100;

    padding:15px 20px;
    width:300px;
    height:300px;
    border-radius:300px;



}
.focus_txt > div{
    padding:15%;

}
.focus_xy {
    top:52%;
    font-size:1.5em;
    display:none;
}
.focus_bg_1 {
    background:#F00;
}
.focus_bg_2 {
    background: #06C;
}
.focus_bg_3 {
    background: #093;
}
.opacity {
    display:none;
    height:100%;
    width:100%;
    background:url(../images/opacity.png) no-repeat;
    background-size:auto 100%;
    background-position:right;
    position: absolute;
    z-index:1;
    top:0px;
    right:7%;
}
.uk-active .focus_txt,
.uk-active .opacity{
    display:block;
}
.full_pic {
    /*height:380px;*/
    overflow:hidden;
    background:url(../images/depositphotos.jpg) no-repeat center  fixed;
    background-size:100% auto;
    padding:140px 0px;
    text-align:center;
}
.full_pic .title {
    letter-spacing:10px;
    font-size:3em;
    font-weight:600;
    text-shadow:0px 0px 10px rgba(0, 0, 0, 0.9);
}
.full_pic .btn {
    width:100px;
    background:#FF0000;
    margin:auto;
    padding:7px 2px 7px 7px;
    color:#FFF;
    letter-spacing:5px;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.full_pic .btn:hover {
    background: #000;
    color:#FFF;
}
/*-------*/
.index_3box {
    margin:auto;
    padding-top: 10px ;
    margin-bottom:10px;
    width:98.4%;

    position: absolute;
    bottom:10px;
    z-index:200;
    padding-right: 20px;

}
.index_3box .uk-panel{
    height:100%;
    background:rgba(255, 255, 255, 0.8);
    padding:10px;

    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.index_3box .uk-panel:hover{
    background:#FFF;
}
.index_3box .pic{
    float:left;
    width:30%;
    /*border:1px #CCC solid;*/
    margin-right:15px;
    background:#FFF;
    text-align:center;
}

.index_3box .pic img{
    width:auto;
}
.index_3box .txt{
    width:65%;
    float:right;
}

/*下拉選單*/
body .dropmenu {
    background:rgba(0, 0, 0, 0.8);
    position:absolute;
}

/*page_box*/

.page_box{
    padding:10px 0px;
    margin-bottom:10px;

}
.breadcrumb {
    padding:7px;
    background:rgba(214, 217, 219, 0.52); /*#CDE0EB;*/
    margin-bottom:25px !important;
    border-left:5px rgba(164, 180, 189, 0.43) solid; /*#8EAEBE*/
}
.breadcrumb i{
    color:#069;
}
.breadcrumb .uk-active {
    color:#5C6367;
}
.body_2 .breadcrumb{
    background: rgba(249, 249, 249, 0.52);
}
.page_left {
    background: url(../images/page_left_bg.png) no-repeat bottom;
    background-size:100% auto;
    background-position:10px 100%;
    padding-bottom:290px;
}
.page_left .sub_1{
    padding:15px 20px;
    text-align:center;
    background:#09C;
    color:#FFF;
    font-size:1.5em;
    border-bottom:2px #AFEAFD solid;
}
.page_right > .content{
    padding:0px 2%;
}
.page_focus {
    margin-top:10px;
    height:260px;
    background:#FFF;
    text-align:center;
    overflow:hidden;
}
.page_focus img{
    max-height:100%;
    width:auto;
}
.product_focus{
    background: url(../images/focus_bg_g.jpg) no-repeat center;
    background-size:100% auto;
}
/*product_box*/
.product_box {
    margin-bottom: 10px;
    padding: 10px 0;
    text-align:center;
}
.product_box .fenlai{
    font-size:3em;
    text-align:center;
    width:100%;
    margin-bottom:15px;
}
.product_box .cname{
    font-size:2em;
    text-align:center;
    width:100%;
    margin-bottom:15px;
}
.product_box .product_pic img{
    padding-bottom:10px;
    width:49%;
}
.product_box .product_pic img:nth-of-type(2){
    margin-left:2px;	
}
.product_box .product_pic {
    margin-bottom:15px;
}
.product_type .uk-panel{
    background:#CDE0EB;
    padding:10px 10px;
    font-size:1.2em;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.product_type .uk-panel:hover{
    color: #FFFFFF;
    background: #336493;
}
.product_box .ctitle{
    font-size:1.5em;
    text-align:center;
    width:100%;
    margin-bottom:25px;
}
.product_box .ctitle span{
    background:#1e8ac4;
    padding:10px 40px;
    border-radius:99px;
    color:#FFF;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.product_box .ctitle button{
    background:#1e8ac4;
    padding:10px 40px;
    border-radius:99px;
    color:#FFF;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.product_box .ctitle .red{
    background: #F00;
    cursor:pointer;
}
.product_box .ctitle .red:hover{
    background: #C00;
}
.uk-form-row {
    margin-bottom:10px;
}
.uk-form-row input{
    /*width:20px;
    height:20px;
    border-radius:10px;*/
}
.uk-form-controls-text label{
    margin-right:8px;
}
.product_info{
    margin-bottom:25px;
}

.product_type{
    margin-bottom:25px;
}

.product_info .uk-panel{
    background:#CDE0EB;
    padding:25px 25px;
    font-size:1.2em;
    text-align:left;
    color:#636363;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.product_info .uk-panel-title {
    border-bottom:1px #9AACBB solid;
    font-size:1.5em;
}

.product_img .uk-panel {
    margin-bottom:25px;
}
.product_img .uk-panel h3{
    font-size:1.5em;
    padding:5px 0px;
}
.product_img .uk-overlay {
    background:#FFF;
    height:250px;
}

.gotop {
    border-top:1px #999 solid;
    padding:20px 0px 50px;
    text-align:center;
}
.gotop img{
    margin:0px 10px;

    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.gotop img.top{
    opacity:0.4;
}
.gotop img.back{
    opacity:0.6;
}
.gotop img:hover{
    opacity:0.9;

    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.contact_box .page_left{
    background:none;
    padding-bottom:30px;
}
.contact_box .fenlai{
    text-align:center;
    font-size:3em;
    margin-bottom:20px;
}
.contact_box  dl.info{
    border-bottom:1px #CCC solid;
    padding:5px 5px;
}
.contact_box .info dt{
    width:100px;

}
.contact_box .info dd{
    margin-left:120px;

}
.contact_box .company_name {
    margin-bottom:15px;
    border-bottom:3px #999 double;
}
.contact_box .company_name span{
    font-size:1.5em;
    font-weight:600;

}
.contact_box .tip{
    padding-bottom: 20px  ;
    font-weight:600;
    font-size:1.2em;
}
.contact_box table.category {
    margin-bottom:30px;
}
.contact_box table.category thead{
    background:#8FB4C9;
    font-size:1.2em;

}
.contact_box table.category thead th{
    border-right:1px #FFF solid;
    font-weight: normal;
    color:#FFF;
}
.del img{
    opacity:0.5;

    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.del img:hover{
    opacity:0.9;

    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*news*/
.news_box .page_left{
    background:url(../images/page_left_bg_1.png) no-repeat bottom ;
    background-size:100% auto;
    background-position:10px 100%;
}
.news_box table.news {
    margin-bottom:30px;
}
.news_box table.news thead{
    background:#8FB4C9;
    font-size:1.2em;

}
.news_box table.news thead th{
    border-right:1px #FFF solid;
    font-weight: normal;
    color:#FFF;
}
.news_box table.news tr:hover td a{
    color: #06C;
}
.news_box .title{
    text-align:center;
    font-size:2em;
    font-weight:600;
    margin-bottom:30px;
    border-bottom:4px #9C9FAF double;
}
/*foot_box*/
.bg_1 {
    background:#0A3244 url(../images/20140425.jpg) no-repeat fixed;
    background-size: 100% auto;

}
.foot_box {
    background:#EFF6F7;
    word-spacing:3px;
}
.foot_info_box {
    /*background:#0A3244;*/
    min-height:200px;
    padding:40px 90px 0px 40px;
}
.foot_info_box > div{
    margin-bottom:30px;
}
.foot_link_box {
    padding:10px 90px 10px 40px;
    border-bottom:1px #333 solid;
    color:#CCC;
    font-size:0.8em;
    display:none;
}
.foot_company_box {
    padding:10px ;
    line-height:180%;
    color:#666;
}
.foot_company_box .company{
    font-weight:600;
    color:#333;
}

.foot_copyright_box {
    padding:10px;
    padding-top:0px;
    color:#555;
    font-size:0.8em;
}
.foot_info_box h5 {
    color:#FFF;
    font-size:1em;
    margin-bottom:10px;
}
.foot_info_box li {
    color: #CCC;
    font-size:1em;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.foot_info_box li:hover {
    color:#FFF;
}
.share span i {
    background:#000;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.share li {
    margin-bottom:7px;
}
.share .facebook:hover i {
    background:#06C;
}
.share .youtube:hover i {
    background: #0CC;
}
/*下拉選單*/

.color_1{
    color: #A5A5A5;
}

.btn_style {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #84bbf3;
	padding:9px 18px;
	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;
}.btn_style: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;
}.btn_style:active {
	position:relative;
	top:1px;
}

.skype_box {
    margin: 0px; 
    padding: -120px;
    max-height: 20px; 
    max-width: 80px; 
}

/*https://codepen.io/bramus/pen/PjbyaR*/
.aspectratio {
    position: relative;
    height: 0;
    width: 100%;
    border: solid 1px #eee;
}
.aspectratio[data-ratio="4:3"] {
    padding-top: 75%;
}
.aspectratio[data-ratio="3:2"] {
    padding-top: 66.7%;
}
.aspectratio[data-ratio="16:9"] {
    padding-top: 56.25%;
}
.aspectratio[data-ratio="2.39:1"] {
    padding-top: 43%;
}
.aspectratio[data-ratio="10:6"] {
    padding-top: 60.89%;
}
.aspectratio[data-ratio="10:4"] {
    padding-top: 40%;
}
.aspectratio[data-ratio="10:3"] {
    padding-top: 30.7%;
}
.aspectratio[data-ratio="10:2"] {
    padding-top: 20%;
}
.aspectratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* visualize the box */
    background: hotpink;

    /* center my children */
    display: flex;
    align-items: center;
    justify-content: center;
}
.img_hide{
    width: 100%;
    height: 100%;
    overflow: hidden;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.fadeOut.owl-theme .owl-nav [class*=owl-] {
    background: transparent;
    font-size: 25px;
}
.fadeOut.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}
.fadeOut.owl-theme .owl-nav .owl-prev{
    position: absolute;
    left: 0;
    top: 40%;
}
.fadeOut.owl-theme .owl-nav .owl-next{
    position: absolute;
    right:0;
    top: 40%;
}