/* html5 for ie */
address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block}
[hidden], command, datalist, menu[type=contest], rp, source {display:none}


/* ----------------------------------------------------
 * Html
 * ---------------------------------------------------- */
html, body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
body {margin:0; padding:0; color: #333; background: #fff; left top repeat-x; font-family: 微軟正黑體, 新細明體, Verdana, Geneva, sans-serif}
a {text-decoration:none; outline:none; hlbr:expression(this.onFocus=this.blur())}
a:hover {text-decoration:underline}
img {margin:0; padding:0; border:none}
input {margin:0; *margin:-1px 0}
select {margin:0}
dl, dt, dd {margin:0; padding:0}
textarea:focus, input:focus {outline:none}
menu, ul, ol, h1, h2, h3, h4, h5, h6, h7 {margin:0; padding:0; list-style:none}

#header {background: #007f7b; width:100%; height:50px; min-width: 1090px;}
    .container {width:1070px;margin: 0 auto;padding: 0 10px 0 10px;}
    #header > .container {background: #007f7b;height:50px;}
        .logo {height: 45px;float:left}
        .socialmedia-area {height:36px;width:36px;float:right;margin:2px 17px 0 0;}
        .lineicon {height:45px;}

.page-content {width:1090px;margin: 0 auto;}
    #kv {width:1090px;height:362px; margin-bottom: 20px;}
    #kv img {width:1090px;height:362px;margin:0;padding:0;}
    
    .lfarea {width: 176px;float: left;}
        .linkitems {list-style:none;}
        .linkitems li {margin-bottom:4px;}
        .linkitems li a {color:#fff;font-size:16px;display:block;padding: 7px 0 0 16px;width:109px;height:29px; background: #60157a; border: 1px solid #60157a; border-top-right-radius:19px;border-bottom-right-radius:19px;}
        .linkitems li a:hover, .linkitems li a.active {background:#8923ad;width:146px;font-weight:bold;text-decoration:none;}
        .linkitems li:nth-child(4) a, .linkitems li:nth-child(4) a:hover {background:#3a5898;}
        
    .rharea {width: 730px;float: right;margin:0; margin-right: 120px; font-weight: bold;}
        .rharea img {width:730px;}
        .rharea h2 {font-size: 24px; line-height: 28px; margin-top:15px;}
        .ci-maincolor {color: #63197c;}
        .rharea ul {margin-top: 15px;}
        .rharea ul li {font-size: 16px; border-left: 5px solid #63197c;line-height: 21px; padding-left: 5px;margin: 0 0 20px 0;}
        .rharea ul li:last-child {margin:0;}
        .rharea h3 {display: block; color: #63197c; }
        .rharea h3.h3dark {background: #63197c; color: #fff; text-align: center; padding: 10px 0 10px 0;}
        
    .mediaarea {width: 736px; padding: 30px 0 40px 0; text-align: center;}
    .mediaarea h3 {color: #63197c; font-size: 24px; font-weight: bold;margin-bottom: 20px;}
    .mediaarea iframe {margin-right: 5px;}
    
    #back-to-top.show {opacity: 1;}
    #back-to-top {
        position: fixed;
        bottom: 75px;
        right: 10px;
        z-index: 9999;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background: #017f7b;
        color: #fff;
        cursor: pointer;
        border: 0;
        text-decoration: none;
        transition: opacity .3s ease-out;
        opacity: 0;
    }
    
#footer {clear:both; width:100%;font-size:13px; min-width:1090px;}
    .warning-btn {text-align: center;}
    .warning-btn a {display: inline-block; padding: 5px 15px; color: #017f7b; text-decoration:none; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
    .warning-btn a.collapsed {background: #f5f5f5;}
    .claim {border-top: 1px solid #ddd; padding:10px 0 20px 0; font-size: 16px;line-height: 20px;letter-spacing:1px;}
    .claim > .container {width:1030px;}
    .claim a, .claim a:link {color:#007f7b;}
    .claim a:hover {color:#333;text-decoration:none;}
    .claim .danger {color:#ff0000;}
    .corpinfo {background:#203340;padding-bottom:15px;color:#fff;}
        .corpinfo>.container {width:1030px;height:140px;padding: 24px 0 0 0;color:#fff;}
        .footer-lf1 {float:left;width:528px;}
        .footer-lf2 {float:left;width:265px;}
        .footer-lf3 {float:right;width:237px;}
        .footer-lf4 {float:right;width:502px;}
        .footer-sep {clear:left;margin-top:20px;font-weight:700}
        
            .company-title {font-size: 26px;color:#fff;}
            .corpinfo h4 {color: #24A09A;font-size:18px;font-weight:bold;}
            .corpinfo ul li {color:#fff;font-size:14px;}
            .corpinfo ul li a, .corpinfo ul li a:hover, .corpinfo ul li a:link {color:#fff;}
            .corpinfo ul li a:hover {text-decoration:underline;}
            
            .lastbox {border-top: 1px solid #fff;margin:0 auto; width:1030px; padding: 5px 0 20px 0;}
            .horitems li {float:left;border-right:1px solid #fff;padding-left: 4px; padding-right: 4px;}
            .horitems li:last-child {border: none;}
            .horitems li a {line-height:14px;}
            .footer-lf4 a {font-size:13px;color:#fff;}
            .footer-lf4 a, .footer-lf4 a:hover, .footer-lf4 a:link {color:#fff;}