/*basic style*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanstc.css);/*思源繁中*/
@import url(https://fonts.googleapis.com/css?family=Arimo);

*{padding:0;margin:0;box-sizing:border-box;font-family:'Arial', 'Noto Sans TC', sans-serif;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:1em;}
.CLEAR{
    clear:both !important;
    width:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    float:none !important;
}
a{color:inherit;text-decoration:none;}
img{max-width: 100%;}
li{list-style: none;}
button{cursor: pointer;}

/*編輯器內容*/
.HTML li{list-style: inherit}
.HTML img{height:auto !important;}
.HTML h1, 
.HTML h2,
.HTML h3,
.HTML h4,
.HTML h5,
.HTML h6{
    font-weight:inherit;
}



/*左右*/
.LEFT{float:left;}
.RIGHT{float:right;}
.LEFT_20{ float:left;width:20%;}
.LEFT_30{ float:left;width:30%;}
.LEFT_50{ float:left;width:47.5%;}
.RIGHT_50{ float:right;width:47.5%;}
.RIGHT_70{ float:right;width:65%; }
.RIGHT_80{ float:right;width:75%; }
.LEFT_IMG{float:left;margin-right:15px;margin-bottom:15px;}
.RIGHT_IMG{float:right;margin-left:15px;margin-bottom:15px;}


/*列表*/
.LIST{ padding:0; margin:0; padding-bottom:5px; overflow:auto; list-style-type:none;}
.LIST>li{padding:7px 0; overflow:auto;vertical-align:top;}
.LIST li *{ vertical-align: middle;}
.LIST_LEFT{ display:block; float:left; margin-right:20px; vertical-align:top;}
.LIST_RIGHT{ display:block; overflow:auto; vertical-align:top;}
.LIST input{border:none;}



/*圖文列表*/
.COLUMN2, .COLUMN3, .COLUMN4, .COLUMN5{ padding:0; margin:0; margin-left:-1%; margin-right:-1%; }
.COLUMN2>li, .COLUMN3>li, .COLUMN4>li, .COLUMN5>li{ display:inline-block; vertical-align:top; margin-left:1%; margin-right:1%; margin-bottom:20px;list-style-type:none;}
.COLUMN2>li{ width:47%;}
.COLUMN3>li{ width:30.7%;}
.COLUMN4>li{ width:22.5%;}
.COLUMN5>li{ width:18.5%;}




/*表單*/
input[type="text"],
input[type="password"],
textarea,
select{ padding:5px 0;padding-left:1.5%; padding-right:1.5%; border:1px solid #ccc;font-family:"微軟正黑體"; outline:none; vertical-align:top; max-width: 100%;}

input[type="text"].WIDTH_100,
input[type="password"].WIDTH_100,
textarea.WIDTH_100,
select.WIDTH_100{ width:96%; padding-left:1.5%; padding-right:1.5%; }


.TABLE td, .TABLE th{padding:5px 7px;}


/*按鈕*/
.BTN{border:none;cursor:pointer;color:#fff;background:#56b1e6;padding:10px 25px;border-radius:30px;-webkit-border-radius:30px;display: inline-block;font-size:14px;}
.BTN:hover{transition: background .3s ease-out ;-moz-transition: background .3s ease-out;-webkit-transition: background .3s ease-out; -o-transition: background .3s ease-out; opacity:0.9;}

#backtop {
    position: fixed;
    bottom: 40px;
    right: 20px;
    margin: 0;
    padding: 0;
    z-index: 9999;
}


/*---頁碼---*/
.PAGES{margin:20px 0}
.page{text-align:center; margin:30px 5px 0; color:#666;}
.page.active{background:#ec681c; color:#fff;padding:0px 5px; border-radius:3px; -webkit-border-radius:3px;}



.CENTER{text-align:center;}

.MARGIN_TOP20{margin-top:20px;}
.MARGIN_BOTTOM10{margin-bottom:10px;}
.MARGIN_BOTTOM20{margin-bottom:20px;}

.PADDING20_0{padding:20px 0}
.PADDING05{padding:5px}



/*圖片垂直水平置中*/

.img-contain {
    width: 100%;
    height: 0;/*讓元素的高度=padding-bottom*/
    padding-bottom: 100%;
    position: relative;
}

.img-contain img{
    max-width:100%;
    height:auto;
    max-height: 100%;
    vertical-align: middle;
}

.img-shiv {
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 0;
    text-align: center;
}

.img-shiv:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}





/*產品圖表*/
.p-TABLE{border-collapse:collapse; border-spacing:0;
	width:100%; margin:0 auto 4px auto; text-align:left; font-size:13px;
}
.p-TABLE th, .p-TABLE td{padding:2px 4px; border:#43a1cf 1px solid; background:#fff;}
.p-TABLE th:nth-of-type(1), .p-TABLE td:nth-of-type(1){background:#d8f2ff; color:#43a1cf; width:50%;}
.p-TABLE th:nth-of-type(2), .p-TABLE td:nth-of-type(2){width:50%;}

.p-TABLE-a{border-collapse:collapse; border-spacing:0;
	width:100%; margin:0 auto; text-align:center; font-size:14px;
}
.p-TABLE-a th, .p-TABLE-a td{padding:4px 4px;}











