.content .section-grid{padding: 60px 0px; background: url(../images/line.png) center top no-repeat #fff; background-size: contain}
.content .section-grid:first-of-type{border-top: 0;padding-top: 10px; background: #fff; background-image: none}
.section h1 { text-align: left; font-weight: bold; margin-bottom: 20px;display: inline-block; width: 100%; font-size: 2.3em; color: #673AB7;}
.section h1:before {content: ''; background: url(../images/icon.png) center center no-repeat; width: 25px; height: 14px;}
.section h1 span { color: #484848;}
.section h3 {text-align: left; line-height: 1.5em}
.section p a, .section-grid .panel-body a{color: #a2c728; padding: 0 5px; font-weight: bold;}
.section p a:hover{text-decoration: underline}
.section-grid p { line-height: 1.7em; }
.section-grid a { color: #000; }
.section-grid .wthreeshop-a a { border-color: #000; }
.section .tab-content p, .section .tab-content .section-grid p {padding: 0; margin-bottom: 15px}
.section .tab-content .section-grid p span {font-size: 1.3em; font-weight: bold; color: #e4002b}
.section .tab-content h3 {color: #bbcd19; font-weight: bold;margin: 10px auto; font-size: 1.6em;}
.section .tab-content h4 {text-align: left; font-weight: bold; margin-top: 10px; margin-bottom: 20px; font-size: 1.2em;    line-height: 1.2em;}
.panel-group h4.panel-title {font-size: 1em}
.section .tab-content .number {counter-reset: my-badass-counter;padding-left: 50px; margin-bottom: 30px}
.section .tab-content .number dt {position: relative;padding: 4px 0 10px 0;}
.section .tab-content .number dt:before {	content: counter(my-badass-counter);counter-increment: my-badass-counter;position: absolute;left: 0;top: 0;font-size: 1.3em; font-weight: bold; color: #7d5fb1}
.section .tab-content .number dd {margin: 0 0 50px 0;}	
.section .tab-content .number dt, .section .tab-content .number dd {padding-left: 30px;}
/*.section .tab-content ul {margin-left: 20px; padding: 20px}*/
.section .tab-content ul.bullet {padding: 20px 10px 5px }
/*.section .tab-content ul li {list-style: circle; margin-bottom: 5px;width: 70%}*/
.section .tab-content ul li:before {color: #b0cb13;}
.section .tab-content ul.tick > li, .section .tab-content ul.bullet > li, .section .tab-content ul.cross > li {display: block; margin-left: 40px; margin-bottom: 15px}
.section .tab-content ul.tick > li:before, .section .tab-content ul.bullet > li:before, .section .tab-content ul.cross > li:before {content: ''; display: inline-block; width: 20px; height: 20px; margin-left: -40px;  margin-right: 20px;vertical-align: top;}
.section .tab-content ul.tick > li:before, .section .tab-content ul.bullet > li:before {background: url(../images/tick.png) center center no-repeat; }
.section .tab-content ul.cross {padding: 10px 0}
.section .tab-content ul.cross > li:before {background: url(../images/cross.png) center center no-repeat;}
/*.section .tab-content table {margin: 20px 0; border: 1px solid #ccc;margin-left: -30px;  margin-right: 10px;}*/
.section .tab-content table td{width: auto; padding: 5px; text-align: center; max-width: 100px;border: 1px solid #b098dc}
.section .tab-content table.address td{text-align: left; }
.section .content button {border: 1px solid #7d5fb1; background: #7d5fb1; padding: 10px 30px; margin:2px 0 10px; color: #fff; font-weight: bold}
.section .content button:hover {background: #b0cb13; border: 1px solid #b0cb13; color: #fff; box-shadow: 5px 5px 0 rgba(204, 204, 204, 0.38)}
.section .content button:focus {outline: 0}
.section .content sup {font-size: 0.65em}

/*-- Page-Styling --*/
/*-- about_milestone --*/
.inner.about.milestone .timeline-list .timeline-item{border-bottom: 1px solid #ccc; padding: 20px 0}
.inner.about.milestone .timeline-list .timeline-item h3{ color: #b0cb13; font-weight: bold}
.inner.about.milestone .timeline-list .timeline-item h5{text-align:left; font-size: 1.3em; font-weight:bold; line-height: 2em; padding: 0 10px 0 0; }
.inner.about.milestone .timeline-list .timeline-item p{text-align:left; padding-bottom: 5px}
.inner.about.milestone .timeline-list .timeline-item img{ margin-bottom: 10px}
.inner.about.milestone .timeline-list .timeline-item ul li{display: block; margin-bottom: 20px}
.inner.about.milestone .timeline-list .timeline-item ul li h5{font-size: 1.2em}
.inner.about.milestone .timeline-list .timeline-item ul li p{padding-bottom: 0}
.inner.about.milestone .timeline-list .timeline-item .item-history {padding-left: 0}
/*-- //about_milestone --*/
/*-- about_social --*/
.inner.about.social .content > div > div {padding: 0; padding-right: 10px;}
.inner.about.social .section-content .social-item { padding: 0}
.inner.about.social .social-item img { width: auto; height: 250px}
.inner.about.social .section-content .social-item img { width: 100%; height: auto}
.inner.about.social .social-item > div { padding-left: 0 }
.inner.about.social .social-item { display: inline-block; background-color: #f5f5f5; color: #333; min-height: 490px; overflow: hidden; width: 100%; border: 1px solid transparent}
.inner.about.social .social-item:hover { box-shadow: 0 5px 10px rgba(184,184,184,0.54); border: 1px solid #ccc}
.inner.about.social .social-item .grid figure { margin-bottom: 30px; }
.inner.about.social .social-item p, .inner.about.social .social-item ul { margin: 20px 0 20px; color: #333; padding: 0px 20px }
.inner.about.social .social-item h6 a { font-family: '微軟正黑體', 'Roboto', sans-serif; font-size: 14px; padding: 8px 50px; font-weight: 400; background-color: #333; color: #FFF; }
.inner.about.social .social-item h6 a:hover { color: #c41228; background-color: #000; }
.inner.about.social .social-item h4 { color: #fff; font-size: 1.3em; font-weight: bold; padding: 5px 30px; margin: 0; background: #a2bd10; text-shadow: 1px 1px 1px #7f890b; text-align: center; position: absolute;}
.inner.about.social .social-item:hover h4 { background: #adc917;}
/*
.inner.about.social .social-item h4:after { content: ''; display: block; width: 252px; height: 30px; background: url(../images/about/about3_arrow.png) center bottom no-repeat transparent; position: absolute; top: 20px; opacity: 0;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}
.inner.about.social .social-item:hover h4:after {top: 50px; opacity: 1}
*/

.inner.about.social .section-content .social-item { display: inline-block; background-color: #f5f5f5; color: #333; min-height: 448px; box-shadow: 0 5px 10px rgba(184,184,184,0.54);}
.inner.about.social .section-content .social-item > div { padding-left: 0; position: relative; }
.inner.about.social .section-content .social-item .grid figure { margin-bottom: 30px; }
.inner.about.social .section-content .social-item img { margin-bottom: 30px; float:left}
.inner.about.social .section-content .social-item p { margin: 0; margin-top: -45px; font-weight: bold; font-size: 1.2em; background: #a2bd10; color: #fff;  padding: 15px 20px; width: 100%; float:left}
.inner.about.social .section-content .social-item ul li{list-style: circle; line-height: 2em}
.inner.about.social .section-content .social-item h4 { position: absolute; padding: 8px 20px; width: 300px; z-index: 2}
.inner.about.social .section-content .social-item h4:after { display: none}
.inner.about.social .section-content .social-item .grid {position: relative;padding: 0 20px; margin: 30px 0px; float:left}
/*-- //about_social --*/
/*-- about_join --*/
.inner.about.join .btn_join{margin-top: 30px; padding-bottom: 10px}
.inner.about.join .btn_join a{padding: 10px 30px;border: 0;color: #ffffff;font-family: '微軟正黑體', Microsoft JhengHei, 'Montserrat', sans-serif; display: inline-block; background: #a2c728; box-shadow: 5px 5px 0 #7053a2; font-size: 1.1em}
.inner.about.join .btn_join a:hover {background: #a6d608; color:  #5e760e}
.inner.about.join .join-item {padding: 0; margin: 20px auto; background: #7d5fb1; border-left: 10px solid #7d5fb1; box-shadow: 5px 5px 3px #dddddd;}
.inner.about.join .join-item:hover {border-left: 10px solid #6b4e9d;}
.inner.about.join .join-item .join-title{padding:30px 20px 30px 30px ; margin: 0;}
.inner.about.join .join-item .join-title h3{color: #fff; font-weight: bold; font-size: 1.7em;}
.inner.about.join .join-item .join-desp{background: url(../images/about/about4_notebg.jpg) top center no-repeat #f4f5f5; padding: 60px 30px 30px; min-height: 300px;}
.inner.about.join .join-item .join-desp:after{content: ''; display: block; background: url(../images/about/about4_stick.png) top center no-repeat transparent; width: 34px; height: 38px; position: absolute; top: -10px; right: -10px; }
.inner.about.join .join-item .join-desp strong {color: #7d5fb1;font-size: 1.2em}
.inner.about.join .join-item .join-desp ul {margin:20px}
.inner.about.join .join-item .join-desp ul li{margin-bottom: 5px}
/*-- //about_join --*/

/*-- insurance --*/
/*
.inner.insurance .section .tab-content p, .inner.insurance .section .tab-content .section-grid p { margin-bottom: 30px}
.inner.insurance .section .tab-content .section-grid p:last-of-type { margin-bottom: 0px}
*/
.inner.insurance .section .tab-content .small-notice{ margin-top: 20px}
.inner.insurance .section .tab-content .small-notice p{ font-size: 0.85em; line-height: 1.5em ; margin-bottom: 10px; margin-left: 10px}
.inner.insurance .section .tab-content .small-notice span{ font-size: 0.7em; margin-left: -10px; padding-right: 5px; color: #000; vertical-align: text-bottom;}
.inner.insurance .section .content button.get-quote {
    height: auto;
    padding: 15px 30px;
    width: auto;
    font-family: '微軟正黑體', Microsoft JhengHei, 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0.2em;
    border: none;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    display: inline-block;
    background: #a2c728;
    color: #fff;
    box-shadow: 5px 5px 0 #8cad20;
/*    text-transform: uppercase;*/
    float: right;
    margin: auto
}

.inner.insurance .section .content button.get-quote:hover {
    background: #6b4e9d;
    box-shadow: 5px 5px 0 #5b3d8e;
}


.inner.insurance table{box-shadow: 2px 2px 10px rgba(204, 204, 204, 0.79); background: #fff; margin: 30px auto;border: 1px solid #ccc;width: 100%}
.inner.insurance table td{padding: 8px; }
.inner table td.title{background-color: #664b94; color: #fff}
.inner.insurance table td:nth-child(2).title{background-color: #785aab; color: #fff}
.inner.insurance table td.subtitle{background-color: #d5c9ec; color: #240558}
.inner.insurance .section-grid a {color: #a2c728; padding: 0 5px;font-weight: bold;}
.inner.insurance .section-grid a:hover {text-decoration: underline}

.inner.insurance .section-grid h4 {text-align: left;margin-top: 0}
.inner.insurance .section-grid .pa_italic i {display: inline-block; margin: auto -20px auto 0px; float: right}
.inner.insurance .section-grid .pa_italic span {display: none;}
.inner.insurance .section-grid .collapsed span {display: inline-block; margin: auto -20px auto 0px; float: right}
.inner.insurance .section-grid .pa_italic span.number, .inner.insurance .section-grid .collapsed span.number {display: inline-block;float: left; margin:auto 10px auto -30px; padding: 0}
.inner.insurance .section-grid .collapsed i {display: none;}
.inner.insurance .section-grid .panel-title {margin-bottom: 0}
.inner.insurance .section-grid .panel-title > a {font-size: 1em;color: #fff;	text-decoration: none;	display: block; padding:10px 30px 10px 0px; cursor: pointer; border-radius: 0px; background: #7d5fb1; color: #fff;border: 1px solid #6b4e9d;padding-left: 50px;} 
.inner.insurance .section-grid .panel:hover {box-shadow: 2px 2px 5px rgba(204, 204, 204, 0.51);} 
.inner.insurance .section-grid .panel-title > a.collapsed {background: #fff; color: #7d5fb1;border: 1px solid #6b4e9d;} 
.inner.insurance .section-grid .panel-title > a.collapsed:hover {background: #7d5fb1; color: #fff;border: 1px solid #6b4e9d;} 
.inner.insurance .section-grid .panel-default {border-color: #FFF;background: #f5f5f5; }
.inner.insurance .section-grid .panel-default > .panel-heading { padding: 0; }
.inner.insurance .section-grid .panel-body {padding: 2em;	font-size: 14px;line-height: 2em;color: #000;}
.inner.insurance .section-grid a.pa_italic label {	cursor: pointer;font-weight: 500;}
.inner.insurance .section-grid a.pa_italic:focus {	outline: none;	text-decoration: none;}
.inner.insurance .section-grid .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: transparent;border: 1px solid #ccc}

.inner.insurance .hospital-type div ul{border-right: 1px solid #ccc;min-height: 190px; padding: 0; margin-left: 0}
.inner.insurance .hospital-type div:last-of-type ul{border-right:0}
.inner.insurance .hospital-type h4 {margin-bottom: 20px}

.inner.insurance table.address {width:90%}
.inner.insurance table.address td {padding: 20px; white-space: nowrap;  border: 0;  }
.inner.insurance table.address td:nth-child(1) {width: 10%}
/*-- insurance --*/

/*-- customer-services_contact --*/
.inner.contact table {border: 0; width: 100%}
.inner.contact table tr td {vertical-align: top; padding: 8px 0; border: 0; text-align: left; font-size: 1em; color: #747474; border-bottom: 1px solid #aac50b; line-height: 1.8em; background: transparent}
.inner.contact table tr td img{width: auto}
.inner.contact table tr td a {font-size: 1em; color:#000000; font-weight: bold; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.inner.contact table tr td a:hover {color:#aac50b;margin-left: 10px }
.inner.contact table tr td:nth-child(1) {width: 30px}
.inner.contact table tr td:nth-child(2) {width: 170px}

.inner.contact #section1 h3 {color: #a1b913;}
.inner.contact #section2 p {margin: 20px 0}
.inner.contact #section3 p {margin-bottom: 20px; width: auto; display: inline-block; font-weight: bold; font-size: 1.2em; color: #575757}
.inner.contact #section3 img {width: auto; display: inline-block; margin-right: 10px}
.inner.contact #section3 iframe {border: 1px solid #c6c6c6;}
.inner.contact #section3 iframe:hover {box-shadow: 2px 2px 10px rgba(204, 204, 204, 0.79);}
/*-- //customer-services_contact --*/
/*-- customer-manage-your-policy --*/
.inner.manage-your-policy .content #section1 div > div {margin-bottom: 30px}
.inner.manage-your-policy .content table { width: 80%; margin: 30px auto;}
.inner table td { padding: 10px; background: #fff}
/*-- customer-manage-your-policy --*/
/*-- customer-services_promise --*/
.inner.promise .value-list .value-item p{font-size: 1em; margin: 0}
/*-- //customer-services_promise --*/
/*-- customer-services_customers-comments --*/
.inner.customers-comments .comment-item {width: 100%; border: 2px solid #aac50b; border-radius: 10px; margin: 0 auto 60px auto; padding: 20px 30px;position: relative; background: #fff}
.inner.customers-comments .comment-item .comment-detail{}
.inner.customers-comments .comment-item .comment-info{position: absolute; right: 0; bottom: -26px; background: #b2ce0a; box-shadow: 3px 3px 0 #91a809;padding: 5px 30px; }
.inner.customers-comments .comment-item .comment-info:before{ content: ''; background: url(../images/customer-service/commentbox.png) center center no-repeat transparent; width: 37px; height: 35px ; display: inline-block; position: absolute; left: -37px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;    top: 8px;}
.inner.customers-comments .comment-item:hover .comment-info:before{ left: -25px;}
.inner.customers-comments .comment-item .comment-info p{margin-bottom: 0; text-align: right; line-height: 1.5em; color: #fff}
.inner.customers-comments .comment-item .comment-info .person{font-size: 1em; }
.inner.customers-comments .comment-item .comment-info .date{font-size: 0.8em; }
/*-- //customer-services_customers-comments --*/
/*-- customer-services_faq --*/
.inner.faq h4 {text-align: left;margin-top: 0}
.inner.faq .pa_italic i {margin: auto 20px auto 10px}
.inner.faq .pa_italic span {display: none;}
.inner.faq .collapsed span {display: inline-block; margin: auto 20px auto 10px}
.inner.faq .collapsed span {display: inline-block; margin: auto 20px auto 10px}
.inner.faq .collapsed i {display: none;}
.inner.faq .panel-title {margin-bottom: 0}
.inner.faq .panel-title > a {font-size: 1em;color: #fff;text-transform: capitalize;	text-decoration: none;	display: block; padding: 10px 20px; cursor: pointer; border-radius: 0px; background: #7d5fb1; color: #fff;border: 1px solid #6b4e9d;} 
.inner.faq .panel:hover {box-shadow: 2px 2px 5px rgba(204, 204, 204, 0.51);} 
.inner.faq .panel-title > a.collapsed {background: #fff; color: #7d5fb1;border: 1px solid #6b4e9d;} 
.inner.faq .panel-title > a.collapsed:hover {background: #7d5fb1; color: #fff;border: 1px solid #6b4e9d;} 
.inner.faq .panel-default {border-color: #FFF;background: #f5f5f5; }
.inner.faq .panel-default > .panel-heading { padding: 0; }
.inner.faq .panel-body {padding: 2em;	font-size: 14px;line-height: 2em;color: #000;}
.inner.faq a.pa_italic label {	cursor: pointer;font-weight: 500;}
.inner.faq a.pa_italic:focus {	outline: none;	text-decoration: none;}
.inner.faq .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: transparent;border: 1px solid #ccc}
/*-- //customer-services_faq --*/


/*-- claims-procedures_claims-procedures --*/
.inner.claims-procedures1 .content b {text-align: center; font-weight: bold; font-size: 1.5em; margin-bottom: 10px;  padding: 10px 0px; width: 100%; display: inline-block;}
.inner.claims-procedures1 .content .promise-item {margin: 10px -5px; padding: 20px 30px; border: 1px solid #673ab7; background: #fff; min-height: 250px; float: left; width: 100%; text-align: center;}
.inner.claims-procedures1 .content .promise-item:hover {box-shadow: 5px 5px 5px #e0e0e0;}
.inner.claims-procedures1 .content .promise-item div{padding: 10px 0; line-height: 1.5em}
.inner.claims-procedures1 .content .promise-item img {width: auto; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s}
.inner.claims-procedures1 .content .promise-item:hover img {margin-top: -5px; padding-bottom: 5px}
/*-- //claims-procedures_claims-procedures --*/
/*-- claims-procedures_claims-car-and-motorcycle --*/
/*section1*/
.inner.claims-car-and-motorcycle h4 {text-align: left;margin-top: 0}
.inner.claims-car-and-motorcycle .pa_italic span {display: none;}
.inner.claims-car-and-motorcycle .collapsed span {display: inline-block; margin: 0}
.inner.claims-car-and-motorcycle .pa_italic .glyphicon {float: right; top: 8px}
.inner.claims-car-and-motorcycle .content .collapsed i {display: none;}
.inner.claims-car-and-motorcycle .panel-title {margin-bottom: 0}
.inner.claims-car-and-motorcycle .panel-title > a {font-size: 1em;color: #fff;text-decoration: none;	display: block; padding: 10px 20px; cursor: pointer; border-radius: 0px; background: #7d5fb1; color: #fff;border: 1px solid #6b4e9d; line-height: 1.5em} 
.inner.claims-car-and-motorcycle .panel:hover {box-shadow: 2px 2px 5px rgba(204, 204, 204, 0.51);} 
.inner.claims-car-and-motorcycle .panel-title > a.collapsed {background: #fff; color: #7d5fb1;border: 1px solid #6b4e9d;} 
.inner.claims-car-and-motorcycle .panel-title > a.collapsed:hover {background: #7d5fb1; color: #fff;border: 1px solid #6b4e9d;} 
.inner.claims-car-and-motorcycle .panel-default {border-color: #FFF;background: #f5f5f5; }
.inner.claims-car-and-motorcycle .panel-default > .panel-heading { padding: 0; }
.inner.claims-car-and-motorcycle .panel-body {padding: 2em;	font-size: 14px;line-height: 2em;	color: #000;}
.inner.claims-car-and-motorcycle a.pa_italic label {cursor: pointer;font-weight: 500;}
.inner.claims-car-and-motorcycle a.pa_italic:focus {outline: none;	text-decoration: none;}
.inner.claims-car-and-motorcycle .panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: transparent;border: 1px solid #ccc}
/*section2*/
.inner.claims-car-and-motorcycle .company-list img {width: auto; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s}
.inner.claims-car-and-motorcycle .company-list {padding: 20px; box-shadow: 0px 0px 10px rgba(204, 204, 204, 0.79); background: #fff;}
.inner.claims-car-and-motorcycle .company-list:hover img {margin-top: -5px; margin-bottom: 5px}
.inner.claims-car-and-motorcycle .company-list h5 {font-size:15px;color: #673ab7;text-align:left;font-weight: bold; margin: 15px 0 0 -15px;}
.inner.claims-car-and-motorcycle .company-list img {opacity: 1; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; width: auto; opacity: 0.5}
.inner.claims-car-and-motorcycle .company-list:hover img {opacity: 1}
.inner.claims-car-and-motorcycle .company-list .row {text-align:left;}
.inner.claims-car-and-motorcycle .company-list > div {min-height: 185px}
.inner.claims-car-and-motorcycle .company-list address {margin-bottom: 0}
.inner.claims-car-and-motorcycle .company-list address div {padding: 0}
.inner.claims-car-and-motorcycle .company-list address div.tel, .inner.claims-car-and-motorcycle .company-list address div.fax {display: block; width: 100%; color: #7b7b7b;}
/*-- //claims-procedures_claims-car-and-motorcycle --*/
/*-- policy-documents --*/
.inner.policy-documents table{box-shadow: 2px 2px 10px rgba(204, 204, 204, 0.79);background: #fff;margin: 30px auto;border: 1px solid #ccc;width: 100%;}
.inner.policy-documents table td{padding: 8px 20px; text-align: left}
.inner.policy-documents table td:nth-child(1){max-width: 20px}
.inner.policy-documents table td.title{background-color: #664b94; color: #fff;}
/*-- //policy-documents --*/
/*-- claims-procedures_policy-terms-and-forms --*/
.inner.policy-terms-and-forms .list-item, .inner.policy-terms-and-forms .list-item img, .inner.policy-terms-and-forms .list-item ul li a, .inner.policy-terms-and-forms .list-item .list-title h3 {-moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; }
.inner.policy-terms-and-forms .list-item {padding: 30px;  box-shadow: 5px 5px 10px rgba(204, 204, 204, 0.51); border: 1px solid #cbcbcb; min-height: 665px; background: #fff}
.inner.policy-terms-and-forms .list-item:hover {box-shadow: 5px 5px 10px rgba(178, 178, 178, 0.51); border: 1px solid #a7a7a7;}
.inner.policy-terms-and-forms .list-item img{width: auto}
.inner.policy-terms-and-forms .list-item:hover img{padding-bottom: 5px; margin-top: -5px;}
.inner.policy-terms-and-forms .list-item .list-title{width: 100% }
.inner.policy-terms-and-forms .list-item .list-title .list-img{width:100%; display: inline-block; margin: 0 40px 0 0;}
.inner.policy-terms-and-forms .list-item .list-title h3 {width: auto; display: inline-block; color: #3a3a3a}
.inner.policy-terms-and-forms .list-item:hover .list-title h3 {color: #98af12}
.inner.policy-terms-and-forms .list-item ul{display: inline-block; width: auto; vertical-align:top; }
.inner.policy-terms-and-forms .list-item ul li{/*color: #839a00*/; line-height: 1.3em; margin-bottom: 20px;}
.inner.policy-terms-and-forms .list-item ul li a:hover{color: #839a00; text-decoration: underline}
/*-- //claims-procedures_policy-terms-and-forms --*/
/*-- claims-procedures_24hr-emergency-hotline --*/
.inner.emergency-hotline .content p span {font-size: 1.3em; font-weight: bold;color: #e4002b; font-family: "Hind Siliguri", "Microsoft JhengHei", 微軟正黑體, sans-serif;}
/*-- //claims-procedures_24hr-emergency-hotline --*/


/*-- news-media_news --*/
.inner.news .news-item {margin-bottom: 30px ;border: 1px solid #e8e8e8; padding: 20px;background: #fff; float: left}
.inner.news a:hover .news-item {box-shadow: 5px 5px 10px rgba(176, 203, 19, 0.36); border: 1px solid #b0cb13;}
.inner.news .news-item > div {padding: 0;}
.inner.news .news-item.first {margin-bottom: 30px}
.inner.news .news-item.first .news-photo { text-align: center; max-height: 500px; overflow: hidden; margin-bottom: 20px; box-shadow: 5px 5px 10px rgba(204, 204, 204, 0.51)}
.inner.news .news-item img{max-width: 100%;-moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; }
.inner.news a:hover .news-item img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.inner.news .news-item .news-title h3{color: #7d5fb1; font-size: 1.6em; font-weight: bold;}
.inner.news .news-item .news-photo {overflow: hidden}
.inner.news a:hover .news-item .news-title h3{color: #839a00; }
.inner.news .news-item .news-date{color: #ccc}
.inner.news .news-item .news-date p{text-align: right; position: absolute; top: -35px; padding: 5px 20px; background:#fff; border: 1px solid #d8d8d8; right: 0; border-radius: 5px;  font-size: 0.9em; color: #6f6f6f }
.inner.news a:hover .news-item .news-date p{border: 1px solid #b0cb13; color: #b0cb13 }
.inner.news .news-item p{text-align: left; line-height: 1.6em; font-size: 1em; margin-bottom: 10px; color: #9a9a9a}
.inner.news a:hover .news-item p{color: #505050}
.inner.news .section .content .news-item button {border: 1px solid #7d5fb1; background: #7d5fb1; color: #fff}
.inner.news .section .content a:hover .news-item button {background: #b0cb13; border: 1px solid #b0cb13; color: #fff; box-shadow: 5px 5px 0 rgba(204, 204, 204, 0.38)}
/*-- //news-media_news --*/
/*-- news-media_media --*/
.inner.media2 table {border: 0; width: 100%}
.inner.media2 table tr td {vertical-align: top; padding: 8px 0; border: 0; text-align: left; font-size: 1em; color: #747474; border-bottom: 1px solid #aac50b; line-height: 1.8em; background: transparent}
.inner.media2 table tr td img{width: auto}
.inner.media2 table tr td a {font-size: 1em; color:#000000; font-weight: bold; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.inner.media2 table tr td a:hover {color:#aac50b;margin-left: 10px }
.inner.media2 table tr td:nth-child(1) {width: 30px}
.inner.media2 table tr td:nth-child(2) {width: 170px}
.inner.media2 form {margin-top: 20px; border: 1px solid #d0d0d0; padding: 30px; margin-bottom: 10px; background: #fff;}
.inner.media2 form label {display: inline-block; margin-right: 10px; min-width: 150px;}
.inner.media2 form h3{margin:0}
.inner.media2 form input[type="text"], .inner.media2 form input[type="password"], .inner.media2 form input, .inner.media2 form textarea {
    padding: 2px 5px;
    width: 100%;
    border: none;
    font-family: '微軟正黑體', Microsoft JhengHei, 'Montserrat', sans-serif;
    font-size: 1em;
    line-height: 1.3em;
/*    height: 20px;*/
    color: #000;
    outline: none;
    margin-bottom: 20px;
    background-color: transparent;
    border-bottom: 1px solid #6b4e9d;
    border: 1px solid #b5b2ba;
    border-radius: 3px;
    background: #fff
    
}

.inner.media2 form textarea {
    height: 160px
}
.inner.media2 form input:focus, .inner.media2 form textarea:focus{
     border: 1px solid #6b4e9d;
    box-shadow: inset 3px 3px 1px rgb(222, 222, 222);
}
.inner.media2 form input[type="submit"] {
    height: auto;
    padding: 10px 50px;
    width: auto;
    font-family: '微軟正黑體', Microsoft JhengHei, 'Montserrat', sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0.2em;
    border: none;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    display: inline-block;
    background: #a2c728;
    color: #fff;
    box-shadow: 5px 5px 0 #8cad20;
    text-transform: uppercase;
    float: right;
    margin: auto
}

.inner.media2 form input[type="submit"]:hover {
    background: #6b4e9d;
    box-shadow: 5px 5px 0 #5b3d8e;
}

.inner.media2 form img{
    height: 40px;
    margin: 20px auto
}

.inner.media2 .content p.font-red {
    margin: 20px auto 5px;
    float: left;
    width: 100%;
}

.inner.media2 .font-red {
    color: #c60000;
    margin-left: 5px
}

/*-- news-media_media --*/

/*-- activity_promotion --*/
.inner.promotion .news-item > div {margin-bottom: 30px ;border: 1px solid #9fb90c; padding: 20px;background: #EEE; box-shadow: 5px 5px 10px rgba(204, 204, 204, 0.51); }
.inner.promotion a:hover .news-item >div {border: 1px solid #cbcbcb;}
.inner.promotion .news-item .news-photo {overflow: hidden}
.inner.promotion .news-item img{max-width: 100%;-moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; }
.inner.promotion a:hover .news-item img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.inner.promotion .news-item h3.news-title{color: #313131; font-size: 1.3em; font-weight: bold; margin: 10px 0 20px}
.inner.promotion a:hover .news-item h3.news-title{color: #9fb90c;}
.inner.promotion .news-item p{text-align: left; line-height: 1.6em; font-size: 1em;}
.inner.promotion .news-item p.news-desp {text-align: left; line-height: 1.6em; font-size: 1em; /*max-height: 120px;*/ overflow: hidden; color: #333; }
.inner.promotion .news-item .news-date{ color: #666; margin: 18px 0 0; font-size: 0.9em; }
.inner.promotion .section .content .news-item button { border: 1px solid #7d5fb1; background: #7d5fb1; color: #fff; font-family: '微軟正黑體', Microsoft JhengHei, 'Montserrat', sans-serif;}
.inner.promotion .section .content a:hover .news-item button {background: #b0cb13; border: 1px solid #b0cb13; color: #fff; box-shadow: 5px 5px 0 rgba(204, 204, 204, 0.38);}
/*-- //activity_promotion --*/
/*-- activity_tips --*/
.inner.tips .tips-item .tips-content, .inner.tips .tips-item a:hover .tips-content .tips-title, .inner.tips .tips-item a:hover button{transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; }
.inner.tips .tips-item .tips-content{margin-bottom: 30px ;border: 1px solid #7d5fb1; padding: 20px 40px;background: #fff;}
.inner.tips .tips-item .tips-content .tips-title{color: #7d5fb1; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px}
.inner.tips .tips-item .tips-content .tips-desc{min-height: 50px }
.inner.tips .tips-item a:hover .tips-content{box-shadow: 5px 5px 10px rgba(159, 159, 159, 0.51);border: 1px solid #cbcbcb;}
.inner.tips .tips-item a:hover .tips-content .tips-title{color: #9fb90c; }
.inner.tips .tips-item button {background: #7d5fb1; border: 1px solid #7d5fb1; color: #fff; box-shadow: 5px 5px 0 rgba(204, 204, 204, 0.38);}
.inner.tips .tips-item a:hover button {background: #b9d808; border: 1px solid #b0cb13; }
/*-- //activity_tips --*/

/*-- maintenance --*/
.inner.maintenance .content{text-align: center;  background: #fff}
.inner.maintenance .content .section{border: 1px solid #673AB7; padding: 80px 20px; margin-bottom: 20px;}
.inner.maintenance .content .section:hover{background:#fbf9ff; box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.1) }
.inner.maintenance .content .section h1{text-align: center; font-weight: 900; text-shadow: 2px 2px 0 #e0e0e0}
.inner.maintenance .content .section h1:after{display: none}
/*-- //maintenance --*/


/*-- q-start --*/
.inner.q-start .qualifying-confirm span{ /*padding: 5px 10px;*/ display: inline-block}
.inner.q-start .fraud-notice {margin: 20px auto 30px}
/*-- q-start --*/


/*-- pagination --*/
.pagination {border: 0; margin-left: 0 !important; margin: 10px 0}
.pagination li a {border: 0; color: #292929}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #bcd907; border-color: #bcd907;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {color: #292929; border: 1px solid #fff}
.pagination > .disabled > a {color: #d8d8d8}
.pagination-sm > li > a, .pagination-sm > li > span {padding: 6px 15px; font-size: 1em; border: 1px solid #fff}
.pagination-sm > li > a:hover {color: #7c9000; border: 1px solid #bcd907; background: #fff}
.pagination-sm > li > a:focus {color: #fff; background-color: #a9c30a; border-color: #a9c30a}
/*-- //pagination --*/

/*-- Animation --*/
#slidertext1b { animation-duration: 3s; animation-delay: 0.5s; -webkit-animation-duration: 3s; -webkit-animation-delay: 0.5s; -moz-animation-duration: 3s; -moz-animation-delay: 0.5s; -ms-animation-duration: 3s; -ms-animation-delay: 0.5s; -o-animation-duration: 3s; -o-animation-delay: 0.5s; }
.navbar-nav li.dropdown:nth-child(1) a { animation-duration: 1s; animation-delay: 0.1s; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.1s; -moz-animation-duration: 1s; -moz-animation-delay: 0.1s; -ms-animation-duration: 1s; -ms-animation-delay: 0.1s; -o-animation-duration: 1s; -o-animation-delay: 0.1s; }
.navbar-nav li.dropdown:nth-child(2) a { animation-duration: 1s; animation-delay: 0.2s; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.2s; -moz-animation-duration: 1s; -moz-animation-delay: 0.2s; -ms-animation-duration: 1s; -ms-animation-delay: 0.2s; -o-animation-duration: 1s; -o-animation-delay: 0.2s; }
#grid1, .navbar-nav li.dropdown:nth-child(3) a { animation-duration: 1s; animation-delay: 0.3s; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.3s; -moz-animation-duration: 1s; -moz-animation-delay: 0.3s; -ms-animation-duration: 1s; -ms-animation-delay: 0.3s; -o-animation-duration: 1s; -o-animation-delay: 0.3s; }
#grid2, .navbar-nav li.dropdown:nth-child(4) a { animation-duration: 1s; animation-delay: 0.4s; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.4s; -moz-animation-duration: 1s; -moz-animation-delay: 0.4s; -ms-animation-duration: 1s; -ms-animation-delay: 0.4s; -o-animation-duration: 1s; -o-animation-delay: 0.4s; }
#grid3, .navbar-nav li.dropdown:nth-child(5) a { animation-duration: 1s; animation-delay: 0.5s; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.5s; -moz-animation-duration: 1s; -moz-animation-delay: 0.5s; -ms-animation-duration: 1s; -ms-animation-delay: 0.5s; -o-animation-duration: 1s; -o-animation-delay: 0.5s; }
#grid4, .navbar-nav li.dropdown:nth-child(6) a { animation-duration: 1s; animation-delay: 0.6s; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.6s; -moz-animation-duration: 1s; -moz-animation-delay: 0.6s; -ms-animation-duration: 1s; -ms-animation-delay: 0.6s; -o-animation-duration: 1s; -o-animation-delay: 0.6s; }
#grid5, #language { animation-duration: 1s; animation-delay: 0.7s; -webkit-animation-duration: 1s; -webkit-animation-delay: 0.7s; -moz-animation-duration: 1s; -moz-animation-delay: 0.7s; -ms-animation-duration: 1s; -ms-animation-delay: 0.7s; -o-animation-duration: 1s; -o-animation-delay: 0.7s; }