/*
Free Html5 Responsive Templates
Author URI: http://www.html5xcss3.com/
*/
@import url(https://fonts.googleapis.com/css?family=Merriweather);
@import url(https://fonts.googleapis.com/css?family=Cabin);
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Reset----------------------------------- */
/* ---------------------------------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details,entry-content embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}


/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

html { -webkit-text-size-adjust: none;}
.video embed,.video object,.video iframe { width: 100%;  height: auto;}
img{max-width:100%;	height: auto;width: auto\9; /* ie8 */}

a{color: #4CC2DC;text-decoration: none; padding-bottom:20px;}
a:hover {color: #333333; text-decoration: none;padding-bottom:20px;}

h1, h2 	{font-size: 25px;line-height: 30px;}
h3, h4	{font-size: 20px;line-height: 20px;}
h5, h6	{font-size: 16px;line-height: 16px;}

p{margin: 10px 0;}

label {cursor:pointer;margin:5px 0;display:block;font-weight:bold;}
input {display:block;width:100%;color:#222;border:1px solid #d1d1d1;padding:5px;margin: 5px 0 5px 0;font-size: 16px;}
input[type="submit"]{padding: 15px;}
textarea {display:block;width:100%;height:250px;background-color:#fff; color:#222;border:1px solid #d1d1d1;padding:10px;margin: 5px 0 20px 0;}

.t-center{text-align: center;}
.t-left{text-align: left;}
.t-right{text-align: right;}
.f-right{float: right;}
.f-left{float: left;}

.post{}
.post:after, .post:before, article:after, article:before, section:after, section:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
.post img{margin: 30px 0;}


.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:after, .clearfix:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

hr{border: 0;height: 3px;margin: 20px auto;}
hr.line-1{background: #fff;max-width: 30px;}
hr.line-2{background: #333;max-width: 40px;height: 4px;}

/*-- Color --*/
.color-blue, .color-red, .color-yellow, .color-green {font-weight: 500;}
.color-blue{color: #2FBFCA !important;}
.color-red{color: #fc5b78 !important;}
.color-yellow{color: #E8D01D !important;}
.color-green{color: #17AD4A !important;}
.color-orange{color: #FF993F !important;}
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Html-Body------------------------------- */
/* ---------------------------------------------------------------------------- */
html, body {width:100%; padding:0; margin:0;}
body {
	font: 25px Arial, Helvetica, sans-serif;
	font-family: '微軟正黑體', sans-serif,Arial, Helvetica;
	background: #fff;
}
body .wrap-body{}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Header--------------------------------- */
/* ---------------------------------------------------------------------------- */
header{text-align: center;background: #fff;}
header .logo {color: #333;padding: 45px 0 30px;}
header .logo span{font-family: 'Roboto', sans-serif;font-size: 18px;}
@media(max-width:767px){
	header .logo{padding: 30px 0 20px;}
	header .logo a{font-size: 65px;}
	header .logo span{font-size: 16px;}
}

/*new*/
.news_row{width:calc(100% - 1rem);margin:0 0.5rem;padding:1rem 0;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:  space-between;}
.news_row .list_block{width: calc((95%/3) - 1rem);height:auto;padding:0; margin: 1rem 0.5rem;}


/*news_content*/
#news_title_block{width:calc(100% - 1rem);margin:0 0.5rem;overflow:hidden;}
#news_title_block .link_block{width:50%;float:left;}
#news_title_block .link_block .Poster{font:9pt "微軟正黑體";font-weight:700;color:#9c9c9c;}
#news_title_block .link_block .date{display:inline-block;padding:0.15em 1em;margin-left:0;background:#d6d6d6;color:#000000;font:9pt "微軟正黑體";font-weight:700;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
#news_title_block .news_title_block_title{width:100%;font:18pt "微軟正黑體";font-weight:700;line-height:30px;color:#000;}
#news_title_block .news_title_block_date{width:100%;font:12pt Arial;font-weight:700;color:#a0a0a0;}
#news_title_block .news_title_block_files{width:100%;}
#news_title_block .news_title_block_files li{float:left;padding:5px 5px 5px 0;}
#news_title_block .line{float:left;width:100%;height:5px;line-height:5px;margin-bottom:2em;background-image: linear-gradient(to right, #c6c6c6 10%, rgba(255, 0, 0, 0) 100%);background-position: bottom;background-size: 1px 1px;background-repeat: repeat-x;padding-bottom:5px;}

#news_content_block{width:calc(100% - 1rem);margin:0 0.5rem;min-height:100px;font:14pt "微軟正黑體";color:#7F7F7F;font-weight:500;line-height:30px;letter-spacing:1;padding-bottom: 3rem;}

#news_title_block .more_title01{font: 1.5rem "微軟正黑體";padding: 0.7rem 0;color: #000000; letter-spacing: 2px;font-weight: 700;display:block;}
#news_title_block .Nline{float:left;width:98%;height:2px;line-height:2px;margin-bottom:2rem;background-image: linear-gradient(to right, #2f2f2f 100%, rgba(255, 255, 255, 0) 100%);background-position: bottom;background-size: 5px 2px;background-repeat: repeat-x;padding-bottom:2px;}


.more_list_block{width:98%;font:15pt "微軟正黑體";font-weight:700;margin-bottom:2rem;padding:0;/*padding-bottom: 3rem*/}
.more_list_block:after {content:''; clear:both; display:block;}
/*.more_list_block  ul{margin:0;padding:0;width:100%;}
.more_list_block .list{clear:both;padding:0;margin:0;}
.more_list_block li{float:left;font:13pt "微軟正黑體";color:#7B7B7B;margin:0;padding:0 ;}*/
.more_list_block .txt01{width:25px;float: left;}
.more_list_block .txt02{width:calc(100% - 25px);float: left;}
.more_list_block a{color:#4D4D4D;}
.more_list_block a:hover{color:#000000;}
.more_list_block .Mline{float:left;width:100%;height:1px;line-height:1px;margin-bottom:10px;background-image: linear-gradient(to right, #ececec 100%, rgba(255, 255, 255, 0) 100%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:10px;}


/*product*/
#product_block{width:calc(100% - 1rem);margin:2rem 1rem;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:  space-between;}
#product_block .product_left{width:40%;}
#product_block .product_right{width:60%;}
#product_block .product_right .product_no{font:1.2rem Arial;color:#5F5F5F;padding-bottom: 1rem}
#product_block .product_right .product_title{font: 2.25rem "微軟正黑體";line-height: 2.25rem;color: #4CC2DC;padding-bottom: 3rem; letter-spacing: 2px;font-weight: 600;}
#product_block .product_right .product_note{font:1.2rem "微軟正黑體";color:#686868;line-height: 30px;}

#product_block01{width:calc(100% - 1rem);margin:2rem 1rem;}
#product_block01 .product_title01{font: 1.8rem "微軟正黑體";line-height: 40px;padding: 1.5rem 0;color: #000000; letter-spacing: 2px;font-weight: 700;display:block;}

#product_block01 .product_no01{font:1.2rem "微軟正黑體";color:#686868}
#product_block01 .pline{float:left;width:98%;height:2px;line-height:2px;margin-bottom:2px;background-image: linear-gradient(to right, #2f2f2f 100%, rgba(255, 255, 255, 0) 100%);background-position: bottom;background-size: 5px 2px;background-repeat: repeat-x;padding-bottom:2px;}

/*more_product*/
.more_product_row{width:calc(100% - 1rem);margin:0 1rem;padding:1rem 0;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:  space-between;}
.more_product_row .plist_block{width: calc((100%/4) - 2rem);height:auto;padding:0; margin: 1rem;font:1.2rem "微軟正黑體";}


/*download*/
.download-title{width:100%;text-align: center;padding:40px 0 2rem 0; font-family: '微軟正黑體', sans-serif,Arial, Helvetica;font-size: 36px;line-height: 30px;color: #4CC2DC;letter-spacing: 2px;font-weight: 600;margin: 0;text-transform: uppercase;}
.download_block{width:calc(100% - 1rem);margin:0 1rem;padding:2rem 0 5rem 0;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content:  space-between;}
.download_block .dlist_3_1{width:15%;text-align:center;font:14pt Arial;color:#4E4E4E;padding:1rem 0;}
.download_block .dlist_3_2{width:calc(100% - 23%);text-align: left;font:14pt "微軟正黑體";font-weight: 700;padding:1rem 0;}
.download_block .dlist_3_3{width:8%;text-align:center;padding:1rem 0;}
.download_block .line{float:left;width:100%;height:1px;line-height:1px;margin-bottom:2px;background-image: linear-gradient(to right, #dddddd 100%, rgba(255, 255, 255, 0) 100%);background-position: bottom;background-size: 5px 1px;background-repeat: repeat-x;padding-bottom:2px;}

@media only screen and (max-width: 767px) {
	
#product_block .product_left{width:100%;}
#product_block .product_right{width:100%;}	
/*new*/	
.news_row .list_block{width: calc((100%/1) - 2rem);height:auto;padding:0; margin: 1rem;}	
.news_row .list_block img{width:100%;max-width: 100%;}	

/*more_product*/
.more_product_row .plist_block{width: calc((100%/1) - 2rem);height:auto;padding:0; margin: 1rem;}	
.more_product_row .plist_block img{width:100%;max-width: 100%;}			

/*download*/
.download_block .dlist_3_1{width: 100%;text-align: left;padding:0;}
.download_block .dlist_3_2{width: 100%;text-align: left;padding:0;}
.download_block .dlist_3_3{width: 100%;text-align: left;padding:0;}
}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Container------------------------------ */
/* ---------------------------------------------------------------------------- */
#container {}entry-content
#container .wrap-container{}

/* ---MainContent-Article--- */
.post, .content-box {}
.post .wrap-post, .content-box .wrap-box, .comments-are {
	padding: 0px 1rem 2rem 1rem;
	position: relative;
   margin: 0 auto;
font-size: 16px;	
}
article{text-align: center;}
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
article img{height: auto;width: 100%; border: none;}
article .entry-header{padding: 40px 0;}
article .entry-header h2.entry-title{font-family: '微軟正黑體', sans-serif,Arial, Helvetica;font-size: 36px;line-height: 30px;color: #4CC2DC;letter-spacing: 2px;font-weight: 600;margin: 0;text-transform: uppercase;}
article .entry-header h2.entry-title a {color: #4CC2DC;margin: 0;}
article .entry-title-blog a:hover {color: #628d7c;}
article .entry-header .time {font-family: '微軟正黑體', sans-serif,Arial, Helvetica;color: #666666;font-size: 20px;padding-bottom: 10px;display: block;}
article .entry-header .cat-links {font-family:'微軟正黑體', sans-serif,Arial, Helvetica;font-size: 20px;color: #666666;text-transform: uppercase;letter-spacing: 2px;padding-top: 10px;display: block;}
article .entry-header .cat-links img {width: 25px;}

article .post-thumbnail-wrap {text-align: center;width: 100%;}
article .post-thumbnail-wrap img {}

article .entry-content{ padding: 40px 40px; text-align: left;}
@media(max-width:767px){
	article .entry-conteentry-contentnt{ padding: 40px;}
}
article .entry-content p{font-size: 16px;color: #686868;line-height:28px;}
article .entry-content blockquote {border-left: 3px solid #1c7791;font-size: 18px;margin: 0 50px;font-style:blockquote;color: #666;padding-left: 20px;}
article .entry-content ol {float: left;text-align: justify;margin: 10px 50px;font-size: 16px;list-style-type: circle;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Footer--------------------------------- */
/* ---------------------------------------------------------------------------- */
footer{background: #191B1F;color: #ccc;font-size: 14px;padding: 50px 0 20px;}

footer h3{color: #fff;font-size: 20px;margin-bottom: 30px;}
footer a{color:#92907C;}
footer a:hover{color:#fff;}
footer .wrap-footer{color: #92907C;padding: 30px 0 70px;/*border-bottom: 1px solid #555;*/}
footer .wrap-footer ul li {margin-bottom: 5px;border-bottom: 1px solid #555;padding: 10px 0 15px;}
footer .logo img{max-width: 170px;}
footer .col-footer-1 {}
footer .col-footer-2 {}
footer .col-footer-3 {}
footer .wrap-map{background: #555;padding: 5px;border: 1px solid #999;}
footer .logo{top: 0px;margin-bottom: 20px;text-align: center;}

.copyright{}
.copyright .wrapper{padding: 20px 0;}
.copyright ul.quick-link li {display: inline-block;margin-right: 10px;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Contact-------------------------------- */
/* ---------------------------------------------------------------------------- */
#contact_form, #comment {padding:20px 30px 0;}

#ff .sendButton , #comment_form .sendButton {cursor:pointer;background-color:#4CC2DC;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:20%;color:#ffffff;margin-top: 50px;}
#ff .sendButton:hover , #comment_form .sendButton:hover{opacity: 0.8;}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */
a.button{background-color: #333;border-radius: 4px; padding: 10px 15px;color: #fff;}
a.button:hover{background-color: #eee;color: #333;}

/* ---------------------------------------------------------------------------- */
/* ----------------------------------Carousel---------------------------------- */
/* ---------------------------------------------------------------------------- */
.owl-controls .owl-buttons div {position: absolute;color:#777;opacity: 0.7;}
.owl-carousel:hover .owl-buttons div {color:#fff;}
.owl-controls .owl-buttons .owl-prev {left: 10px;top: 50%;}
.owl-controls .owl-buttons .owl-next {right: 10px;top: 50%;}
.owl-carousel{margin-bottom: 20px;}
.owl-carousel .owl-buttons div i {font-size: 40px;margin: -20px 0 0;}
.owl-carousel .item{position: relative;}
.carousel-caption {position: absolute;top: 50%;transform: translateY(-50%);bottom: auto;padding: 0;text-align: center;width: 100%;left: auto;right: auto;text-shadow: none;}
.carousel-caption-title {margin: 0;padding: 0;}
.carousel-caption-title a {font-size: 18px;font-size: 1.125em;font-family: 'Cabin', Helvetica, sans-serif;text-transform: uppercase;letter-spacing: 2px;color: #373735;}
.carousel-caption-title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.carousel-caption-title a:hover {color: #628d7c;}
.carousel-caption-category {margin: 0;padding: 0;}
.carousel-caption-category a {color: #aaaaaa;font-size: 14px;font-size: 0.875em;letter-spacing: .5px;text-transform: lowercase;}
.carousel-caption-category a:hover {color: #628d7c;}
.carousel-caption-inner {background: #fff;padding: 30px 40px;max-width: 80%;margin: 0 auto;display: inline-block;}

/* ---------------------------------------------------------------------------- */
/* --------------------------------Google-Map---------------------------------- */
/* ---------------------------------------------------------------------------- */
.maps iframe{
    pointer-events: none;
}

/*button*/
.member_button{width:100%;padding:1em 0;overflow:hidden;text-align:center;overflow:hidden}
.member_button_r{width:100%;overflow:hidden;padding: 0; text-align: right;}
.member_button_l{width:100%;overflow:hidden;padding: 0; text-align: left;}

.member_button_l #backbu a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-weight:700;background:#2e2e2e;color:#ffffff;display:inline-block;text-align:center;padding:0.7em 3em;margin:1em 0.5em;text-decoration:none;}
.member_button_l #backbu a:hover{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background:#000000;color:#ffffff;display:inline-block;text-align:center;padding:0.7em 3em;margin:1em 0.5em;}

/*no info */
.gray_block{background:#f1f1f1 ;padding:calc(20%/2);width:auto;color:#ff0000;font:13pt "微軟正黑體";font-weight:700;line-height:30px;text-align:center;}

/*news_fb_button*/
.fb_button{clear:both;width:100%;}
.fb_button li{float:left;height:35px;line-height:35px;margin-right:5px;}