.adt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; 
}
.adt [class*="col-"]{
  display: flex;
  flex-direction: column;
}
.red {
	color: #c70000;
}
.pat img {
	width: 35%;
	margin: 0 auto;
}
.pat h4 {
	color: #fff;
	font-size: 1.4em;
	line-height: 1.5em;
	margin: 0 0 0 0;
	font-weight: normal;	
}
.pat div.en {
	font-size: 1em;
	line-height: 1.4em;
	height: 2.8em;
}
.pat div.cn {
	font-size: 1em;
	line-height: 1.4em;
	height: 4.2em;
	padding: 0 2em;
	margin: .5em 0 1em 0;
	text-align: left;
}
.pat div.tim {
	padding: 1.5em 0;
}
.pat div.mtg {
	padding: 1em;
	height: 9em;
}
.pat div.mtg ul {
	font-size: .9em;
}
.pat div.mtg ul li {
	clear: both;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	margin-left: -40px;
	list-style-type: none;
	line-height: 1.2em;
	overflow: hidden;
	padding: .2em 0;
}
.pat div.mtg ul li span {
	float: left;
	display: block;
}
.pat div.mtg ul li span.mma {
	width: 75%;
	margin-right: 5%;
	text-align: left;
}
.pat div.mtg ul li span.mmt {
	width: 20%;
}
.pry {
	padding: 1.5em 2em;
}
.pry h4 {
	color: #fff;
	font-size: 1.4em;
	line-height: 2em;
	margin: 0 0 1em 0;
	font-weight: normal;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
.tmbox {
	padding: 3em 1.5em 1.5em 1.5em;
}
.tmbox h4 {
	color: #0c4a83;
	margin: 0 0 .8em 0;
	font-style: italic;
}

.tmfr h4 {
	color: #0c4a83;
}
.tmrg h4 {
	color: #866579;
}
.tmau h4 {
	color: #d96939;
}
.tmbr h4 {
	color: #1f6e84;
}
.tmic h4 {
	color: #e09428;
}
.tmtp h4 {
	color: #a647a5;
}

.tmbox ul {
	margin: 3em auto;
	padding: 0;
	text-align: center;
	background-color: #f7f7f7;
}
.tmbox ul li {
	padding: 1.2em 0;	
	clear: both;
	list-style-type: none;
	overflow: hidden;
}
.tmbox ul li span {
	float: left;
	text-align: center;
}
.tmbox ul li span.tmxl {
	width: 80%;
	border-right: 1px solid #fff;
}
.tmbox ul li span.tml {
	width: 45%;
	text-align: left;
	padding: 0 1em;
}
.tmbox ul li span.tmm {
	width: 20%;
}
.tmbox ul li span.tms {
	width: 15%;
}
.titfr {
	background-image: url(/images/bg_titfr.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	background-color: #ffa544;
	text-align: center;
	color: #fff;
	font-size: 1.3em;
	padding: 1em 0 1.5em 0;
}
.titfr img {
	width: 20%;
	margin: 0 auto;
}
.tmzo {
	width: 100%;
}
.tmzo img {
	width: 100%;
}
.kpbox {
	max-width: 900px;
	margin: 0 auto;
}
.atbox, .rtbox, .srbox {
	overflow: hidden;
}
.rtbox {
	/*margin-top: 7em;*/
}
.srbox {
	/*margin: 5em 0 2em 0;*/
}
.atbox>div, .rtbox>div, .srbox>div {
	width: 10%;
	float: left;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.atbox>div {
	background-color: #ffbf43;
}
.rtbox>div {
	background-color: #2ac5b5;
}
.srbox>div {
	background-color: #ec3761;
}

.atbox>div>img, .rtbox>div>img, .srbox>div>img {
	width: 100%;
}
.atbox>ul, .rtbox>ul, .srbox>ul {
	float: left;
	width: 90%;
}
.atbox>ul>h3, .rtbox>ul>h3, .srbox>ul>h3 {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: .5em;
}
.atbox>ul>li {
	list-style-type: none;
	padding: .2em 0;
}
.rtbox>ul>li, .srbox>ul>li {
	list-style-type: square;
	padding: .2em 0;
}
.atbox>ul>h3 {color: #ffbf43;}
.rtbox>ul>h3 {color: #2ac5b5;} 
.srbox>ul>h3 {color: #ec3761;}

.ts01, .ts01m, .ts02, .ts02m, .ts03, .ts03m {
	text-align: right;
}
.ts01, .ts02, .ts03 {
	font-size: 1em;
	line-height: 1.8em;
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	border-radius: .2em;
	background-color: #333;
	text-align: center;
	float: right;
	width: 50%;
	color: #fff;
	margin-right: .5em;	
}
.ts01 {background-color: #ffbf43;}
.ts02 {background-color: #2ac5b5;} 
.ts03 {background-color: #ec3761;}
.ts01m, .ts02m, .ts03m{
	border-right: 1px solid #fff;
	/*margin-top: 1.6em;*/
}
.ts01m {
	border-right-color: #ffbf43;
	padding: 2em .8em;
}
.ts02m {
	border-right-color: #2ac5b5;
	padding: 2em .8em;
}
.ts03m {
	border-right-color: #ec3761;
	padding: 2em .8em;
	margin-bottom: 2em;
}

h1 {
	font-size: 2.7em;
	line-height: 1.2em;	
}

h4 {
	color: #00a3d8;
	font-size: 1.4em;
	line-height: 1.5em;
	margin: 1.3em 0 .8em 0;
	font-weight: normal;
}
h5 {
	color: #006633;
	font-size: 1.2em;
	line-height: 1.5em;
	margin: .5em 0 .5em 0;
	font-weight: normal;
}

.mvbox_ue {
	background-image: url(/images/img_main03_01.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	height:540px;
}
.uetit {
	width: 100%;
	color: #fff;
	text-align: center;
	margin-top: 6em;
	padding: 1em 0;
}
.zamu {
	position: relative;
	padding:0;
}

.zabox {
	width: 100%;
	position: absolute;
	z-index: 5;
	top: -3em;
}

.pybox {
	width: 100%;
	position: absolute;
	z-index: 5;
	top: -7em;
}
.pybk {
	max-width: 1100px;
	margin: 0 auto;	
}
.uebox {
	max-width: 1100px;
	margin: 0 auto;
}
.zabox div.uenav {
	text-align: center;
	margin:0;
	padding:0;
}
.zabox div.uenav a {
	background-color: #ffbf43;	
	display: block;
	line-height: 1.4em;
	padding: 1.4em 0;
}
.zabox div.uenav a.ln {
	padding: 2.1em 0;
}

.zabox div.uenav a:hover {
	background-color: #333333;
	color: #fff;
	text-decoration: none;
}
.bpenav {
	text-align: center;
	margin:0;
	padding:0;
}
.bpenav a {
	background-color: #f3f3f3;	
	display: block;
	line-height: 1.4em;
	padding: 2.1em 0;
}
.bpenav a:hover {
	background-color: #333333;
	color: #fff;
	text-decoration: none;
}

.uept {
	background-image: url(/images/img_main03_02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;	
}
.ueit {
	background-image: url(/images/img_main03_03.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	color: #fff;
}
.pyit {
	background-image: url(/images/img_main01_01.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	background-color: #f0f0f0;
	color: #000;
}
.tit_ue {
	background-image: url(/images/bg_uetit.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;	
	/*width: 60%;*/
	width: 80%;
	margin: 3em auto 2em auto;
	text-align: center;
	display: block;
}
.marbk {
	width: 50%;
	margin-right: 7%;
	float: right;
	margin: 3em 0;
	line-height: 1.8em;
}
.marbk h3 {
	color: #ffbe46;
	line-height: 3em;
}
.klbbk {
	width: 55%;
	margin: 3em auto;
	line-height: 1.8em;
}
.klbbk h3 {
	color: #0083c7;
	line-height: 3em;
	text-align: center;
}
.ue_h3 {
	color: #ffbe46;
	line-height: 3em;
	text-align: center;
	margin-top: 2em;
}
.ue_bk {
	width: 75%;
	clear: both;
	text-align: center;	
	margin: 0 auto;
}
.tal {
	text-align: left;
}
ul.tsbox {
	max-width: 1000px;
	margin: 2em auto;
	padding: 0;
	text-align: center;
	background-color: #f7f7f7;
}
ul.tsbox li {
	padding: 1.2em 0;	
	clear: both;
	list-style-type: none;
	overflow: hidden;
}
.tsti {
	background-color: #333;
	color: #fff;
}
ul.tsbox li span {
	width: 20%;
	display: block;
	float: left;
}
.pzo {
	padding: 0;
}
.gr {
	background-color: #f7f7f7;
}
.wt {
	background-color: #fff;
}
.ptem {
	padding-top: 6em;
}
.wul, .wur {
	max-width: 550px;
	padding: 2em 1em;
	margin: 0 auto;
}
.cpl {
	max-width: 550px;
	float: right;
	margin: 2em ;
	text-align: right;
}
.cpr {
	max-width: 550px;
	float: left;
	margin: 2em ;
}
.wuic {
	background-color: #ffbf43;
	width: 20%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	float: left;
	
}
.wuic img {
	width: 100%;
}
.wubk {
	width: 75%;
	float: left;
	margin-left: 5%;
}
.wubk h5 {
	color: #ffbf43;
}
.wupy {
	width: 80%;
	margin: 0 auto;
}
.wupy h5 {
	color: #0083c7;	
	text-align: center;
}
.ctbox {
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
	margin: 2em 0 0 0;
	padding: .8em 0;
}
.ctl {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333;	
}
.ctbk {
	width: 75%;
	margin: 0 auto 3em auto;
}
.ctbox img {
	width: 80%;
	clear: both;
	margin: 0 auto;
	display:block;
}
.cpbox {
	width: 23%;
	margin: 2em 1% 4em 1%;
	box-shadow:0px 0px 5px #999;
	padding: 1%;
}
.cpbox img {
	width: 100%;
}
.cpbox h5 {
	color: #ffbe46;
}
.cpbox span {}
.cpe {
	background-color: #fff9e7;
	font-size: 1.2em;
}
.eg { background-color: #e7f9ee;}
.eb { background-color: #e9f9fc;}
.ed { background-color: #e5f5fc;}
.ex { background-color: #eaf1fb;}
.cpm {
	width: 45%;
}
.cpt {
	width: 10%;
}
.cpit {
	background-color: #ffc216;
	color: #fff;
	text-align: center;
	padding-top: 2em;
}
.epg, .epb, .epd, .epx {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: Contain;
	padding-top: 3em;
}
.epg { 
	background-color: #0fc45b;
	background-image: url(/images/bg_epg.png);
}
.epb { 
	background-color: #28c4e5;
	background-image: url(/images/bg_epb.png);
}
.epd { 
	background-color: #009cdd;
	background-image: url(/images/bg_epd.png);
}
.epx { 
	background-color: #3079d5;
	background-image: url(/images/bg_epx.png);
}
.egs { 
	color: #0fc45b;
}
.ebs { 
	color: #28c4e5;
}
.eds { 
	color: #009cdd;
}
.exs { 
	color: #3079d5;
}
.pdbox {
	box-shadow:0px 0px 5px #999;
	margin: 2em 5% 4em 5%;
}
.pdbox h5 {
	color: #0fc45b;
	width: 100%;
	line-height: 3em;
	text-align: center;
	border-bottom: 1px solid #0fc45b;
}
.pdbox ul {
	margin: 1.5em 1em 1.5em 0;
	list-style-type: square;
}
.pdbox ul li {}
.ugbk {
	background-color: #eeeeee;
	margin: 1em;
	padding: 1em;
	text-align: center;
}
.ugbk h6 {
	font-size: 1.2em;
	line-height: 2em;
	width: 50%;
	margin: 0 auto .5em auto;
	border-bottom: 1px solid #333;
	font-weight: normal;
}
.ugbk span {
	/*height: 5em;*/
	display: block;
}
.cash {
	color: #c90101;
	text-align: center;
	font-size: 2.2em;
}
.cash::before{
    content:"優惠價：";
    color:#000;
	font-size: .4em;
}
.cash::after{
    content:"å…ƒ";
    color:#000;
	font-size: .4em;
}
.bt_prd {
	background-color: #0fc45b;
	display: block;
	text-align: center;
	color: #fff;
	width: 100%;
	line-height: 4em;
}
.bt_prd:hover {
	background-color: #009900;
	text-decoration: none;
	color: #fff;
}
a.btn_len {
	width: 90%;
	margin: 2em auto 2em auto;
	line-height: 3em;
	display: block;
	overflow: hidden;
	font-size: 1rem;
}

a.bt_len {
	border: 1px solid #ffc216;
	width: 90%;
	margin: 0 auto 2em auto;
	line-height: 3em;
	color: #ffc216;
	display: block;
	overflow: hidden;
}
a.bt_len span {
	display: block;
	float: left;
	text-align: center;
}
a.bt_len span.lsn {
	width: 60%;
}
a.bt_len span.tx {
	width: 40%;
	background-image: url(/images/bg_btlen.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #ffc216;
	padding-left: 5%;
	color: #fff;
}
a.bt_len span.tx2 {
	width: 40%;
	background-image: url(/images/bg_btlen2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #ffc216;
	padding-left: 5%;
	color: #fff;
}
.urbox {
	max-width: 900px;
	margin: 0 auto;
}
.urwt {
	width: 44%;
	margin: 2em 3% 1em 3%;
	padding: 0 2% 2% 2%;
	background-color: #fff;
	float: left;
}
.urwt h4 {
	border-bottom-color: #333;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 1.5em;
	color: #97ca00;
	display: block;
}
.dbbox {
	padding: 0;
} 
.dbtit {
	background-color: #a5d80d;
	padding: 1.2em 0;
	margin: 0;
	text-align: center;
	color: #fff;
	font-size: 1.5em;
}
.gn {
	background-color: #42c275;	
}
.dbtit div.dbic {
	background-color: #fff;
	width: 5%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto;
}
.dbtit div.dbic img {
	width: 100%;
}
.dbmbox {
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	padding: 1.8em 0;
}
.ur {
	text-align: center;
	line-height: 1.8em;
}
.ur h3 {
	color: #97ca00;
	line-height: 2em;
}
.ca {
	background-color: #f7f7f7;
}
.db01 {
	color: #2ec5b6;
}
.db02 {
	color: #ed4671;
}
.db03 {
	color: #1d6f9c;
}
.db04 {
	color: #99158c;
}
.db05 {
	color: #f9b902;
}
.dbmbk {
	max-width: 1000px;
	margin: 0 auto;
}
.dbmbk div.no {
	width: 10%;
	float: left;
	margin: 0.5em 2% 0 2%;
}
.dbmbk div.no img {
	width: 100%;
}
.dbmbk div.dbmain {
	width: 82%;
	margin: 0 2% 0 2%;
	float: left;
	line-height: 1.5em;
}
.dbmbk div.dbmain h3 {
	font-size: 1.4em;
	line-height: 2em;
}
.esbox {
	background-image: url(/images/img_main03_08.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	color: #000;
	padding: 5%;
}
.esbk {
	width: 60%;
	float: left;
	line-height: 1.8em;
	background-color: #ffbf43;
}
.esbk h3 {
	background-color: #efefef;
	text-align: center;
	line-height: 3.6em;
}
ul.stbox {
	padding: 0;
	background-image: url(/images/ic_arrd.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 10%;
}
ul.stbox li {
	padding: 1em 2em;
	display: block;
	list-style-type: none;
	overflow: hidden;
}
ul.stbox li.sy {
	background-color: #ffcb65;
}
ul.stbox li span.st {
	width: 30%;
	display: block;
	float: left;
	color: #e61600;
}
ul.stbox li span.sma {
	width: 70%;
	display: block;
	float: left;
}
.gmat {
	background-image: url(/images/img_main03_09.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	color: #a16a00;
	padding: 5%;
}
.gmabk {
	width: 65%;
	margin-right: 7%;
	float: right;
	margin: 1em 0;
	line-height: 1.8em;
}
.gmabk h3 {
	color: #a16a00;
	line-height: 3em;
	text-align: center;
}
.gmabk ul {
	margin: 2em 0 0 0;
	color: #333;
}
.gmabk ul li {
	list-style-type:square;
}
.fr, .rg, .au, .at, .sc, .lc, .br, .ic, .tp {
	color: #fff;
	text-align: center;
}
/* .fr { background-color: #ffa544;}
.bc { background-color: #ff8546;}
.rg { background-color: #a7d433;}
.au { background-color: #02b4be;} */
.fr { background-color: #0c4a83;}
.au { background-color: #d96939;}
.rg { background-color: #866579;}

.br { background-color: #1f6e84;}
.ic { background-color: #e09428;}
.tp { background-color: #a647a5;}

.tbr { background-color: #1a5c6e;}
.tic { background-color: #c48123;}
.ttp { background-color: #883987;}
.mbr { background-color: #123e4b;}
.mic { background-color: #a16a1d;}
.mtp { background-color: #692d68;}


.at { background-color: #0fc45b;}
.sc { background-color: #B7472A;}
.lc { background-color: #3079d5;}
.tfr { background-color: #0a4072;}
.tau { background-color: #b1562f;}
.trg { background-color: #69505f;}
.mfr { background-color: #072c4e;}
.mau { background-color: #884224;}
.mrg { background-color: #4d3a45;}
.tmfr {
	border-top: 5px solid #0c4a83;
	margin: 2em 0 0 0;
}
.tmau {
	border-top: 5px solid #d96939;
}
.tmrg {
	border-top: 5px solid #866579;
}
.tmbr {
	border-top: 5px solid #1f6e84;
	margin: 2em 0 0 0;
}
.tmic {
	border-top: 5px solid #e09428;
}
.tmtp {
	border-top: 5px solid #a647a5;
}


/*---台灣代理---*/
.mvbox_edt {
	background-image: url(/images/img_main01.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	background-color: #fff;
	height: 640px;
	padding: 0;
}
.edttit {
	width: 100%;
	color: #fff;
	text-align: center;
	margin-top: 10em;
	padding: 2em 0;
	background-color: rgba(0,0,0,0.5);
}
.edttit h1 {
	line-height: 1.2em;
}
.edttit h1 span.een {
	font-size: .8em;
	font-style: normal;
	
}
.edttit h1 span.eoy {
	font-size: .5em;
	border: #fff solid 1px;
	padding: .1em 1em;
	font-style: normal;
}
.titcp {
	font-size: 1.3em;
	color: #0083c7;
	text-align: center;
	background-color: #fff;
}
.titcp img {
	width: 50%;
}

/*---認識Becker---*/
.mvbox_bpe {
	background-color: #000;
}
.bpetit {
	width: 100%;
	color: #fff;
	text-align: center;
	margin-top: 5em;
	padding: 1em 0;
}
.bpetit h1 {
	font-size: 1.8em;
}
.bpetit img {
	width: 30%;
	margin-bottom: 1em;
}
.bpepic {
	height: 450px;
	background-image: url(/images/img_main02_01.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.bpeps {
	width: 8em;
	height: 8em;
	background-color: #51c5ec;
	color: #fff;
	font-size: .4em;
	padding: 1.8em 0 0 1em;
	position: absolute;
	z-index: 5;
	bottom: 5em;
	left: -3em;
}
.tit_bpe {
	background-image: url(/images/bg_bpetit.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;	
	width: 80%;
	margin: 3em auto 2em auto;
	text-align: center;
	display: block;
	color: #0083c7;
}
.bpe_bk {
	width: 75%;
	clear: both;
	text-align: left;	
	margin: 0 auto;
	line-height: 2em;
	padding-bottom: 2em;
	font-size: 1.2em;
}
.width_c {
	width: 60%;
}
.brbox {
	width: 29%;
	margin: 2em 2% 4em 2%;
	box-shadow:0px 0px 5px #999;
}
.brg2 {
	width: 45%;
}
.brbox h3 {
	font-size: 1.5em;
	color: #fff;
	background-color: #0089c2;
	text-align: center;
	font-weight: normal;
	line-height: 2.6em;
}
.brbox h4 {
	text-align: center;
}
.brbox img {
	width: 100%;
}
.brbox img.cng {
	width: 30%;
	margin: 2.5em auto 0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.py {
	background-color: #40c2b8;	
}
.pt {
	background-color: #f84c74;	
}
.hs {
	background-color: #0089c2;	
}
.brbox img.ih {
	background-color: #ffc216;	
	width: 20%;
}
.brbox img.sh {
	background-color: #952092;
	width: 20%;
}
.pyt {
	color: #40c2b8;
}
.ptt {
	color: #f84c74;
}
.hst {
	color: #0089c2;
}
.iht {
	color: #ffc216;
}
.sht {
	color: #952092;
}
.pyl, .ptl, .hsl, .ihl, .shl{
	padding-bottom: 2em;
}
.pyl {
	border-bottom: 7px solid #40c2b8;
}
.ptl {
	border-bottom: 7px solid #f84c74;
}
.hsl {
	border-bottom: 7px solid #0089c2;
}
.ihl {
	border-bottom: 7px solid #ffc216;
}
.shl {
	border-bottom: 7px solid #952092;
	margin-left: 3%;
}
.brma {
	padding: 1.5em;
}
.cngma {
	text-align: center;
}
.ftr {
	background-image: url(/images/img_main02_05.jpg);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0;
}
.bi {
	background-image: url(/images/img_main02_06.jpg);
	background-position: right center;
}
.aiy {
	background-image: url(/images/img_main02_07.jpg);
	background-position: left center;	
	background-size: 55%;
}
.ftrma {
	width: 50%;
	float: right;
	background-color: #fff;
	padding: 2em;
}
.aif {
	width: 60%;
}
.biu {
	float: left;
}
.ftrma ul li {
	padding: 0 0 .5em 0;
}
.thn {
	width: 73%;
	text-align: center;
	margin: 0 auto;	
	float: right;
}
.thn img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 50%;
	margin: 2em auto .5em auto;
	display: block;
}
.neop, .netg, .nemb, .neag {
	margin-bottom: 1em;
	display: block;	
}
.nepo {
	color: #0089c2;
}
.netg {
	color: #f04770;
}
.nemb {
	color: #40c2b8;
}
.neag {
	color: #ffc216;
}
.thme {
	width: 87%;
	padding: 2em;
	color: #fff;
	line-height: 2em;
	min-height: 275px;
}
.thpo {
	background-color: #0089c2;
}
.thtg {
	background-color: #f04770;
}
.thmb {
	background-color: #40c2b8;
}
.thag {
	background-color: #ffc216;
}
.tobox {
	background-image: url(/images/img_main02_08.jpg);
	background-repeat: no-repeat;
	background-position: 0 70%;
	background-size: cover;
}
.tobk {
	max-width: 750px;
	margin: 1em auto;
}
.tobox ul {
	background-color: #e6e6e8;
	max-width: 750px;
	margin: 2em auto 3em auto;
	list-style: none;
	color: #fff;
	padding: 0;
}
.tobox ul li {
	padding: .5em 1em;
	background-color: #4d95cf;
	border-bottom: 1px solid #e6e6e8;
	overflow: hidden;
}
.tobox ul li.ple {
	font-size: 1.1em;
	color: #003360;
	padding: .8em 1em;
	background-color: #e6e6e8;
}
.tobox ul li.blc {
	background-color: #71a9da;
}
.tobox ul li span.tpi {
	width: 30%;
	border-right: 1px solid #e6e6e8;
	display: block;
	float: left;
	margin-right: 1em;
}
.tobox ul li span.pm {
	width: 60%;
	display: block;
	float: left;
}
.xx_pc {
	display: block;
}
.xx_mobile {
	display: none;
}
@media(max-width:1200px) {
h1 {
	font-size: 2.5em;
	line-height: 1.2em;	
}
.mvbox_ue {
	height:450px;	
}
.pat div.mtg {
	height: 10.4em;
}
.thn, .thme {
	width: 95%;
	margin: 0 auto;
}

}

@media(max-width:996px) {
h1 {
	font-size: 2.2em;
	line-height: 1.2em;	
}
.mvbox_ue {
	height:380px;	
}
.pat div.mtg {
	height: 12em;
}
.mvbox_edt {
	height: 440px;
}
}

@media(max-width:768px) {
.pat img {
	width: 10%;
	margin: .5em auto 0 auto;
}
.pat h4 {
	margin: 0 0 0 0;
}
.pat div.en {
	height: auto;
}
.pat div.cn {
	height: auto;
	text-align: center;
}
.pat div.mtg {
	height: auto;
}
h1 {
	font-size: 1.8em;
	line-height: 1.2em;	
}
h4 {
	font-size: 1.2em;
	line-height: 1.5em;
}
h5 {
	font-size: 1em;
	line-height: 1.5em;
}
.mvbox_ue {
	height:340px;	
}
.zabox div.uenav a.ln {
	padding: 1.4em 0;
}
.zabox div.uenav a br {
	display: none;
}

.uetit {
	margin-top: 0em;
	background-color: rgba(0,0,0,0.5);
}
.zabox {
	width: 100%;
	position: relative;
	top: 0em;
}
.tit_ue {
	width: 95%;
	margin: 2em auto 2.5em auto;
}
.ue_bk {
	width: 100%;
}
.marbk {
	width: 100%;
	float: none;
	margin: 4em 0 4em 0;
	padding: 3%;
	line-height: 1.8em;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}
.klbbk {
	width: 100%;
	float: none;
	margin: 4em 0 4em 0;
	padding: 3%;
	line-height: 1.8em;
	background-color: rgba(255,255,255,0.8);
	color: #000;
}
.esbk {
	width: 100%;
	float: none;
	line-height: 1.8em;
}
.gmabk {
	width: 100%;
	float: none;
	margin: 4em 0 4em 0;
	padding: 3%;
	line-height: 1.8em;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
}
.gmabk ul {
	color: #fff;	
}
.cpbox {
	width: 98%;
	margin: 1em 1%;
	padding: 3%;
}
.ctbk {
	width: 100%;
}
.ctbox {
	border-right-style: none;
}
.ctl {
	border-left-style: none;
}
.wul, .wur {
	max-width: 1000px;
	padding: 2em 1em;
}
ul.tsbox {
	font-size: 0.6em;
}	
.atbox>div, .rtbox>div, .srbox>div {
	width: 10%;
}

.atbox>ul, .rtbox>ul, .srbox>ul {
	width: 90%;
}
.ts01, .ts02, .ts03 {
	width: 60%;		
}
.ts01, .ts01m, .ts02, .ts02m, .ts03, .ts03m {
	font-size: .8em;
}
.ts01m {
	padding: 2.1em .4em;
}
.ts02m {
	padding: 2.1em .4em;
}
.ts03m {
	padding: 2.1em .4em;
}
.pybox {
	width: 100%;
	position: relative;
	top: 0em;
}
.ptem {
	padding-top: 0;
}
.cpm, .cpt {
	width: 100%;
}
.cpt, .epg, .epb, .epd, .epx { 
	background-image: none;
	padding: 1em 0;
}
.cpt br, .epg br, .epb br, .epd br, .epx br { 
	display: none;
}
.cpl, .cpr {
	width: 85%;
	float: none;
	margin: 2em auto;
	text-align: left;
}
.titcp {
	text-align: center;
}
.titcp img {
	width: 50%;
}
.bpetit {
	margin-top: 0em;
	padding: 1em 0 1.5em 0;
}
.bpepic {
	height: 300px;
}
.bpeps {
	display: none;
}
.bpe_bk {
	width: 90%;	
}
.brbox, .brg2 {
	width: 90%;
	margin: 2em auto 4em auto;
	box-shadow:0px 0px 5px #999;
}
.brbox img.ih, .brbox img.sh {
	width: 30%;
}
.ftr {
	background-image: url(/images/img_main02_05.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	padding: 5em 0 0 0;
	background-position: center -10em;
}
.ftrma {
	width: 100%;
	float: none;
	background-color: #fff;
	padding: 1em;
}
.aif {
	padding: 2em;
}

.bi {
	background-image: url(/images/img_main02_06.jpg);
	background-position: center -10em;
}
.aiy {
	background-image: url(/images/img_main02_07.jpg);
	background-position: center 0;
}
.thn img {
	width: 20%;
}
.xx_pc {
	display: none;
}
.xx_mobile {
	display: block;
}
}
@media(max-width:480px) {
h1 {
	font-size: 1.5em;
	line-height: 1.2em;	
}
.mvbox_ue {
	height:240px;	
}
ul.tsbox {
	font-size: 0.6em;
}
.atbox>div, .rtbox>div, .srbox>div {
	display: none;
}

.atbox>ul, .rtbox>ul, .srbox>ul {
	width: 100%;
}
.tit_ue {
	width: 95%;
	font-size: 1.6em;
}
.ts01, .ts02, .ts03 {
	width: 80%;		
}
.ts01m {
	padding: 6em .8em;
}
.ts02m {
	padding: 8em .8em;
}
.ts03m {
	padding: 17em .8em;
}
.thn img {
	width: 30%;
}
.mvbox_edt {
	height: 340px;
}
.xx_pc {
	display: none;
}
.xx_mobile {
	display: block;
}
.bpe_bk {
	font-size: 1em;
}
.width_c {
	width: 90%;
}
}