a {text-decoration:none;}

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

.fLeft{float:left}
.fRight{float:right}
.txtL {text-align:left}
.txtC {text-align:center}
.txtR {text-align:right}
.txtJ {text-align:justify}
.semibold {font-weight:500}
.bold {font-weight:600}
.italic {font-style:italic}
.underline {text-decoration:underline}
.through {text-decoration:line-through}
.red {color:red}

.fade {transition:0.4s; -webkit-transition:0.4s }
.clear {width:100%; overflow:hidden}
.width50 {width:48%}
.width40 {width:38%}
.width60 {width:58%}
.tUpper {text-transform:uppercase}
.inlineImg {position:relative; top:3px}
.liDisc {list-style-type:disc}
.liNum {list-style-type:decimal}

.imgThumb {overflow:hidden; text-align:center}
.imgThumb img {display:block; width:100%; vertical-align:middle; height:100%;}
.imgThumb.vertical img {width:auto; height:100%; margin:0 auto}
.insideCenter {text-align:center}
.insideCenter > * {display:inline-block}
.tableTr {width:100%; overflow:hidden}
.tableTr > div {float:left}

/* flex box */
.flex {display:flex; display:-ms-flexbox; display:-webkit-flex; }
.flex-fLeft {flex-direction:row; -ms-flex-direction:row; -webkit-flex-direction:row;}
.flex-fRight {flex-direction:row-reverse; -ms-flex-direction:row-reverse; -webkit-flex-direction:row-reverse;}
.flex-wrap {flex-wrap:wrap ;-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.flex-hLeft {justify-content:flex-start; -webkit-justify-content:flex-start;}
.flex-hBetween {justify-content:space-between; -webkit-justify-content:space-between;}
.flex-hCenter {justify-content:center; -webkit-justify-content:center}
.flex-vTop {-webkit-align-items:flex-start; -ms-flex-align:start; align-items: flex-start;}
.flex-vBottom {-webkit-align-items:flex-end; -ms-flex-align:end; align-items: flex-end;}
.flex-vCenter {-webkit-align-items:center; -ms-flex-align:center; align-items:center;}
    
    

input[type="text"], input[type="password"], input[type="email"] {padding:0 8px}
textarea {padding:8px}

/* For Old Broswer */
.flex-fLeft > * {float:left}
.flex-fRight > * {float:right}
img , a {border:0  \9}
* {outline:0}

/*===============*/
.color1 {color:#000}
.color2 {color:#1359a8}
.bgTri01 {background:url('../images/bgTri01.jpg') no-repeat; background-size:100%}
.bgTri02 {background:url('../images/bgTri02.png') no-repeat; background-size:100%}
.bgImageFix01 {background:url('../images/bg_aboutHome.jpg') no-repeat; background-size:cover; -webkit-background-size:cover; background-attachment:fixed;}
.bgImageFix02 {background:url('../images/bg_newsHome.jpg') no-repeat; background-size:cover; -webkit-background-size:cover; background-attachment:fixed;}
.bgImageFix01 h1, .bgImageFix02 h1 {color:#fff}
.bgImageFix01 .h1Line, .bgImageFix02 .h1Line {background-color:#fff}
.bgColor01 {background-color:#e2f6f4}
.bgColor02 {background-color:#d2e5f6}
.pad50TB {padding:50px 0}
.pad120TB {padding:120px 0}
.btnStyle01 {width:58px; height:58px; background-image:url('../images/icons/btn_more.png'); background-color:#00a100; border-radius:100%}
.btnStyle01:hover {background-color:#1359a8}
.btnStyle02 {transform: skewX(-30deg); -webkit-transform: skewX(-30deg); padding:0 35px; border:3px solid; margin-top:40px}
.btnStyle02 span {top:0; left:0; display:block; font-size:24px; line-height:44px; transform: skewX(30deg); -webkit-transform: skewX(30deg); padding-right:24px}
.btnStyle02:hover {padding:0 45px; }
.btnStyle02.btnColor01 {border-color:#ffffff;}
.btnStyle02.btnColor01 span {color:#fff}
.btnStyle02.btnColor02 {border-color:#1359a8;}
.btnStyle02.btnColor02 span {color:#1359a8}
.font16 {font-size:16px; line-height:22px}
.font18 {font-size:18px; line-height:24px}
.font20 {font-size:20px; line-height:26px}
.imgThumb .zoom {opacity:0; position:absolute; width:15px; height:15px; right:-10px; bottom:10px; background:url('../images/icons/zoom01.png');}
.imgThumb:hover .zoom {right:10px; opacity:1}
.imgThumb .zoom.white {background-image:url('../images/icons/zoom02.png')}
.font24 {font-size:24px; line-height:35px; margin-bottom:20px}